
@media only screen and (min-width: 991px) {
    .login-wrapper {
        background-color: white !important;
    }

    .page-container .page-content {
        box-shadow: -2px 0 2px 0 rgba(0,0,0,0.3);
        margin-left: 240px !important;
    }

    .page-boxed {
        background-color: #8eb887 !important;
    }

        .page-boxed .page-content {
            padding: 25px 10px !important;
        }

        .page-boxed .page-container .page-content-wrapper .page-content {
            margin-left: 5px !important;
            margin-top: 5px !important;
            box-shadow: none !important;
        }

        .page-boxed .page-container .page-sidebar-wrapper .page-sidebar {
            margin-top: 5px !important;
        }

        .page-boxed .container:nth-child(2n) {
            padding: 0px !important;
            margin: 0px !important;
            box-shadow: 1px -2px 1px 1px rgba(0,0,0,0.5) !important;
            position: relative !important;
        }

    .detailed-widget .portlet.light.bordered .mt-actions.caretaker-requests > span,
    .detailed-widget .portlet.light.bordered .mt-actions.upcoming-booking-widget > span,
    .detailed-widget .portlet.light.bordered .mt-actions.lease-expired-user > span {
        padding-left: 40%;
    }

    div#upcoming-booking-list_info.dataTables_info,
    div#previous-booking-list_info.dataTables_info {
        padding-left: 10px !important;
    }

    div#upcoming-booking-list_paginate,
    div#previous-booking-list_paginate {
        padding-right: 10px !important;
    }

    .page-footer {
        width: 100% !important;
        padding: 5px 5px !important;
    }

    .page-content .page-bar {
        padding-left: 5px !important;
        margin-top: -20px !important;
    }

    .profile-sidebar {
        width: 33% !important;
        margin-right: 5px !important;
    }

    .profile-page .profile-content {
        width: 65% !important;
        margin-left: 5px !important;
    }

    .profile-page .profile-sidebar .profile-content {
        width: 100% !important;
        margin-left: 0 !important;
    }

    .profile-page .profile-container .col-lg-6:last-child {
        padding-left: 5px !important;
    }

    #personal-info > form:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(7) > div:nth-child(1) {
        padding-left: 20px !important;
    }

    .message-threads .note.current-user-message {
        /*! width:97% !important; */
    }
}

@media only screen and (max-width: 768px) {
    .page-content-wrapper .page-content {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .widgets-wrapper,
    .public-noticeboard,
    .noticeboard-filter,
    .search-form.button-right,
    .superadmin-notice-board,
    .page-content > .caretaker-details,
    .threads.message-threads,
    .reply-form,
    .booking-page .page-content,
    .emergency-contacts,
    div.emergency-contacts ~ p, div.emergency-contacts ~ strong {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

    .detailed-widget .portlet.light.bordered .mt-actions.caretaker-requests > span,
    .detailed-widget .portlet.light.bordered .mt-actions.upcoming-booking-widget > span,
    .detailed-widget .portlet.light.bordered .mt-actions.lease-expired-user > span {
        padding-left: 30% !important;
    }

    .noticeboard-filter {
        margin-left: 5px !important;
        margin-right: 5px !important;
    }

    .row.profile-container,
    .reply-form .maintenance-form .form-group > .col-sm-9 {
        padding: 0px !important;
    }

    .page-bar,
    .profile-page .user-actions-container div,
    .page-content > h4,
    .page-content .reply-form h3 {
        padding-left: 5px !important;
    }

    .threads.message-threads .message,
    .booking-accordion.accordion {
        padding: 0px 2px !important;
    }

    .profile-info-box,
    .user-actions-container {
        margin-bottom: 5px !important;
    }

    .profile-page .profile-container .col-lg-6:last-child {
        padding-left: 0px !important;
    }

    .profile-page .profile-container .col-lg-6 > h4:nth-child(1n) {
        margin-top: 5px !important;
    }

    .profile-page .profile-container .col-lg-6:first-child {
        margin-bottom: 5px !important;
    }

    .profile-content .portlet {
        margin-bottom: 0px !important;
    }

    .portlet.bordered.caretaker-info-section {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .profile-content .caretaker-status .col-xs-12 {
        padding-bottom: 0px !important;
    }

        .profile-content .caretaker-status .col-xs-12 .accordion {
            border: 1px solid #ddd !important;
            margin-bottom: 5px !important;
        }

            .profile-content .caretaker-status .col-xs-12 .accordion .handle {
                margin-top: 0px !important;
            }

    .registration-page > .container .page-content-wrapper {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

    .registration-page .page-container .page-content-wrapper > .page-content {
        padding-left: 0px !important;
        padding-right: 10px !important;
    }

        .registration-page .page-container .page-content-wrapper > .page-content h3 {
            font-size: 16px !important;
            text-transform: uppercase;
            text-align: center !important;
            font-weight: 600 !important;
        }

        .registration-page .page-container .page-content-wrapper > .page-content .control-label {
            text-align: right !important;
        }

        .registration-page .page-container .page-content-wrapper > .page-content div.col-sm-6 {
            padding-left: 0px !important;
            padding-right: 5px !important;
        }

    .public-page-layout .page-content {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .caretaker-status .residential .accordion .content .badge {
        padding-top: 0px !important;
    }

    .g-loader-message {
        width: 60% !important;
    }
    
    .airtel-affiliation-initial-modal .modal-body,
    .affiliation-modal-body {
        padding: 0px;
    }
    .airtel-affiliation-initial-modal .affiliation-inner {
        padding-left:20px !important;
        padding-right:20px !important;
    }
    
}

@media only screen and (max-width: 414px) {
    .airtel-affiliation-initial-modal .modal-dialog,
    .affiliation-modal-dialog {
        margin: 1px !important;
    }
}

.form-body {
    border-top: 1px solid #ddd !important;
}

.form-group {
    margin: 0px !important;
}

    .form-group .col-xs-9 {
        padding-top: 3px !important;
        padding-bottom: 3px !important;
    }

.widget .dashboard-stat {
    box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0.4);
    margin-bottom: 5px !important;
    min-height: 85px;
}

.widget.detailed-widget .portlet.light.bordered {
    box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0.4);
}

.dashboard-stat .link > a {
    display: none !important;
}

.detailed-widget .portlet.light.bordered {
    margin: 0px !important;
    padding: 0px !important;
    border: solid 1px !important;
}

    .detailed-widget .portlet.light.bordered .portlet-title {
        padding: 7px !important;
        border: solid 1px !important;
        margin-bottom: 0px;
    }

    .detailed-widget .portlet.light.bordered .mt-action {
        padding: 7px !important;
    }

    .detailed-widget .portlet.light.bordered .mt-actions.caretaker-requests,
    .detailed-widget .portlet.light.bordered .mt-actions.upcoming-booking-widget,
    .detailed-widget .portlet.light.bordered .mt-actions.lease-expired-user {
       /* padding: 5px !important;*/
    }

    .detailed-widget .portlet.light.bordered .mt-actions > span {
        font-weight: 700;
    }

    .detailed-widget .portlet.light.bordered .mt-actions .mt-action .mt-action-body .mt-action-row .mt-action-info {
        width: 100% !important;
    }

.widgets-wrapper .widget .desc {
    float: left !important;
    font-size: 30px !important;
    padding-top: 20px !important;
    font-weight: 600;
}

.widgets-wrapper .widget .number {
    float: right !important;
    font-size: 25px !important;
    padding-top: 20px !important;
}

.widget .classified-ad-widget .classified-item-location {
    font-size: x-small;
}

.widget .classified-ad-widget .text {
    padding-top: 20px !important;
}

.widget .rss-blog-posts .post {
    margin: 0 0 !important;
    padding: 5px 10px !important;
}

    .widget .rss-blog-posts .post img {
        width: 20px;
    }

    .widget .rss-blog-posts .post a {
        color: black;
        text-overflow: ellipsis;
        white-space: nowrap !important;
        overflow: hidden !important;
    }

    .widget .rss-blog-posts .post .mt-action-desc {
        color: black !important;
        font-size: small !important;
    }

    .widget .rss-blog-posts .post .published-date {
        font-size: x-small !important;
    }

.widget .waiting-for-activation .registered-datetime {
    font-size: 8px !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    text-overflow: ellipsis !important;
}

.widget .mt-actions.caretaker-requests {
    padding: 0px !important;
}

    .widget .mt-actions.caretaker-requests .request {
        padding: 5px 10px !important;
    }

        .widget .mt-actions.caretaker-requests .request i {
            padding-right: 5px !important;
        }

.filter-container {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.filter-by {
    padding-left: 15px !important;
}

.notice-detail .content {
    padding-left: 10px !important;
    padding-right: 10px !important;
    padding-bottom: 10px !important;
    margin-top: 0px !important;
    margin-bottom: 10px !important;
}

.portlet.notice-detail {
    padding: 0px !important;
}
/*Caretaker*/
.caretaker-requests .table th,
.caretaker-requests .table td {
    padding: 10px 10px !important;
    max-width: 266px !important;
    text-overflow: ellipsis;
    overflow: hidden;
}

.caretaker-status .residential .accordion .content a {
    font-size: 19px !important;
    border-bottom: solid 2px lightgray !important;
    padding-top: 5px !important;
}

.caretaker-status .residential .accordion .content .badge {
    text-align: center !important;
    margin-right: 6px !important;
    height: 25px !important;
    min-width: 25px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
}

.caretaker-status > .row > div {
    padding-bottom: 15px;
}

    .caretaker-status > .row > div > div > div > .accordions {
        padding-bottom: 10px;
    }

.caretaker-status .residential .glyphicon-chevron-right {
    display: none !important;
}

 @media only screen  and (min-width: 840px) {

    .caretaker-status > .row .col-sm-6:nth-child(2n+1) {
     padding-right: 10px !important;
    }

    .caretaker-status > .row .col-sm-6:nth-child(2n) {
        padding-left: 10px !important;
    }

  }


.caretaker-details .cols .control-label {
    font-weight: 600;
}

.caretaker-details > p:last-of-type {
    /*! font-weight: bold !important; */
    /*! padding-top: 10px !important; */
    padding-bottom: 10px !important;
    margin: 1px 0 !important;
}

table#upcoming-booking-list,
table#previous-booking-list {
    width: calc(100% - 4px) !important;
    margin-top: 0px !important;
}

div.booking-accordion.blue.accordion.upcoming.open div.content,
div.booking-accordion.blue.accordion.previous.open div.content {
    padding-top: 0px !important;
}

.bylaws-breached {
    padding: 0px !important;
}

    .bylaws-breached .bylaw {
        padding: 25px !important;
        margin: 1px 0 !important;
    }

.user-list > tbody > tr > td {
    word-break: break-all;
}

.profile-page .view-mode .tabbable-line {
    display: none !important;
}

.profile-page .view-mode div.form-group:nth-child(8) {
    /*display: none !important;*/
}

.profile-page .caretaker-info-section {
    padding: 0px !important;
}

    .profile-page .caretaker-info-section .accordion .handle {
        padding: 8px !important;
    }

        .profile-page .caretaker-info-section .accordion .handle .actions {
            padding: 3px !important;
        }

.maintenance-form .form-group:nth-child(1) .img-responsive {
    margin-top: 20% !important;
}

.portlet-body.form .form-group .control-label:not(.img-responsive) {
    font-weight: bold !important;
    text-align: right !important;
    padding-right: 15px !important;
}

.maintenance-form .form-group > div {
    padding: 3px !important;
}

.message-threads {
    padding-top: 5px !important;
    margin-top: 5px !important;
}

    .message-threads .note {
        box-shadow: none !important;
    }

        .message-threads .note .header {
            color: white !important;
        }

    .message-threads .message.current-user-message {
        margin-left: 15px !important;
    }

.message-content .meta img {
    max-width: 80%;
    height: auto;
}

.page-content > hr {
    display: none;
}

.reply-form > .text-center {
    font-size: 14px;
    text-align: left;
    text-transform: uppercase;
    font-weight: bold;
}

.facility-groups .accordion .content {
    padding: 0px !important;
}

.facility.list-item {
    border-left: none !important;
    border-right: none !important;
}

.portlet-body.form .form-group > div {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
}

.by-law.open,
.stratas.accordions .accordion.open,
.facility-groups .accordion.open {
    box-shadow: 0 0 5px 3px rgba(0,0,0,0.5) !important;
    margin-bottom: 20px !important;
    margin-top: 20px !important;
}

.buildings .building-stats,
.buildings .search-container {
    border-bottom: none !important;
}

.tab-content {
    padding: 0px !important;
}

.category .subcategory .subcategory-name > a {
    font-size: 16px !important;
    padding-left: 5px !important;
}

.classified-details-container .form-group {
    margin: 0px !important;
    padding: 5px 5px !important;
}

    .classified-details-container .form-group .control-label {
        text-align: right !important;
        padding-right: 10px !important;
    }

.page-footer span.version {
    display: none !important;
}

.profile-page .profile-content .portlet.bordered {
    padding: 0px !important;
    border: none !important;
}

.profile-page .profile-content .portlet-body > .row {
    margin: 0px !important;
}

.profile-page .profile-container .col-lg-6:first-child {
    padding-right: 0px !important;
    padding-left: 0px !important;
}

.profile-page .profile-container .col-lg-6:last-child {
    padding-right: 0px !important;
}

.profile-page .profile-container .col-lg-6 > h4:first-child {
    margin-top: 0px !important;
}

.profile-page .profile-sidebar .profile-content .title,
.profile-sidebar .caretaker-info-section .accordion .handle,
.profile-page .profile-container .col-lg-6 > h4,
.profile-page .profile-container .col-lg-12 > h4 {
    padding: 5px !important;
    margin-bottom: 0px !important;
    font-size: 16px !important;
}

    .profile-sidebar .caretaker-info-section .accordion .handle .actions {
        padding: 3px !important;
    }

.dropdown-menu.date-entry {
    border: 1px solid #aaa;
}

.member-form-container.moved {
    padding: 10px !important;
}
