/******** GLOBAL COMMON CSS FOR MC*******/

html {
    height: auto !important;
    background: none !important;
}

body {
    overflow-x: hidden;
    font-family: Roboto;
    color: #515356;
}
iframe{
    border:none;
}


a:not([href]):not([tabindex]):hover {
    text-decoration: none;
}

.mc-icon {
    font-size: 2.5rem;
    line-height: 2.5rem;
}

.mc-logo {
    background-image: url(/images/mc/logos/MC_Logo.png);
    background-size: cover;
    position: absolute;
    width: 48px;
    height: 48px;    
}

.product-box.lead2le img{
    width: 60px;
    height: 60px;
    display: block!important;
}

.product-box.social img{
    width: 100px;
    height: 60px;
     display: block!important;
}


#rp-logo {
    padding:16px;
}

#colorbox,
#cboxWrapper {
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    z-index: 9999;
    background-color: #fff;
}

#cboxContent {
    overflow: visible;
    position: relative;
}

#cboxLoadedContent {
    background: none repeat 0 0 #fff;
    overflow-x: hidden !important;
    height: auto;
}

#cboxLoadingGraphic {
    background:none !important;
}

.pagebanner,
.cbox-propertyprofilescore-header {
    display: none;
}

@media(min-width:320px){
 .user-info .nav-item.dropdown{
    display: block !important;
}   
}
.mc-open>.dropdown-menu-scale {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    pointer-events: auto;
    display: block !important;
}
.action-button-bar li{
    float:left;
}

.nav-active-blue .nav-link.active,
.nav-active-blue .nav>li.active>a {
  background-color: #0076CC!important;
}

.classic-view span {
    margin-left:22px;
    font-size: .875rem;
}

#cboxClose {
    font-size: 0px;
    font-family: FontAwesome;
    position: absolute;
    top: 0;
    right: 0;
    border: 0;
    background: none;
    z-index: 999999;
    margin-right: 2px;
}

#cboxClose::after {
    content: "\f00d"!important;
    font-size: 16px;
    color: #fff;
    line-height: 42px;
    background-color: #2196f3;
    padding: 8px 10px;
    border-radius: 50%;
    margin-right: 4px;
}

#cboxLoadingGraphic {
    background: url("/images/common/loading.gif") no-repeat center center;
}

#cboxLoadingOverlay,
#cboxLoadingGraphic {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

#mc-contentArea {
    background-color: #fff;
    min-height: calc(100vh - 100px);
    position: relative;
}

.footer-wrapper {
    position: absolute!important;
    bottom: 0;
    background-color: #37474f;
    color: #fff;
    line-height: 35px;
    left: 0;
    margin-top: 20px;
}

.pos-rel {
    position: relative;
}

.loader #lead-center-lead-log{
    display:none;
}
.u-l {
    text-decoration: underline;
}

.ft-sidebar .nav li ul.nav-sub li a {
    padding: 0.4em 1rem !important;
    font-weight: normal;
    margin:0;
}

.nav-link {
    border-radius: 0 !important;
}

.profile-score-image {
    display: block;
    margin: 0 auto;
    width: auto;
}
.property-score-button {
    color: #0275d8!important;
}

.nav-disabled,
.nav-disabled:hover {
    background: none !important;
    color: #4C5B63;
    pointer-events: none;
    cursor: not-allowed;
}

ol,
ul {
    list-style: none;
}

.flex {
    display: flex;
}

.block {
    display: block!important;
}

.section-heading {
    color: #515356;
    border-bottom: 1px solid;
    font-weight: bold;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    font-size: 18px;
    line-height: 20px;
}

.tooltip-content {
    display: none;
}

.section-editable {
    color: #424242;
    margin-bottom: 0;
}

tr.total {
    display: none;
}

.table th,
.table td {
    vertical-align: middle;
    font-size: 0.875rem;
    font-weight: normal;
    color: #515356;
    line-height: 1.25rem;
}

.table th {
    border-top: none;
    border-bottom: 1px solid #eceeef;
}

.table thead th {
    vertical-align: top!important;
}

.table td,
.table th {
    padding: .5rem!important;
    border: none;
}

.table-sm > thead > tr > th,
.table-sm > tbody > tr > td,
.table-sm > tfoot > tr > td,
.table-sm > tfoot > tr > th {
    padding: .5rem!important;
}

.table-striped>tbody>tr:nth-child(even) {
    background-color: #fff;
}

.lead-action {
    text-align: center;
}
td.total-row {
    background-color: #fffdcb;
    color: #df7e0b;
}
.left-header.sortable {
    color: #2196f3;
}

.property-groups-list .ui-grid-row:nth-child(odd),
#craigslistReportArea .ui-grid-row:nth-child(odd) {   
   padding: 0 .25rem;
   overflow:hidden;
}

.property-groups-list .ui-grid-row:nth-child(even),
#craigslistReportArea .ui-grid-row:nth-child(even) {
   background-color: #f3f3f3;
   padding: 0 .25rem;
   overflow:hidden;
}

#craigslistReportArea .grid-results .ui-grid-cell {
    padding: 5px;
}

#craigslistReportArea .material-icons {
    padding-left:10px;
}

.ui-grid-pager-panel button {
    width: initial;
    border: none!important;
}

/****CSS FOR FONT SIZE OF HTML**************/

.italic , .instructions{
   font-style: italic;
}

.underline {
    text-decoration:underline;
}
.text-xss {
    font-size: .75rem;
}

.text-xs {
    font-size: .875rem;
}

.text-sm {
    font-size: 1rem;
}

.text-md {
    font-size: 1.125rem;
}

.text-lg {
    font-size: 1.25rem;
}

.action-button-bar {
    list-style-type: none;
    display: flex;
}

/**** CSS FOR INACTIVE AND ACTIVE STATUS IN MC **********/

.inactive-status,
.false-specials,
.false-accounts {
    background-color: grey;
}

.active-displayed-status,
.true-specials {
    background-color: #6CC79E;
}

.active-undisplayed-status {
    background-color: #ff9e1a;
}

.display-status,
.false-accounts {
    border-radius: 100%;
    display: inline-block;
    height: 10px;
    width: 10px;
}

.dropdown-submenu .dropdown-menu {
    left: 0 !important;
    top: 45px !important;
}

.navigation .nav-item {
    min-width: 185px;
}
.property-profile-tab .nav.nav-tabs,
.reportsTab .nav.nav-tabs {
    padding-bottom: 10px;
}
.nav-tabs .nav-link {
    color: #515356 !important; /* #a3afB6 !important; */
    padding: 1em !important;
    font-size: .875rem;
    height: 50px;
}

.nav-item-active {
    color: #F36D0B !important;
    border-left: 4px solid !important;
}

.nav-item-disabled {
    background-color: #ebf0f2;
    pointer-events: none;
}

.list-style-circle {
    border-radius: 50%;
}

.list-style-square {
    display: inline-block;
    height: 10px;
    width: 10px;
    margin-right: 8px;
    line-height: 10px;
}
.channel-status-table .Total-row {
    display: none;
}
.active_page {
    background-color: #2196f3;
    color: #fff;
}

.active_page:hover {
    color: #fff;
}

.exportlinks {
    position: absolute;
    top: -23px!important;
    right: 0px;
    font-weight: bold;
    font-size: 16px;
    margin-right: 5px;
    z-index: 1;
}

.exportlinks .export-csv {
    color: #6cc79f;
}

.exportlinks .export-pdf {
    color: #fd5f68;
}

.wait-indicator {
    display: block;   
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: white;
    z-index: 9999999;
    -moz-opacity: 1.0;
    opacity: 1;
    filter: alpha(opacity=100);
    text-align: center;
}

.wait-indicator-message {
    font-family: Arial;
    font-weight: bold;
    font-size: 13px;
}

.ui-autocomplete {
    max-height: 280px;
    overflow-y: scroll;
}

.ui-autocomplete li.ui-state-focus {
    margin: 0!important;
}

.ui-grid-icon-down-dir,
.ui-grid-icon-up-dir {
    float: right;
}

/*********** Breadcrumb ***********/

.mc-breadcrumb a.breadcrumb-item:not(:last-child):hover {
    color: #2196f3;
}

.mc-breadcrumb a.breadcrumb-item {
    font-weight: normal!important;
}

.mc-breadcrumb a.mc-breadcrumb-item:not(:last-child):after {
    content: " / ";
}

.mc-breadcrumb a.mc-breadcrumb-item:last-child {
    pointer-events: none;
    font-weight: bold!important;
    cursor: default;
}

/*********************Flatkit override*********************/

/***********SIDENAV ********/
#aside #leftNav {
    background-color: #495e69;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 500;
}
.ft-sidebar .nav li.active{
     background-color: #495e69;   
}
.ft-sidebar .nav li ul.nav-sub li{
    padding: 0;
    font-size: .875rem;
    line-height: 18px;
}
.navside .nav li a:hover, .navside .nav li a:focus{
   background-color: #28343b;
}
#aside #leftNav .nav li {
    border-bottom: 1px solid #546e7a;
}
.navside .nav li li a.nav-disabled .nav-text,.navside .nav li li a.nav-disabled .nav-icon{
    opacity: 0.25;
    color: rgba(255,255,255,0.87);
}


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

.app-aside,
.app-aside .scroll {
   /* width: 15.5rem !important; */
}

@media (min-width: 992px){
    .app-aside:not(.hide) ~ .app-content {
        margin-left: 12.5rem !important;
    }
}

@media (max-width: 991px){
.app-aside .left {
    position: fixed !important;
    width: 304px !important;
}
}

.hide-scroll {
   overflow-y: auto;
}


.nav.side-nav {
    height: 80vh;
    overflow-y: auto;
}

@media (max-height: 400px){
   .nav.side-nav {
        height:280px;
        overflow-x:hidden;
    }
}
@media (max-height: 350px){
   .nav.side-nav {
        height:210px;
        overflow-x:hidden;
    }
}
.nav-tabs .nav-item + .nav-item {
    margin-left: 0;
}

.nav-tabs .nav-item {
    margin-right: .35rem !important;
    margin-top: .5rem !important;
}

.sub-nav .nav-tabs .nav-item {
    margin-left: 0 !important;
}

.sub-nav .nav-link {
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
}

.sub-nav .r-t {
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}

.btn {
    font-size: .85rem;
    padding: 0.5375rem 1rem;
}

.btn.m-r {
    margin-right: 20px !important;
}

.btnDisabled {
    pointer-events: none;
    background-color: #828282 !important;
}
.previous_link.disabled {
    background-color: #fff!important;
    color: #ccc;
    cursor: default;
}
    
.page_link .btn-sm {
    font-size: .75rem!important;
}

.my-properties-table thead th:not(:first-child),
.my-properties-table tr td:not(:first-child) {
    padding-left: 0!important;
}

#active-rents .table th:not(:first-child),#active-rents .table td:not(:first-child){
    text-align: right;    
}

.unread-leads {
    padding-top: .5rem;
    padding-bottom: .5rem;
}

.table thead th {
    border-top: none;
    border-bottom: 1px solid #eceeef;
    font-size: .875rem;
    line-height: 1.25rem;
    color: #515356;
    font-weight: bold;
}

/*.btn.rounded {
    padding-left: 2rem;
    padding-right: 2rem;
}*/

.margin {
    margin: 1.5rem 1.5rem;
}

.n-p {
    padding: 0 !important;
}

.n-p-l {
    padding-left: 0px!important;
}

.n-p-r {
    padding-right: 0px!important;
}

.n-p-h {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.n-p-v {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}
@media (max-width: 768px){
    .n-p-xs {
        padding: 0!important;
    }
}
.btn.border {
    border-color: #cbcbcb;
    border-width: 1px;
}

.m-t-md {
    margin-top: 1rem !important;
}

.n-m {
    margin: 0 !important;
}

.n-b {
    border: none !important;
}

.n-m-b {
    margin-bottom: 0px;
}

.n-m-t {
    margin-top: 0px;
}

.n-m-l {
    margin-left: 0px;
}

.n-m-r {
    margin-right: 0px;
}

.w-auto {
    width: auto;
}

.m-auto {
    margin: 0 auto;
}

.n-float {
    float: none;
}

.btn {
    min-width: 90px;
}

.b-b {
    border-bottom: 1px solid rgba(120,130,140,0.3);
}

.box {
    border: 1px solid rgba(120,130,140,0.3);
}

.btn-primary {
    background-color: #2196f3;
    color: #fff !important;
}

.btn-default {
    background-color: #FFF;
    color: #fff !important;
}

.btn-primary:hover {
    color: #fff !important;
    background-color: #008CFB;
}

.btn-default:hover {
    background-color: #F4F4F4 !important;
}

.btn-default.blue {
    border: 1px solid #2196f3;
    color: #2196f3 !important;
}

.alert div span {
    color: #FFF;
}

.alert {
    border-right-width: 2px!important;
    border-top-width: 2px!important;
    border-bottom-width: 2px!important;
}
.alert.alert-success {
    border-left-width: 40px!important;
    border-color: #1fcf57!important;
}

.alert div span {
    color: #FFF;
}

.alert {
    border-right-width: 2px!important;
    border-top-width: 2px!important;
    border-bottom-width: 2px!important;
}
.alert.alert-success {
    border-left-width: 40px!important;
    border-color: #1fcf57!important;
}

.alert.alert-info {
    border-left-width: 40px!important;
    border-color: #0085e6!important;
}

.alert.alert-eror {
    border-left-width: 40px!important;
    border-color: #e32026!important;
}

.alert.alert-warn {
    border-left-width: 40px!important;
    border-color: #fec846!important;
}

/**********************Icons overrides***********************/

.fa-question-circle {
    color: #2196f3;
}

.fa-pencil:hover,
.fa-search-plus:hover,
.fa-file:hover,
.fa-file:hover,
.fa-building:hover,
.fa-dollar:hover,
.fa-pound:hover,
.fa-send:hover,
.fa-envelope:hover,
.fa-search:hover,
.fa-wrench:hover,
.fa-plus:hover,
.fa-minus:hover,
.fa-copy:hover,
.fa-ellipsis-v:hover,
.fa-user-plus:hover {
    color: #2196f3;
}

.ft-red-orange {
    background: #FF6437 !important;
}

.fa-remove:not(.deletelink):hover {
    color: #2196f3 !important;
}

.fa-remove:not(.deletelink) {
	color: #F96767 !important;
    font-size: 1rem;
}

.fa-lg {
    font-size: 1.33333333em;
}

.fa-info-circle {
    color: #6CC79E;
}

.txt-grey {
    color: grey;
}
.txt-blue {
 color: #2196f3;    
}

/************** QUICK LINKS *************/

.quick-links-btn {
    height: 32px;
    width: 120px !important;
    font-size: 12px;
    padding: .25rem 1rem;
}
#quick-links-content {
    position: absolute;
    right: 15px;
    top: 80px;
    z-index: 2;
    border: 1px solid #ccc;
    background: #fff;
    width: 536px;
}

.expand-all {
    color: #2196f3;
    font-weight: normal;
    text-decoration: underline;
}

.quick-link-type {
    font-weight: bold;
    font-size: 0.875rem;
    color: #515356;
    line-height: 1.125rem;
}

.quick-link-item {
    font-weight: normal;
    font-size: 0.875rem;
    color: #42A5F5;
    text-decoration: underline;
    line-height: 1.25rem;
}

#quick-links-content ul.quick-section li p.expanded-desc,
#quick-links-content ul.quick-section li p.description {
    font-style: italic;
    font-size: 12px;
    color: #aabbc5;
    margin-left: 0.5em;
    display: block;
    width: 150px;
}

#quick-links-content ul.quick-section a.collapse {
    transform: rotate(90deg);
}

#quick-links-content ul.quick-section a.collapse,
#quick-links-content ul.quick-section a.expand {
    margin-right: 5px!important;
    color: #2196f3;
}

/*************Modal Customized**************/

@media (min-width: 768px) {
    .modal-md {
        width: 600px;
        height: 450px;
        /*width: 100%;
        height: 100%;*/
    }
}


.modal-content {
    border: none !important;
}

.modal-header {
    background-color: #2196f3;
    padding: 10px 30px;
    color: #fff;
    position: absolute;
    width: 100%;
    top:0;
    font-size: 18px;
    z-index: 99;
}

.modal-body {
    margin-top:40px;
}
.modal-content,.modal-dialog{
    position: static;
    height:100%;
}
.modal-title {
    color: #fff !important;
    font-size: 1.125rem;
}

.modal-footer .action-button-bar {
    float: right;
}

.modal-dialog {
    margin: 0 !important;
}

.modal-content .button-bar {
    height: 40px;
    line-height: 40px;
}

.openInModal .box-header {
    background: #2196f3;
    color: #fff;
}

.power_title_terms_section {
    height: 280px;
    overflow: hidden;
    overflow-y: auto;
}

/***************OLD CSS*********************/

.center-header, .center-value {
    text-align:center !important;
}

.left-header, .left-value {
    text-align:left !important;
}

#managerManagePhotosForm,
#tempFileUpload {
    margin: 0px !important;
}

em {
    display: none;
}

.form-error-message,
.error {
    color: red;
    font-size: 12px;
}

span.req em {
    display: inline;
    color: #990000;
    font-size: 14px;
}

.section-edit {
    position: relative;
}

.section-edit h2 {
    border-bottom: 2px solid #9DA6B4;
    font-size: 1rem;
}

.editable-icon-active {
    color: #fff;
}

.section-edit .editable-icon,
.section-edit .editable-icon-active {
    position: absolute;
    right: 20px;
    top: 12px;
}

.section-edit .editable-icon-propLogo {
    position: absolute;
    right: 20px;
    top: 10px;
}

.box-header {
    padding: .5rem .5rem !important;
    font-size: 1rem;
    color: #515356;
    line-height: 20.21px;
    background-color: #EBF0F2;
    font-weight: bold;
}

.box-header.blue {
    color: #fff !important;
    background-color: #2196f3 !important;
}

.box-header.white {
    background-color: #fff !important;
}

.box-header span.header-right {
    font-size: .875rem;
    color: #42A5F5;
    line-height: 1.25rem;
    font-weight: normal;
}

.box-body {
    padding: 1rem !important;
}

.box .editable-icon {
    top: 12px;
}

.drag-icon {
    position: relative;
    cursor: move;
}

.action-button-bar {
    padding-left: 0px !important;
}

.photo-icon {
    color: #0275d8;
}

/**********CSS FOR MANAGE LOGO **************/

.manage-logo .deletelink,
.manage-logo .zoomlink,
.manage-logo .editlink,
.manage-logo .undeletelink,
.manage-logo .item-remove,
.manage-logo .item-remove-undo,
.manage-logo .item-zoom,
.manage-logo .addTag {
    display: block;
    float: left;
    color: #fff;
    text-decoration: none;
    margin: 5px 5px;
    background: #2196f3;
}

.manage-logo .photoTools i {
    color: #fff;
    position: relative;
    left: 3px;
    font-size: 19px;
}

.photoTools .fa-remove {
    font-size: 1.33333333em;
    margin-top: 2px;
}

.photoTools .zoomlink {
    font-size: 1.1em;
    vertical-align: inherit;
}

.manage-logo .photoContainer .photoTools,
.manage-logo .photoContainer .itemActions {
    height: 40px;    
    background-color: #2196f3;
    padding: 8px;
}

.manage-logo .photoContainer {
    background: none repeat scroll 0 0 #FFFFFF;
    float: left;
    margin: 10px 10px 15px 0px;   
    overflow: visible;
    padding: 0;
    border: 1px solid #DDDDDD;
    position: relative;
    text-align: center;
    width: 172px;
}

.manage-logo .tagName {
    margin: 5px;
}

.manage-logo .photoContainer .photo,
.manage-logo .photoContainer .plan {
    min-height: 145px;
    background-color: #fff;
}

#contact-channel-status .progress {
    height: 0.5rem;
    margin-bottom: 0 !important;
}

.progress,
.progress-bar {
    border-radius: 0;
}
.progress-bar.undisplayed-count {
    background-color: #ff9e1a!important;
}

.password-link {
    color: #2196f3;
    text-decoration: underline;
}

/**************Custom Datepicker***********/

.datepicker .form-control {
    border: none;
    padding: 0;
}

.datepicker input {
    width: 120px;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    height:38px;
    color: #55595c;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
}

/** UI Grid CSS Override **/

.ui-grid-header {
    border-bottom: none!important;
}

.ui-grid-header-cell {
    border-right: none!important;
}

.ui-grid-top-panel {
    background: none!important;
}

.ui-grid-row {
    padding: .75rem 0;
}

/** Override forms.scss **/

.form-control {
    font-size: .875rem!important;
    border: 1px solid #ccc;
}

/********Checkbox Hack*********/

.md-check input[type="checkbox"]:checked+i::after {
    border-color: #fff;
    display: inline !important;
}

.md-check input:checked + input[type="hidden"] + i:before {
    border-width: 0;
    background-color: inherit;
}

.md-check input[type="checkbox"]:checked + input[type="hidden"] + i::after {
    border-color: #bebebe;
    display: inline !important;
}

.md-check input[type="checkbox"]:checked + input[type="hidden"] + i:after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    left: 6px;
    top: 2px;
    display: table;
    width: 6px;
    height: 12px;
    border: 2px solid;
    border-top: 0;
    border-left: 0;
    content: ' ';
}

/* login.css */

.loginContainer {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 50%);
    background: #fff;
    -webkit-box-shadow: 0px 0px 24px 0px rgba(50, 50, 50, 0.23);
    -moz-box-shadow: 0px 0px 24px 0px rgba(50, 50, 50, 0.23);
    box-shadow: 0px 0px 24px 0px rgba(50, 50, 50, 0.23);
}

@media only screen and (max-width: 991px) {
    .loginContainer {
        width: 90%;
        position: absolute;
        left: 50%;
        transform: translate(-50%, 75%);
    }
}

@media (min-width: 992px) {
    .loginContainer {
        width: 50%;
    }
}

.login #mc-contentArea {
    background-color: #f0f0f0;
}

div.mfp-bg {
    z-index: 99999 !important;
}

div.mfp-wrap {
    z-index: 99999;
}

/******File Upload*/

#tempFileUpload {
    background-color: #f2f5f9;
}

#fileBrowser {
    cursor: pointer;
    font-size: 33px;
    line-height: 10px;
    opacity: 0;
    position: absolute;
    right: 24px;
    visibility: hidden;
    width: 180px;
    filter: alpha(opacity=0);
}

/************Tooltips*******/


/*.floorplan-icons span,.craigslist-icons span {
    position: relative;
}
.network-row .has-tooltip{
    position: relative;
}
.nav-text{
    position: relative;
}

.tooltip-content{

    left:5px;
    right:auto;
    background: #fff;
    border: 1px solid #ccc;
    color: #495e69;
    font-size: 14px;
    line-height: 20px;
    content: attr(title);
    padding: 5px 15px;
    position: absolute;
    z-index: 98;
    width: auto;
    top:20px;
   
}
.nav-text:hover .tooltip-content{
    left:5px;
    right:auto;
     display: block !important;
}
.ungrouped-floorplan:hover .tooltip-content{
    width:500px;
     display: block !important;
}
span.nav-text[title]:hover:after,a.app-menu-item[title]:hover:after{
    display: none;
}

a[title]:hover:after,
span[title]:hover:after,
div[title]:hover:after {
    background: #fff;
    border: 1px solid #ccc;
    color: #495e69;
    font-size: 14px;
    line-height: 20px;
    content: attr(title);
    padding: 5px 15px;
    position: absolute;
    z-index: 98;
    width: auto;
    right:5px;
    top:20px;
}

#ungrouped-floorplan span[title]:hover:after{
  width:500px;   
}
*/
.cbox-propertyprofilescore-header {
    display:none;
}

/* List Contacts */
.list-contacts #logo {
    background: url("/images/mc/lease-logo.png") no-repeat;
    display: block;
    height: 57px;
    width: 155px;
    margin-top: 1rem;
    margin-left: 1rem;
}

.list-contacts .max-results{
  background:#fff5be;
  display:block;
  padding:.5em;
  margin:1em 0 2em;
}

.list-contacts .alert{
    background:url(/images/mc/mc-icons-sprite.png) 0 -217px no-repeat;
    display:inline-block;
    height:21px;
    width:24px;
    vertical-align:middle;
    margin:0 0.5em 0 0;
}
@media (min-width: 768px){
.list-contacts .marketingChannel-panel {
 position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, 25%);
}
}
.list-contacts .marketingChannel-panel {
  float: none;
  margin: 0 auto;
  background: #fff;
  -webkit-box-shadow: 0px 0px 24px 0px rgba(50, 50, 50, 0.23);
  -moz-box-shadow: 0px 0px 24px 0px rgba(50, 50, 50, 0.23);
  box-shadow: 0px 0px 24px 0px rgba(50, 50, 50, 0.23);  
}
/****************mbox css modal pop up *****************/
#alert.titled .bhead,.abox .bhead{
    background-image: none !important;
    background-color: #2196f3 !important;
    padding: 10px 30px;
    color: #fff;   
}
#alert.titled #alert-title{
    font-size: 1.125rem;
    color: #fff;
    height:auto;
    line-height: 1.5;
    background: #2196f3 !important;
}
.abox .bhead span{
    height:20px !important;
}
.abox .bhead div,.abox .bhead span{
    background: transparent !important; 
}
#alert.titled .bhead div,#alert.titled  .bhead span,.abox .bbody,.abox .bbodyc,
.abox .bfoot,.abox .bfoot div,.abox .bfoot span,.abox .bbodyc,.abox .bbodyb,#alertText,.abox .bbody,#alert #alertClose{
    background-image: none !important;
    background-color: #fff !important;
}
#alert.titled  .bhead span{
    height: auto;
    margin:0;
}
#alert.titled #alert-title{
    padding-top:0; 
}
.abox .bbody{
    padding: 15px 30px;
   
}
.abox .bbodyc{
    margin:0;
    padding: 0;
}

#alert #alertClose{
    width: auto;
    height: auto;
    top:1px !important;
    right:10px;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
     background: #2196f3 !important;
}
#alert #alertClose:after{
    content: "\f00d"!important;
    font-size: 16px;
    color: #fff;
    line-height: 36px;
    background-color: #2196f3;
    padding: 10px 20px;
}

/* Password Reset CSS */
.reset-password-wrap {
    width: 70%;
    margin: 0 auto;
    text-align: center;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, 50%);
    box-shadow: 0px 0px 24px 0px rgba(50, 50, 50, 0.23);
    padding: 1rem;
    background-color: #fff;
}
.reset-password-wrap .completed-step:before {
    background-color: #2196f3!important;
    content: "\f00c"!important;
    font-family: FontAwesome!important;
    color: #fff!important;
}
.reset-password-wrap .heading{
    color: #515356;
    line-height: 32px;
    font-size: 20px;
}
.reset-password-wrap .subhead{
    color: #757576;
    line-height: 16.8px;
    font-size: 14px;
}
.reset-password-wrap #progressbar {
    border-bottom: 2px solid #ccc;
    overflow: hidden;
    counter-reset: step;
    padding: 1rem;
}
.reset-password-wrap #progressbar li.active {
    color: #515356;
}
.reset-password-wrap #progressbar li {
    list-style-type: none;
    line-height: 20px;
    color: #cbcbcb;
    font-size: 14px;
    width: 33.33%;
    float: left;
    position: relative;
}
.reset-password-wrap #progressbar li:before {
    content: counter(step);
    counter-increment: step;
    width: 44px;
    height: 44px;
    line-height: 42px;
    display: block;
    font-size: 14px;
    color: #ccc;
    background: white;
    border-radius: 3px;
    margin: 0 auto 5px auto;
    border-radius: 50%;
    border: 2px solid #ccc;
}
.reset-password-wrap #progressbar li:after {
    content: '';
    width: 100%;
    height: 2px;
    background: #ccc;
    position: absolute;
    left: -50%;
    top: 20px;
    z-index: -1; 
}
.reset-password-wrap #progressbar li:first-child:after {
    content: none; 
}
.reset-password-wrap #progressbar li.active:before,
.reset-password-wrap #progressbar li.active:after {
    background: #fff;
    color: #2196f3;
    font-weight: bold;
    font-size: 14px;
    border: 2px solid #2196f3;
}
.reset-password-wrap .reset-steps {
    text-align: left;
    width: 80%;
    margin: 0 auto;
}
@media only screen and (min-width: 991px) {
    .reset-password-wrap .form-control {
        width: 580px;
        height: 40px;
    }
}

/*********Pagination CSS**********/

.pagination-header {
    line-height: 40px;
}
.pagelinks {
    visibility: hidden;
    line-height: 40px;
    margin-left: 1rem;
   
}
.pagelinks a {   
    color: #515356;
    cursor: pointer;
    padding: .25rem !important;

}
.pagelinks strong {
    background-color: #2196f3!important;
    color: #fff;
}
.pagelinks a, .pagelinks strong {
    display: inline-block;
    padding: .25rem .75rem;
    font-size: .875rem;
    font-weight: normal;
    line-height: 1.5;
    border-radius: .25rem;
    visibility: visible;
}


@media (max-width: 767px){
    .footer-wrapper {
        position: static;
    }
    .footer-panel {
        text-align: center;
    }
    .section-heading {
        padding: .5rem 1rem !important;
        border-bottom:none;
    }
    .box-header {
        padding: .5rem 1rem !important;
    }

    .table > thead > tr > th,
    .table > tbody > tr > td,
    .table > tfoot > tr > td,
    .table > tfoot > tr > th
    .table-sm > thead > tr > th,
    .table-sm > tbody > tr > td,
    .table-sm > tfoot > tr > td,
    .table-sm > tfoot > tr > th {
        padding: .5rem 1rem!important;
    }
}
/**********CSS FOR HEADER RESPONSIVE****************/

@media (max-width: 768px){   
   

    .mob-breadcrumb .heading{
        padding:0;
        top:2px;
        position:relative;
    }

    .mob-breadcrumb .user-info .nav-link.menu-item{
        word-wrap: break-word;
        white-space: inherit;
        text-align: center;
    }
    .mob-breadcrumb .user-info .nav-item.dropdown{
        border-right:1px solid #fff;
        display: block !important;
    }
    .mob-breadcrumb .user-info{
        margin-top:5px !important;
    }
      .show.hidden-sm-down{
        display:none !important;
     }  
    .navbar-nav.ft-nav-mr{
        margin-right:1rem !important;
    }
     
   
}
@media (max-width: 543px){
   .show.hidden-xs-down{
        display:none !important;
     } 
     .dropdown-menu-scale{
         left: -82px !important;
    }   
    .open>.dropdown-menu-scale{
        left:-82px;
    }    
}

/*** Disabled color test ******/
input[type="button" i]:disabled, input[type="submit" i]:disabled, input[type="reset" i]:disabled, 
input[type="file" i]:disabled::-webkit-file-upload-button, 
button:disabled, select:disabled, keygen:disabled, 
optgroup:disabled, option:disabled, select[disabled] > option {
    color: graytext;
    cursor: not-allowed;
}

/*********UI-grid*******/

.ui-grid-row:nth-child(even) .ui-grid-cell {
    background:none;
}

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

.panel-content {
  animation: none;
}

.loader {
  margin: 100px auto;
  font-size: 4px;  
  position: relative;
  /*text-indent: -9999em;*/
  border-top: 1.1em solid #eff0f1;
  border-right: 1.1em solid #eff0f1;
  border-bottom: 1.1em solid #eff0f1;
  border-left: 1.1em solid #58a0d7;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
   transform: translate(-50%, -50%);
  -webkit-animation: load8 1.1s infinite linear!important;
  animation: load8 1.1s infinite linear!important;
}
.loader,
.loader:after {
  border-radius: 50%;
  width: 10em;
  height: 10em;
}
.loader > div {
    opacity: 0;
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/* Feedback Page */
.comment-box {
    border: 1px solid #ccc;
}
.comment-options {
    background-color: #dadde0;
    margin-left: -.975rem;
    margin-right: -.975rem;
    margin-top: -.975rem;
}
.comment-options p,
.comment-values p,.comment-values input {
    margin-top: 1rem;}
.raul-header-help {
    color: #fff;
    font-size: 18px;
}

.raul-header-context-help .raul-header-help {
    font-size: 14px!important;
}

.raul-left-navigation-subitem.nav-disabled {
    color: rgba(23, 21, 21, 0.42)!important;
}

.online-helplink,
.online-help-link {
    float: right;
    margin-right: 1rem;
    line-height: 26px;
}

.button-primary:hover {
    color: #fff;
}

.page-container {
    margin-bottom:230px!important;
    margin-top: 8px;
    position: static!important;
}

.raul-header-properties {
    max-width: none!important;
}

.button-primary:focus,
.button-primary:hover {
    color: #fff;
}

[class^="rp-icon-"], [class*=" rp-icon-"] {
    display: inline-block;
}
.raul-user-context .list-group-item.disabled a {
    cursor: not-allowed;
    color: #fff;
}
#propertySelector {
    height: auto;
    min-height: auto;
}
#raul-notifications-context {
    box-shadow: rgba(0,0,0,.2) 4px 0 16px 0;
}
.raul-notifications-context {
  height: auto!important;
  padding: 0;
}

.raul-notification-description {
  white-space: pre-wrap!important;
  margin-bottom: 8px;
}

.raul-notification-content {
   width:100%!important;
}

/* Omnibar Integration Overrides*/
.o-user__dropdown-menu .disabled .omnibar-user-menu-item {
  cursor: not-allowed;
}

.page-container {
  margin-top: 52px!important;
}

.mc-modal.show {
  opacity: 1!important;
}

.mc-modal.modal:before {
 display: inline;
}

.mc-modal .modal-dialog-centered {
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: auto;
  height: auto;
  margin: 0 auto!important;
  transform: translate(0, 0);
  max-width: 540px;
}

.raul-left-navigation-expanded #flex_demand_optimizer .raul-left-navigation-item-display,
.raul-left-navigation-expanded #flex_demand_optimizer #boostCount {
  float: left!important;
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .raul-notification-wrapper {
    -ms-flex-direction: column;
    padding-top: 12px;
  }
  .raul-notification-container .raul-notification .raul-notification-wrapper .raul-notification-close {
    position: absolute;
    top: 0;
    right: 0;
  }
}

i.generatedDate {
  font-style: normal!important;
}
.generatedDate[data-tooltip]::after {
    width: 300px;
    white-space: pre-line;
    color: #303436;
    line-height: 20px;
    font-size: 13px;
    padding: 16px;
    font-weight: normal;
}
.raul-left-navigation-item.nav-disabled {
    color: #888!important;
}

nav.raul-left-navigation.raul-left-navigation-light .raul-left-navigation-item.nav-disabled {
    color: rgba(23, 21, 21, 0.42)!important;
}

nav.raul-left-navigation.raul-left-navigation-dark .raul-left-navigation-item.nav-disabled {
    color: rgba(232, 225, 225, 0.25)!important;
}

#propertyphotos .raul-left-navigation-item ui-icon {
    width: 1.24em!important;
}

.raul-left-navigation-items li.active a.raul-left-navigation-item ui-icon,
.raul-left-navigation-items li.active i.raul-left-navigation-item-icon {
    color: #0076cc!important;
}

.listing-subitems {
    max-height: 168px!important;
}

.surveys-subitems {
    max-height: 252px!important;
}

.raul-left-navigation-item ui-icon i {
    font-size: 18px;
    margin-right: 12px;
    position: relative;
    width: 30px;
    line-height: 1;
    height: 18px;
}
.raul-left-navigation-item ui-icon+span {
    margin-left: 1.5rem;
}

.raul-left-navigation-item-arrow {
    height: 20px;
}
.nav-tabs {
  border-bottom: 1px solid #ddd;
}

.nav-tabs .nav-item {
  border: none;
}

.nav-tabs .nav-link {
  border: 1px solid transparent;
}

.fade.in {
 opacity: 1!important;
}

.modal-backdrop.in, .modal-backdrop.show {
    opacity: .5!important;
}

.datepicker.dropdown-menu  {
    z-index: 1051!important;
}
footer.raul-footer address {
    line-height: 20px;
}

.toggle-switch {
    width:100%;
}

.toggle-switch i {
    float: right;
    font-size: 26px;
    line-height: 20px;
}

.toggle-switch i.fa-toggle-off {
    color: #AFB3B6;
}

.toggle-switch i.fa-toggle-on {
    color:#1cb94e;
}

@media (max-width: 543px) {
    .leftNavToggle.toggle-switch .fa-toggle-off,
    .leftNavToggle.toggle-switch .fa-toggle-on {
        padding-right: 2rem;
    }
  }

.date.form-control[readonly] {
    background-color: #fff;
}
.datepicker table tr td.disabled, .datepicker table tr td.disabled:hover {
    background-color: #fff!important;
}
.raul-notification-container {
    z-index: 82!important;
}

.raul-left-navigation-expanded ~ .raul-notification-container {
    position: absolute;
    left: 300px;
}

[current-page-id="propertyPhotos"] [icon=property-photos] {
    color: #0076cc;
}

[current-page-id="appointmentWidget"] [icon=settings-management] {
    color: #0076cc;
}