/*
==========================================================================
    property landing page
==========================================================================
*/
.popover-content{
    overflow-y: auto;
    height: 150px;
}
.popover {
    max-width: none;
}

.table > tbody > tr > td {
    border-bottom: 1px solid #ddd;
    border-top: 0;
}
.property-landing-page {
    .content { padding: 0 15px; }
    .text-red { color: color("red") !important; a { color: color("red") !important; } }
    .feature {
        max-width: 1240px;
        margin: 20px auto 0 auto;
        @include flexbox();
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .feature__item {
        width: 100%;
        padding-bottom: 20px;
        @media (min-width: 968px) { width: calc(50% - 50px); }
        &--news .feature__list li {
            display: -ms-grid;
            display: grid;
            grid-template-columns: 160px auto;
            grid-column-gap: 10px;
        }
        &--shortcut .feature__list li {
            width: 50%;
            float: left;
            padding : 5px 3px;
        }
        
        @media (max-width:1024px) {
            .feature__list li {
                height: 21px;
                min-height: 18px;
            }
            &--shortcut .feature__list li {
                height: 18px;
                min-height: 18px;
            }

        }
    }
    .feature__item--mcnews,.feature__item--news{
        height: 210px;
        margin-bottom: 20px;
    }
    .feature__item--whatnext {
        margin-top: 20px;
        height: 125px;
        padding-bottom: 20px;
         .feature__list{
             height: 122px !important;
         }
    }
    .feature__item--enhancement_suggestions{
        margin-top: 20px;
        height: 125px;
        padding-bottom: 20px;
        .feature__list{
            height: 70px !important;
        }
    }
    .feature__item--shortcut {
        margin-top: 20px;
        height: 205px;
        padding-bottom: 20px;
        .feature__list{
            max-height: 150px !important;
        }
    }
    .feature__item--alert {
        margin-top: 20px;
        height: 205px;
        padding-bottom: 20px;
        .feature__list{
            max-height: 150px !important;
        }
    }
    .feature__title {
        height: $icon-large;
        display: -ms-grid;
        display: grid;
        grid-template-columns: 30px 1fr;
        grid-column-gap: 5px;
        margin-bottom: 10px;
        h2 {
            color: $c-blue5;
            font-size: $large;
            font-family: $base-font-semibold;
            font-weight: normal;
            margin: 0;
            padding: 7px 10px;
            background-color: color('white-smoke-2');
        }
    }
    .feature__list {
        padding: 0 0 0 35px;
        margin: 0;
        max-height: 175px;
        overflow-x: hidden;
        li {
            font-size: $large;
            min-height: 25px;
            padding: 5px 3px;
            margin-bottom: 2px;
            a {
                color: color("black2");
                text-decoration: underline;
                @include transition(all 0.4s ease-in-out);
                &:hover{ color: $c-blue5; }
            }
            span { display: block; }
            small {
                font-size: $small;
                font-style: italic;
                color: color("manatee");
            }
            p { margin-bottom: 0; }
            div {
                word-break: break-word;
                &.user-dashboard{
                    display:contents!important;
                }
            }

        }
    }
    .link-bar {
        max-width: 1240px;
        margin: 10px auto 10px auto;
        @include flexbox();
        justify-content: space-between;
        background-color: color("tara");
        a {
            padding: 0 10px 0 0;
            font-size: $large;
            text-decoration: none;
            color: color('black2');
            &:hover { color: $c-blue5; }
            @include flexbox();
            align-items: center;
            @include transition(all 0.4s ease-in-out);
            i { margin-right: 5px; }
        }
    }

}

/* Message Popup */
.message-popup {
    top: 140px !important;
    padding: 10px 0 10px 10px!important;
    .btn-add-message { margin-bottom: 10px; background-color: color("whisper") !important; }
    .single-calendar {
        //width: 120px;
        .datepicker-dropdown {
            //display: none;
            left: 620px!important;
            right:86px;
            top:50px !important;
        }
        .messageDate .datepicker-dropdown{
            left: 470px!important;
            top:48px !important;
        }
        input[type="text"] {
            background-color: transparent;
            background: url(../images/chi-calendar.svg) no-repeat 1px 0 !important;
            -webkit-background-size: 24px 24px !important;
            background-size: 24px 24px !important;
            padding: 0 4px 0 30px;
            //width: 120px;
            height: 26px;
            color: color("black2");
            border: none;
            -webkit-box-shadow: none;
            box-shadow: none;
            cursor: pointer;
        }
        .input-group-addon { display: none; }
    }
    .popup-content {
        max-width: 800px;
        //position: relative;
    }
    .mars-ember-table { max-height: 340px; margin-bottom: 0; }
    .table-responsive {
        position: static;

    }
    .maintenance-message {
        position: static;
        width: max-content;
    }
    .property-message {
        position: static;
    }
    .commonTable tr td div {
        white-space: normal !important;
        text-overflow: clip !important;
    }
    .message-popup-table {
        margin-bottom: 0;
        .btn-edit, 
        .btn-save, 
        .btn-attach, 
        .btn-trash, 
        .btn-close { 
            background: none; width: 26px !important; height: 26px !important; 
            i { width: 26px; height: 26px; } 
        }
        .form-group { margin: 0; }
        tr {
            &.tr-save {
                .is-edit { display: none; }
                .is-save { display: block; }
                .groups { color: blue; }
                //.single-calendar { pointer-events: none; }
                .btn-attach.active { display: none; }
            }
            &.tr-edit {
                .is-save { display: none; }
                .is-edit { display: block; } 
                .btn-attach.active { display: block; }
            }
            th, td { border: none !important; }
            th:first-child { min-width: 40px;}
            
        }
    }
    .data { padding: 0 10px; }
    .col-message .data { width: 350px; }
    .col-message{
        max-width: 380px;
        min-width: 380px;
        text-align: left;
        word-wrap: break-word;
      p{
          text-align:left;
      }
     .ck p {
        text-align: left !important;
    }
        //&.hasError{
        //    div.ck-editor__main {
        //      border: solid red;
        //    }
        //}

    };
    .col-post-date{width:115px;};
    .col-created-by{width:85px};
    .col-first{width:40px};
    .col-expiration{ min-width:180px;
        text-align: left;};
    .col-type{
        min-width: 150px;
        text-align: left;};
    .col-action {
        width: 110px;
        .action {
            padding: 0;
            @include flexbox();
            justify-content: center;
            span { margin: 0 5px; cursor: pointer; }
        }
    }

    /* message-popup--admin-list */
    &.message-popup--admin-list {
        .popup-content { max-width: 980px; }
        .col-action { width: 132px; }
        .col-message .data { width: 380px; }
        .width380{
            width:380px !important;
        }
    }

    /* nicEdit */
    .nicEdit-main {  padding: 0 5px; }
}

.dialog-message-popup {
    @media (max-width: 960px) {
        max-width: 100% !important;
        width: 95% !important;
    }
}

.NewsAlertPopUp {
    position: absolute;
    height: auto;
    width: 1000px;
    top: 118px;
    left: 400px;
    z-index: 101;
}

.news-alert-popup,.message-popup
{
    min-height: 150px!important;
}

.canny_link{
    color: #0070c0 !important;
    font-weight: normal;
}

.first-row {
    margin-bottom: 10px !important;
    padding-bottom:10px !important;
}

.second-row {
    margin-top:10px !important;
    margin-bottom: 10px !important;
    padding-bottom:10px !important;
    height:150px !important;
}

.third-row {
    margin-top:10px !important;
    margin-bottom: 5px !important;
    padding-bottom:10px !important;
    height:190px !important;
}