/*===========BRAND COLORS================*/
/*blue - #2D65DD
* light blue - #13BCFC <- deprecated
* blue two - #13BCFC <- deprecated
* black - #080708
* yellow - #ffbc42
* green - #3ad29f
* graph hues source https://learnui.design/tools/data-color-picker.html
*/
.yellow{
    background-color: #ffbc42 !important;
}

.green{
    background-color: ##user-add3ad29f !important;
}

.text-yellow{
    color: #ffbc42 !important;
}

.text-green{
    color: #3ad29f !important;
}

.light-blue{
    background-color: #d0d9f1 !important;
}

/*===========FONTS================*/
@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url(/font/material-icons/MaterialIcons-Regular.eot); /* For IE6-8 */
    src: local('Material Icons'),
    local('MaterialIcons-Regular'),
    url(/font/material-icons/MaterialIcons-Regular.woff2) format('woff2'),
    url(/font/material-icons/MaterialIcons-Regular.woff) format('woff'),
    url(/font/material-icons/MaterialIcons-Regular.ttf) format('truetype');
}

.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;  /* Preferred icon size */
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;

    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;

    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;

    /* Support for IE. */
    font-feature-settings: 'liga';
}


/*===========LOGIN PAGE================*/
#login-page .login-logo{
    max-width: 255px;
}

#login-page .card-panel .row{
    margin-top: 25px;
}

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

    #login-page{
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        transform: -webkit-translate(-50%, -50%);
        transform: -moz-translate(-50%, -50%);
        transform: -ms-translate(-50%, -50%);
    }

}

/*===========REGISTER PAGE================*/
#register-page{
    margin-top: 20px;
    max-width: 800px;
}

#register-page .login-logo {
    max-width: 255px;
}

#register-page button.cyan{
    width: 265px;
}

#register-page .card-panel .row{
    margin-top: 25px;
}

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

    #register-page{
        max-width: 90%;
    }

}

/*===========PERSONAL DATA PAGE================*/
#personal-data-page .login-logo {
    max-width: 255px;
}

#personal-data-page{
    max-width: 800px;
}

#personal-data-page .choices__input{
    display: none;
}

#personal-data-page .choices__inner{
    background-color: inherit;
    border: none;
}

/*===========NAV================*/
#notifications-dropdown.dropdown-content{
    min-width: 250px;
}

#notifications-dropdown .notifications-read{
    font-size: inherit;
    color: inherit;
    display: inherit;
    padding: inherit;
}

#notifications-dropdown li{
    padding: 5px 10px;
}

#notifications-dropdown li > a > i{
    display: inline-block;
    font-size: 14px;
    position: relative;
    top: 2px;
}
#notifications-dropdown li > a {
    padding: 0;
    font-size: 12px;
    font-weight: 400;
}
#notifications-dropdown li > time{
    font-size: 10px;
}

#notifications-dropdown.dropdown-content li > a,
#notifications-dropdown.dropdown-content li > span{
    line-height: 10px;
}

/*===========DASHBOARD PAGE================*/
#flight-card .card-content-bg{
    background: url(/images/user-bg.png);
    background-size: cover;
}

#flight-card .flight-state h4{
    font-size: 100px;
}

#flight-card .flight-state p{
    padding-top: 8px;
}

#flight-card .flight-state-wrapper{
    margin: 30px 0px !important;
}

#flight-card .flight-state{
    padding-bottom: 10px;
}

#flight-card .card-header .card-title{
    padding: 15px;
}

.insights h4{
    font-size: 1.2rem;
}

.insights .header p{
    margin: 0;
}

.insights .graph{
    text-align: center;
}

.roadmap-news span.task-cat{
    vertical-align: top;
}

@media (min-width:1024px) and (max-width:1440px) {

    #flight-card .flight-state h4{
        font-size: 80px;
    }

}

@media (min-width:900px) and (max-width:1024px) {

    #flight-card .flight-card-title{
        font-size: 1.5rem;
    }

    #flight-card .flight-card-date{
        font-size: 13px;
        line-height: 13px;
    }

}

/*===========PROFILE PAGE================*/
#profile-page-header .card-content .card-title{
    font-size: 20px;
}

#profile-page-header .card-content h4.card-title{
    line-height: 30px;
    margin-top: 30px;
}

#profile .fitness-mb-40{
    margin-bottom: 40px;
}

#profile-page-header figure.card-profile-image img{
    width: 110px;
    height: 110px;
}

#profile-page-header figure.card-profile-image{
    height: 110px;
}

.user-details img.profile-image{
    width: 52px;
    height: 52px;
}

/*===========COMPANY INDEX ================*/
#team-list .collection .collection-item.avatar{
    min-height: 65px;
}

#team-list .modal.send-invite .submit-wrapper{
    padding-top: 25px;
}

.modal.send-invite .collection-item{
    line-height: 2.5rem;
}

#team-list nav ul li:hover,
#team-list nav ul li.active{
    background: initial;
}

#team-list .collection.with-header.waves-pending .collection-item{
    height: 57px;
    line-height: 40px;
}

#team-list .collection .collection-item.avatar .secondary-content:nth-of-type(2){
    right: 175px;
}

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

    #team-list .collection .collection-item.avatar .secondary-content{
        position: initial;
        padding: 0px 15px;
        margin: 5px 10px;
    }

    #team-list .collection.with-header .collection-item.avatar{
        padding-left: 20px;
    }

    #team-list .collection .collection-item.avatar{
        min-height: 130px;
    }

}

/*===========COMPANY EDIT ================*/
#company-edit .campaigns-url a input{
    cursor: pointer;
    color: inherit;
}

/*===========COMPANY SUBSCRIPTION PAGE================*/
#subscription .plans-container .collection .collection-item:before{
    content: initial;
}

#subscription .price-desc sub{
    bottom: 0;
}

/*===========COMPANY SUBSCRIPTION RENEW PAGE================*/
#subscription-renew .mb-ref{
    max-width: 400px;
}

#subscription-renew .mb-ref td,
#subscription-renew .mb-ref th{
    padding: 5px 5px;
}

/*===========NEW FEATURES PAGE================*/
@media screen and (min-width: 600px){

    .new-feature-soon .card-content{
        width: 100%;
        padding: 25px;
    }

    .sms.new-feature-soon .card-content img{
        max-width: 30vw;
    }

}

@media screen and (min-width: 1024px){
    .new-feature-soon .valign-wrapper{
        height: 80vh;
    }

    .new-feature-soon .col{
        padding: 0px;
    }

    .new-feature-soon .card-content{
        width: inherit;
        padding: 50px;
    }

    .sms.new-feature-soon .card-content{
        width: 100%;
    }
}


/*===========NAVBARS================*/
section#content{
    min-height: 800px;
    padding-bottom: 40px;
}

#slide-out li a i.mdi-action-autorenew{
    width: 1px;
    font-size: 15px;
}

ul.side-nav.leftside-navigation li.user-details #multi-company a {
    padding: 8px 15px;
    height: auto;
    font-size: 13px;
}

#multi-company.dropdown-content{
    max-height: none;
}

ul.side-nav.leftside-navigation li a.user-roal{
    color: #fff;
    font-size: 13px;
    text-shadow: 1px 1px 1px #444;
    line-height: 42px;
    top: -10px;
    height: 42px;
}

@media screen and (max-width: 425px){
    header .brand-logo{
        padding-bottom: 0px;
        padding-top: 0px;
        margin-top: 10px;
    }

    ul.side-nav.leftside-navigation{
        top: 56px;
        overflow: scroll;
    }

    .ps-scrollbar-y,
    .ps-scrollbar-y-rail{
        height: 50px !important;
    }
}

/*===========SEARCH================*/
.header-search-wrapper .collapsible-header{
    padding: 0px 0px 0px 72px;
    color: #444;
    font-weight: normal;
    width: calc(100% + 80px);
}

.header-search-wrapper .header-search-input{
    margin-bottom: 1px;
}

.header-search-wrapper .collapsible-header:hover{
    background-color: #f5f5f5;
}

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

    input.header-search-input{
        padding: 8px 0px 8px 72px;
    }

    input.header-search-input{
        width: calc(100% - 72px);
    }

}

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

    input.header-search-input{
        padding: 8px 0px 8px 72px;
    }

    #content .header-search-wrapper{
        width: calc(100% - 72px);
    }

    .header-search-wrapper .collapsible-header{
        padding: 0px 0px 0px 30px;
        width: calc(100% + 70px);
    }

    input.header-search-input{
        width: 100%;
    }

    /*.collapsible-header:after{
    content: initial;
    }*/

}



/*===========FORMS================*/
.input-field div.error,
form div.error{
    height: 1px;
    position: relative;
    top: -1rem;
    left: 0rem;
    font-size: 0.8rem;
    color: #F44336;
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);
    text-align: center;
}

[type="radio"]:not(:checked) + label,
[type="radio"]:checked + label {
    top: 0px;
}

span.character-counter{
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 5px;
}

/*===========CAMPAIGNS================*/
#card-stats .card-stats-compare i.tooltipped{
    position: relative;
    width: 1px;
    top: inherit;
}

#campaign-request .steps{
    font-size: 50px;
    height: 20px;
    line-height: 10px;
}

form#campaign-builder .upload-zone .error{
    top: 0rem;
}

@media (max-width:768px){

    #campaign-request .steps{
        height: 30px;
        line-height: 20px;
    }

}

@media (min-width:900px) and (max-width:1280px) {
    #chart-dashboard #card-stats .card-stats-title,
    #chart-dashboard #card-stats .card-stats-title i {
        font-size: 0.9em;
    }

    #jsGrid-leads .chip{
        display: block;
        margin: 5px 0px;
    }
}
/*===========ADMIN CAMPAIGN================*/

#campaign-custom-field [type="checkbox"]:not(:checked),
#campaign-custom-field [type="checkbox"]:checked{
    position: initial;
    visibility: visible;
}

/*DATE AND TIME PICKER*/
.picker__weekday-display,
.picker__day--selected, .picker__day--selected:hover, .picker--focused .picker__day--selected,
.btn-floating.btn-flat.active,
.clockpicker-tick.active,
.clockpicker-tick:hover{
    background-color: #13BCFC !important;
}

button.picker__today:focus,
button.picker__clear:focus,
button.picker__close:focus{
    background-color: #fff;
}

.picker__date-display{
    background-color: #2D65DD !important;
}

.picker__day.picker__day--today,
.picker__close,
.picker__today{
    color: #13BCFC;
}

.picker__nav--prev:hover, .picker__nav--next:hover{
    background: #f9f9f9;
}

.clockpicker-tick{
    color: #000;
}

.clockpicker-canvas-bg-trans,
.clockpicker-canvas-bg{
    fill: #13BCFC !important;
}

.clockpicker-canvas-bearing{
    fill: #000 !important;
}

.clockpicker-canvas line{
    stroke: #13BCFC !important;
}

.clockpicker-canvas-fg.active{
    fill: #fff;
}

[type="radio"]:checked + label:after{
    border: 2px solid #13BCFC;
    background-color: #13BCFC;
}

form select.browser-default{
    margin: 0 0 15px 0;
}

/*===========RIGHT SIDEBAR================*/
.recent-activity-list-icon a{
    color: #13BCFC;
    font-size: 30px;
    padding: 0;
}

#chat-out .events{
    margin: 0;
    border: none;
    line-height: 30px;
    height: 45px;
    font-weight: 400;
    padding: 0 1rem;
    display: block;
    cursor: pointer;
    min-height: 3rem;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

#chat-out .events i {
    width: 2rem;
    font-size: 1.6rem;
    line-height: 45px;
    display: block;
    float: left;
    text-align: center;
    margin-right: 1rem;
}

#chat-out .events .event-time {
    display: block;
    line-height: 0px;
}

#chat-out.side-nav a {
    line-height: initial;
    height: initial;
    color: #FFF;
    display: initial;
    font-size: initial;
    padding: initial;
}

/*===========BADGES================*/
span.badge.new:after{
    content: none;
}

span.badge.new{
    background-color: inherit;
}

/*===========TIMELINE================*/
.timeline {
    position: relative;
}

.timeline .timeline-event {
    position: relative;
    padding-top: 5px;
    padding-bottom: 5px;
}

.timeline .timeline-event .timeline-content {
    position: relative;
    width: calc(50% - 50px);
}

.timeline .timeline-event::before {
    display: block;
    content: "";
    width: 2px;
    height: calc(50% - 30px);
    position: absolute;
    background: #d2d2d2;
    left: calc(50% - 1px);
    top: 0;
}

.timeline .timeline-event::after {
    display: block;
    content: "";
    width: 2px;
    height: calc(50% - 30px);
    position: absolute;
    background: #d2d2d2;
    left: calc(50% - 1px);
    top: calc(50% + 30px);
}

.timeline .timeline-event:first-child::before {
    display: none;
}

.timeline .timeline-event:last-child::after {
    display: none;
}

.timeline .timeline-event:nth-child(even) .timeline-content {
    margin-left: calc(50% + 50px);
}

.timeline .timeline-event:nth-child(odd) .timeline-content {
    margin-left: 0;
}

.timeline .timeline-badge {
    display: block;
    position: absolute;
    width: 40px;
    height: 40px;
    background: #d2d2d2;
    top: calc(50% - 20px);
    right: calc(50% - 20px);
    border-radius: 50%;
    text-align: center;
    cursor: default;
}

.timeline .timeline-badge i {
    font-size: 25px;
    line-height: 40px;
}

@media (max-width: 600px) {
    .timeline .timeline-event .timeline-content {
        width: calc(100% - 70px);
    }
    .timeline .timeline-event::before {
        left: 19px;
    }
    .timeline .timeline-event::after {
        left: 19px;
    }
    .timeline .timeline-event:nth-child(even) .timeline-content {
        margin-left: 70px;
    }
    .timeline .timeline-event:nth-child(odd) .timeline-content {
        margin-left: 70px;
    }
    .timeline .timeline-badge {
        left: 0;
    }
}

/*===========SCHEDULED EVENT================*/
#scheduled-event .card-title{
    vertical-align: middle;
}

/*===========Pricing Table================*/
.plans-container .collection .collection-item:before{
    font-family: "Material-Design-Icons";
    content: "\e8a7";
}

/*===========CALENDAR================*/

.fc-content{
    padding: 3px 0px 3px 3px;
}

.fc-content .fc-time{
    font-size: 13px;
}
.fc-content .fc-title,
.fc-content i{
    font-size: 14px !important;
    font-weight: 500;
}

.fc-content i{
    padding-right: 3px;
    position: relative;
    top: 2px;
}


.fc-state-active,
.fc-state-down{
    color: #13BCFC !important;
}

/*===========MODALS================*/
.modal .modal-header {
    border-radius: 0 0 2px 2px;
    padding: 4px 6px;
    width: 100%;
}

#task-modal,
#user-add,
#lifecycle-modal{
    overflow-y: visible;
}

#user-add,
#lifecycle-modal{
    max-width: 310px;
}

#user-add.modal .modal-footer .btn,
#lifecycle-modal .modal-footer .btn{
    float: none;
}

#user-add.modal .modal-header p,
#lifecycle-modal.modal .modal-header p{
    margin: 10px;
}

#user-add.modal .modal-content .input-field,
#lifecycle-modal .modal-content .input-field{
    margin-top: 0px;
}

/*===========COLORS================*/
.cyan{
    background-color: #13BCFC !important;
}

.blue{
    background-color: #2D65DD !important;
}

/*===========TYPOGRAPHY================*/
.text-upper{
    text-transform: uppercase;
}

.cyan-text{
    color: #13BCFC;
}

.blue-text{
    color: #2D65DD;
}

/*===========ELEMENTS================*/
.btn.cyan:hover{
    background-color: #2D65DD !important;
}

.btn.blue:hover{
    background-color: #13BCFC !important;
}

.btn.facebook{
    background-color: #3b5999 !important;
}

.btn.twitter{
    background-color: #55acee !important;
}

.btn.linkedin{
    background-color: #0077B5 !important;
}

.card .card-action{
    border-top: 1px solid rgba(255, 255, 255, 0.4);
}

.card .card-action a:not(.btn):not(.btn-large):not(.btn-floating){
    margin-right: initial;
}

hr.soft{
    border: 0;
    height: 1px;
    background: #f3f3f3;
    background-color: #f3f3f3;
}

.btn-small {
    display: inline-block;
    color: #fff;
    position: relative;
    overflow: hidden;
    z-index: 1;
    width: 25px;
    height: 25px;
    line-height: 25px;
    padding: 0;
    background-color: #ff4081;
    border-radius: 50%;
    transition: .3s;
    cursor: pointer;
    vertical-align: middle;
}

.btn-small i{
    font-size: 1rem;
}

/*===========COLLECTIONS================*/

.progress{
    background-color: rgba(19, 188, 252, 0.22);
}

.progress .determinate{
    background-color: #2D65DD;
}

.collection .collection-item.avatar{
    min-height: 65px;
}

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

    .plans-container .card .card-image .price{
        font-size: 3em;
    }

    .plans-container .card .card-image .price sup{
        top: -25px;
    }
}
/*===========DROPZONE================*/
.dropify-wrapper .dropify-message p{
    text-align: center;
}
.dropzone{
    border: 2px dashed rgba(0,0,0,0.3) !important;
    padding: 0px !important;
}

.dropzone .dz-default.dz-message::before{
    content: "\e7b0";
    font-family: "Material-Design-Icons";
    display: block;
    font-size: 50px;
}

.logo-uploader.upload-zone{
    max-height: 104px;
    height: 104px;
}

.upload-zone{
    min-height: 104px;
    border: 2px dashed rgba(0,0,0,0.3) !important;
    padding: 0px !important;
    background: white;
    text-align: center;
    cursor: pointer;
}

.upload-zone .upload-content::before {
    content: "\e7b0";
    font-family: "Material-Design-Icons";
    display: block;
    font-size: 25px;
}

.logo-uploader{
    background-color: #fff;
    text-align: center;
}

.logo-uploader img{
    height: 52px;
    margin: 24px 0;
    line-height: 0px;
}

.logo-uploader img{
    height: 52px;
    margin: 24px 0;
}

.previewer .logo-uploader img{
    height: 52px;
    width: 128px;
    display: inline-block;
    max-width: 100%;
    height: auto;
}

.upload-zone img{
    margin-bottom: -0.4em;
}

/*===========Campaign View================*/
.product-card .card .card-content p{
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}

/*===========Campaign Build================*/
.text-preview{
    font-family: "Oswald", Helvetica, Arial, sans-serif;
    letter-spacing: 0.06em;
    text-align: center;
}

.text-preview{
    font-family: "Oswald", Helvetica, Arial, sans-serif;
    letter-spacing: 0.06em;
    text-align: center;
}

.previewer{
    padding-bottom: 20px;
}

.previewer .s12{
    padding: 0px;
}

.previewer h5{
    margin: 0px;
    padding-top: 12px;
}

.previewer .main-uploader{
    line-height: 0px;
    text-align: center;
}

.previewer  .main-uploader .responsive-img{
    width: 90%;
    margin: 20px 0px;
}

.previewer{
    border: 1px solid rgba(0,0,0,0.3) !important;
}

.alfa-preview-btn,
.alfa-preview-btn:focus,
.alfa-preview-btn:hover,
.alfa-preview-btn:active,
.alfa-preview-btn:visited{
    align-items:flex-start;
    background-color:rgb(42,213,85);
    border-bottom-left-radius:35px;
    border-bottom-right-radius:35px;
    border-top-left-radius:35px;
    border-top-right-radius:35px;
    border-top-style:solid;
    box-sizing:border-box;
    color:rgb(255,255,255);
    cursor:pointer;
    font-family:Oswald,Helvetica,Arial,sans-serif;
    font-size: 15px;
    font-stretch:100%;
    font-style:normal;
    font-weight:400;
    letter-spacing:2.16px;
    line-height:23.4px;
    padding: 5px 10px;
    pointer-events:auto;
    position:relative;
    text-align:center;
    text-indent:0px;
    text-rendering:auto;
    text-shadow:none;
    text-size-adjust:100%;
    text-transform:uppercase;
    transition-delay:0.01s,0.01s;
    transition-duration:0.3s,0.3s;
    transition-property:background,border-color;
    transition-timing-function:ease,ease;
    user-select:none;
    vertical-align:middle;
    white-space:pre-wrap;
    word-spacing:0px;
    writing-mode:horizontal-tb;
    -webkit-appearance:none;
    -webkit-font-smoothing:subpixel-antialiased;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    -webkit-border-image:none;
    margin: 10px 0px;
    border-width: 0px;
}

.upload-remover{
    cursor: pointer;
}

/*===========SLIDER================*/
.slider .indicators .indicator-item.active{
    background-color: #2D65DD;
}

/*===========TABLE================*/
table tbody tr[data-href] {
    cursor: pointer;
}

table.dataTable td,
table.dataTable th{
    border-radius: initial !important;
}

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

    .responsive-table td, th {
        padding: 5px 5px;
    }

}

/*===========JSGRID================*/
.jsgrid-edit-row input,
.jsgrid-edit-row select,
.jsgrid-edit-row textarea,
.jsgrid-filter-row input,
.jsgrid-filter-row select,
.jsgrid-filter-row textarea,
.jsgrid-insert-row input,
.jsgrid-insert-row select,
.jsgrid-insert-row textarea{
    padding: 0px !important;
}

.jsgrid-table .btn-floating{
    width: 25px;
    height: 25px;
    line-height: 25px;
}

.jsgrid-table .chip i.material-icons{
    line-height: 25px;
    font-size: 15px;
    padding-left: 5px;
}

#jsGrid-leads .jsgrid-grid-header{
    border-top-width: 0px;
}

#jsGrid-leads .chip{
    height: 25px;
    line-height: 25px;
    margin-right: 5px;
}

#jsGrid-leads .chip img{
    height: 25px;
    width: 25px;
}

#jsGrid-leads .jsgrid-grid-header{
    border-top-width: 0px;
}

.jsgrid-table .btn-floating i{
    font-size: 16px;
    line-height: 25px;
}

/*===========CARDS================*/
#card-stats .card-stats-title,
#card-stats .card-stats-title i{
    font-size: 1em;
}

.card .card-header{
    margin: 0;
    font-weight: 300;
}
.card .card-header h5{
    padding: 10px 15px;
    margin: 0px;
}
.card .card-header a.secondary-content i{
    vertical-align: text-top;
    padding: 5px;
}

/*===========FORMS================*/
.jsgrid-table td{
    font-size: 14px;
    color: #444;
}

[type="checkbox"]:checked + label:before{
    border-right: 2px solid #13BCFC;
    border-bottom: 2px solid #13BCFC;
}

input[type=text].color-input{
    margin: 5px 0 15px 0;
}
.ms-container .ms-list{
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
}

.ms-container{
    width: auto !important;
}

.ms-container{
    margin: 10px 0px;
}

.ms-container .ms-selectable, .ms-container .ms-selection{
    background: initial !important;
}

/*===========FOOTER================*/

footer.page-footer .footer-copyright{
    height: 25px;
    line-height: 25px;
    font-size: 13px;
}

@media screen and (min-width:425px) {

    footer.page-footer{
        position: fixed;
        bottom: 0;
        width: 100%;
        z-index: 1;
    }
}


/*===========INVOICE PAGE================*/
#invoice .invoice-text{
    padding: 18px 0;
}

#invoice h4.header{
    margin: 16px 0 0.912rem 0;
}

/*===========LEAD PAGE & UNQUALIFIED LEAD================*/

#lead-page input[type=text]:disabled,
#lead-page input[type=email]:disabled,
#unqualfied-lead-page input[type=text]:disabled,
#unqualfied-lead-page input[type=email]:disabled{
    color: inherit;
}

#lead-page input[type=text]:disabled + label,
#unqualfied-lead-page input[type=text]:disabled + label{
    color: #9e9e9e;
}

#lead-page .chip,
#unqualfied-lead-page .chip{
    position: relative;
    z-index: 1;
    height: 37px;
    width: auto;
    line-height: 37px;
    font-size: 14px;
    cursor: pointer;
}

#lead-page .chip img,
#unqualfied-lead-page .chip img{
    width: 37px;
    height: 37px;
}

#lead-page .card-content a input,
#unqualfied-lead-page .card-content a input{
    cursor: pointer;
}

#unqualfied-lead-page .card-content .dropdown-button{
    width: 180px;
}

#lead-page .collection-item div{
    word-wrap: break-word;
}

#lead-page a.task-add input{
    pointer-events: none;
}

#lead-page #profile-page-about-feed blockquote,
#unqualfied-lead-page #profile-page-about-feed blockquote{
    margin: 0px 0;
    padding: initial;
    border: none;
}

#lead-page #profile-page-about-feed img.circle,
#unqualfied-lead-page #profile-page-about-feed img.circle{
    width: 55px;
    height: 55px;
    left: 12px;
}

#lead-page .contact-enrich p,
#unqualfied-lead-page .contact-enrich p{
    font-size: 15px;
}


@media only screen and (max-width: 600px) {
    #lead-page #profile-page-about-feed .collection-item.avatar .col .ultra-small{
        display: block;
    }
}
#lead-page .lead-events{
    margin: 15px 0px;
}

#lead-page .lead-events .events{
    margin: 0;
    border: none;
    line-height: 30px;
    height: 30px;
    font-weight: 400;
    padding: 0 1rem;
    display: block;
    cursor: pointer;
    min-height: 30px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

#lead-page .lead-events .events i{
    width: 2rem;
    font-size: 1.2rem;
    line-height: 30px;
    display: block;
    float: left;
    text-align: center;
    margin-right: 1rem;
}

#lead-page .lead-events .events .event-time {
    line-height: 25px;
    float: right;
    display: inline-block;
}

#lead-page .lead-events a {
    line-height: initial;
    height: initial;
    color: #FFF;
    display: initial;
    font-size: initial;
    padding: initial;
}

/*===========LEAD LISTING================*/
#lead-list .collapsible-body form{
    margin: 0;
    padding: 0px 2rem;
}

/*===========UNQUALIFIED LISTING================*/
#unqualified-lead-list .collapsible-body form{
    margin: 0;
    padding: 0px 2rem;
}

/*===========NEWSLETTER CONTENT================*/

/*===========AUDIENCE================*/
#audience-add .collapsible-body,
#audience-edit .collapsible-body{
    padding: 15px 0px;
}

/*===========REPORTS================*/
#reports .process-step:before{
    color: #2D65DD;
    content: "\e7c3";
    font-family: "Material-Design-Icons";
    vertical-align: super;
    display: inline-block;
    font-weight: normal;
    font-style: normal;
    font-size: 35px;
    margin: 0px 15px;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
}
#reports .process-block,
#reports .process-step{
    display: inline-block;
    color: #080708;
}
#reports .process-block{
    text-align: center;
    margin: 20px 0px;
}
#reports .process-block .process-title{
    font-size: 14px;
}
#reports .process-block .process-value{
    font-size: 26px;
    font-weight: 500;
}
#reports .sales-performance h5{
    margin-top: 15px;
    padding-top: 30px;
}

#reports .card-title h5 label{
    display: block;
    color: #2d65dd;
    line-height: 11px;
    padding: 5px 0px;
    font-size: 11px;
}

#reports #report-date-filter .input-field{
    margin-top: 0px;
}

#reports #report-date-filter .input-field label{
    top: 20px;
}

#reports .date-filter-label{
    top: 5px;
    text-align: right;
    position: inherit;
}

#reports table.striped td, th{
    padding: 5px 5px;
}

@media only screen and (max-width: 1440px) {
    #reports .process-step:before{
        margin: 0px;
        font-size: 27px;
    }
}