/* Minification failed. Returning unminified contents.
(5687,8): run-time error CSS1035: Expected colon, found '{'
(5758,24): run-time error CSS1035: Expected colon, found '.'
(8047,1): run-time error CSS1019: Unexpected token, found '@import'
(8047,9): run-time error CSS1019: Unexpected token, found 'url()'
 */
@charset "UTF-8";
/*General Styles*/


/*--- Column Percentage Styles ---*/
.dataCol20, .dataCol30, .dataCol40, .dataCol50, .dataCol60, .dataCol70, .dataCol80, .dataCol100 { float: left; overflow: hidden; position: relative; }
.dataCol20 { width: 20%; }
.dataCol30 { width: 30%; }
.dataCol40 { width: 40%; }
.dataCol50 { width: 50%; }
.dataCol60 { width: 60%; }
.dataCol70 { width: 70%; }
.dataCol80 { width: 80%; }
.dataCol100 { width: 100%; }

/*----- End Column Percentage Styles -----*/

.clear { clear: both; }
.clearLeft { clear: left; }
.clearRight { clear: right; }

.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
.floatLeft { float:left; }
.floatRight { float: right; }
.bold { font-weight: bold; }
.italic { font-style: inherit; }
.underline { text-decoration: underline; }

.blue { background: blue; }
.yellow { background: yellow; }
body {
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}

a:link,
a:visited {
    text-decoration: none
}

a:hover {
    text-decoration: underline;
}

#bkgContainer {
    margin-right: auto;
    margin-left: auto;
    top: 0px;
    min-height: 700px;
    background-image: url();
    background-repeat: no-repeat;
    background-position: center 45px;
    overflow: visible;
}

.navOverview a {
    background: url() no-repeat center top;
}

.navOrders a {
    background: url() no-repeat center top;
}

.navCommissions a {
    background: url() no-repeat center top;
}

.navFeeds a {
    background: url() no-repeat center top;
}

.navLeads a {
    background: url() no-repeat center top;
}

.navCustomers a {
    background: url() no-repeat center top;
}

.navOrganization a {
    background: url() no-repeat center top;
}

.navAutoship a {
    background: url() no-repeat center top;
}

.navMail a {
    background: url() no-repeat center top;
}

.navShowcase a {
    background: url() no-repeat center top;
}

.navCalendar a {
    background: url() no-repeat center top;
}

.navParty a {
    background: url() no-repeat center top;
}

.navMobile a {
    background: url() no-repeat center top;
}

.navResources a {
    background: url() no-repeat scroll center top;
}

.navFolder a {
    background: url() no-repeat scroll center top;
}

.navCoins a {
    background: url() no-repeat center top;
}

.navEnroll a {
    background: url() no-repeat center top;
}

.navNewOrder a {
    background: url() no-repeat center top;
}

.navTraining a {
    background: url() no-repeat center top;
}

#main {
    background-color: #f7f7f7;
    position: static;
    margin: 0 auto;
    background-image: url();
    background-repeat: repeat-x;
    background-position: top;
}

#mainTop {
    position: relative;
        position: relative;
    display: block;
    text-align: right;
}


#mainTopMid {

}

.welcome {
    float: left;
    color: #545455;
    font-size: 12px;
    margin-left: 5px;
    padding-top: 10px;
}

.repLinks {
    padding: 9px 0 0;
    margin: 0 5px 0 0;
    font-size: 12px;
}

.repLinks li {
    display: inline;
    border-left: 1px solid #000000;
    padding: 0 5px 0 6px;
}

.repLinks li:first-child {
    border: none;
}

.repLinks li a {
    color: #0060A5;
}

#mainTopR {
    background-image: url();
    background-repeat: none;
    width: 10px;
    height: 33px;
    float: left;
}

.main2col1 {
    padding: 10px;
    float: left;
    width: 300px;
}


/*----- Dashboard2 -----*/

.dashboard2col1L {
    background: url() repeat-y left top;
    margin: 0;
    padding: 0 0 0 4px;
}

.dashboard2col1R {
    background: url() repeat-y right top;
    margin: 0;
    padding: 0 4px 0 0;
}

.dashboard2col1T,
.dashboard2col1BgT,
.dashboard2col1BgLT,
.dashboard2col1BgRT {
    height: 4px;
}

.dashboard2col1BgT {
    background: url() repeat-x left top;
    margin: 0;
    padding: 0;
}

.dashboard2col1BgLT {
    background: url() no-repeat left top;
    margin: 0;
    padding: 0 0 0 4px;
}

.dashboard2col1BgRT {
    background: url() no-repeat right top;
    margin: 0;
    padding: 0 4px 0 0;
}

.dashboard2col1B,
.dashboard2col1BgB,
.dashboard2col1BgLB,
.dashboard2col1BgRB {
    height: 4px;
}

.dashboard2col1BgB {
    background: url() repeat-x left top;
    margin: 0;
    padding: 0;
}

.dashboard2col1BgLB {
    background: url() no-repeat left top;
    margin: 0;
    padding: 0 0 0 4px;
}

.dashboard2col1BgRB {
    background: url() no-repeat right top;
    margin: 0;
    padding: 0 4px 0 0;
}

.dashboard2col1 {
    background: #FAF3EA;
    font-size: 12px;
    margin: 0;
    padding: 7px;
    overflow: hidden;
}

.dashboard2col1 p,
.dashboard2col1 h2 {
    color: #545455;
}

.dashRColumnWidget {
    margin-left: -15px;
    margin-right: -15px;
}


/*--- END Dashboard2 ---*/

.main2col2 {
    padding: 10px;
    float: left;
    width: 620px;
}

.panel {
    background-position: 0 top;
    background-repeat: repeat-x;
    background-color: #faf3ea;
    position: static;
    overflow: hidden;
    box-shadow: none;
}

.panelOverflowY {
    background-position: 0 top;
    background-repeat: repeat-x;
    background-color: #faf3ea;
    position: static;
    overflow-x: hidden;
    overflow-y: visible;
    box-shadow: none;
}

.panelHeader {
    padding: 8px;
    border-bottom: 1px solid #dddddd;
}

.panelContentContainer {
    background-image: url();
    background-repeat: repeat-y;
    background-position: right top;
}

.panelContentMain {
    padding-left: 12px;
    font-size: 12px;
    color: #333;
    padding: 0;
}

.panel .btn-container {
    padding: 10px;
}

.main2col1Cont p {
    border-bottom: 1px dotted #222222;
    padding: 5px 0 3px;
}

.main2col1Rank p span {
    position: absolute;
    right: 20px;
}

.main2col1Cont p em {
    color: green;
    font-style: normal;
}

.main2col1Cont p span.options {
    position: absolute;
    right: 10px;
}

.main2col1Cont p span.commisions,
.main2col1Cont p span.growth {
    color: #0E69AA;
    position: absolute;
    right: 20px;
}

.main2col2Cont {}

.main2col2Cont p {
    border-bottom: 1px dotted #222222;
    padding: 5px 0 3px;
}

.main2col2Cont p a {
    color: #0E609A;
}

.main2col2Cont p img {
    position: absolute;
    left: 15px;
}

.main2col2Cont p span {
    margin-left: 27px;
    display: block;
}

.main2col2Cont p.alertWarning {}

.main2col2Cont p.alertFB {
    background: url() no-repeat left center;
    padding-left: 25px;
}

.main2col2Cont p.alertTwitter {
    background: url() no-repeat left center;
    padding-left: 25px;
}

.main2col2Cont p.alertStar {
    background: url() no-repeat left center;
    padding-left: 25px;
}

.panelBottom {
    background: url() repeat-x top;
    height: 4px;
}

.panelBottomL {
    background: url() no-repeat left top;
}

.panelBottomR {
    background: url() no-repeat right top;
}

.panelBgGradient {
    background-color: #faf3ea;
    background-image: url();
    background-repeat: repeat-x;
    background-position: top;
}

#homeOrganizationCols {
    text-align: center;
    margin: 0 auto;
    width: 600px;
}

#homeOrganizationCol1 {
    float: left;
    width: 35px;
}

#homeOrganizationCol2 {
    float: left;
    width: 500px;
    max-width: 600px;
    padding: 0 15px;
}

#homeOrganizationCol3 {
    float: right;
    width: 35px;
}

.lArrow,
.rArrow {
    display: block;
    width: 32px;
    height: 32px;
}

.lArrow {
    background: url() no-repeat left top;
}

.rArrow {
    background: url() no-repeat left top;
}


/*----- LEFT NAV -----*/

#leftNavTop {
    background: url() repeat-x top;
    float: left;
    margin: 0;
    padding: 0;
    width: 180px;
    height: 4px;
}

#leftNavTopCorner {
    background: url() no-repeat left top;
    float: right;
    width: 4px;
    height: 4px;
}

#leftNavBot {
    background: url() no-repeat left bottom;
    width: 180px;
    height: 110px;
}

#leftNav {
    clear: both;
    min-height: 500px;
    margin-top: 35px;
}

#leftNav ul {
    list-style: none;
    width: 176px;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

#leftNav ul li {
    list-style: none;
    font-size: 12px;
}

#leftNav ul li.selected a {
    background: url() repeat-y left transparent;
}

#leftNav ul li a {
    text-align: left;
    background: url() no-repeat left bottom;
    color: #857D74;
    text-decoration: none;
    display: block;
    min-height: 23px;
    margin: 0;
    padding: 6px 0 6px 10px;
    width: 170px;
    line-height: 23px;
}

#leftNav ul li a:hover {
    background: url() repeat-y left transparent;
}

#leftNav ul li a.newMail {
    font-weight: bold;
    font-style: italic;
}


/*--- END LEFT NAV ---*/


/*-----SUBNAV-----*/

div#subNav {
    border: 1px solid #cccccc;
    border-radius: 3px;
    margin: 0;
    padding: 0;
}

div#subNav .nav-pills > li > a {
    border-radius: 0;
}

ul#subMenu {
    font-size: 14px;
    list-style: none;
    margin: 0 0 5px;
    padding: 6px 0 12px;
    overflow: auto;
}

ul#subMenu li {
    position: relative;
    z-index: 5;
    margin: 3px 0 3px 10px;
    padding: 3px 10px 2px;
    float: left;
}

ul#subMenu li a {
    color: #0060A5;
    text-decoration: none;
    position: relative;
    z-index: 5;
}

ul#subMenu li.backLava {
    position: absolute;
    z-index: 3;
    background-color: #fcfbfa;
    border: 1px solid #dacfd0;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
}


/*---END SUBNAV---*/


/*BUTTON*/

.rightButton {
    float: right;
    margin: 10px 15px 5px 10px;
}

.rightButton a {
    font-size: 11px;
    background: url() no-repeat 0 0;
    text-decoration: none;
    padding-left: 10px;
    display: block;
    height: 20px;
}

.rightButton a span {
    background: url() no-repeat right -40px;
    padding: 4px 10px 0 0;
    color: #EFEFEF;
    display: block;
    cursor: pointer;
    height: 16px;
}

.rightButton input {
    font-size: 11px;
    background: url() no-repeat 0 0;
    text-decoration: none;
    padding-left: 10px;
    display: block;
    height: 20px;
}

.rightButton a:hover {
    background-position: 0 -20px
}

.rightButton a:hover span {
    background-position: right -60px;
}

.rightButtonDisabled {
    float: right;
    margin: 10px 15px 5px 10px;
}

.rightButtonDisabled a {
    font-size: 11px;
    background: url() no-repeat 0 0;
    text-decoration: none;
    padding-left: 10px;
    display: block;
    cursor: default !important;
    opacity: .35;
    filter: Alpha(Opacity=35);
    height: 20px;
}

.rightButtonDisabled a span {
    background: url() no-repeat right -40px;
    padding: 4px 10px 0 0;
    color: #EFEFEF;
    display: block;
    cursor: default !important;
    height: 16px;
}

.leftButton {
    float: left;
    margin: 10px 10px 5px 0;
}

.leftButton a {
    font-size: 11px;
    background: url() no-repeat 0 0;
    text-decoration: none;
    padding-left: 10px;
    display: block;
    height: 20px;
}

.leftButton a span {
    white-space: nowrap;
    background: url() no-repeat right -40px;
    padding: 4px 10px 0 0;
    color: #EFEFEF;
    display: block;
    cursor: pointer;
    height: 16px;
}

.leftButton a:hover {
    background-position: 0 -20px
}

.leftButton a:hover span {
    background-position: right -60px;
}

.leftButtonDisabled {
    float: left;
    margin: 10px 10px 5px 0;
}

.leftButtonDisabled a {
    font-size: 11px;
    background: url() no-repeat 0 0;
    text-decoration: none;
    padding-left: 10px;
    display: block;
    cursor: default !important;
    opacity: .35;
    filter: Alpha(Opacity=35);
    height: 20px;
}

.leftButtonDisabled a span {
    white-space: nowrap;
    background: url() no-repeat right -40px;
    padding: 4px 10px 0 0;
    color: #EFEFEF;
    display: block;
    cursor: default !important;
    height: 16px;
}

.titleButton a {
    background: url() no-repeat 0 0;
}

.titleButton a span {
    background: url() no-repeat right -40px;
    color: #0060A5;
}

.titleButton a:hover {
    background-position: 0 -20px;
}

.titleButton a:hover span {
    background-position: right -60px;
}

.floatL {
    float: left;
}

.floatR {
    float: right;
}

.clear {
    clear: both;
    margin: 0px;
    padding: 0px;
    height: 1px;
}


/*END BUTTON*/


/*INPUTS*/
.input-with-addon input {
    padding-right: 30px !important;
}

.input-with-addon i {
    position: absolute;
    z-index: 2;
    height: 32px;
    width: 32px;
    transform: translateX(-100%);
    cursor: pointer;
}

.input-with-addon i::before {
    position: absolute;
    transform: translateX(50%) translateY(50%);
}
/*END INPUTS*/


/*----- CONTENT PAGE -----*/

.leftNavCol {
    background: #FAF3EA url() repeat-y right;
    padding: 0;
    float: left;
    width: 180px;
    margin-right: 15px;
}

.contentCol {
    position: relative;
    width: auto;
    font-size: 12px;
}

@media screen and (min-width: 992px) {
    .leftNavCol + .contentCol {
        width: calc(100% - 200px);
        float: left;
    }
}

#contentColTitle {
    padding-bottom: 5px;
    overflow: visible;
    border-bottom: none;
    position: relative;
}

#contentColTitle h1,
#contentColTitle h2 {
    display: inline-block;
    font-size: 24px;
    color: #999999;
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
}

#contentColTitle div.contentColSearch {
    position: absolute;
    right: 25px;
    top: 13px;
}

#contentColTitle div.contentColSearch input {
    background: url() no-repeat 3px 1px #FFFFFF;
    padding: 3px 3px 2px 22px;
    color: #999999;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

#contentColTitle div.contentColOptions {
    float: right;
    right: 25px;
    top: 6px;
}

.contentSubTitle {
	background: url() repeat-x top #6077A8;
	overflow: visible;
	border-bottom: none;
	position: relative;
    padding: 5px 20px 5px 20px;
    margin-bottom: 10px;
    margin-top: 5px;
	font-size: 16px;
	color: #fafafa;
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
}

.contentColNoLeft {
    float: left;
    width: 960px;
}

.org1col1 {
    position: relative;
    padding: 10px;
    float: left;
    width: 750px;
    max-width: 100%;
}

.org2col1 {
    position: relative;
    padding: 10px;
    float: left;
    width: 274px;
}

.org2col1 .repInfo {
    overflow: hidden;
    margin-bottom: 1em;
}

.org2col2 {
    padding: 10px 0;
    float: left;
    width: 466px;
}

.org2col1 h2 {
    font-size: 24px;
    font-weight: bold;
}

.org2col1 p {
    font-size: 12px;
    overflow: hidden;
    margin-bottom: .35em;
    line-height: 1.3em;
}

@media only screen and (max-width: 450px) {
    .editProfileFormLong p input {
        width: auto !important;
    }
}

.editProfileFormLong p label {
    width: 100%;
}


.contactButton {
    display: inline-block;
}

.contactInfo {
    clear: both;
    position: relative;
}

.contactInfo a {
    color: #2275B1;
}

.contactInfo h3 {
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 5px;
    color: #333333;
}

.divTable {
    display: table;
    width: 60%;
}

.divTableRow {
    display: table-row;
}

.divTableHeading {
    background-color: #EEE;
    display: table-header-group;
}

.divTableCell,
.divTableHead {
    display: table-cell;
    padding: 3px 10px;
}

.divTableHeading {
    background-color: #EEE;
    display: table-header-group;
    font-weight: bold;
}

.divTableFoot {
    background-color: #EEE;
    display: table-footer-group;
    font-weight: bold;
}

.divTableBody {
    display: table-row-group;
}

.valignTop {
    vertical-align: top;
}

.reportCriteria {
    font-size: 13px;
    font-weight: bold;
    color: #304475;
    margin-bottom: 10px;
    display: inline-block;
}

.reportData {
    margin-top: 10px;
    overflow: auto;
}

.reportDataHeader {
    margin: 10px;
}

.reportHeaderContainer {
    font-size: smaller;
}

.reportSearchFeature {
    margin: 1%;
    float: right;
}

.reportMessageFeature {
    margin: 1%;
    float: left;
}

.reportSearchFeature input {
    margin-top: 5%;
}

.reportSelectAll {
    vertical-align: text-bottom;
    margin-left: 5%;
}

.t-grid  .t-grid-header .t-header .t-link {
    height: auto;
    margin: 0;
}

.exportButtonWrapper {
    float:right; 
    padding: 0 3px 15px 3px;
}

.exportButtonWrapper li.t-item {
    min-height: 27px;
}

@media screen and (max-width: 991px) {
    .exportButtonWrapper {
        float: none;
        width: 100%;
    }
    .exportButtonWrapper li.t-item {
       width: 100%;
       text-align: center;
    }
    .exportButtonWrapper .t-animation-container, 
    .exportButtonWrapper .t-animation-container ul {
        width: 100% !important;
    }

}



/*--- END CONTENT PAGE ---*/


/* MVC validation styles */

.error {
    color: Red;
}

#logindisplay {
    font-size: 1.1em;
    display: block;
    text-align: right;
    margin: 10px;
    color: White;
}

#logindisplay a:link {
    color: white;
    text-decoration: underline;
}

#logindisplay a:visited {
    color: white;
    text-decoration: underline;
}

#logindisplay a:hover {
    color: white;
    text-decoration: none;
}

.field-validation-error {
    color: #ff0000;
}

.input-validation-error {
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors {
    font-weight: bold;
    color: #ff0000;
}


/* graph styles */

.btnSubmitSM,
.btnLeftArrow {
    background-image: url();
    background-repeat: no-repeat;
    height: 17px;
    width: 18px;
    border: none;
}

.btnLeftArrow {
    background-image: url();
}

.graphContainer {
    width: 280px;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
}


/*----- GRAPHSCROLL LAYOUT -----*/

.graphScroll {
    position: relative;
    text-align: center;
    margin: 15px auto 15px;
    width: 780px;
}

.graphScroll div.graphContainer {
    position: relative;
    text-align: center;
    margin: 0 auto;
    width: 780px !important;
}

.graphScroll div div.graphsGraphs {
    position: relative;
    border: 1px solid #999999;
    padding: 10px 5px;
    width: 660px;
    overflow: hidden;
}

.graphScroll div div {
    font-size: 12px;
    float: left;
    overflow: hidden;
}

.graphScroll div.arrows a {
    vertical-align: -110px;
}

.graphScroll div.arrows a img {
    margin: 0 10px
}

.graphScroll img {
    margin: 0 10px;
}


/*--- END GRAPHSCROLL LAYOUT ---*/


/*----- PAGINATION -----*/

.contentPagination {
    line-height: 1.8em;
    padding: 0.2em 0.6em;
}

.paginationPager {
    display: block;
    float: left;
    margin: 5px 10px;
}

.paginationNumeric {
    float: left;
    margin: 0 5px;
    vertical-align: top;
}

.paginationStatusText {
    display: block;
    float: right;
    margin: 5px 10px;
}

.paginationLink {
    margin: 0;
    padding: 1px;
    text-decoration: none;
    cursor: pointer;
    float: left;
}

.paginationNumeric a:hover.paginationLink,
.paginationNumeric .paginationStateActive {
    line-height: 20px;
    padding: 1px 4px;
    vertical-align: top;
    float: left;
}

.paginationNumeric .paginationLink,
.paginationNumeric .paginationStateActive {
    line-height: 22px;
    margin-top: 0;
    padding: 1px 5px;
    vertical-align: top;
}

.paginationNumeric .paginationStateActive {
    line-height: 22px;
    margin-top: 0;
    padding: 0 5px;
    vertical-align: top;
}

a:hover.paginationLink,
.paginationStateActive {
    cursor: pointer;
    background: #A4C2F1 url() repeat scroll 0 -47px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px 5px;
    border-top-right-radius: 5px 5px;
    border-bottom-left-radius: 5px 5px;
    border-bottom-right-radius: 5px 5px;
    border-style: solid;
    border-width: 1px;
    text-decoration: none;
}

.paginationStateActive {
    background: #FFFFFF;
}

.paginationArrows {
    padding: 3px 2px 1px;
    overflow: hidden;
    position: relative;
}

a:hover.paginationArrows {
    padding: 2px 1px;
}

.paginationIcon {
    overflow: hidden;
    background: url() no-repeat scroll 0 0;
    margin-top: 2px;
    display: block;
    float: left;
    height: 16px;
    width: 16px;
    text-indent: -99999px;
}

.paginationArrowFirst {
    background-position: 0 -192px;
}

.paginationArrowPrev {
    background-position: -16px -192px;
}

.paginationArrowNext {
    background-position: -32px -192px;
}

.paginationArrowLast {
    background-position: -48px -192px;
}

a:hover span.paginationArrowFirst {
    background-position: 0 -224px;
}

a:hover span.paginationArrowPrev {
    background-position: -16px -224px;
}

a:hover span.paginationArrowNext {
    background-position: -32px -224px;
}

a:hover span.paginationArrowLast {
    background-position: -48px -224px;
}

.paginationStateDisabled span.paginationArrowFirst {
    background-position: 0 -208px;
}

.paginationStateDisabled span.paginationArrowPrev {
    background-position: -16px -208px;
}

.paginationStateDisabled span.paginationArrowNext {
    background-position: -32px -208px;
}

.paginationStateDisabled span.paginationArrowLast {
    background-position: -48px -208px;
}


/*--- END PAGINATION ---*/


/*----- GENERAL COLOUR -----*/

.gray {
    color: #999999;
}

.darkgray {
    color: #666666;
}

.lightgray {
    color: #CCCCCC;
}


/*--- END GENERAL COLOUR ---*/

.dotUnderline {
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #333;
}

.displayNone {
    display: none;
}


/* used on Contact and Profile for hidden data */

.viewMore {
    padding-left: 10px;
}


/* used when to add padding when graphs are not displayed (non-paid)*/

.noGraphPadding {
    padding-bottom: 10px;
}


/* Footer */

#footer {
    clear: both;
    display: flex;
    margin: 0 auto;
    flex-wrap:wrap;
    background-color: #f7f7f7;
}

#footer::before {
    content: '';
    flex: 1;
}

.footer-language {
    flex: 1;
    padding: 10px 15px 20px;
    text-align: right;
    font-size:14px;
}

.footer-language select#localeID {
    padding: 6px;
    border-radius: 4px;
}

.footer-language .language-label {
    font-weight: 600;
}

.dash-footer {
    max-width: 1200px;
}

.versionLabel {
    flex: 1;
    text-align: center;
    font-size: 10px;
    margin: 10px 0 10px;
    flex-basis: 100%;
    order:99999;
}

.showFalse,
.showfalse {
    display: none;
}

@media screen and (max-width: 767px) {
    #footer::before {
        flex: 0;
    }
}


/* HELPER TEXT */

div#fancy_div {
    background: White !important;
}

div#fancy_div p {
    margin-bottom: 1em;
}

.popUpHelperHeader {
    font-size: 1.8em;
    font-weight: bold;
    margin-bottom: 0.75em;
}


/* Modal Overlay Layout Override */

.TelerikModalOverlay {
    z-index: 5000 !important;
}

.modalBackground {
    background: none;
}

.errorContainer {
    padding-left: 55px;
    padding-bottom: 20px;
    padding-right: 20px;
    padding-top: 15px;
    background: url() 10px 10px no-repeat;
    width: 560px;
    background-color: #fff4a4;
    margin: 30px auto;
    position: relative;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #ff8008;
}

.errorContainer h1 {
    color: #ef7c00;
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 15px;
}

.errorContainer p {
    line-height: 24px;
    font-size: 14px;
}


/* Export Menu Style*/


/* Export Menu Style*/

.exportMenu {
    color: #ffffff;
    font-size: 12px;
    position: absolute;
    padding: 5px 20px 0;
    right: 15px;
    top: 8px;
}

.exportMenuFilter {
    color: #ffffff;
    font-size: 12px;
    position: absolute;
    padding: 8px 20px 0;
}

.exportMenu ul.t-group li.t-item a.t-link {
    color: #000 !important;
    white-space: nowrap;
}

.exportMenu ul.t-group li.t-item span.t-link {
    color: #000 !important;
    white-space: nowrap;
}

.exportMenuFilter ul.t-group li.t-item a.t-link {
    color: #000 !important;
    white-space: nowrap;
}

.exportMenuFilter ul.t-group li.t-item span.t-link {
    color: #000 !important;
    white-space: nowrap;
}

h2.Unused-GiftCertificate-SubTitle {
    font-size: 1.5em;
    margin: 1%;
}

.subTitleContainer {
    padding: 10px;
}

.subTitle {
    font-size: 1.5em;
    margin: 1%;
}

.dark-overlay {
    filter: alpha(opacity=50);
    /* IE */
    opacity: 0.5;
    /* Safari, Opera */
    -moz-opacity: 0.50;
    /* FireFox */
    z-index: 999;
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    top: 0px;
    left: 0px;
    pointer-events: none;
}

.message-dark-overlay {
    top: 50%;
    position: absolute;
    left: 17%;
    font-size: 1.5em;
    z-index: 30;
}

.tp-li {
    width: 40px !important;
}

.tp-li a {
    background-image: url();
    background-repeat: no-repeat;
    background-position: center top;
    width: 58px;
    height: 58px;
    display: block;
    margin-right: auto;
    margin-left: auto;
}

.tp-li.orders a {
    background-position: 0 -860px;
}

.tp-li.alerts a {
    background-position: 0 -425px;
}

.tp-li.messages a {
    background-position: 0 -750px
}

.profilemenu {}


/* CSSTerm.com Simple CSS menu */

.tp-menu ul ul {
    padding: 0;
    margin-top: 71px !important;
    background: white;
    width: 185px;
    list-style-type: none;
    float: none !important;
    height: 100px;
    display: none;
}

.tp-menu ul ul li {
    float: none !important;
    height: 20px !important;
    /*width: 50px;*/
}

.tp-menu ul ul li a:hover {
    background: grey;
}

.tp-menu li:hover ul {
    display: block !important;
}

.tp-menu ul ul li a:hover {
    background: grey;
}

.tp-menu li:hover ul {
    display: block !important;
}

.customer-note-icon {
    width: 18pt;
}

.rev-sub-general {
    width: 22%;
    display: inline-block;
    margin-left: 2%;
    font-weight: bold;
}

.rev-sub-card-info {
    display: block;
    float: left;
    width: 210px;
    height: 100px;
    background-color: #e5e5e5;
    margin: 0 2%;
    padding: 1%;
    font-weight: bold;
}

.rev-sub-billing-header {
    margin-left: 1%;
}

.rev-sub-billing {
    width: 15%;
    display: inline-block;
    padding-top: 1%;
    margin-left: 2%;
}

.rev-sub-billing-button {
    width: 10%;
    display: inline-block;
    margin: 2% 2px 0 1%;
}

.rev-sub-cancel-warning {
    margin: 2% 0 2% 3%;
    font-weight: bold;
}

.rev-sub-cancel {
    width: 23%;
    display: inline-block;
    font-weight: bold;
    margin: 1% 0 1% 2%
}

/* LOGIN PAGE */

#loginLogo {
    background-image: url();
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin: 20px auto;
    height: 71px;
    max-width: 100%;
}

.wrongCredentials {
    padding-top: 10px;
}

#loginMain {
    min-height: 220px;
    position: relative;
    background-repeat: repeat-x;
    background-position: top;
    padding: 0px 15px 10px;
}

#loginMain.lockoutMain,
.lockoutMain {
    min-height: 110px;
    height: auto;
}

#login.lockout {
    padding: 20px;
}

#login.lockout p {
    font-size: 1em;
}

#login label {
    font-size: 14px;
    font-weight: 400;
}

#login input {
    width: 100%;
    margin: 0;
    padding: 5px 7px;
    border: 1px solid #ccc;
    border-radius: 3px;
    font-size: 14px;
}

#login .input-validation-error {
    border: 1px solid red;
}

#login .btn.btn-primary {
    min-width: 120px;
}

#userPass p {
    position: relative;
}

#userPass .field-validation-error {
    position: relative;
    font-size: 12px;
    left: 0px;
    top: 5px;
}

#rememberMe {
    display: block;
    margin: 0;
    color: #3B3F4F;
}

#rememberMe label {
    margin: 0;
    margin-right: 5px;
    display: inline;
    vertical-align: middle;
}

#rememberMe .checkbox {
    display: inline;
    vertical-align: middle;
    width: 15px;
    margin: 1px 50px 0 0;
    padding: 0;
}

#rememberMe input {
    background: none;
}

#forgotPass {
    margin: 0;
    color: #3B3F4F;
    font-size: 13px;
    display: inline-block;
    margin-left: 21px;
    line-height: 0;
}

#RequestPassword {
    padding: 5px;
    border-top: 1px solid #333;
}

#RequestPassword p.instruction {
    text-align: justify;
    font-size: 12px;
    margin-bottom: 10px;
}

#loginIcon {
    float: right;
}

#loginIcon img {
    margin-right: 50px;
    src: url();
}

#login .loginButton {
    margin: 10px 50px 0 0;
}

#loginBot {
    background: url() no-repeat left top;
    height: 8px;
}


/* ERROR PAGE */

#error {
    padding-top: 35px;
    background-color: White;
    overflow: hidden;
}

#errorIcon {
    float: left;
    padding: 10px 15px;
}

#errorMessage {
    margin-left: 75px;
    overflow: hidden;
}

#errorMessage p {
    margin-bottom: 1em;
}

.return2Login {
    font-size: .875em;
}

#errorRef {
    position: absolute;
    bottom: 0px;
    right: 0px;
    font-size: 10px;
    margin: 10px 20px;
}

#errorRef p {
    border-bottom: 1px solid #3b4d7b;
}


/* DEFAULT PAGE */

#defaultCont {
    position: relative;
    margin: 25px auto 0 auto;
}

#default {
    font-family: Arial, Helvetica, sans-serif;
    background-color: #FFF;
    padding: 15px;
    border: solid #FFF 1px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.defaultHeaderText {
    font-size: 26px;
    color: #333;
}

#defaultInner {
    font-size: 14px;
    color: #555;
    margin-top: 20px;
    line-height: 1.5;
    margin-bottom: 15px;
}

#defaultInner p {
    margin-bottom: 15px;
}

#default a {
    font-size: 1.1em;
    color: #0060a5;
}

#location-select {
    padding: 6px;
    max-width: 200px;
    float: right;
}

#location-select .input-field {
    background: #ffffff;
}
#location-select .input-wrapper-select::before {
    top: 0;
}

@media screen and (max-width: 768px) {
#location-select {
    padding-left: 10px;
    padding-right: 10px;
    max-width: 100%;
    float: none;
}
}

@media screen and ( max-width: 768px) {
    #forgotPass {
        display: block;
        text-align: center;
        padding-top: 10px;
    }

    .welcome-login,
    .location-select {
        display: block;
        text-align: center;
    }

    #location-select .form-group .input-wrapper-select {
        margin-bottom: 5px;
    }

    .location-select {
        float: none;
    }

    .location-select select {
        width: 100%; 
        padding: 4px;
        border-radius: 3px;
    }

}
#setupContainer {
	width: 560px;
	margin: 25px auto;
	top: 0px;
	min-height: 700px;
}

#setupLogo {
	background-image: url();
	background-repeat: no-repeat;
	text-align: center;
	margin: 0 auto;
	height: 65px;
	width: 180px;
	position: relative;
}

#setupTop {
	position: relative;
	width: 560px;
	height: 33px;
}

#setupTopL {
	background-image: url();
	background-repeat: none;
	width: 10px;
	height: 33px;
	float: left;
}

#setupTopMid {
	background-image: url();
	background-repeat: repeat-x;
	width: 540px;
	height: 33px;
	float: left;
}

#setupTopMid .welcome {
	float: left;
	color: #545455;
	font-size: 14px;
	margin-left: 5px;
	padding-top: 10px;
}

#setupTopR {
	background-image: url();
	background-repeat: none;
	width: 10px;
	height: 33px;
	float: left;
}

#setupMain {
	background-color: #FFF;
	width: 560px;
	min-height: 175px;
	position: relative;
	background-image: url();
	background-repeat: repeat-x;
	background-position: top;
}

#setup {
	padding: 25px 25px 15px 15px;
	background-color: White;
	font-size: 0.9em;
	line-height: 1.2em;
}

.setupContent {
	margin-left: 75px;
}

#setup p {
	margin: .5em 0;
	text-align: justify;
}

.setupContent .textBox {
	width: 250px;
}

.setupHeader {
	position: relative;
}

#setup h2 {
	margin: 20px 10px 5px 0;
	font-size: 1.2em;
	border-bottom: solid 1px #255291;
	color: #255291;
	font-weight: bold;
}

#setup h2.setupHeader {
	margin: 0 0 .5em;
	font-size: 1.8em;
	border: none;
	color: #255291;
}

#setup .setupButton {
	clear: both;
	text-align: left;
	margin: 15px 0;
	width: auto;
}

.setupLater {
	margin-left: 50px;
	font-size: 0.9em;
}

#setupBot {
	background: url() no-repeat left top;
	width: 560px;
	height: 8px;
}


/* Pop Up */

.setupWhatIsThisMessagesSettings,
.setupWhatIsThisAlertsSettings,
.setupWhatIsThisSmsSettings {
	font-size: .850em;
	line-height: 1.4em;
	position: absolute;
	background: #FFFFFF;
	border: 1px solid #000000;
	width: 250px;
	right: 10px;
	top: 4px;
	padding: 14px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	text-align: justify;
    z-index: 1;
}

.setupWhatIsThisMessagesSettings h3,
.setupWhatIsThisAlertsSettings h3,
.setupWhatIsThisSmsSettings h3 {
	font-size: 16px;
	margin-bottom: .5em;
	font-weight: bold;
}

.WIThidden {
	display: none;
}

.WITclose {
	float: right;
	cursor: pointer;
}


/* End Pop Up */


/*-- SETUP PAID ACCOUNT --*/

.setupPaidWelcome,
.setupPaidCommSettings,
.setupPaidComplete,
.setupPaidSignupPro {
	padding-left: 67px;
	min-height: 64px;
}

.setupPaidWelcome p {
	text-align: justify;
}

.setupPaidCommSettings p {
	text-align: justify;
}

.setupPaidWelcome,
.setupFreeWelcome {
	background: url() no-repeat left top transparent;
}

.setupPaidCommSettings {
	background: url() no-repeat left top transparent;
}

.setupPaidComplete {
	background: url() no-repeat left top transparent;
}

.setupPaidSignupPro {
	background: url() no-repeat left top transparent;
}

.whatIsThis {
	cursor: pointer;
}

.setupBillingInfo {
	overflow: auto;
}

.setupBillingInfo p {
	clear: left;
}

.setup2ColL,
.setup2ColR {
	float: left;
	width: 48%;
}

.setup2ColL {
	clear: left;
}

.shortTextBox {
	width: 100px;
}

.paidCC {
	font-size: 0.8em;
}

.paidCCimg {
	position: relative;
	padding: 0;
    width: 30px;
    margin-top: -5px;
}


/*-- END SETUP PAID ACCOUNT --*/


/*-- SETUP FREE ACCOUNT --*/

.setupFreeWelcome,
.setupFreeMissing {
	padding-left: 75px;
	min-height: 64px;
}

.setupFreeMissing {
	background: url() no-repeat left top transparent;
}

#setup p.setupViewMore {
	margin: 0 0 15px;
}

.setupViewMore span {
	color: #0E609A;
	cursor: pointer;
}

.setupViewMore span:hover {
	text-decoration: underline;
}

table.setupComparison {
	border-collapse: collapse;
}

.setupComparison th {
	background: #6077A8;
	color: #FFFFFF;
	text-align: left;
	padding: 3px 6px;
	font-size: 13px;
	font-weight: bold;
	line-height: 1.2em;
	border: 1px solid #FFF;
}

.setupComparison th + th {
	border-left: 1px solid #FFF;
}

.setupComparison th span {
	font-size: 10px;
}

.setupComparison td {
	padding: 3px 0 3px 30px;
	font-size: 0.9em;
	line-height: 1.2em;
	border-bottom: 1px solid #c2c9db;
	height: 32px;
}

.setupComparison td + td {
	padding: 3px 6px;
	font-size: 0.9em;
	line-height: 1.2em;
	border-left: 1px solid #c2c9db;
}


/*.setupComparison tr.alt { background: #DFDFDF; }*/

.moreFeaturesHidden {
	display: none;
}

.checked {
	background: url() no-repeat center;
}

td.pro {
	background: #c2c9db url() no-repeat center;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
}

.setupFreeDisabled {
	color: #AAAAAA;
}

#setup h2.setupFreeDisabled {
	border-bottom: 1px solid #AAAAAA;
}


/*-- END SETUP FREE ACCOUNT --*/

.iphone {
	background: url() no-repeat left;
}

.web {
	background: url() no-repeat left;
}

.dash {
	background: url() no-repeat left;
}

.mess {
	background: url() no-repeat left;
}

.cal {
	background: url() no-repeat left;
}

.lead {
	background: url() no-repeat left;
}

.org {
	background: url() no-repeat left;
}

.order {
	background: url() no-repeat left;
}

.comm {
	background: url() no-repeat left;
}

.show {
	background: url() no-repeat left;
}

.feed {
	background: url() no-repeat left;
}

.setupBillingInfo .editProfileAddress p {
	clear: none;
}
#dashboard, #dashboard #main, #content-wrapper #revMainContentContainer, #wrapper #content-wrapper, #wrapper #content-wrapper #content {
    background: #f7f7f7;
}

.freeTextWidget h2 {
    margin-bottom: 3px;
    padding-bottom: 2px;
    font-size: 18px;
    border-bottom: 1px dotted #545455;
}

.genericDataWidget h2 {
    margin-bottom: 3px;
    padding-bottom: 2px;
    font-size: 18px;
    border-bottom: 1px dotted #545455;
}

.birthdayGreetingWidget {
    margin-bottom: 6px;
    padding-bottom: 3px;
    font-size: 18px;
    background-color: white;
    border: 1px solid #000;
}

.birthdayGreetingWidget label {
    font-size: x-small;
    margin-right: 2px;
}

#dashRecentStatistics h2 {
    margin-bottom: 3px;
    padding-bottom: 2px;
    font-size: 18px;
    border-bottom: 1px dotted #545455;
}

#dashLastVisit h2 {
    margin-bottom: 3px;
    padding-bottom: 2px;
    font-size: 18px;
    border-bottom: 1px dotted #545455;
}

#dashLastVisit .lastVisitRow {
    margin: 5px 0 3px;
    padding: 0;
    overflow: hidden;
    text-align: center;
}

.lastVisitRow div {
    text-align: left;
}


#dashAddLead h2 {
    margin-bottom: 15px;
    padding-bottom: 2px;
    font-size: 18px;
    border-bottom: 1px dotted #545455;
}

#dashAddLead p {
    margin-bottom: 0.35em;
}

.dashLeadInput {
    display: block;
}

.dashLeadInput input {
    width: 100%;
    border: 1px solid #cccccc;
    border-radius: 3px;
    padding: 3px 5px;
}

.dashAddLeadInput {
    width: 100%;
}

#dashEvents h2 {
    margin-bottom: 3px;
    padding-bottom: 2px;
    font-size: 18px;
    border-bottom: 1px dotted #545455;
}

#dashEvents ul {
    margin: 0;
    padding: 0;
    clear: both;
}

#dashEvents ul li {
    position: relative;
    margin: 4px 0 6px;
    padding: 8px 0 2px;
    display: block;
    border: 1px solid black;
    border-radius: 3px;
    padding: 10px 20px 10px 15px;
    margin: 12px 0px;
    background: #f5f5f5;
    border: 1px solid #e6e6e6;
}

#dashEvents ul li:hover {
    background: #e8e8e8;
}

#dashEvents .event-title {
    font-size: 14px;
}

#dashEvents .event-date-time {
    font-weight: 500;
    color: black;
}

#dashEvents ul li a {
    text-decoration: none;
}

#dashEvents ul li a:hover {
    text-decoration: none;
}

#dashEvents ul li i {
    font-size: 24px;
}

.dashUpcomingEvents {
    font-weight: bold;
    color: #000;
    position: absolute;
    left: 6px;
    top: 10px;
}

.dashUpcomingEventsDate {
    font-weight: bold;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.dashUpcomingDates {
    margin-top: 2px;
}

.widgetEventsStart {
    font-weight: bold;
}

.widgetEventsEnd {
    font-weight: bold;
    margin-left: 5px;
}

.widgetEventsDesc {
    display: block;
    margin-top: 10px;
}

#WidgetGroupAlerts p {
    border-bottom: 1px dotted #222222;
    padding: 5px 0 3px;
}

#WidgetGroupAlerts p span {
    display: block;
    margin-left: 27px;
}

#WidgetGroupAlerts p img {
    left: 15px;
    position: absolute;
}

#WidgetGroupAlerts p a {
    color: #0E609A;
}


/*== WIDGETS FOR INDIVIDUAL CLIENTS ==*/

#WidgetGroupLeftSide {
    display: inline-block;
    vertical-align: top;
    margin-right: 5px;
    padding: 10px 10px 0;
    width: 40%;
}

#WidgetGroupRightSide {
    display: inline-block;
    vertical-align: top;
    width: 59%;
    padding-bottom: 10px;
}

@media screen and (max-width: 1255px) {
    #WidgetGroupRightSide {
        width: 100%;
    }

    #WidgetGroupLeftSide {
        width: 100%;
    }
}

#WidgetGroupRightSide .dashboard {
    margin-top: 15px;
}

#WidgetGroupLeftSide .dashboard {
    border: none !important;
    padding: 0 7px 7px 7px !important;
    background: #f7f7f7 !important;
}

#WidgetGroupLeftSide .dashboard .dashboardWidget, #WidgetGroupLeftSide .dashboard .widget, #dashDynamicRankQual {
    border: 1px solid #ccc;
    padding: 10px 20px;
    margin-bottom: 20px;
    border-radius: 6px;
    background: #fff;
    box-shadow: 0 0px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}

#WidgetGroupLeftSide .dashboard .dashboardWidget .collapsable-header, #WidgetGroupLeftSide .dashboard .widget .collapsable-header {
    font-size: 16px;
}

#WidgetGroupLeftSide .dashboard .dashboardWidget .collapsable-header:before, #WidgetGroupLeftSide .dashboard .widget .collapsable-header:before {
    right: 0px; 
    top: 1px;
    font-size: 24px;
}

#WidgetGroupLeftSide .dashboard #dashRep {
    display: flex;
    align-items: center;
    padding: 20px;
}

#WidgetGroupLeftSide .dashboard #dashLastVisit h2 {
    margin-top: 8px;
    margin-bottom: 10px; 
    border-bottom: none; 
    font-weight: 600;
    font-size: 16px;
}

#WidgetGroupLeftSide .dashboard #dashRep p.rep-ID, #WidgetGroupLeftSide .dashboard #dashRep p.rep-rank {
    margin-bottom: 0 !important;
}

#WidgetGroupLeftSide .dashboard #dashRep p.rep-name {
    margin-bottom: 8px !important;
}

#WidgetGroupLeftSide .dashboard #dashRep .profile-image {
    margin-right: 15px;
    width: 75px;
}

#WidgetGroupLeftSide .dashboard #dashRep .rep-info {
}

#WidgetGroupLeftSide .dashboard #dashRep img.repProfileImage {
    border-radius: 50%;
    object-fit: cover;
    width: 75px;
    height: 75px;
}

#WidgetGroupRightSide .dashboard .panel {
    margin-top: 20px;
    clear: both;
    border: 1px solid #ccc;
    border-radius: 6px;
    box-shadow: 0 0px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}

#WidgetGroupRightSide #dashGlobalSearch #globalSearch {
    border-radius: 6px;
    box-shadow: 0 0px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    margin-bottom: 20px !important;
}

#WidgetGroupLeftSide #dashGlobalSearch #globalSearch {
    float: none !important;
    margin-bottom: 0px !important;
}

#WidgetGroupLeftSide #dashGlobalSearch {
    padding: 0px !important;
}

#dashDivFeedContainer,
#dashDivGraphContainer {
    padding: 15px;
}

.dashDivFeedItems p {
    line-height: 1.4em;
    margin-bottom: 0.5em;
}

.dashDivFeedItems p strong {
    font-size: 1.25em;
    margin-left: 5px;
}

.dashDivFeedItems .iconCol {
    float: left;
    margin: 0 5px 0 0;
}

.dashDivFeedItems .feeds {
    overflow: hidden;
    margin: 0 0 15px;
    border-bottom: 1px dotted #333;
}

.dashDivFeedItems p.feedsAuthor {
    font-size: 1.4em;
    margin: 0;
}

/*----- dashboard -----*/

#WidgetGroupLeftSide .dashboardL {
    background: url() repeat-y left top;
    margin: 0;
    padding: 0 0 0 4px;
}

#WidgetGroupLeftSide .dashboardR {
    background: url() repeat-y right top;
    margin: 0;
    padding: 0 4px 0 0;
}

#WidgetGroupLeftSide .dashboardT,
#WidgetGroupLeftSide .dashboardBgT,
#WidgetGroupLeftSide .dashboardBgLT,
#WidgetGroupLeftSide .dashboardBgRT {
    height: 4px;
}

#WidgetGroupLeftSide .dashboardBgT {
    background: url() repeat-x left top;
    margin: 0;
    padding: 0;
}

#WidgetGroupLeftSide .dashboardBgLT {
    background: url() no-repeat left top;
    margin: 0;
    padding: 0 0 0 4px;
}

#WidgetGroupLeftSide .dashboardBgRT {
    background: url() no-repeat right top;
    margin: 0;
    padding: 0 4px 0 0;
}

#WidgetGroupLeftSide .dashboardB,
#WidgetGroupLeftSide .dashboardBgB,
#WidgetGroupLeftSide .dashboardBgLB,
#WidgetGroupLeftSide .dashboardBgRB {
    height: 4px;
}

#WidgetGroupLeftSide .dashboardBgB {
    background: url() repeat-x left top;
    margin: 0;
    padding: 0;
}

#WidgetGroupLeftSide .dashboardBgLB {
    background: url() no-repeat left top;
    margin: 0;
    padding: 0 0 0 4px;
}

#WidgetGroupLeftSide .dashboardBgRB {
    background: url() no-repeat right top;
    margin: 0;
    padding: 0 4px 0 0;
}

#WidgetGroupLeftSide .dashboard {
    background: #FAF3EA;
    font-size: 12px;
    margin: 0;
    padding: 7px;
    overflow: hidden;
}

#WidgetGroupLeftSide .dashboard p,
#WidgetGroupLeftSide .dashboard h2 {
    color: #545455;
    clear: left;
}

.dashboard .panel {
    margin: 0;
    box-shadow: none;
}

.dashboard .btn-container {
    padding: 15px 5px;
    text-align: center;
}

.dashRColumnWidget {
    margin-left: -15px;
    margin-right: -15px;
}

#WidgetGroupLeftSide .secondary-title {
    color: #333;
    font-weight: 300;
    font-size: 12px;
}

#WidgetGroupRightSide .secondary-title {
    font-size: 12px;
    margin-left: 8px;
}


/*--- END dashboard ---*/


/*- END WIDGETS FOR INDIVIDUAL CLIENTS -*/

.graphScrollDash {
    position: relative;
    text-align: center;
    margin: 5px 5px 5px 5px;
    width: 570px;
}

.graphScrollDash div.graphContainer {
    position: relative;
    text-align: center;
    margin: 0 auto;
    width: 570px !important;
}

.graphScrollDash div div.graphsGraphs {
    position: relative;
    border: 1px solid #999999;
    padding: 10px 5px;
    width: 440px;
    overflow: hidden !important;
}

.graphScrollDash div div {
    font-size: 12px;
    float: left;
    overflow: hidden;
}

.graphScrollDash div.arrows a {
    vertical-align: -110px;
}

.graphScrollDash div.arrows a img {
    margin: 0 10px
}

.graphScrollDash img {
    margin: 0 10px;
}


/*--- DASHBOARD NEWS WIDGET ---*/

#dashDivNewsContainer {
    padding: 10px 0 0;
}

.dashDivNewsItem {
    clear: left;
}

.divNewsItem {
    margin-top: 5px;
    position: relative;
}

.divNewsItemImage {
    position: absolute;
    padding-top: 5px;
    left: 10px;
    width: 57px;
}

.divNewsItemImage img {
    width: 50px;
}

.divNewsItemText {
    margin-left: 75px;
    padding-right: 20px;
}

.divNewsItemText span {
    display: block;
    font-size: 14px;
    line-height: 22px;
}

.divNewsItemText span.spanNewsItemTextHeadline {
    font-size: 16px;
    font-weight: bold;
}

.spanNewsItemTextSummary {}

.spanNewsItemTextLink {}

.dashNewsItemDiv {
    height: 1px;
    background: none;
    margin: 10px 25px;
    border-top: 1px dotted #333;
}


/*- END DASHBOARD NEWS WIDGET -*/


/* DASHBOARD UPGRADE WIDGET */

#WidgetGroupLeftSide #dashboardUpgrade {
    clear: left;
    margin: 15px 0;
}

#WidgetGroupRightSide #dashboardUpgrade {
    display: none;
    visibility: hidden;
}

.dashboardUpgrade img,
.dashboardMobileInstructions img {
    width: 100%;
}


/*- DASHBOARD END UPGRADE WIDGET -*/


/* DASHBOARD RANK PROGRESS WIDGET */

#breakDown td.CompQualSummaryLeft {
    max-width: 180px;
    padding: 0 8px 5px 5px;
}


/*- DASHBOARD RANK PROGRESS WIDGET -*/

td.members-contact-card-col {
    white-space: nowrap;
}
#messageOptions {
	background: url() repeat-x top #6077A8;
	height: 70px;
	overflow: visible;
}

.getMail,
.newMail,
.sendMail,
.saveMail,
.delete,
.reply,
.forward,
.util {
	text-align: center;
	float: left;
	padding: 5px 0 0;
	width: 75px;
	position: relative;
}

.getMail a,
.newMail a,
.sendMail a,
.saveMail a,
.delete a,
.reply a,
.forward a,
.util a {
	display: block;
	background: url() no-repeat 0 0;
	width: 52px;
	height: 28px;
	margin: 0 auto;
	padding: 3px;
	text-align: center;
}

#messageOptions div a:hover {
	background-position: 0 -34px;
	text-decoration: none;
}

#messageOptions div a:active {
	background-position: 0 -68px;
	padding: 4px 2px 2px 4px;
}

.getMail a img {
	margin-top: 2px;
}

.newMail a img {
	margin-top: 2px;
}

.delete a img {
	margin-top: 2px;
}

.reply a img {
	margin-top: 1px;
}

.forward a img {
	margin-top: 1px;
}

.sendMail a img {
	margin-top: 1px;
	margin-left: 2px;
}

.saveMail a img {
	margin-top: 1px;
	margin-left: 2px;
}

#messageOptions div span {
	color: #EFEFEF;
	font-size: 12px;
}

#messageOptions div.util {
	overflow: visible;
	position: relative;
	float: right;
	margin-right: 50px;
}

#messageOptions div.util div.messageMore {
	position: absolute;
	top: 25px;
	left: 0px;
	min-width: 85px;
	padding: 0 10px;
	width: auto;
}

#messageOptions div.util div.messageMore ul {
	margin: 0;
	padding: 0;
	text-align: left;
}

#messageOptions div.util div.messageMore li {
	display: block;
	margin: 0;
	padding: 0;
	font-size: 11px;
	list-style: none;
}

#messageOptions div.util div.messageMore li a {
	display: block;
	background: none;
	text-align: left;
	margin: 0;
	padding: 3px 5px;
	width: 100%;
	height: auto;
	text-decoration: none;
	color: #333333;
}

#messageOptions div.util div.messageMore li a:hover {
	background: #d8def3;
}

#messageOptions .inactiveMail {
	background: url() repeat-x 0 0px;
	height: 60px;
	width: 75px;
	position: absolute;
	left: 0;
	top: 0;
	color: #8495ba;
}

.messageMoreTopLeft {
	display: block;
	height: 14px;
	padding-left: 13px;
	background: url() no-repeat left top;
}

.messageMoreTopRight {
	display: block;
	height: 14px;
	width: 100%;
	background: url() no-repeat right top;
	margin: 0;
}

.messageMoreBotLeft {
	display: block;
	height: 14px;
	padding-left: 13px;
	background: url() no-repeat left top;
}

.messageMoreBotRight {
	display: block;
	height: 14px;
	width: 100%;
	background: url() no-repeat right top;
	margin: 0;
}

.messageMoreBodyLeft {
	background: url() repeat-y left;
	margin: 0px;
	padding-left: 4px;
}

.messageMoreBodyRight {
	background: url() repeat-y right;
	margin: 0px;
	padding-right: 4px;
}

.messageMoreBody {
	background: white;
	width: 100%;
}

#messages {
	margin: 0;
    padding-top: 10px;
}

.messageTable {
	width: 100%;
	border-collapse: collapse;
}

.messageTable th {
	font-size: 12px;
	background: #faf3ea;
	color: #666666;
	padding: 4px 15px;
	;
	text-align: left;
}

.messageTable tbody tr {
	border-bottom: 1px solid #999999;
	padding: 15px;
}

.messageTable td {
	font-size: 12px;
	color: #333333;
	padding: 3px 15px;
}

.messageTable a {
	text-decoration: none;
	color: #38599c;
}


/* override the Telerik styling grid */

.rgMasterTable {
	width: 100% !important;
	border-collapse: collapse !important;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important;
}

.rgHeader {
	font-size: 12px !important;
	background: #faf3ea !important;
	color: #666666 !important;
	padding: 4px 15px !important;
	text-align: left !important;
}

.rgRow,
.rgAltRow {
	border-bottom: 1px solid #999999 !important;
	padding: 15px !important;
	background-color: White !important;
}

.rgRow .rgSorted,
.rgAltRow .rgSorted {
	background-color: Transparent !important;
}

.rgRow td,
.rgAltRow td {
	font-size: 12px !important;
	color: #333333 !important;
	padding: 3px 15px !important;
}

.rgPager {
	margin-top: 5px !important;
	padding: 9px 0 0 15px !important;
	background-color: #CED6EB !important;
	height: 20px !important;
	font-size: 12px !important;
}

#pagination {
	margin-top: 5px;
	padding: 9px 0 0 15px;
	background: url() repeat-x top;
	height: 25px;
	font-size: 12px;
}

#pagination a {
	text-decoration: none;
	margin: 0 5px;
	color: #38599c;
}

.pageSize {
	margin-left: 20px;
}

.pageCount {
	color: #38599c;
	margin-left: 10px;
	padding: 2px 5px;
	border: 1px solid #657cac;
	background: url() repeat-x #8b9dc1 top;
	overflow: visible;
}


/* override the Telerik styling listbox */

#leftNav .rlbGroup ul li.rlbSelected {
	background-image: url();
}

#leftNav .rlbGroup ul li.rlbHovered {
	background-image: url();
}

#leftNav .rlbGroup ul li {
	text-align: left;
	background: url() no-repeat left top;
	color: #857D74;
	text-decoration: none;
	display: block;
	height: 23px;
	margin: 0;
	padding: 6px 0 0 10px;
	width: 166px;
}

#leftNav .rlbGroup ul li:hover {
	background-image: url();
	cursor: pointer;
}

#leftNav .rlbGroup ul li.newMail {
	font-weight: bold;
	font-style: italic;
}


/*.rlbGroup .rlbList ul li.rlbSelected { background-color:pink; background-image: url(); }
#leftNav ul li a:rlbHovered { background-image: url(); }


#leftNav ul li.selected a { background-image: url(); }
#leftNav ul li a {
	text-align: left;
	background: url() no-repeat left top;
	color: #857D74;
	text-decoration: none;
	display: block;
	height: 23px;
	margin: 0;
	padding: 6px 0 0 10px;
	width: 166px;
}
#leftNav ul li a:hover {
	background-image: url();
}
#leftNav ul li a.newMail {
	font-weight: bold;
	font-style: italic;
}*/

#messageDetails {
	font-size: 12px;
	padding: 15px 20px;
	height: 500px;
}

#messageDetails p {
	line-height: 1.6em;
}

.messageInfo {
	display: block;
	float: left;
	text-align: right;
	width: 70px;
	margin-right: 10px;
	font-weight: bold;
}

.messageInfoDetail {
	text-align: left;
}

.messageDiv {
	border: none;
	border-bottom: 1px solid #AAAAAA;
	width: 100%;
	margin: 15px auto;
}

#contactList div {
	float: left;
}


#contactList {
	padding-left: 5px;
	margin-bottom: 0px !important;
}

#contactList .contactListLeftColWidth {
	width: 230px !important;
}

#contactList .contactListRightColWidth {
	width: 200px !important;
}

#contactList .contactListDataRowHeight {
	height: 150px !important;
}

#contactList .contactListHeader {
	width: 100%;
	background-color: #faf3ea;
	padding-top: 5px;
	color: #857D74;
	font-weight: bold;
	font-size: 12px;
}

#messages #subject {
	padding-left: 5px;
	font-weight: bold;
	font-size: 12px;
	overflow: hidden;
	margin: 10px 0;
}


/*#messages #subject label { width:10%;}*/

.writeMessageCol {
	position: relative;
}


/*#messages #recipientSelectList { position: absolute; right: 25px; top: 20px; }*/

#messages #recipientSelectList {
    display: inline;
    margin-left: 5px;
}

#messages #recipients {
	overflow: hidden;
	padding-left: 5px;
	font-weight: bold;
	font-size: 12px;
	float: left;
	margin: 5px 0;
}

#messages #recipients #selectedRecipients {
    overflow: hidden;
    display: inline-block;
    vertical-align: top;
    padding: 0;
    margin-top: -2px;
}


/*--Write Message Page--*/

#messages div#contactList {
	margin-bottom: 5px;
}

/*End Write Message Page*/

.messageCol {
	overflow: hidden;
}

.pnlEditDraft a:hover {
	background-position: 0 -34px;
}

.pnlEditDraft a:active {
	background-position: 0 -68px;
	padding: 4px 2px 2px 4px;
}

.newMailIndicator {
	font-weight: bold;
	font-style: italic;
}

.RadWindow.RadWindow_Vista.rwNormalWindow.rwTransparentWindow {
	z-index: 10990 !important;
}


/*  --   PW# 130507      --*/

#messages .recipient i {
	cursor: pointer;
	display: inline-block;
	height: 16px;
	width: 16px;
	position: absolute;
	top: 1px;
	right: 1px;
	font-size: 14px;
	line-height: 16px;
	opacity: 0.7;
}

#messages .recipient i:hover {
	opacity: 1;
}
/*--- FEEDS PAGE ---*/

#feedsList {
    position: relative;
    margin: 0;
    padding: 0;
}


#feedsList li.selected {
    background: url() repeat-x top #96a8cc;
}

#feedslist li div {
    overflow: visible;
}


.feedsAuthor {
    font-weight: bold;
}

.feedsDate {
    color: #999;
}

#feedsList p {
    margin-bottom: .5em;
}

.feedsHidden {
    display: none;
}

#feedsNoneToDisplay {
    background: url() no-repeat;
    margin: 10px;
    padding: 3px 0 0 33px;
    font-size: 1.6em;
    color: #6077A8;
}

#feedsList span {
    background-repeat: no-repeat;
}

#feedsList .iconCol span {
    position: absolute;
    left: 0;
    top: 0;
    right: auto;
    top: auto;
}

.facebookPhoto,
.facebookPhotoMessage,
.facebookPhotoContent,
.facebookVideo,
.facebookVideoMessage,
.facebookStatus {
    display: block;
}

.facebookPhotoMessage,
.facebookVideoMessage {
    line-height: 1.6em;
}

.facebookPhotoContent {
    display: block;
}

.facebookPhotoContent a img {
    overflow: hidden;
    padding: 2px;
    border: 1px solid #6A991F;
}

.facebookStatus {
    line-height: 1.4em;
    margin: 5px 0;
}

.facebookPhotoName {
    display: block;
    font-weight: bold;
    font-size: 1.2em;
    margin: 0 0 5px 0;
}

.facebookPhoto .facebookPhotoCaption {
    color: #999999;
}

.facebookActions {
    display: block;
    margin: 1px 0;
}

.FacebookIcon span img,
.FacebookIcon span a {
    margin: 0 5px 0 0;
}

.TwitterBird {
    background: url() no-repeat left center transparent;
}

a.TwitterReply,
a.TwitterRetweet,
a.TwitterFavorite {
    margin: 2px 10px 2px 0;
    padding-left: 18px;
}

a.TwitterReply {
    background: url() no-repeat left center transparent;
}

a.TwitterReply:hover {
    background: url() no-repeat left center transparent;
}

a.TwitterRetweet {
    background: url() no-repeat left center transparent;
}

a.TwitterRetweet:hover {
    background: url() no-repeat left center transparent;
}

a.TwitterFavorite {
    background: url() no-repeat left center transparent;
}

a.TwitterFavorite:hover {
    background: url() no-repeat left center transparent;
}

.personalMessage {
    background-image: url();
}

.corpMessage {
    background-image: url();
}

.twitterMessage {
    background-image: url();
}

.linkedinMessage {
    background-image: url();
}

.facebookMessage {
    background-image: url();
}


/*.alertMessage { background-image: url(); }*/

.feeds-context {
    height: 1px; 
    border: none; 
    color:#CCCCCC;
    background-color:#CCCCCC;
    margin: 8px;
}

.more-content span {
    display: none;
}
.more-link {
    display: inline;
}


.btn-icon {
  border-radius: 50%;
  width: 40px;
  line-height: 42px;
  height: 40px;
  padding: 0;
  text-align: center;
  color: #ffffff;
}

.btn-icon.zmdi {
  display: inline-block;
  margin-right: 8px;
  font-size: 20px;
  box-sizing: border-box;
  padding: 10px;
}

.btn-icon-text > .zmdi {
  font-size: 15px;
  vertical-align: top;
  display: inline-block;
  margin-top: 2px;
  line-height: 100%;
  margin-right: 5px;
}

.btn-block {
  display: block;
  width: 100%;
  padding: 5px;
}
.btn-block + .btn-block {
  margin-top: 5px;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}
/* 
 * Material Background Colors
 */
.bgm-white {
  background-color: #ffffff !important;
}
.c-white {
  color: #ffffff !important;
}
.bgm-black {
  background-color: #000000 !important;
}
.c-black {
  color: #000000 !important;
}
.bgm-brown {
  background-color: #795548 !important;
}
.c-brown {
  color: #795548 !important;
}
.bgm-pink {
  background-color: #E91E63 !important;
}
.c-pink {
  color: #E91E63 !important;
}
.bgm-red {
  background-color: #F44336 !important;
}
.c-red {
  color: #F44336 !important;
}
.bgm-blue {
  background-color: #00789B !important;
}
.c-blue {
  color: #00789B !important;
}
.bgm-purple {
  background-color: #9C27B0 !important;
}
.c-purple {
  color: #9C27B0 !important;
}
.bgm-deeppurple {
  background-color: #673AB7 !important;
}
.c-deeppurple {
  color: #673AB7 !important;
}
.bgm-lightblue {
  background-color: #03A9F4 !important;
}
.c-lightblue {
  color: #03A9F4 !important;
}
.bgm-cyan {
  background-color: #00BCD4 !important;
}
.c-cyan {
  color: #00BCD4 !important;
}
.bgm-teal {
  background-color: #009688 !important;
}
.c-teal {
  color: #009688 !important;
}
.bgm-green {
  background-color: #4CAF50 !important;
}
.c-green {
  color: #4CAF50 !important;
}
.bgm-lightgreen {
  background-color: #8BC34A !important;
}
.c-lightgreen {
  color: #8BC34A !important;
}
.bgm-lime {
  background-color: #CDDC39 !important;
}
.c-lime {
  color: #CDDC39 !important;
}
.bgm-yellow {
  background-color: #FFEB3B !important;
}
.c-yellow {
  color: #FFEB3B !important;
}
.bgm-amber {
  background-color: #FFC107 !important;
}
.c-amber {
  color: #FFC107 !important;
}
.bgm-orange {
  background-color: #FF9800 !important;
}
.c-orange {
  color: #FF9800 !important;
}
.bgm-deeporange {
  background-color: #FF5722 !important;
}
.c-deeporange {
  color: #FF5722 !important;
}
.bgm-gray {
  background-color: #9E9E9E !important;
}
.c-gray {
  color: #9E9E9E !important;
}
.bgm-bluegray {
  background-color: #607D8B !important;
}
.c-bluegray {
  color: #607D8B !important;
}
.bgm-indigo {
  background-color: #3F51B5 !important;
}
.c-indigo {
  color: #3F51B5 !important;
}

.recognitionMessage {
    background-image: url();
}

.customerMessage {
    background-image: url();
}

/*- END FEEDS PAGE -*/


/*--- NEWS PAGE ---*/

.newsColLeft {
    position: relative;
    width: 500px;
    padding: 10px;
    padding-right: 20px;
    float: left;
}

.newsColRight {
    width: 250px;
    padding: 10px 0;
    float: right;
    position: relative;
}

.newsHorDiv {
    width: 100%;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #cccccc;
}

.newsTopStory {
    position: relative;
    font-size: 14px;
    color: #222222;
    overflow: hidden;
}

.newsTopStory .newsTopStoryImage {
    width: 180px;
    float: left;
    margin: 5px 10px 0 0;
}

.newsTopStory .newsTopStoryImage img {
    width: 180px;
}

.newsTopStory .newsTopStoryHeadline {
    font-size: 24px;
    color: #31436b;
    margin: 5px 0 0 0;
}

.newsTopStory .newsTopStoryDate {
    margin: 0 0 1em;
}

.newsTopStory .newsTopStorySummary {
    line-height: 1.3em;
}

.newsTopStory .newsTopStoryLink {
    color: #0E609A;
    margin-top: .5em;
}

.newsNoNews h3 {
    font-size: 18px;
    color: #31436b;
    margin: 0 0 10px 5px;
}

.newsLatestContainer {
    color: #222222;
    overflow: hidden;
}

.newsLatestContainer h3 {
    font-size: 18px;
    color: #31436b;
    margin: 0 0 10px 5px;
}

.newsLatestContainer h3 span {}

.newsLatest {
    float: left;
    width: 156px;
    padding: 5px;
}

.newsLatest .newsLatestHeader {}

.newsLatest .newsLatestImage {
    float: left;
    width: 50px;
    overflow: hidden;
    margin: 2px 2px 0 0;
}

.newsLatest .newsLatestImage img {
    float: left;
    width: 48px;
    max-height: 48px;
}

.newsLatest .newsLatestHeadline {
    font-size: 13px;
    color: #31436b;
}

.newsLatest .newsLatestDate {
    font-size: 10px;
}

.newsLatest .newsLatestSummary {
    clear: both;
    line-height: 1.3em;
    padding-top: 5px;
    word-wrap: break-word;
}

.newsLatest .newsLatestLink {
    color: #0E609A;
    margin-top: .5em;
}

.newsArchivedContainer {}

.newsArchivedContainer h3 {
    font-size: 18px;
    color: #31436b;
    margin: 0 0 10px 10px;
}

.newsArchivedContainer h3 span {}

ul#newsArchivedList {
    margin: 0 0 0 25px;
    padding: 0px;
}

ul#newsArchivedList li {
    margin-bottom: .25em;
    list-style: disc outside;
}

ul#newsArchivedList li span {
    display: block;
}

ul#newsArchivedList li span.newsArchivedHeadline {
    font-size: 12px;
    color: #31436b;
}

ul#newsArchivedList li span.newsArchivedDate {
    font-size: 11px;
}

.newsColRight .contentPagination {
    padding: 5px 10px;
    margin-top: 10px;
    border-top: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
}

.newsColRight .contentPagination .paginationArrows {}

.newsColRight .contentPagination .paginationLink {}

.newsColRight .contentPagination .paginationStatusText {
    clear: both;
    float: none;
    text-align: right;
    font-size: 11px;
    margin: 0 0 5px 0;
}


/*- Individual Page -*/

#NewsItem {
    padding: 10px;
}

#NewsItemImage {
    float: left;
    margin-right: 10px;
    padding-top: 5px;
}

#NewsItemImage img {
    max-width: 750px;
}

@media screen and (max-width: 768px) {
    #NewsItemImage img {
        width:100%;
    }
}

#NewsItemText {}

#NewsItemText h3#NewsItemTextHeadline {
    color: #31436B;
    font-size: 28px;
    font-weight: bold;
}

#NewsItemText div#NewsItemTextStory {
    font-size: 13px;
    line-height: 1.6em;
}

#NewsItemText div#NewsItemTextStory h1,
#NewsItemText div#NewsItemTextStory h2,
#NewsItemText div#NewsItemTextStory h3,
#NewsItemText div#NewsItemTextStory h4,
#NewsItemText div#NewsItemTextStory h5,
#NewsItemText div#NewsItemTextStory h6 {
    color: #31436B;
    font-weight: bold;
    margin-bottom: .25em;
    line-height: 1.3em;
}

#NewsItemText div#NewsItemTextStory h1 {
    font-size: 22px;
}

#NewsItemText div#NewsItemTextStory h2 {
    font-size: 18px;
}

#NewsItemText div#NewsItemTextStory h3 {
    font-size: 16px;
}

#NewsItemText div#NewsItemTextStory h4,
#NewsItemText div#NewsItemTextStory h5,
#NewsItemText div#NewsItemTextStory h6 {
    font-size: 14px;
}

#NewsItemText div#NewsItemTextStory p {
    margin-bottom: 1em;
}


/*- End Individual Page -*/


/*- Individual News Styles -*/


/*== iPhone Revolutionize Business - NewsID 4 ==*/

#NewsItemText div#NewsItemTextStory .fLeft {
    float: left;
    margin-right: 5px;
}

#NewsItemText div#NewsItemTextStory .fRight {
    float: right;
    margin-left: 5px;
}

#NewsItemText div#NewsItemTextStory .phoneLeft,
#NewsItemText div#NewsItemTextStory .phoneRight {
    padding: 5px 10px;
    width: 55%;
    overflow: hidden;
}

#NewsItemText div#NewsItemTextStory .phoneLeft {
    border: 1px solid #dfdfdf;
    background: #efefef;
}

#NewsItemText div#NewsItemTextStory .phoneRight {
    margin-left: 20%;
    border: 1px solid #dfdfdf;
    background: #CCCCCC;
}


/*== DS Values - NewsID 2 ==*/

#NewsItemText div#NewsItemTextStory .news2Challenge,
#NewsItemText div#NewsItemTextStory .news2Solution {
    width: 55%;
    padding: 5px 10px;
}

#NewsItemText div#NewsItemTextStory .news2Challenge {
    border: 1px solid #dfdfdf;
    background: #efefef;
    margin-bottom: 1em;
}

#NewsItemText div#NewsItemTextStory .news2Solution {
    margin-left: 15%;
    border: 1px solid #cfcfcf;
    background: #cccccc;
    margin-bottom: 2em;
}


/*- End Individual News Styles -*/


@media screen and (max-width: 992px) {
    .newsLatest,
    .newsColLeft,
    .newsColRight {
        width: 100%;
        float: none;
        padding: 0;
    }

    .newsTopStory .newsTopStoryHeadline {
        font-size: 20px;

    }

    .newsLatest {
        border-bottom: 1px solid #cccccc;
        margin-bottom: 15px;
        padding-bottom: 15px;
    }
    .newsTopStory .newsTopStoryImage,
    .newsLatest .newsLatestImage {
        float: none;
        width: auto;
        margin-bottom: 15px;
    }

    .paginationNumeric {
        display: none;
    }
    .newsColRight .contentPagination .paginationStatusText {
        text-align: left;
        margin: 5px 0;
    }

    .paginationLink {
        float: none;
    }

}




/*- END NEWS PAGE -*/
/*----- SHOWCASE PAGE -----*/

.showcaseButton {
    margin-top: 10px;
    margin-left: 10px;
}

#showcaseContainer
{
    text-align: center;
}
#showcaseContainer h3
{
    padding-top: 2px;
    font-size: 20px;
}
#showcaseContainer h3.fav
{
    background: url() no-repeat left top;
    padding-left: 30px;
}
#showcase-watch-container #contentColTitle, #showcase-show-container #contentColTitle {
    display: flex; 
    justify-content: space-between;
    align-items: center;
}
.displayShowcase
{
    text-align: center;
    margin: 0 auto;
    max-width: 900px;
}
#previewVideo
{
    width: 480px;
    height: 340px;
    margin: 0px auto;
}
.displayShowcase #showcaseOptions
{
    margin: 5px 60px 0 0;
    overflow: hidden;
}
#showcaseOptions p
{
    font-size: 12px;
    line-height: 14px;
    margin-bottom: .5em;
}
.showcaseDescription
{
    margin: 10px 15px;
    clear: both;
    padding-top: 10px;
    text-align: left;
}
.showcaseDescription h4
{
    margin-bottom: 1em;
    color: #0060A5;
}
.showcaseDescription p
{
    font-size: 14px;
    margin-bottom: 1em;
}
#showcaseOptions #showcaseStar
{
    margin: 5px 0 8px;
}
#showcaseOptions #showcaseStar li
{
    display: block;
    float: left;
    cursor: pointer;
}
#showcaseOptions p
{
    clear: both;
}
/*--- END SHOWCASE PAGE ---*/

/*----- PRESENTATION PAGE -----*/
.presentationThumbs
{
    width: 780px;
    text-align: center;
    margin: 20px 7px;
}
/*SCROLLABLE*/
/*	root element for the scrollable.
			when scrolling occurs this element stays still.
		*/
div.scrollable
{
    /* required settings */
    position: relative;
    overflow: hidden;
    width: 680px;
    height: 120px;
    margin-bottom: 30px; /* custom decorations */
    border: 1px solid #ccc;
    background: url() repeat-x;
}
/*	root element for scrollable items. Must be absolutely positioned
			and it should have a extremely large width to accomodate scrollable items.
			it's enough that you set the width and height for the root element and
			not for this element.
		*/
div.scrollable div.items
{
    /* this cannot be too large */
    width: 20000em;
    position: relative;
    clear: both;
}
/* single scrollable item */
div.scrollable img
{
    float: left;
    margin: 22px 5px 15px 21px;
    padding: 2px;
    background-color: #fff;
    border: 1px solid #ccc;
    cursor: pointer;
    width: 100px;
    height: 67px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}
/* active item */
.scrollable .active
{
    border: 2px solid #000;
    z-index: 9999;
    position: relative;
}
#image_wrap
{
    /* dimensions */
    position: relative;
    overflow: hidden;
    width: 677px;
    margin: 25px auto;
    padding: 25px 0; /* centered */
    text-align: center; /* some "skinning" */
    background-color: #DCE0EB;
    border: 2px solid #fff;
    outline: 1px solid #ddd;
    -moz-ouline-radius: 4px;
}
#image_wrap img
{
    width: 480px;
    height: 320px;
}
/*-- END SCROLLABLE --*/
/*ARROWS*/
/* this makes it possible to add next button beside scrollable */
.scrollable
{
    float: left;
}
/* prev, next, prevPage and nextPage buttons */
a.browse
{
    background: url() no-repeat;
    display: block;
    width: 30px;
    height: 30px;
    float: left;
    margin: 40px 10px;
    cursor: pointer;
    font-size: 1px;
}
/* right */
a.right
{
    background-position: 0 -30px;
    clear: right;
    margin-right: 0px;
}
a.right:hover
{
    background-position: -30px -30px;
}
a.right:active
{
    background-position: -60px -30px;
}

/* left */
a.left
{
    margin-left: 0px;
}
a.left:hover
{
    background-position: -30px 0;
}
a.left:active
{
    background-position: -60px 0;
}

/* disabled navigational button */
a.disabled
{
    visibility: hidden !important;
}
/*END ARROWS*/
/*--- END PRESENTATION PAGE ---*/


/*--- RESOURCES LIST ---*/
.resourcesContainer
{
    margin: 0 auto 25px 15px;
    padding: 0;
    border: 1px solid #666666;
    border-top: none;
}
.resourcesContainer p
{
    margin-right: 100px;
}
.resourcesContainer ul, .resourcesContainer ul li
{
    clear: both;
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    overflow: hidden;
}
.resourcesContainer ul li
{
    border-top: 1px solid #666666;
    padding: 10px;
}
.resourcesContainer ul li img
{
    float: left;
    margin-right: 10px;
}
.resourcesContainer h3.resourceDesc
{
    clear: both;
    font-size: 15px;
    font-weight: bold;
    color: #304475;
    line-height: 1.6em;
}
.resourcesContainer h4
{
    font-size: 12px;
    font-weight: bold;
    color: #304475;
    line-height: 1.6em;
    width: 475px;
    word-wrap: break-word;
}
.resourcesContainer h4 span
{
    font-weight: normal;
    color: #222222;
}
.resourcesContainer .resourceCategory
{
    font-size: 11px;
    font-weight: normal;
    color: #116611;
    line-height: 1.6em;
    position: absolute;
    right: 10px;
    top: 10px;
    text-align: right;
    width: 225px;
    margin-right: 10px;
}
.resourcesContainer .rightButton
{
    position: relative;
    bottom: 0px;
}
/*-- SHOWCASE RESOURCES --*/
.showcaseResources
{
    overflow: auto;
    position: relative;
    padding: 0 10px;
}
.resourceTree
{
    float: left;
    max-width: 25%;
    padding: 0 10px 0 0;
    margin: 40px 60px 0 0;
}
.resourceTree ul li {
    padding: 0 !important;
}
.resourceTree ul li span {
    margin-left: 0 !important;
}
.resourceTree .category-heading {
    font-weight: 600;
    font-size: 16px; 
    margin-bottom: 15px; 
    display: inline-block;
}
.resourceFiles
{
    overflow: hidden;
    padding: 0;
    border: 1px solid #829CBF;
}
.resourceFiles table tr td
{
    padding: 10px;
}
.resourceFiles .t-header, .resourceFiles .t-grid-header
{
    display: none;
}
.resourceFiles .rightButton a span
{
    padding: 1px 10px 3px 0;
}
.resourceFileType
{
    display: block;
    float: left;
}
.resourceFileInfo
{
    overflow: auto;
}
.resourceFileInfo p span, .resourceDesc span
{
    font-weight: bold;
    color: #304475;
}
.resourceFileInfo p.resourceCategory
{
    color: #116611;
}
.resourceFileInfo p.resourceCategory span
{
    color: #304475;
}

@media screen and (max-width: 991px) {
    .resourceTree {
        width: 100%;
        max-width: 100%;
    }

    .resourceFiles .resourceFileInfo .resourceCategory {
        width: 100% !important;
    }
}
/*- END SHOWCASE RESOURCES -*/
/*--- END RESOURCES LIST ---*/

/* --- for sharing */

.contactSelected
{
    cursor:pointer;
    font-weight:bold;
    padding-left:5px; 
    font-family:Verdana;    
}

#addFavoriteContainer #contactSearchContainer 
{
  padding-top:5px;
  float:right;
  padding-right:9px;
}

#addFavoriteContainer .shareCol
{
    width:100%;
    padding-top:5px;
    float:left;    
}

#addFavoriteContainer .shareColLeft
{
    width:15%;
    float:left;    
}
#addFavoriteContainer .shareColRight
{
    width:83%;
    float:left;
}


.microSiteShare {
    padding: 10px;
}

.addthis_toolbox {
    margin: 10px;
}

   .CategoryExplanation
    {
        padding:0 0 10px 10px;    
            
    }  

.resourceSearch {
    float: right;
}

/* this removes the download button from the HTML5 Video Player*/
video::-internal-media-controls-download-button {
    display:none;
}

video::-webkit-media-controls-enclosure {
    overflow:hidden;
}

video::-webkit-media-controls-panel {
    width: calc(100% + 30px);
}

.showcase-btn-container .btn {
    min-width: 120px;
}

.showcase-btn-container .btn + .btn {
    margin-left: 5px;
}

@media screen and (max-width: 767px) {

    #showcaseList li div div.showcaseThumb {
        text-align: center;
        margin-bottom: 15px;
        display: inline-block;
    }

    #showcaseList li div div.showcaseThumb img {
        width: auto;
        float: none;
        display: block;
    }

    .showcase-btn-container a {
        display: block;
        text-align: center;
    }

    .showcase-btn-container .btn + .btn {
        margin-left: 0;
    }

    .resourceTree {
        float: none;
        width: 100%;
        margin-bottom: 15px;
    }

}

@media screen and (max-width: 568px) {
    #showcaseList {
        text-align: center;
    }

    #subNav .nav-pills > li {
        float: none;
        text-align: center;
    }
}
/*----- CALENDAR LEFT COLUMN -----*/
#leftNav div.RadPanelBar_Default {
    background: transparent;
}

#leftNav ul.rpRootGroup {
    border-color: #a38f76;
    width: 181px;
    border: none;
}

#leftNav .rpRootGroup .rpItem {
    clear: both;
    border: 1px solid #a38f76;
    margin-top: 10px;
}

    #leftNav .rpRootGroup .rpItem .rpGroup .rpItem {
        border-bottom: none;
        margin-top: 0;
    }

#leftNav ul.rpRootGroup li ul {
    width: auto;
}

#leftNav ul.rpRootGroup li a {
    background: url() repeat-x top left #d0c3b1;
    color: #31436b;
    display: inherit;
    height: auto;
    padding: 0;
    width: auto;
    border: none;
}

    #leftNav ul.rpRootGroup li a span.rpOut {
        padding-left: 5px;
    }

    #leftNav ul.rpRootGroup li a span.rpText, #leftNav ul.rpRootGroup li a.rpExpanded span.rpText {
        padding-left: 0;
    }

.RadPanelBar_Default .rpOut {
    border-color: #a38f76 !important;
}

.RadPanelBar_Default .rpGroup {
    background-color: none !important;
}

.rpTemplate .RadListBox_Default .rlbGroup {
    border: none;
}


.navCalendarsContainer {
    width: 100%;
}

    .navCalendarsContainer ul li {
        position: relative;
        overflow: hidden;
    }

        .navCalendarsContainer ul li span.navCalendarsEdit a {
            background: none !important;
        }

            .navCalendarsContainer ul li span.navCalendarsEdit a:hover {
                -webkit-transform: translate(-2px,0px);
                -moz-transform: translate(-2px,0px);
                -o-transform: translate(-2px,0px);
                padding-right: 2px;
            }

            .navCalendarsContainer ul li span.navCalendarsEdit a:active {
                -webkit-transform: translate(-4px,0px);
                -moz-transform: translate(-4px,0px);
                -o-transform: translate(-4px,0px);
                padding-right: 4px;
            }

    .navCalendarsContainer ul li {
        background: url() no-repeat scroll left top transparent;
        color: #857D74;
        display: block;
        height: 26px;
        margin: 0;
        padding: 3px 0 0 10px;
        text-align: left;
        text-decoration: none;
    }

.navCalendarsText {
    padding-left: 5px;
    padding-right: 5px;
}

.navCalendarsEdit {
    width: 16px;
    position: absolute;
    top: 4px;
    right: 2px;
}

/*----- MAIN CALENDAR -----*/
.RadScheduler_Default .rsHeader, .RadScheduler_Default .rsHeader ul a:hover, .RadScheduler_Default .rsHeader ul a:hover span, .RadScheduler_Default .rsHeader .rsSelected, .RadScheduler_Default .rsHeader .rsSelected em, .RadScheduler_Default .rsHeader .rsDatePickerActivator, .RadScheduler_Default .rsHeader .rsPrevDay, .RadScheduler_Default .rsHeader .rsNextDay {
    background-image: url() !important;
}

.RadScheduler_Default .rsSpacerCell, .RadScheduler_Default .rsAllDayHeader, .RadScheduler_Default .rsVerticalHeaderWrapper, .RadScheduler_Default .rsVerticalHeaderTable {
    background: url() repeat-y scroll 0 0 #edf1fa !important;
}

.RadScheduler .rsAdvancedModal {
    z-index: 9001 !important;
}

.rcbSlide {
    z-index: 9002 !important;
}

div.RadScheduler .rsTopWrap {
}

div.RadScheduler_Default .rsHeader {
    background: url() repeat-x left top transparent !important;
    height: 53px;
    line-height: 53px;
    border: none;
    position: relative;
    z-index: 1000;
    border-left: 1px solid #929292;
    border-right: 1px solid #929292;
}
/*- Main Calendar Header -*/
.RadScheduler .rsHeader .rsPrevDay {
    margin: 19px 0 0 6px !important;
}

.RadScheduler .rsHeader .rsNextDay {
    margin: 19px 6px 0 0 !important;
}

.RadScheduler .rsHeader .rsDatePickerActivator {
    margin: 15px 0 0 5px !important;
}

.RadScheduler .rsHeader h2 {
    height: 54px !important;
    color: #31436B;
    font-size: 22px !important;
}

.RadScheduler .rsHeader ul {
    margin-top: 11px;
}

.RadScheduler_Default .rsHeader ul span, .RadScheduler_Default .rsHeader ul em {
    color: #33539B !important;
    font-size: 13px !important;
}

.RadScheduler .rsHeader .rsToday {
    color: #33539B;
}

.RadScheduler_Default .rsHeader .rsSelected em, .RadScheduler_Default .rsHeader ul a:hover span {
    color: #FFFFFF !important;
}

RadScheduler .rsTopWrap .rsHeader ul a {
    font-size: 14px !important;
}

.RadScheduler_Default .rsHorizontalHeaderTable th {
    background-image: none !important;
    background: #ebedf9 !important;
    color: #33539B;
    font-size: 14px;
    padding: 10px 0;
}

.RadScheduler_Default .rsMonthView .rsOtherMonth {
    background-color: #EFEFEF !important;
}

.RadScheduler_Default .rsAptCreate, .RadScheduler_Default .rsMonthView .rsAptCreate {
    background-color: #C5C5C5 !important;
}

.RadScheduler_Default .rsContentTable td {
    border-color: #D2D2D2 !important;
}

/* Calendar Colors */
.CalendarList-Blue-On {
    border: solid 1px blue;
    background-color: blue;
}

.CalendarList-Blue-Off {
    border: solid 1px blue;
}

.CalendarList-DarkBlue-On {
    border: solid 1px DarkBlue;
    background-color: DarkBlue;
}

.CalendarList-DarkBlue-Off {
    border: solid 1px DarkBlue;
}

.CalendarList-Green-On {
    border: solid 1px Green;
    background-color: Green;
}

.CalendarList-Green-Off {
    border: solid 1px Green;
}

.CalendarList-DarkGreen-On {
    border: solid 1px DarkGreen;
    background-color: #255725;
}

.CalendarList-DarkGreen-Off {
    border: solid 1px DarkGreen;
}

.CalendarList-Pink-On {
    border: solid 1px Pink;
    background-color: Pink;
}

.CalendarList-Pink-Off {
    border: solid 1px Pink;
}

.CalendarList-Red-On {
    border: solid 1px Red;
    background-color: Red;
}

.CalendarList-Red-Off {
    border: solid 1px Red;
}

.CalendarList-DarkRed-On {
    border: solid 1px DarkRed;
    background-color: DarkRed;
}

.CalendarList-DarkRed-Off {
    border: solid 1px DarkRed;
}

.CalendarList-Orange-On {
    border: solid 1px Orange;
    background-color: Orange;
}

.CalendarList-Orange-Off {
    border: solid 1px Orange;
}

.CalendarList-Yellow-On {
    border: solid 1px Yellow;
    background-color: Yellow;
}

.CalendarList-Yellow-Off {
    border: solid 1px Yellow;
}

.CalendarList-Violet-On {
    border: solid 1px Violet;
    background-color: Violet;
}

.CalendarList-Violet-Off {
    border: solid 1px Violet;
}

/*TELERIK CALENDAR COLOR OVERIDE*/
.RadScheduler .rsCategoryYellow .rsAptContent, .RadScheduler .rsCategoryYellow .rsAptIn, .RadScheduler .rsCategoryYellow .rsAptMid {
    background-color: yellow !important;
}

.RadScheduler .rsCategoryViolet .rsAptContent, .RadScheduler .rsCategoryViolet .rsAptIn, .RadScheduler .rsCategoryViolet .rsAptMid {
    background-color: violet !important;
    color: #000000 !important;
}

.RadScheduler .rsCategoryRed .rsAptContent, .RadScheduler .rsCategoryRed .rsAptIn, .RadScheduler .rsCategoryRed .rsAptMid {
    background-color: red !important;
    color: #ffffff !important;
}

.RadScheduler .rsCategoryPink .rsAptContent, .RadScheduler .rsCategoryPink .rsAptIn, .RadScheduler .rsCategoryPink .rsAptMid {
    background-color: pink !important;
}

.RadScheduler .rsCategoryOrange .rsAptContent, .RadScheduler .rsCategoryOrange .rsAptIn, .RadScheduler .rsCategoryOrange .rsAptMid {
    background-color: orange !important;
}

.RadScheduler .rsCategoryDarkRed .rsAptContent, .RadScheduler .rsCategoryDarkRed .rsAptIn, .RadScheduler .rsCategoryDarkRed .rsAptMid {
    background-color: darkred !important;
}

.RadScheduler .rsCategoryDarkGreen .rsAptContent, .RadScheduler .rsCategoryDarkGreen .rsAptIn, .RadScheduler .rsCategoryDarkGreen .rsAptMid {
    background-color: darkgreen !important;
}

.RadScheduler .rsCategoryGreen .rsAptContent, .RadScheduler .rsCategoryGreen .rsAptIn, .RadScheduler .rsCategoryGreen .rsAptMid {
    background-color: green !important;
    color: #ffffff !important;
}

.RadScheduler .rsCategoryDarkBlue .rsAptContent, .RadScheduler .rsCategoryDarkBlue .rsAptIn, .RadScheduler .rsCategoryDarkBlue .rsAptMid {
    background-clor: darkblue !important;
}

.RadScheduler .rsCategoryBlue .rsAptContent, .RadScheduler .rsCategoryBlue .rsAptIn, .RadScheduler .rsCategoryBlue .rsAptMid {
    background-color: blue !important;
    color: #ffffff !important;
}
/* End Calendar Colors */

/* Calendar Options */
#calendarOptions div a:hover {
    background-position: 0 -34px;
    text-decoration: none;
}

#calendarOptions div a:active {
    background-position: 0 -68px;
    padding: 4px 2px 2px 4px;
}

.viewCalendar a img {
    margin-top: 2px;
}

.manageCalendar a img {
    margin-top: 2px;
}

.subscribeCalendar a img {
    margin-top: 2px;
}

.newCalendar a img {
    margin-top: 1px;
}

.newEvent a img {
    margin-top: 1px;
}

#calendarOptions div span {
    color: #EFEFEF;
    font-size: 10px;
}

#calendarOptions .inactiveItem {
    background: url() repeat-x 0 0px;
    height: 60px;
    width: 75px;
    position: absolute;
    left: 0;
    top: 0;
    color: #8495ba;
}
/* End Calendar Options */

/* Manage My Calendar */
.tab_container_myCalendar {
    border: 1px solid #999;
    border-top: none;
    overflow: hidden;
    clear: both;
    float: left;
    width: 98%;
    background: #fff;
}

.tab_content_myCalendar {
    padding: 10px;
    font-size: 1em;
}

ul.tabs_myCalendar {
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    height: 27px; /*--Set height of tabs--*/
    border-bottom: 1px solid #999;
    border-left: 1px solid #999;
    width: 98%;
}

    ul.tabs_myCalendar li {
        float: left;
        margin: 0;
        padding: 0;
        height: 26px; /*--Subtract 1px from the height of the unordered list--*/
        line-height: 26px; /*--Vertically aligns the text within the tab--*/
        border: 1px solid #999;
        border-left: none;
        margin-bottom: -1px; /*--Pull the list item down 1px--*/
        overflow: hidden;
        position: relative;
        background: url() repeat-x scroll center top #6077A8;
    }

        ul.tabs_myCalendar li a {
            text-decoration: none;
            color: #FAFAFA;
            display: block;
            font-size: 1em;
            padding: 0 17px;
            border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
            outline: none;
        }

            ul.tabs_myCalendar li a:hover {
                background: #DADADA;
                color: #6077A8;
            }

html ul.tabs_myCalendar li.active a {
    color: #6077A8;
}

html ul.tabs_myCalendar li.active, html ul.tabs li.active a:hover { /*--Makes sure that the active tab does not listen to the hover properties--*/
    background: #fff;
    border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/
}
/* End Manage My Calendar */

/* Create New Calendar */
.calendarManageCalendar {
    color: #31436B;
    font-size: 18px;
    line-height: 20px;
}

.calendarManageCalendarContent p {
    margin-top: .5em;
    overflow: hidden;
    font-size: 14px;
    line-height: 1.6em;
}

    .calendarManageCalendarContent p label {
        clear: left;
        display: block;
        float: left;
        font-weight: normal;
        width: 52px;
    }
/* End Create New Calendar */

/* iFrame FancyBox */
#fancyBoxMediumContainer h2 {
    font-size: 24px;
}
/* End iFrame FancyBox */

div.rsAdvPatternPanel ul li span, 
div.rsAdvPatternPanel ul li div, 
div.rsAdvPatternPanel div div {
    float: left;
}
h2.lead-name {
    font-size: 22px;
    margin: 10px 0;
}

.lead-info-wrap a.btn {
    color: #ffffff;
}

.row.lead-info-wrap {
    color: #3B3F4F;
    padding: 10px 0px 0px 0px;
    border-radius: 6px;
    margin: 25px 0;
    background: #fff;
    box-shadow: 0 0px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

.row.lead-info-wrap .col-sm-4,
.row.lead-info-wrap .col-sm-4 .col-md-12 {
    padding-left: 0;
}

.row.lead-info-wrap .col-sm-8,
.row.lead-info-wrap .col-sm-8 .col-md-12 {
    padding-right: 0;
}

@media screen and (max-width: 768px) {
    .row.lead-info-wrap .col-sm-4,
    .row.lead-info-wrap .col-sm-4 .col-md-12,
    .row.lead-info-wrap .col-sm-8,
    .row.lead-info-wrap .col-sm-8 .col-md-12 {
        padding-right: 0;
        padding-left: 0;
    }
}

.leads-mobile-btn.col-md-12 {
    margin: 20px 0;
    padding: 0;

}

.leadsGeneral {
    width: 100%;
    border-collapse: collapse;
}

.leadsGeneral tr.alt td {
    background: #ccd1e3;
}

.leadsGeneral th,
.leadsGeneral td {
    padding: 5px 7px 4px;
}

.leadsGeneral th {
    border-left: 1px solid #bbc0d2;
    border-right: 1px solid #bbc0d2;
    background: #faf3ea;
    font-size: 15px;
    text-align: left;
}

.leadsGeneral td {
    border: 1px solid #bbc0d2;
}

.leadsPages {
    position: relative;
    left: 50%;
    float: left;
    clear: both;
    margin: 10px 0;
    text-align: left;
}

.leadsP {
    padding: 0;
    position: relative;
    left: -50%;
    text-align: left;
    font-size: 13px;
}

.leadsPagination {
    margin: 12px 30px 0 15px;
    padding: 0;
    float: left;
}

.leadsPagination li {
    display: inline;
    list-style: none;
}


/* LEADS Edit, Add pages */



.leadInfoCol2 p {
    font-size: 12px;
    overflow: hidden;
    margin-bottom: 12px;
}

.leadInfoCol2 select {
    width: 200px;
}

.lead2col1 {
    padding: 10px;
    float: left;
    width: 274px;
}

.lead2col2 {
    padding: 10px 0;
    float: left;
    width: 466px;
}

.leadImg {
    float: left;
    margin-right: 10px;
}

.lead2col1 h2 {
    font-size: 24px;
    font-weight: bold;
}

.lead2col1 p {
    font-size: 12px;
    overflow: hidden;
}

.leadInfo {
    clear: both;
    margin-bottom: 20px;
}

.leadInfo p {
    margin-bottom: 1em;
}

.leadInfoDesc {
    float: left;
    text-align: left;
    width: 50%;
    position: relative;
}

.leadInfoDesc textarea {
    width: 160px;
    height: 60px;
}


/* Validation Error */

.validation-summary-errors {
    border: 1px solid #ff0000;
    margin-bottom: 1em;
    padding: 10px 0 0 5px;
}

.validation-summary-errors ul {
    padding-left: 1em;
    margin-left: 0;
}

.field-validation-error {
    /*position:absolute;*/
    right: -25px;
    top: 2px;
}

.importedContact {
    /*text-decoration: line-through;*/
    color: #9a9a9a;
}


/* Google Credential */

.leads_CredentialMissing {
    margin: 15px 20px 0;
}

.leads_CredentialMissing p {
    margin-bottom: 1em;
    line-height: 1.6em;
}


/*Google contacts Import*/

#ContactsGrid {
    clear: both;
}

.importDesc {
    margin: 10px 15px;
    line-height: 1.6em;
    float: left;
    overflow: hidden;
}

.importLeads {
    margin: 10px 15px;
    float: right;
    overflow: hidden;
}

.archived {
    color: #777;
    background-color: #dfdfdf;
}

.archivedIndicator {
    background: #eee;
    color: #33aa33;
    display: block;
    float: left;
    font-size: 10px;
    line-height: 1.6em;
    margin: 0 10px 0 0;
    padding: 1px 5px 0;
    border: 1px solid #d0d0d0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.leadUpload {
    clear: both;
    margin-top: 20px;
    margin-right: 20px;
    margin-left: 20px;
}

.failedleads {
    clear: both;
    margin-top: 20px;
    margin-right: 20px;
}

.addedleadds {
    clear: both;
    margin-top: 20px;
    margin-right: 20px;
}

.leadUploadButton {
    margin-left: 10px;
}

.my-profile-container {
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.profile-contact-info, .activity-timeline-table {
    width: 70% !important;
    margin: auto;
}

@media screen and (max-width: 1024px) {
    .profile-contact-info, .activity-timeline-table {
        width: 100% !important;
    }
}

.lead-info-wrap .lead-data-value-container {
    display: flex;
    flex-direction: column;
    margin-top: 15px;
}

.lead-info-wrap .lead-data-value-container .lead-label {
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 600;
    color: #000;
}

.lead-info-wrap .lead-data-value-container .lead-value {
    font-weight: 400;
    font-size: 14px;
}

.lead-info-wrap .collapsable-panels-container {
    padding: 0; 
    margin-top: 20px;
}

.lead-info-wrap .collapsable-header {
    border-top: 1px solid #ccc;
    padding: 11px 15px;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600 !important;
    color: #000;
}

.lead-info-wrap .collapsable-section {
    border-bottom: none !important;
    padding: 0 15px !important;
}

.lead-info-wrap .collapsable-header:before {
    right: 15px !important;
}

/* Styles specific to the Leads page */
.lead-page-container .row.lead-info-wrap {
    padding: 20px;
}

.lead-page-container .lead-info-wrap a.btn {
    margin: 15px 0;
}

.lead-page-container h2.lead-name {
    font-size: 20px;
    font-weight: 600;
    margin: 0;
}

.lead-page-container .lead-info-wrap .collapsable-header {
    border-top: none;
}

.lead-page-container .lead-info-wrap .collapsable-section {
    border-bottom: 1px solid #ccc !important;
}
/*----- ORDER DETAIL Page -----*/

a {
    color: #0e609a;
}

a:hover {
    color: #0060a5;
}

#orderDetailHeader {
    position: relative;
    overflow: hidden;
    margin: 15px 15px 0;
}

#orderDetailHeader h2 {
    float: left;
    font-size: 22px;
    margin: 3px 0 7px;
    color: #585f70;
}

#orderDetailHeader h2 span {
    float: left;
    margin: 5px 0 0;
}

#orderDetailHeader a img {
    margin: 0 10px 0 0;
    float: left;
}

.orderDetailTrack {
    position: absolute;
    left: 0;
    margin-top: 50px;
}

#orderDetailSummary {
    float: right;
    overflow: hidden;
    font-size: 12px;
    margin-bottom: 15px;
}

#orderDetailSummary ul {
    margin: 0;
    padding: 0;
}

#orderDetailSummary ul li {
    margin: 0;
    padding: 0;
    line-height: 1.6em;
}

.orderDetailTopic {
    overflow: hidden;
    display: block;
    float: left;
    text-align: right;
    width: 200px;
    margin-right: 7px;
}

.orderDetailDesc {
    text-align: left;
}

.orderDetailAddress {
    overflow: hidden;
    margin-bottom: 15px;
}

.orderDetailAddress li {
    overflow: hidden;
    display: block;
    float: left;
    width: 50%;
}

.orderDetailAddress li ul li {
    width: 100%;
    line-height: 1.6em;
}

.orderDetailAddress li p {
    font-size: 18px;
    color: #0e609a;
}


/*----- ORDER DETAIL PANEL -----*/

.orderDetailPanel {
    position: relative;
    margin: 0 auto;
    overflow: hidden;
    width: 95%;
}

.orderDetailPanelContentR {
    background: url() repeat-y right top;
}

.orderDetailPanelContentL {
    background: url() repeat-y left top;
    padding: 0;
}

.orderDetailPanelContent {
    font-size: 12px;
    color: #333;
    padding: 0;
    overflow: hidden;
}

.orderDetailPanelBottom {
    background: url() repeat-x top;
    height: 4px;
}

.orderDetailPanelBottomL {
    background: url() no-repeat left top;
}

.orderDetailPanelBottomR {
    background: url() no-repeat right top;
}


/*--- END ORDER DETAIL PANEL ---*/

.orderDetailContent {
    clear: both;
    line-height: 1.4em;
    font-size: 14px;
}

.orderDetailContent table {
    position: relative;
    margin: 0 auto;
    border-collapse: collapse;
    font-size: 12px;
    width: 100%;
}

.orderDetailContent thead,
.orderDetailContent tfoot,
.orderDetailContent tbody,
.orderDetailContent thead tr,
.orderDetailContent tfoot tr,
.orderDetailContent tbody tr {
    position: relative;
}

.orderDetailContent thead {
    background: url() repeat-x top;
    color: #585F70;
    text-align: right;
    font-size: 12px;
}

.orderDetailContent th {
    position: relative;
    padding: 5px 15px;
    white-space: nowrap;
}

.orderDetailContent th span.leftTableHeader {
    position: absolute;
    background: url() no-repeat left top;
    display: block;
    width: 6px;
    height: 28px;
    top: 0;
    left: 0;
}

.orderDetailContent th span.rightTableHeader {
    position: absolute;
    background: url() no-repeat right top;
    display: block;
    width: 6px;
    height: 28px;
    top: 0px;
    right: 0;
}

.orderDetailContent tfoot {}

.orderDetailContent tfoot td {
    padding: 5px 15px;
    text-align: right;
}

.orderDetailContent tfoot tr.topFooter td {
    white-space: nowrap;
    position: relative;
    text-align: right;
    background: url() repeat-x left top;
}

.orderDetailContent tfoot tr.topFooter td.orderFoot,
.orderDetailContent tfoot td.orderFoot {
    text-align: left;
}

.orderDetailContent tfoot tr.topFooter td.orderTotal,
.orderDetailContent tfoot td.orderTotal {
    font-size: 14px;
    font-weight: bold;
    color: #111111;
}

.orderDetailContent tfoot tr.topFooter td span.noBgL,
.orderDetailContent tfoot tr.topFooter td span.noBgR {
    position: absolute;
    display: block;
    width: 4px;
    height: 26px;
}

.orderDetailContent tfoot tr.topFooter td span.noBgL {
    left: 0;
    margin-top: -25px;
    background: url() repeat-y left top;
}

.orderDetailContent tfoot tr.topFooter td span.noBgR {
    right: 0;
    margin-top: -25px;
    background: url() repeat-y right top;
}

.orderDetailContent table tbody {
    text-align: right;
}

.orderDetailContent tbody td {
    padding: 10px 15px;
    vertical-align: top;
}

.orderDetailContent tbody td img {
    float: left;
    margin-right: 10px;
    max-width: 150px;
}

.orderDetailContent tbody td p {
    font-size: 16px;
    color: #2275b1;
    text-align: left;
}


.taxAmount {
    text-align: right;
}

.taxAmountTotal {
    border-top: 1px solid #aaaaaa;
}

/*--- End ORDER DETAIL Page ---*/


/*----- ORDER SEARCH -----*/

.orders-search-form {
    margin: 10px auto;
}

.orders-search-form input[type="text"],
.orders-search-form select  {
    border-radius: 4px;
    border: 1px solid #ccc;
    height: 27px;
    padding: 3px;
}

.orders-search-form input[type="text"] {
    min-width: 140px;
}

.orders-search-form select {
    min-width: 110px;
}

.orders-search-form .btn.btn-primary {
    padding: 3px 6px;
}

.orders-search-form .orders-sort-label {
    font-weight: bold;
}

.orders-search-form .orders-search,
.orders-search-form .orders-sort {

}


@media screen and (max-width: 767px) {

.orders-search-form input[type="text"],
.orders-search-form select {
    width: 100%;
    margin-bottom: 10px;
}

.orders-search-form .orders-sort-label {
    display: block;
    margin-bottom: 10px;
    text-align: center;
    font-size: 15px;
}

}

/*--- End ORDER SEARCH ---*/


/*----- ORDER VIEW -----*/
.order-details-container {
    ul {
        padding-left: 0;
    }

    h2 {
        font-size: 24px;
        margin-bottom: 3px;
    }

    .sub-header-container {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap; 

        .btn {
            min-width: 130px;
        }
    }

    .sub-header-value {
        font-size: 12px;
        margin-bottom: 5px;
        text-transform: uppercase;
        font-weight: 600;        
        color: #666666;
    }

    .sub-header-separator {
        margin: 0 4px;
        font-size: 16px;
        color: #bdbdbd;
    }

    .order-container {
        flex-direction: column;

        .order-summary {
            align-items: flex-start;
            padding: 15px 5px;

            .payments-container {
                margin-top: 15px;
            }
        }

        .orders-detail .order-items .image-container .quantity {
            padding: 10px 10px 9px;
        }
    }

    .bill-address, .ship-address {
        p {
            margin-bottom: 0;
        }
    }

    .payments-container {
        padding-top: 15px;
    }
}

.ordersContainer.autoship-orders-container .order-container {
    flex-direction: column;
}

.ordersContainer.autoship-orders-container .order-container .order-summary {
    align-items: flex-start;
}

@media screen and (max-width: 767px) {
    .order-details-container {
        .order-summary .detail-data-value {
            margin-bottom: 15px;
        }

        .sub-header-container .button-container {
            flex: 100%;
            margin-top: 8px;
        }

        .addresses-container {
            margin-bottom: 10px;
        }

        .payments-container {
            border-bottom: 1px solid #ccc;
            padding-top: 0;
        }

        .responsive-table.order-payment-table td, .responsive-table.order-payment-table th {
            font-size: 14px;
            margin: 15px 5px;
        }
    }
}

.ordersContainer {
    padding: 0;
    border-top: none;
}

.ordersContainer ul#listView,
.ordersContainer .k-pager-wrap {
    border: 0;
}

.ordersContainer ul#listView,
.ordersContainer ul#listView li,
.ordersContainer ul#listView li ul {
    display: block;
    position: relative;
    padding: 0;
}

ul li.order-container {
    border: 1px solid #ccc;
    margin-bottom: 25px;
}

ul li.order-container:last-child {
    margin-bottom: 0;
}

ul li.order-container .order-summary .btn span {
    display: block;
    white-space: normal;
}

/* Party item totals */

.order-container .t-grid-pager {
    min-height: 40px;
}

.order-summary {
    background: #eee;
    border-bottom: 1px solid #ccc;
    padding: 10px 10px 5px;
    margin: 0 !important;
    border-radius: 6px 6px 0 0;
}

.order-summary p {
    margin-bottom: 5px;
}

.order-summary .detail-label:after {
    content: ":";
}

.orders-detail {
   padding: 10px 15px;
   border-radius: 0 0 6px 6px;
}

.orders-detail p.shipped {
    font-size: 18px;
    font-weight: bold;
    color: #00789a;
    margin: 0;
}

.orders-detail p.shipped-method {
    font-size: 14px;
    color: #3B3F4F;
    margin-bottom: 5px;
}

.orders-detail .shipping-status-info .shipped-info{
    margin-top: 4px;
}

.orders-detail ul li .order-item-info {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 0;
    width: 60%;
}

.orders-detail ul li {
    padding: 10px;
    min-height: 135px;
}

.orders-detail ul li .order-item-info .order-item-description {
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 4px;
    display: block;
    font-size: 15px;
}

.orders-detail ul li .order-item-info p {
    margin-bottom: 2px;
}

.orders-detail .order-items {
    margin: 0;
}

.orders-detail .order-items .image-container {
    max-height: 90px;
    max-width: 90px;
    position:relative;
    display:inline-block;
    vertical-align: top;
    margin-right: 20px;
}

.orders-detail .order-items .image-container img {
    margin: 0 auto;
    display:block;
    max-width: 90px;
    max-height: 90px;
}

.orders-detail .order-items .image-container .quantity {
    position: absolute;
    color: #1c1c1c;
    width: 14px;
    height: 14px;
    border: 1px solid #a5a5a5;
    border-radius: 50%;
    bottom: -10px;
    right: -10px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 2px;
    font-weight: 400;
    font-size: 12px;
    background: #fff;
}

.order-invoice-note {
    padding: 7px 10px;
}

.order-invoice-note h3 {
    font-weight: bold;
    margin: 0 0 5px;
    font-size: 12px;
    color: #333333;
}

.order-invoice-note p {
    margin-bottom: 0;
    color: #333333;
}

.ordersContainer #listView_pager{
    background: #f7f7f7;
}

@media screen and (max-width: 1024px) {
    .order-container .order-summary {
        flex-direction: column;
    }

    .order-container .left-align-detail-row, .order-container .right-align-detail-row {
        width: 100%;
        flex-direction: column;
        text-align: left;
    }

    .order-container .detail-label {
        text-align: left !important;
        margin-top: 12px;
    }

    .order-container .order-details .btn-primary, .order-container .order-status-container .btn {
        width: auto;
    }

    .order-container .order-status-container {
        flex-direction: column;
    }
}

.responsive-table.order-payment-table {
    width: 100%;
    border: 1px solid #dddddd;
    margin: 5px;
    color: #333333;
}

.responsive-table.order-payment-table th {
    background: #eeeeee;
}

.responsive-table.order-payment-table td,
.responsive-table.order-payment-table th {
    padding: 2px 5px;
    border-bottom: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
}

.responsive-table.order-payment-table td:last-child {
    padding-bottom: 3px;
}

@media screen and (max-width: 991px) {
    .responsive-table.order-payment-table {
        margin: 0;
        border-width: 0 0 1px 0;
    }

    .responsive-table.order-payment-table td:last-child,
    .responsive-table.order-payment-table th:last-child {
        border-right: 0;
    }
}

    
    .ordersContainer li.order-container {
        border-radius: 6px;
        box-shadow: 0 0px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
        display: flex;
    }

    .order-container .left-align-detail-row {
        display: flex;
        flex: 1;
    }

    .order-container .left-align-detail-row .order-summary-column {
        margin-right: 75px;
    }

    .order-container .right-align-detail-row {
        display: flex;
        justify-content: right;
        flex-direction: column;
    }

    .order-summary {
        display: flex;
        align-items: center;
        padding: 15px 20px;
    }

    .order-summary p {
        display: flex;
        flex-direction: column;
    }

    .order-summary .detail-label {
        text-transform: uppercase;
        font-size: 11px;
        margin-bottom: 5px;
        font-weight: 600;
        color: #666666;
    }

    .order-summary .detail-label:after {
        content: "";
    }

    .order-summary .detail-value {
        font-weight: 600;
        font-size: 15px;
    }

    .order-details.right-align-detail-row .detail-label {
        text-align: right;
    }

    .order-container .order-sub-summary {
        background: #fff;
        padding: 20px;
    }

    .order-container .order-sub-summary .order-status {
        font-weight: 600;
        font-size: 16px;
    }

    .order-container .order-sub-summary .ship-date-label {
        display: none;
    }

    .orders-detail {
        border-radius: 0 0 6px 6px;
    }

    .order-status-container {
        display: flex; 
        justify-content: space-between;
    }


@media screen and (max-width: 767px) {

    .order-summary {
        padding: 10px 10px 0;
    }

    .order-summary .col-sm-3 {
        position: static;
    }

    .order-summary .autoship {
        position: absolute;
        top: 5px;
        right: 5px;
    }

    ul.order-items li.col-md-6 {
        width: 100%;
    }

    .orders-detail .order-items .image-container {
        max-width: 35%;
        width: auto
    }

    .responsive-table.order-payment-table {
        border: 0;
        margin: 0;
    }

    .responsive-table.order-payment-table td,
    .responsive-table.order-payment-table th {
        font-size: 12px;
        padding: 0;
        border-bottom: 0;
        border-right: 0;
        margin: 0 5px;
    }

    .responsive-table.order-payment-table td {
        padding: 0 5px;
    }

    .responsive-table.order-payment-table td:before {
        content: attr(data-title);
        margin-bottom: 3px;
    }
}


.orders-detail ul li div.subItemDiv {
    display: none;
}

.totalVolume,
.totalOrder {
    font-size: 13px;
    font-weight: bold;
}

.totalVolume {
    color: #116611;
}

.totalOrder {
    color: #000000;
}

.ordersDetailHidden {
    display: none;
}

.ordersDetailFoot {
    margin: 0;
    padding: 10px;
}

.ordersDetailFoot p {
    margin: 0;
    padding: 0;
}

span.viewAllItems {
    cursor: pointer;
    color: #0060A5;
}

span:hover.viewAllItems {
    text-decoration: underline;
}


/*--- END ORDER VIEW ---*/

table,
thead,
tfoot,
tbody,
tr,
td,
th {
    overflow: visible;
}

.panelContainer {
    overflow: hidden;
    clear: both;
}

.panelContentOrder {
    padding-left: 12px;
    font-size: 12px;
    color: #333;
    padding: 0px;
}

.ordersSummaryTable thead th {
    background: #faf3ea;
    border-bottom: 1px solid #DDDDDD;
}

.ordersTable table {
    width: 100%;
    border-spacing: 0px;
    overflow: visible !important;
    border-collapse: collapse;
}

.ordersTable table tr th,
.ordersTable table tr td {
    text-align: left;
    padding: 5px 5px 4px;
}

.ordersTable table tr {}

.ordersTable table tr.altRow {
    background-color: rgba(207, 217, 231, 0.2);
}

.orderingSummary {
    float: left;
    width: 35%;
    padding: 2.25%;
}

.recentOrders {
    padding: 2.25%;
}

#ordersList {
    position: relative;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #AAAAAA;
}

#ordersList li {
    position: relative;
    overflow: hidden;
    font-size: 13px;
    padding: 9px 10px 8px;
    margin: 0;
    border-top: 1px dotted #777777;
    display: block;
}

#ordersList li div {
    overflow: visible;
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
}

#ordersList li div span {
    margin: 0;
    padding: 0;
}

#ordersList p {
    margin-bottom: .5em;
}

.ordersPages {
    position: relative;
    left: 50%;
    float: left;
    clear: both;
    margin: 10px 0;
    text-align: left;
}

.ordersP {
    padding: 0;
    position: relative;
    left: -50%;
    text-align: left;
    font-size: 13px;
}

.ordersPagination {
    margin: 12px 30px 0 15px;
    padding: 0;
    float: left;
}

.ordersPagination li {
    display: inline;
    list-style: none;
}

.subItemDiv {
    display: block;
}

.subItemProductId {
    font-size: 11px;
}

.subItemDesc {
    font-size: 11px;
}

.subItemQty {
    font-size: 11px;
}


/* Autoship */

.autoshipCancel {
    margin: 15px 10px 10px;
    width: 240px;
    background: url() no-repeat left top transparent;
    padding-left: 55px;
    line-height: 1.3em;
}

.autoshipCancelButtonFirst {
    margin-left: 10px;
}

.autoshipDetailLinks {
    padding: 0;
    margin: 0;
    overflow: hidden;
}

.orderDetailAddress li ul li.autoshipDetailOptions {
    width: 150px;
    margin-right: 5px;
    line-height: 1em;
    float: right;
}

.autoshipDetailOptions a {
    font-size: 12px;
    width: 100px;
    text-align: center;
}

#EditPaymentModalContent {
    text-align: left;
}

#EditPaymentModalContent ul.t-reset {
    font-size: 12px;
}

#EditPaymentModalContent .t-widget.t-combobox.t-header {
    margin-left: 3px;
    width: 50%;
}

.autoShipCreditAccount {
    display: flex;
    align-items: center;
}


/* Autoship Not Enrolled */

.autoshipNotEnrolledHeader {
    background: url() no-repeat left top transparent;
    color: #304475;
    font-size: 20px;
    line-height: 42px;
    height: 42px;
    margin: 15px;
    padding-left: 48px;
}

.autoshipNotEnrolled {
    margin: 0 15px;
    font-size: 14px;
}

.reportBinaryOnly {
    padding: 15px;
    color: Red;
}

.reportContainer {
    padding-top: 5px;
    padding-left: 15px;
    padding-right: 15px;
}
/* Organizational Summary */

.organizationalSummaryEnrollmentsLeftCol {
	float: left;
	width: 50%
}

.organizationalSummaryEnrollmentsRightCol {
	float: right;
	width: 45%
}

.organizationalSummaryGraphs input,
.organizationalSummaryGraphs div {
	float: left;
}

.organizationalPadding {
	padding: 10px;
}

.t-grid {
	font-size: 12px !important;
}


/* Organizational Summary */


/* Reps Page */

.downlineGroups,
.personalGroups {
	float: left;
	width: 390px;
	margin-top: 15px;
}


/* End Reps Page */


/* Downline Report */

#downlineReportGridContainer {
	overflow: auto;
}

#downlineReportGridContainer .RadGrid_Default {
	border: none !important;
}

#downlineReportGridContainer .RadGrid_Default .rgRow td,
#downlineReportGridContainer .RadGrid_Default .rgAltRow td {
	border: none;
}

#downlineReportDetailsContainer {
	display: none;
	position: absolute;
	top: 0px;
	left: 300px;
	z-index: 1000;
	background-color: White;
}

#downlineReportContainer {
	position: relative;
	height: auto;
    padding-bottom: 80px;
	/*AZ set height to auto, 700px was hiding scrollbar*/
}


/* Downline Report */


/* override the Telerik styling grid */

.rgMasterTable {
	width: 100% !important;
	border-collapse: collapse !important;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important;
	border: 1px solid #666666;
}

.rgHeader {
	font-size: 12px !important;
	background: #faf3ea !important;
	color: #666666 !important;
	padding: 4px 15px !important;
	text-align: left !important;
}

.rgRow {
	border-bottom: none !important;
	padding: 15px !important;
	background-color: White !important;
}

.rgAltRow {
	border-bottom: none !important;
	padding: 15px !important;
	background-color: #EEEEEE !important;
}

.rgRow .rgSorted,
.rgAltRow .rgSorted {
	background-color: Transparent !important;
}

.rgRow td,
.rgAltRow td {
	font-size: 12px !important;
	color: #333333 !important;
	padding: 3px 15px !important;
	vertical-align: middle;
}

.rgPager {
	margin-top: 5px !important;
	padding: 9px 0 0 15px !important;
	background-color: #CED6EB !important;
	height: 20px !important;
	font-size: 12px !important;
}


/* Form Items  */

form h3 {
	font-size: 18px;
	margin-top: 15px;
}

form td label {}

form label {
	font-weight: bold;
	color: #333;
}

input {
	margin-bottom: 0px;
}


/* Treeview Page */

#chooseView {
	margin: 15px 15px 0 15px;
}

#chooseView p {
	color: #fafafa;
}

#GenealogyLegend {
	position: relative;
	/*float: right;*/
	color: #646464;
	border: solid 1px #d2d2d2;
	background-color: #fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	font-size: 11px;
	padding: 8px;
	box-shadow: 0px 0px 5px #ccc;
	-moz-box-shadow: 0px 0px 5px #ccc;
	-webkit-box-shadow: 0px 0px 5px #ccc;
}

#GenealogyLegend h3 {
	font-size: 13px;
	text-transform: uppercase;
	margin-bottom: 2px;
	border-bottom: dotted 1px #646464;
	color: #646464;
}

#GenealogyLegend img {
	margin-right: 5px
}

#treeviewContainer {
	margin: 10px 15px 15px 15px;
	background-color: #e8e8e8;
	padding: 10px;
	border: solid 1px #d2d2d2;
	position: relative;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	overflow: hidden;
}


/* Graphical Genealogy */

#center-container,
#center-container select,
#center-container #infoSearch input {
    color: #000000;
}

#center-container a#fullscreen {
    z-index: 1;
}

#center-container #infovis {
    z-index: 0;
}

.genalogyHelp {
	position: absolute;
	right: 60px;
	width: 32px;
	margin: 10px 0 0 0;
	color: #666666;
	text-align: center;
	z-index: 1;
}

.genealogy-top-menu {
    position: relative;
    top: -2.8em;
}

/*.detailsContainer{
	margin: 10px 15px 0 15px;
}*/

.contactDetailsContainer h3 {
	color: #333;
	font-size: 18px;
	font-weight: bold;
	border-bottom: dotted 1px #333;
	padding: 5px;
	margin-bottom: 5px;
}

.contactDetailsContainer p {
	overflow: hidden;
	margin-bottom: 0.25em;
}

.contactDetailsContainer .repInfo {
	padding: 7px;
}

.contactDetailsContainer .repInfo img {
	width: 75px;
}

.contactDetailsContainer .repInfo h2 {
	font-size: 1.3em;
}

.profileCardTabs {
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	background: #FAF3EA;
	border-bottom: 1px solid #000;
}

.profileCardTabs div {
	padding: 5px;
	height: 25px;
}

.profileCardName {
	font-size: 1.4em;
    margin-bottom: 10px;
}

.contactInfoDesc {
	width: 50%;
}

ul.tabs {
	position: absolute;
	left: 0px;
	bottom: -23px;
	/*-moz-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;*/
	margin: 0 5px;
	padding: 0;
	float: left;
	list-style: none;
	height: 22px;
	/*--Set height of tabs--*/
	/*border-top: 1px solid #999;*/
	/*border-left: 1px solid #999;*/
	width: 98%;
}

ul.tabs li {
	-moz-border-radius-bottomleft: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-bottomright: 6px;
	-webkit-border-bottom-right-radius: 6px;
	float: left;
	margin: 0 -1px;
	padding: 0;
	padding-bottom: 2px;
	height: 21px;
	/*--Subtract 1px from the height of the unordered list--*/
	line-height: 21px;
	/*--Vertically aligns the text within the tab--*/
	border: 1px solid #000;
	border-top: none;
	/*border-left: none;*/
	margin-top: -1px;
	/*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
	background: url() repeat-x scroll center top #6077A8;
	/*-- background: #e0e0e0; -- Old tab color --*/
}

ul.tabs li a {
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	text-decoration: none;
	color: #FAFAFA;
	display: block;
	font-size: 11px;
	padding: 0 5px;
	border: 1px solid #fff;
	/*--Gives the bevel look with a 1px white border inside the list item--*/
	border-top: 1px solid #000;
	outline: none;
}

ul.tabs li a:hover {
	background: #DADADA;
	color: #6077A8;
}

html ul.tabs li.active a {
	color: #6077A8;
}

html ul.tabs li.active,
html ul.tabs li.active a:hover,
html ul.tabs li.active,
html ul.tabs li.active a {
	/*--Makes sure that the active tab does not listen to the hover properties--*/
	background: #fff;
	/*border-top: 1px solid #fff; removed to allow multiple rows TABS /*--Makes the active tab look like it's connected with its content--*/
}


/*-- Organization Customers --*/

div.orgCustomerContent {
	margin: 20px;
}

.customerSortBy {
	margin-bottom: 10px;
	text-align: right;
}

.customerSortBy span {
	color: #31436b;
}

ul.orgCustomers {
	margin: 0;
	padding: 0;
}

ul.orgCustomers li {
	position: relative;
	padding: 0px;
	border: 1px solid #333333;
	border-top: none;
}

ul.orgCustomers li:first-child {
	border-top: 1px solid #333333;
}

.customerContentCol {
	overflow: hidden;
	padding: 10px;
}

.customerContentCol div {
	width: 32%;
	float: left;
}

.customerContentName {
	color: #31436b;
	font-size: 18px;
}

ul.orgCustomers li div.t-last {
	border-bottom: none;
	border-left: 1px solid #333333;
	padding: 0px;
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
}

ul.orgCustomers li div.t-last input {
	margin: 5px;
}

div.orgCustomerButtons {
	overflow: hidden;
	margin-top: 10px;
}


/*-- End Organization Customers --*/


/*-- Profile Card Content --*/

.tab_content .org2col1 {
	overflow: hidden;
	width: 100%;
	max-width: 370px;
	min-height: 220px;
}

.tab_content .org2col1 .contactInfo.proCardGeneral img {
	width: 75px;
	position: absolute;
}

.tab_content .org2col1 .contactInfo.proCardGeneral p {
	margin-bottom: 0;
	line-height: 1.6em;
	/* margin-left: 85px Moved to .contactInfoDiv PW 62965 */
}

.tab_container {
	min-height: 220px;
}

.tab_content .org2col1 .contactInfo .contactInfoDiv {
	overflow: hidden;
	position: relative;
}

#contactGroups ul {
    width: 100%;
    padding-left: 5px;
}

/*-- End Profile Card Content --*/


/*-- Contact Page: Message History: Fancybox PopUp --*/

#readMessage {
	width: 99%;
}

#readMessage #messageFrom,
#readMessage #messageTo,
#readMessage #messageDate,
#readMessage #messageSubject {
	font-size: 14px;
	line-height: 1.6em;
}

#readMessage #messageFrom {
	margin-top: 5px;
}

#readMessage .messageDiv {
	width: 90%;
	margin: 10px auto 15px;
}


/*-- End Contact Page: Message History: Fancybox PopUp --*/


/*--- Groups Drag-N-Drop ---*/

#grdCompanyGroups table tr.t-alt {
	background-color: #f5f7fa !important;
}

#grdCompanyGroups table tr.dnd_DragClass.t-alt td {
	background-color: #f5f7fa !important;
}

#grdCompanyGroups table {
	border-collapse: collapse;
}

tr.dnd_DragClass td {
	border-top: 1px solid #ddd !important;
	border-bottom: 1px solid #ddd !important;
}

tr.dnd_DragClass td:first-child {
	background: url() no-repeat 5px center transparent !important;
}

tr.dnd_DragClass {
	background: none transparent;
	z-index: 500;
}


/*-- End --*/


/* ContactGroupMembers */

.membersContactCardCol {
	width: 16px;
}

.contactCardImage {
	vertical-align: bottom;
}


/* end ContactGroupMembers */


/* Add to Group */

#AddContactToContactGroup {
	height: 100%;
	position: relative;
	overflow: hidden;
}

label.addToGroupTitle {
	font-size: 26px;
	color: #585F70;
}

.addToGroupImg {
	margin-right: 2px;
}

#addToGroupList {
	margin-left: 40px;
	padding-left: 10px;
}

#addToGroupList li {
	line-height: 1.4em;
	font-size: 15px;
}

#addToGroupList input {
	margin-right: 2px;
}

.addToGroupButton {
	background: #FAF3EA;
	/*#CED6EB;*/
	overflow: hidden;
	width: 100%;
	bottom: 0;
	right: 0;
	position: relative;
	height: 40px;
}


/* End Add to Group */


/* HoldingTank */

.fancyBoxThrow {
	margin: 5px;
}

.fancyBoxThrow p {
	clear: both;
	overflow: hidden;
	margin-bottom: 5px;
}

.fancyBoxThrow p label {
	float: left;
	width: auto;
	margin-right: 7px;
}

.errorHoldingTank {
	margin: 15px;
	color: #dd0000;
	font-weight: bold;
	font-size: 16px;
}

#holdingTankForm {
	margin: 10px 0;
}

#holdingTankForm p {
	margin: 0 0 10px 0;
}

.question {
	font-weight: bold;
	display: block;
	margin-bottom: 3px;
}

#submitHoldingTank {
	overflow: hidden;
	margin: 15px;
}


/* End HoldingTank */


/* Report Header (Created with Advanced Genealogy Report) */

#reportHeader {
	padding: 10px;
}

#reportHeader .t-content {
	overflow: hidden;
	padding: 5px;
}

.reportHeaderItem {
	display: block;
	float: left;
	margin: 0 15px 0 0;
	line-height: 1.6em;
}

#reportHeader .listItem {
	float: left;
	-webkit-border-radius: 8px 8px;
	background-color: #3363C9;
	color: white;
	text-shadow: #18425D -1px -1px 0px;
	padding: 2px 7px;
	margin: 2px 4px;
}

#headerButtons > div > .rightButton {
	width: 140px;
	text-align: center;
}
.hidden {
	display: none;
}

#periodDetails {
	overflow: hidden;
}

#periodDetails h3 {
	float: left;
}

#periodDetails .periodDetail {
	padding-right: 15px;
}

h3 span#period {
	color: #6077A8;
	font-size: 13px;
	margin-left: 5px;
	line-height: 1.6em;
	font-weight: bold;
}

h3 span#bonusName {
	color: #6077A8;
	font-size: 13px;
	margin-left: 5px;
	line-height: 1.6em;
	font-weight: bold;
}

div.periodDetail span {
	color: #6077A8;
	font-size: 12px;
	margin-left: 5px;
	line-height: 1.6em;
}

.dataHeader {
	font-weight: bold;
}

.grdBonusPeriods {
	overflow: hidden;
}

.grdBonusDetail {
	overflow: hidden;
}

#fancyBoxLargeContainer {
	color: #333333;
}

#fancyBoxLargeHeader {
	font-size: 24px;
	font-weight: bold;
	line-height: 1.6em;
	margin-bottom: 5px;
}

#fancyBoxLargeContent table {
	width: 100% !important;
	border-collapse: collapse;
	font-size: 14px;
}

#fancyBoxLargeContent table tr {
	width: 100%;
}

tr.arrowDown td {
	background: url() repeat-x 0 -24px;
	border-bottom: 1px solid #999999;
}

tr.results td {
	border-top: 1px dotted #666666;
	padding: 2px 7px;
	cursor: pointer;
}

tr.results:hover {
	background: url() repeat-x 0 -48px;
}

tr.resultsInfo {
	display: none;
}

tr.show {
	display: table-row;
}

tr.resultsInfo table {
	width: 95%;
	margin: 5px 25px 15px;
	float: left;
}

tr.resultsInfo table td {
	font-size: 12px;
}

.topright {
	font-weight: bold;
	text-align: right;
}

.periodIsPaid {
	background: url() no-repeat center top;
	width: 20px;
	height: 20px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
}

tr.resultsInfo table td.label {
	text-align: right;
	padding-right: 7px;
	color: #999999;
}

tbody.resultsInfo {
	float: left;
}


/*----- COMMISSIONS PANELS -----*/

.panelHeaderComm {
	background: url() repeat-x transparent;
	height: 35px;
}

.panelHeaderComm h1 {
	font-size: 11px;
	text-transform: uppercase;
	font-weight: bold;
	background: url() no-repeat left top;
	line-height: 15px;
	color: #585f70;
	float: left;
	padding-top: 5px;
	padding-left: 8px;
	height: 30px;
}

.panelHeaderComm h1 span#checkNumber {
	color: #585F70;
}

.panelHeaderComm h1 span#payoutDate {
	color: #585F70;
}

.panelHeaderRComm {
	background: url() no-repeat right top;
	height: 39px;
	width: 6px;
	position: relative;
	float: right;
}


/*--- END COMMISSIONS PANELS ---*/


/*----- VOLUMES -----*/

ul.results {
	padding-left: 1em;
}

ul.results li {
	line-height: 1.4em;
}

#VolumeDetails ul.results {
	padding: 1em;
}

#VolumeDetails ul.results li {
	position: relative;
}

#VolumeDetails ul.results li ul.results {
	margin-left: 1em;
	padding: 0;
}

#volumesTable .t-state-hover,
#volumesTable .t-state-hover:hover {
    background-color: #ffffff;
    background: none;
    outline: none;
    border-color: #ddd;
    cursor: default;
}

#volumesTable .volumeSelected {
    background: none;
}

.volumeSelected a {
	outline: none;
}

.dollar,
.t-grid table#volumesTable th.dollarHeader {
	text-align: right;
}

.volumeGenType {
	position: absolute;
	padding: 5px 20px 0;
	font-size: 14px;
	color: #fafafa;
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	right: 15px;
	top: 8px;
}

.dataDescVolumes {
	text-align: right;
}


/*--- END VOLUMES ---*/


/*----- STATEMENT -----*/

.commissionsStatementsDiv {
	margin-bottom: 1em;
	line-height: 1.6em;
}

#companyInfo {}

#companyInfo .companyName {
	margin: 15px 25px 0 0;
	padding: 0;
	font-size: 1.6em;
	text-align: left;
}

#companyInfo .companyAddress {
	margin: 0;
	padding: 0;
}

#repInfo table {
	border-collapse: collapse;
}

#repInfo table td.repInfoLabel {
	padding-right: 7px;
	color: #888888;
}

.repAddress {
	margin-top: 1.5em;
	font-weight: bold;
}

.repAddress ul {
	margin: 0;
	padding: 0;
}

#periodTotals table {
	border-collapse: collapse;
}

#periodTotals table tr td {
    padding: 2px 5px ;
    margin-bottom: 5px;
}

#periodTotals table tr td:before {
    margin-bottom: 3px;
}

#periodTotals table tr td.periodDesc {
	padding-right: 10px;
}

#periodTotals table tr.periodTotalRow {
	font-size: 1.2em;
	font-weight: bold;
	text-align: right;
}

@media screen and (min-width: 768px) {
     #periodTotals table tr td.periodAmt {
	    text-align: right;
    }

    #periodTotals table tr.periodTotalRow td {
	    border-top: 1px solid #aaaaaa;
    }
}

#periodTotals .periodTotal {
	text-align: left;
    margin-bottom: 0;
}

@media screen and (max-width: 767px) {

    #periodTotals table tr td {
        margin: 0 5px 3px;
        padding: 2px;
    }

    #periodTotals table tr.periodTotalRow {
        text-align: left;
    }

    #periodTotals table tr.periodTotalRow td {
        display: inline-block;
        vertical-align: top;
        padding: 2px;
        margin-bottom: 3px;
    }

    #periodTotals table tr.periodTotalRow td.periodTotal {
        font-weight: bold;
    }
}

#periodDetails {
	clear: both;
    margin-top: 15px;
}

#periodDetails .panel {
	margin: 0;
}

#periodDetails .commissionsDetail {
	margin-bottom: 1.5em;
}

#periodDetails .commissionsDetail table {
	border-collapse: collapse;
    width: 100%;
}

#periodDetails .commissionsDetail table tr td {
	padding: 2px 5px;
	border-top: 1px solid #FFFFFF;
}

#periodDetails .commissionsDetail table tr td:first-child {
	border-left: none;
}

#periodDetails .commissionsDetail .periodHeader {
	color: #6077A8;
	font-size: 1.2em;
	margin: 0;
}

.commissionsDetail .periodDataHeader {
	padding: .3em .6em;
	background: #eee;
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #ddd;
}

.commissionsDetail .periodDataHeader:first-child {
	border-left: none;
}

#projectionWarning {
	margin-bottom: 5px;
}

#projectionWarning span {
	font-size: 18px;
	font-weight: bold;
	color: Red;
	padding: 0 10px;
}


/*--- END STATEMENT ---*/


/*--- COMP REPORT ---*/


/* Qualification Details */

.compReport {
	padding: 10px;
}

.compReport .compBreakdown,
.compReport .compAchievement {
	width: 100%;
	margin: 0 0 15px;
	padding: 10px 15px;
	border: 1px solid #999999;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
    display: inline-block;
}

.compReport h3 {
	font-size: 1.3em;
	font-weight: bold;
	line-height: 1.5em;
	margin: 0 0 5px;
}

.compReport table {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	border-collapse: collapse;
	border-spacing: 0;
}

.compReport table td {
	padding: 0 0 8px;
}

.compReport table td.CompQualSummaryLeft {
    width:100%
}

.compReport table td.CompQualSummaryCheck {
	width: 100%;
	padding: 0 5px;
}

.compReport table td.CompQualSummaryValue {
	width: 100%;
}

.compReport table td span {
	font-size: 1.1em;
	line-height: 1.4em;
}

.compReport table td span.CompQualSummaryValue {
	white-space: nowrap;
}


/*----- Dynamic Engine -----*/

.CompYes {
	color: green;
}

.CompNo {
	color: red;
}

.NoWrapGrid {
	overflow: auto;
	overflow-y: hidden;
	overflow-x: hidden;
	padding: 0 0 15px;
}

.NoWrapGrid td {
	white-space: nowrap;
}


/*----- End Dynamic Engine -----*/


/*--- END COMP REPORT ---*/


/* Commissions details responsive styling */

#commissions .k-hierarchy-col, #commissions .k-hierarchy-cell {
	display: none !important;
}

#commissions .commissions-mobile-details-container {
	margin-left: 30px;
}

@media screen and (max-width: 768px) {
	#commissions .responsive-table table {
		display: grid;
	}

	#commissions .responsive-table thead {
		display: none;
	}

	#commissions .responsive-table td[title]:before {
		display: initial;
		padding-right: 8px;
	}

	#commissions .responsive-table td {
		padding: 0 !important;
	}

	#commissions .responsive-table tr {
		padding: 5px 8px;
	}

	#commissions .responsive-table .responsive-hidden {
		display: none;
	}

	#commissions .responsive-table .k-hierarchy-cell {
		display: inline-block !important;
		position: absolute;
		right: 10px;
		width: auto;
		height: auto;
		line-height: 0;
	}

	#commissions .responsive-table .k-hierarchy-cell:before {
		margin: 0;
	}

	#commissions .responsive-table .k-hierarchy-cell .k-icon {
		outline: 0;
		box-shadow: none;
		width: 25px;
		height: 25px;
	}

	#commissions .responsive-table .k-hierarchy-cell .k-icon:before {
		font-family: FontAwesome;
		font-size: 20px;
		color: #666;
		position: absolute;
		right: 8px;
		top: 3px;
	}

	#commissions .responsive-table .k-hierarchy-cell .k-i-expand:before {
		content: "\f0d7";
	}

	#commissions .responsive-table .k-hierarchy-cell .k-i-collapse:before {
		content: "\f0d8";
	}

	#commissions .responsive-table .k-picker-wrap .k-icon.k-i-calendar,
	.form-group .t-picker-wrap .t-icon.t-icon-calendar {
		font-family: 'FontAwesome' !important;
		font-size: 16px;
		background-image: none;
		color: #666;
		position: absolute;
		right: 6px;
		top: 5px;
		text-indent: 0;
		line-height: normal;
	}

	#commissions .responsive-table .detail-row-item {
		margin-left: 15px;
	}

	#commissions .commissions-statement-table td:nth-child(3) {
		font-weight: 700;
	}
}

@media screen and (max-width: 1400px) {
	.commissions-wrapper {
		width: 100%;
	}
}

@media screen and (min-width: 1700px) {
	.commissions-wrapper {
		max-width: 1700px;
	}
}
#settingsHeader { padding: 15px 20px 10px; }
	#settingsHeader h1 { font-size: 30px; color: #5E75A7; }

.settingsOdd { clear: left; }

#profile, #settings, #system { width: 475px; float: left; }


#profile .panelContentMain { background-image: url(); }
#settings .panelContentMain { background-image: url(); }
#system .panelContentMain { background-image: url(); }

.settingsPanels .panelContentMain {
	background-repeat: no-repeat;
	background-position: 350px 20px;
	padding: 10px;
	}

.settingsPanels .panelContentMain > ul {
	margin: 0 0 1em;
	padding: 0;
	}

.settingsPanels .panelContentMain > ul > li {
	margin: 0;
	padding: 0;
	line-height: 1.6em;
	}

.settingsNotification, .settingsFbFanPage { margin: 15px 20px; padding: 0; line-height: 1.6em; }
.settingsNotification h3, .settingsFbFanPage h3, .externalApplications h3 { font-size: 1.6em; margin-bottom: .25em; }

.settingsNotification { }

.settingsFbFanPage { }

.externalApplications { width: 500px; margin-left: 20px; }

.externalApplicationName { font-weight: bold; }


/* FacebookListFanPages */
.settings_FbFanPageSelection {  }
	.settings_FbFanPageSelection p { margin: 15px 20px; line-height: 1.6em; }
.settings_FbFanPage { margin: 15px 20px; padding: 0; line-height: 1.6em; }
.settings_FbFanUpdate { }

/* Settings Apps Edit Page */
.info-collect { margin: 15px 20px; padding: 0; line-height: 1.6em; }
	.info-collect li label {
		display: block;
		width: 80px;
		float: left;
		clear: left;
		margin-right: 5px;
		text-align: right;
	}
.settings_AppsInfoSave { margin: 15px 20px; }
/*----- EDIT PROFILE PAGE -----*/

.editProfile h3.editProfileHeader {
	clear: both;
	font-size: 20px;
	color: #33539B;
	margin: 10px 0px;
	font-weight: normal;
}

.editProfileForm {
	clear: both;
	overflow: hidden;
	margin-bottom: 10px;
}

.editProfileForm p label {
	display: block;
	margin-bottom: 3px;
}

.editProfileForm p input,
.editProfileForm p select {
	display: block;
	width: 175px;
}

.editProfileFormLong {
	clear: both;
}

.editProfileFormLong p {
	float: left;
	width: 400px;
	margin-bottom: 10px;
}

.editProfileFormLong p input {
	width: 379px;
}

.editProfileAddress {
	clear: both;
	float: left;
	overflow: hidden;
	margin-bottom: 10px;
}

.editProfileAddress p {
	float: left;
	width: 200px;
}

.editProfileAddress p label {
	display: block;
	margin-bottom: 3px;
}

.editProfileAddress p input,
.editProfileValidationAddress p select {
	display: block;
	margin-bottom: 5px;
}

.editProfileAddress p.editProfileFormLong input {
	width: 379px;
}

.editProfileAddress p.editProfileFormLong {
	float: none;
	width: 400px;
	margin-bottom: 10px;
}

.editProfileValidation {
	overflow: unset;
}

.editProfileValidation .field-validation-error {
	right: 0;
}

.editProfileValidation .field-validation-error::before {
    display: none;
}

.editProfileValidation p.field-validation-error {
	right: 0;
	top: 0;
	float: none;
	width: auto;
	line-height: 1.4em;
	font-size: 1em;
}

.editProfileForm p input.input-validation-error,
.editProfileForm p select.input-validation-error {
	width: 179px;
}

.editProfileAddress p.editProfileFormLong input.input-validation-error {
	clear: both;
	float: left;
	width: 383px;
}

.editProfileButton {
	clear: both;
	margin: 10px 10px 5px 0;
}

.editProdiletextArea {
	width: 380px;
	height: 60px;
}

.editProfileFormLong .check-box {
	display: inline;
	margin-left: 5px;
	width: auto;
	vertical-align: bottom;
}


/* Edit My Profile */
.edit-my-profile .form.no-adaptive {
	display: flex;
	flex-direction: column;
}

.edit-my-profile .form.no-adaptive .row {
	width: 100%;
	display: flex;
}

.edit-my-profile .form.no-adaptive label {
	font-weight: 600;
}

.edit-my-profile .card-container {
	background: #fff;
	border: 1px solid #ccc;
	box-shadow: 0 0px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
	padding: 15px 30px;
	border-radius: 5px;
	width: 50%;
	margin: 0 15px;
}

.edit-my-profile .card-container h3 {
	font-weight: 600;
	margin-bottom: 30px;
}

.edit-my-profile .btn-container-fixed {
	width: 100%;
	padding: 20px;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 2;
	border-right: 1px solid #ccc;
	border-top: 1px solid #ccc;
	margin: 0;
	background: rgba(152,152,152,0.8);
	text-align: right;
	padding-right: 90px;
}

.edit-my-profile #editProfileSaveButtonContainer .btn {
	font-size: 18px;
}

.edit-my-profile .edit-profile-checkbox-container {
	margin-top: 20px;
}

.edit-profile-checkbox-container input[type=checkbox] {
	margin: 0 8px 0 0;
}

@media screen and (max-width: 1024px) {
	.edit-my-profile .form.no-adaptive .row {
		flex-wrap: wrap;
		margin-right: 0 !important;
		margin-left: 0 !important;
	}

	.edit-my-profile .card-container {
		width: 100%;
		margin-bottom: 25px;
	}
}

@media screen and (max-width: 767px) {
	.edit-my-profile .btn-container-fixed {
		text-align: left;
	}

	.edit-my-profile #editProfileSaveButtonContainer .btn {
		font-size: 16px;
		margin: 0;
	}
}

 /* Withdrawal Accounts */
 .withdrawal-account-edit {
	width: auto;
	background: #fff;
	border: 1px solid #ccc;
	box-shadow: 0 0px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
	padding: 15px 30px;
	border-radius: 5px;
	margin: 50px 10%;
}

.withdrawal-account-edit .form-group {
	display: flex;
	flex-direction: column;
	max-width: 50%;
}

.withdrawal-account-edit h3.editHeader {
	font-weight: 600;
	margin-bottom: 30px;
	margin-top: 15px;
	font-size: 18px;
}

.withdrawal-account-edit .form-group input {
	padding: 5px 0 !important;
	height: auto !important;
	margin: 0 !important;
}

.withdrawal-account-edit .form-group .t-combobox {
	width: auto;
}

.withdrawal-account-edit .form-group .t-dropdown-wrap input {
	border: none !important;
}

.withdrawal-account-edit .form-group .t-dropdown-wrap .t-select {
	height: 28px !important;
	padding: 2px 4px 0;
}

.withdrawal-account-edit .button-row {
	padding-top: 15px;
}

.withdrawal-account-edit .button-row .btn {
	margin-right: 8px;
}

.withdrawal-account-edit .back-button {
	border: none;
}

.withdrawal-account-edit .withdrawal-notice {
	border-radius: 5px;
	background: #d2d2d2;
	padding: 10px 15px;
	max-width: 650px;
}

@media screen and (max-width: 1024px) {
	.withdrawal-account-edit .form-group {
		max-width: 100%;
	}
}

@media screen and (max-width: 767px) {
	.withdrawal-account-edit {
		margin: 40px 0;
	}
}

/*--- END EDIT PROFILE PAGE ---*/

#fancy_bg.fancyFancyBg { position: relative; }
#fancy_ajax.fancyFancyAjax {
	position: relative !important;
	width: 340px; height: 320px;
}
#fancy_content.fancyFancyContent {
	position: relative;
	left: 10px;
	top: -100%;
	padding-top: 10px;
}

#addFavoriteContainer {
	position: relative;
	overflow: hidden;
	font-size:12px;
}
	#addFavoriteContainer h3 {
		font-size: 20px;
		color: #0060A5;
	}
	#addFavoriteContainer h3 img {
		margin-right: 5px;
	}
#addFavoriteDescription {
	font-size: 14px;
	margin: 10px 0;
}

#fancyBoxContent { position: relative; z-index: 10200; overflow: hidden; }

#fancyBoxLargeContainer { color: #333333; position: relative; }
#fancyBoxLargeHeader {
	font-size: 24px;
	font-weight: bold;
	line-height: 1.6em;
	margin-bottom: 5px;
}
#fancyBoxLargeContent { position: relative; z-index: 10200; overflow: hidden; }
#fancyBoxLargeContent table {
	width: 98%;
	border-collapse: collapse;
	font-size: 14px;
}
#fancyBoxLargeContent table tr { width: 100%; }
.fancyBoxLargeFooter { }

#fancyBoxSmallHeader {
	font-size: 24px;
	color: #333333;
	margin: 0 5px 10px 0;
	line-height: 1.6em;
	font-weight: bold;
	border-bottom: 1px solid #aaa;
}
#fancyBoxSmallHeader h3 {
	margin-top: 0;
}
#fancyBoxSmallContent ul {
	font-size: 14px;
	padding-left: 1em;
	margin: 0 0 1em;
}
#fancyBoxSmallContent ul li { line-height: 1.4em; }

.fancyBoxSmallIndicatorContainer  {position:absolute; top:75px; left:125px;z-index:10000; }
.fancyBoxMediumIndicatorContainer {position:absolute; top:175px; left:250px;z-index:10000; }
.fancyBoxLargeIndicatorContainer  {position:absolute; top:325px; left:250px;z-index:10000; }



@import url();

/* Buttons */

.btn, .k-button {
    font-family: 'Open Sans', sans-serif;
    border-radius: 0;
    font-weight: 400;
    text-transform: capitalize;
}

body .login-logo-wrapper {
    margin: 20px 0 0;
}

body .login-logo-wrapper img {
    height: 124px;
    margin-bottom: 30px;
}

body #loginContainer {
    margin: 30px auto;
}

#header .logo-wrapper img {
    margin-top: 0;
}
.diagnosticContainer {
	margin-top: 10px;
	padding: 15px;
	border: 1px solid #6077A8;
	background: #fafafa;
	color: #111111;
    position: absolute;
}
.diagnosticHeader {
	padding: 10px;
	font-size: 18px;
	background: #6077A8;
	color: #fafafa;
	margin-bottom: .5em;
}

.diagnosticSections {
	margin-bottom: 1em;
	font-size: 12px;
	line-height: 1.6em;
}

.diagnosticSection {
	font-size: 16px;
	color: #31436b;
	margin: 1.5em 0 .25em;
	border-bottom: 2px solid #333;
}

.toggleDiagnostic {
	font-size: 12px;
}

.viewMoreHiddenData {
	position: relative;
	overflow: hidden;
}

.viewMoreHiddenData div { border-bottom: 1px solid #222222; padding: 5px 10px; }
.diagnosticKey {
	padding-right: 10px;
}

.diagnosticValue {
	color: #ff0000;
}

@media screen and (min-width: 1024px) {
	.diagnosticContainer {
		max-width: calc(100% - 30rem);
		margin: 0 3rem 0 33.75rem;
	}
}
.gcButton { margin-left: 110px; }
.gcLinkLoc { margin-left: 50px; }
.gcInfo { clear: both; margin-top: 20px; }
	.gcInfo p { margin-bottom: 1em; }
	.gcInfo a { color: #2275B1; }
	.gcInfohr { width:500px; text-align:left; }
.gcInfoTitle {
	color: #999999;
	display: block;
	float: left;
	text-align: left;
	width: 120px;
	margin-right: 10px;
	margin-left: 10px;
}
.gcInfoDesc { float: left; text-align: left; width: 50%; position: relative; }
.gcInfoDesc2 { float: left; text-align: left; width: 70%; position: relative; }
.gcDropDownLocation {
	float: left;
	width:120px;
	margin: 0 10px 0 0;
	position: relative;
}

/* Unused gift certificate reports grid styling and responsiveness*/
.gift-certificates-reports-container {
	max-width: 100%;
}

@media only screen and (min-width: 1200px) {
	.gift-certificates-reports-container {
		max-width: 100%;
	}
}

@media only screen and (min-width: 1400px) {
	.gift-certificates-reports-container {
		max-width: 90%;
	}
}

@media only screen and (min-width: 1600px) {
	.gift-certificates-reports-container {
		max-width: 75%;
	}
}

@media screen and (max-width: 768px) {

	#unusedGiftCertificates .responsive-table table {
		display: grid;
	}

	#unusedGiftCertificates .responsive-table thead {
		display: none;
	}

	#unusedGiftCertificates .responsive-table td[title]:before {
		display: initial;
		padding-right: 8px;
	}

	#unusedGiftCertificates .responsive-table td {
		padding: 0 !important;
	}

	#unusedGiftCertificates .responsive-table tr {
		padding: 5px 8px;
	}

	#unusedGiftCertificates .responsive-table .responsive-hidden {
		display: none;
	}

	#unusedGiftCertificates .responsive-table .k-hierarchy-cell {
		display: inline-block !important;
		position: absolute;
		right: 10px;
		width: auto;
		height: auto;
		line-height: 0;
	}

		#unusedGiftCertificates .responsive-table .k-hierarchy-cell:before {
			margin: 0;
		}

		#unusedGiftCertificates .responsive-table .k-hierarchy-cell .k-icon {
			outline: 0;
			box-shadow: none;
			width: 25px;
			height: 25px;
		}

			#unusedGiftCertificates .responsive-table .k-hierarchy-cell .k-icon:before {
				font-family: FontAwesome;
				font-size: 20px;
				color: #666;
				position: absolute;
				right: 8px;
				top: 3px;
			}

		#unusedGiftCertificates .responsive-table .k-hierarchy-cell .k-i-expand:before {
			content: "\f0d7";
		}

		#unusedGiftCertificates .responsive-table .k-hierarchy-cell .k-i-collapse:before {
			content: "\f0d8";
		}

	#unusedGiftCertificates .responsive-table .k-picker-wrap .k-icon.k-i-calendar,
	.form-group .t-picker-wrap .t-icon.t-icon-calendar {
		font-family: 'FontAwesome' !important;
		font-size: 16px;
		background-image: none;
		color: #666;
		position: absolute;
		right: 6px;
		top: 5px;
		text-indent: 0;
		line-height: normal;
	}

	#unusedGiftCertificates .responsive-table .detail-row-item {
		margin-left: 15px;
	}
}


/* Hiding grid rows' expansion details button in desktop view*/
#unusedGiftCertificates .k-hierarchy-col, #unusedGiftCertificates .k-hierarchy-cell {
	display: none !important;
}

#unusedGiftCertificates .k-grid-header {
	padding-right: 0 !important;
}

#unusedGiftCertificates .k-grid .k-grid-header th.k-header, #unusedGiftCertificates .k-grid tr td {
	padding: 5px !important;
}

/* Gift Certificate Details page*/
.giftCertificateDetailsContainer {
	border: 1px solid #ddd;
	max-width: 40%;
	margin: 25px 10px;
	padding: 5px 25px 20px;
	border-radius: 5px;
}

.giftCertificateDetailsContainer button {
	margin-left: 10px;
}

.giftCertificateDetailsContainer h3 {
	margin-bottom: 24px;
}

@media screen and (max-width: 768px) {
	.giftCertificateDetailsContainer {
		max-width: 100%;
	}

	.giftCertificateDetailsContainer button {
		margin-top: 10px;
		margin-left: 0;
	}
}

@media screen and (min-width: 768px) {
	/* Override for specific rows to be shown */
	.k-grid #unusedGiftCertificatesCustomerReport.k-detail-row,
	.k-grid #projectedautoshipreport .k-detail-row {
		display: block !important;
	}
}

@media screen and (max-width: 1200px) {
	#unusedGiftCertificates .k-master-row .k-hierarchy-col, #unusedGiftCertificates .k-master-row .k-hierarchy-cell {
		display: inline-block !important;
	}

	#unusedGiftCertificatesCustomerReport.responsive-table button {
		font-family: Arial,Helvetica,sans-serif!important;
		width: 100%;
		display: block;
		padding: 15px;
		color: #fff;
		background-color: #286090!important;
		border: 1px solid #204d74!important;
	}

	#unusedGiftCertificatesCustomerReport.k-grid tr td {
		padding: 5px 25px 5px 5px;
		white-space: initial;
	}

	#unusedGiftCertificatesCustomerReport.k-grid tr td.k-hierarchy-cell {
		padding: 5px;
	}

	#unusedGiftCertificatesCustomerReport .k-grid-content td.inline-label[data-title]:before {
		content: attr(data-title) ": ";
		display: inline;
	}

	#unusedGiftCertificatesCustomerReport .customer-management-header-container .export-dropdown .k-menu:before {
		top: 8px;
	}

	/* Detail grid */
	#unusedGiftCertificatesCustomerReport .k-detail-row {
		background: #f2f2f2 !important;
	}

	#unusedGiftCertificatesCustomerReport .k-detail-row .detail-row-wrapper .address-block {
		margin-bottom: 10px;
	}

	#unusedGiftCertificatesCustomerReport .k-detail-row .detail-row-wrapper .address-block span {
		display: block;
	}

	#unusedGiftCertificatesCustomerReport .k-master-row {
		position: relative;
		padding: 0 !important;
	}

	/* Detail grid - hierarchy arrow */
	#unusedGiftCertificatesCustomerReport .k-hierarchy-cell {
		display: inline-block !important;
		position: absolute;
		right: 0;
		width: auto;
		top: 0;
		height: auto;
		line-height: 0;
		border: none;
	}

	#unusedGiftCertificatesCustomerReport .k-hierarchy-cell:before {
		margin: 0;
	}

	#unusedGiftCertificatesCustomerReport .k-hierarchy-cell .k-icon {
		outline: 0;
		box-shadow: none;
	}

	#unusedGiftCertificatesCustomerReport .k-hierarchy-cell .k-icon:before {
		font-family: FontAwesome;
		font-size: 14px;
		color: #666;
		position: absolute;
		right: 8px;
		top: 3px;
	}

	#unusedGiftCertificatesCustomerReport .k-hierarchy-cell .k-i-expand:before {
		content: "\f0d7";
	}

	#unusedGiftCertificatesCustomerReport .k-hierarchy-cell .k-i-collapse:before {
		content: "\f0d8";
	}

	/* Detail grid - inputs */
	#unusedGiftCertificatesCustomerReport .k-detail-row .detail-row-wrapper select {
		margin-bottom: 5px;
	}

	#unusedGiftCertificatesCustomerReport .k-grid-content td .k-datepicker {
		max-width: 100%;
		width: 100%;
		margin-bottom: 5px;
	}

	#unusedGiftCertificatesCustomerReport .k-detail-row .detail-row-wrapper .k-datepicker input {
		max-width: 100%;
		border: 0 !important;
	}

	#unusedGiftCertificatesCustomerReport .k-picker-wrap .k-input {
		line-height: 24px;
	}

	#unusedGiftCertificatesCustomerReport.k-grid .k-grid-header {
		display: none;
	}

	#unusedGiftCertificatesCustomerReport.k-grid.responsive-table .k-grid-pager {
		text-align: left;
		box-sizing: border-box;
	}

	#unusedGiftCertificatesCustomerReport.k-grid.responsive-table .k-pager-info,
	#unusedGiftCertificatesCustomerReport.k-grid.responsive-table .k-pager-sizes {
		padding: 0;
		text-align: left;
		box-sizing: border-box;
	}

	#unusedGiftCertificatesCustomerReport.k-grid.responsive-table .k-pager-wrap .k-widget {
		margin-left: 0;
	}

	#unusedGiftCertificatesCustomerReport.k-grid.responsive-table .k-grid-content table {
		display: grid;
	}

	#unusedGiftCertificatesCustomerReport.responsive-table td[data-title]:before {
		content: attr(data-title);
		font-weight: 700;
		width: 100%;
		display: block;
		margin-top: 4px;
		margin-bottom: 0;
		line-height: 16px;
		color: #3b3f4f;
	}

	#unusedGiftCertificatesCustomerReport.responsive-table td {
		display: block;
	}

	#unusedGiftCertificatesCustomerReport.k-grid.responsive-table tr {
		display: block;
	}

	#unusedGiftCertificatesCustomerReport .k-detail-row td.k-detail-cell {
		display: block;
	}

	#unusedGiftCertificates .k-hierarchy-cell {
		display: inline-block !important;
	}
}
.contactSearchContainer {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.globalSearch {
    position: relative;
    background: #eeeeee;
    padding: 10px;
    margin-bottom: 15px !important;
    border: 1px solid #ccc;
    border-radius: 3px;
}

.globalSearchContainer .input-group {
    border: 1px solid #ccc;
    box-shadow: none;
    border-radius: 4px;
    background: #fff;
}

.globalSearchContainer .input-group .input-group-addon {
    background: #fff;
    box-shadow: none;
    border: 0;
}

.globalSearchContainer .input-group input[type="text"] {
    box-shadow: none;
    color: #333;
    z-index: 1;
    margin-bottom: 0;
    line-height: 35px;
    height: 35px;
    padding: 5px 5px 5px 0;
    border: 0;
}

.globalSearchContainer .clearable {
    border: 0 !important;
    padding: 3px 0px 3px 0px;
    border-radius: 3px;
    transition: background 0.04s;
    filter: hue-rotate(180deg) saturate(0%);
    outline-width: 0px;
    width: calc(100% - 5px);
}

.clearable {
    background: #fff url() no-repeat right -50px center;
}

.clearable.ac_loading {
    background: #fff url() right center no-repeat;
}

.globalSearchContainer .clearable.x {
    background-position: right 5px center;
}

.globalSearchContainer .clearable.onX {
    cursor: pointer;
}

.globalSearchContainer .clearable::-ms-clear {
    display: none;
    width: 0;
    height: 0;
}

.ac_results {
    border-color: #cccccc !important;
    border-radius: 3px;
    box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
}

.ac_results > ul > li {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 20px;
    padding: 5px;
    color: #333333;
}

.ac_results > ul > li.ac_odd {
    background-color: #ffffff;
}

.ac_results > ul > li.ac_even.ac_over,
.ac_results > ul > li.ac_odd.ac_over {
    background-color: #f3f3f3;
    color: #333333;
}

@media screen and (max-width: 991px) {
    .ac_results {
        padding: 0 !important;
    }

    .ac_results > ul {
        border: 1px solid #cccccc;
    }
}



@media screen and (max-width: 768px) {
    #orderDraftDiv .responsive-table table {
        display: grid;
    }

    #orderDraftDiv .responsive-table thead {
        display: none;
    }

    #orderDraftDiv .responsive-table td[title]:before {
        display: block;
        padding-right: 8px;
    }

    .responsive-table td {
        padding: 0 !important;
    }

    #orderDraftDiv .responsive-table tr {
        padding: 5px 8px;
    }

    #orderDraftDiv .responsive-table .responsive-hidden {
        display: none;
    }

    #orderDraftDiv .responsive-table .k-hierarchy-cell {
        display: inline-block !important;
        position: absolute;
        right: 10px;
        width: auto;
        height: auto;
        line-height: 0;
    }

    #orderDraftDiv .responsive-table .k-hierarchy-cell:before {
        margin: 0;
    }

    #orderDraftDiv .responsive-table .k-hierarchy-cell .k-icon {
        outline: 0;
        box-shadow: none;
        width: 25px;
        height: 25px;
    }

    #orderDraftDiv .responsive-table .k-hierarchy-cell .k-icon:before {
        font-family: FontAwesome;
        font-size: 20px;
        color: #666;
        position: absolute;
        right: 8px;
        top: 3px;
    }

    #orderDraftDiv .responsive-table .k-hierarchy-cell .k-i-expand:before {
        content: "\f0d7";
    }

    #orderDraftDiv .responsive-table .k-hierarchy-cell .k-i-collapse:before {
        content: "\f0d8";
    }

    #orderDraftDiv .responsive-table .k-picker-wrap .k-icon.k-i-calendar,
    .form-group .t-picker-wrap .t-icon.t-icon-calendar {
        font-family: 'FontAwesome' !important;
        font-size: 16px;
        background-image: none;
        color: #666;
        position: absolute;
        right: 6px;
        top: 5px;
        text-indent: 0;
        line-height: normal;
    }

    #orderDrafts .responsive-table .detail-row-item {
        margin-left: 15px;
    }

    #orderDrafts .send-message-button {
        width: auto !important;
        padding: 8px 15px !important;
        margin-top: 8px;
    }
}


/* Hiding grid rows' expansion details button in desktop view*/
#orderDrafts .k-hierarchy-col, #orderDrafts .k-hierarchy-cell {
    display: none !important;
}

#orderDrafts .k-grid-header {
    padding-right: 0 !important;
}

/* Center the buttons in the cell */
.kendoCellButtonWrapper {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Order Drafts Details page*/
.orderDraftDetailsContainer {
    border: 1px solid #ddd;
    max-width: 40%;
    margin: 25px 10px;
    padding: 5px 25px 20px;
    border-radius: 5px;
}

.orderDraftDetailsContainer button {
    margin-left: 10px;
}

.orderDraftDetailsContainer h3 {
    margin-bottom: 24px;
}

@media screen and (max-width: 768px) {
    .orderDraftDetailsContainer {
        max-width: 100%;
    }

    .orderDraftDetailsContainer button {
        margin-top: 10px;
        margin-left: 0;
    }

    .k-header.k-grid-toolbar.k-grid-top {
        display: flex;
        justify-content: center;
    }
}

@media screen and (min-width: 769px) {
    #orderDrafts .hidden-md {
        display: none;
    }
}

/* ajax */
#indicator 
{
    font-weight: bold;
    display:none;
    padding-left: 20px;
    background-image: url(/Content/images/indicator.gif);
    background-repeat: no-repeat;
    background-position: center;
}
.indicator 
{
    font-weight: bold;
    display:block;
    padding-left: 20px;
    background-image: url(/Content/images/indicator.gif);
    background-repeat: no-repeat;
    background-position: center;
}

/* update message to user */
.userMessage {
    border-top: solid 1px #CCC; 
    border-bottom: solid 1px #CCC;
    line-height:30px;
    text-align:center; 
    background-color:#fff5c2;
}

.system-clock {
    padding: 15px 0 0;
    font-size: 13px;
}

@media screen and (max-width: 1073px ) {
    .system-clock {
        display: none;
    }
}

/* notonapp doesn't show on app, onapp doesn't show on web */
.onapp {
    display: none;
    visibility: hidden;
}

/* Footer and version label is in layout.css */