/*==============================================================  Login  ======================================================*/
    #leftcard {
        padding:0;
        margin:0;
    }
    .logincard {
        padding: 8%;
    }
    .logincard a {
        color: #2489c5 !important;
    }
    .logincard a:hover {
        color: #00c18d !important;
    }
    .auth-wrapper {
        /* background: linear-gradient(45deg, #5757c5, #00c18d); */
        background: url('../../images/CMS_2020/login_bg.jpg') center no-repeat;
        background-size: cover;
        display: block;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
        min-width: 100%;
        min-height: 100vh;
    }
    .auth-wrapper .auth-content:not(.container) {
        display: inline-flex;
        width: 100%;
        padding: 5% 10%;
    }
    .auth-wrapper .card {
        width: 100%;
        margin-bottom: 0;
    }
    .loginvector {
        position: absolute;
        right: 0;
        bottom: 0;
        z-index: 100;
    }
    .auth_footer.text-center {
        border-top: 0.2px solid #eae9e9;
        background: #fcfcfc;
    }
    .auth_footer p.text-muted {
        font-size: 15px;
    }

    .auth_footer img {
        width: 56px;
        margin-bottom: 3px;
    }
/*==================================================================  Delay Event =========================================================================*/
    #DelayEvents_page .divLockByOther {
        display: inline-block;
    }
    #DelayEvents_page span#divLockByOther {
        display: inline-block;
        width: 200px;
    }
    #DelayEvents_page input#cbxLock {
        width: 10%;
        height: 19px;
        vertical-align: middle;
    }
    #DelayEvents_page label.col-form-label.font-weight-bolder {
        vertical-align: sub;
    }
    #DelayEvents_page .k-editor .k-editable-area {
        height: calc(90vh - 205px) !important;
    }
/*================================================================== Event Narrative History =========================================================================*/
    #EventNarrativeHistory_page .title_strip {
        background: #65cea726;
        color: #2a323f;
    }

    #EventNarrativeHistory_page .title_strip h4 {
        margin-top: 10px;
        padding: 10px 10px 10px 10px;
        font-weight: 300;
        font-family: 'Open Sans', sans-serif;
        font-size: 16px;
    }
/*================================================================== Event Narrative =========================================================================*/
    #EventNarrative_page .section_buttons form {
        display: inline-block;
    }
    #EventNarrative_page .divLockByOther {
        display: inline-block!important;
    }

    #EventNarrative_page span#divLockByOther {
        display: inline-block!important;
        width: 200px;
    }

    #EventNarrative_page input#cbxLock {
        width: 10%;
        height: 19px;
        vertical-align: middle;
    }

    #EventNarrative_page label.col-form-label.font-weight-bolder {
        vertical-align: sub;
    }

    #EventNarrative_page .k-editor .k-editable-area {
        height: calc(90vh - 205px) !important;
    }
/*==================================================================  Activity  =========================================================================*/
    #Activity_page .divLockByOther {
        display: inline-block !important;
    }

    #Activity_page span#divLockByOther {
        display: inline-block !important;
        width: 200px;
    }

    #Activity_page input#cbxLock {
        width: 10%;
        height: 19px;
        vertical-align: middle;
    }

    #Activity_page label.col-form-label.font-weight-bolder {
        vertical-align: sub;
    }

    #Activity_page .k-editor .k-editable-area {
        height: calc(90vh - 205px) !important;
    }

/*================================================================== Baseline_page =========================================================================*/
#Baseline_page div#cust-full-height {
    height: 100vh!important;
}
/*================================================================== Check Attach =========================================================================*/
#CheckAttach_page button.btn.btn-navbar.collapsed {
    color: #ffffff !important;
    background-color: #424f63 !important;
}
/*================================================================== Assign Relationship =========================================================================*/
#AssignRelationship_page .panel-footer.bg-white {
    background-color: #ffffff !important;
}
/*================================================================== Baseline Updates  =========================================================================*/

}
/*================================================================== RoleMenuAccess =========================================================================*/
#RoleMenuAccess_page ul.customlisting.mt-1.section-preview {
    height: calc(90vh - 109px) !important;
    overflow: scroll !important;
}
/*==================================================================  Role Menu Access  =========================================================================*/
    /*--hide bullets of ul li list---*/
    .customlisting {
        list-style: none;
        height: calc(90vh - 150px);
        overflow: scroll;
        scroll-behavior: smooth;
    }
    .customlisting li {
        list-style: none;
    }
    .inline-elements-left {
        width: 20px;
        display: inline-block;
    }
    .inline-elements-right {
        width: 95%;
        border-left: 1px solid #d8dada;
        height: 25px;
        padding-left: 10px;
        margin-bottom: 20px;
        display: inline-block;
    }
    .customlisting .fa-plus, .customlisting .fa-minus {
        color: #673AB7;
    }
    .customlisting input[type=checkbox] {
        margin: 6px 0 0;
        vertical-align: top;
    }

/*================================================================== Group Master =========================================================================*/
    #GroupMaster_page #KendoHeight {
        height: calc(90vh - 108px) !important;
    }
    #GroupMaster_page .k-grid-content {
        height: calc(90vh - 260px) !important;
    }
/*================================================================== User =========================================================================*/

/*================================================================== Project =========================================================================*/
    #Project_page .validation-summary-errors {
        display: none;
    }

/*================================================================== PagesPermission =========================================================================*/
    #PagesPermission .panel-footer {
        background-color: #ffffff !important;
    }

/*================================================================== UserProfile_page =========================================================================*/
#UserProfile_page #profile_card {
    margin: 0 auto;
    width: 550px;
}

#UserProfile_page #imgPic {
    width: 200px;
}
/*=========================================================================================================================================*/
/*MEDIA QUERIES*/
/*=========================================================================================================================================*/


@media (max-width: 320px) {
    #leftcard {
        display: none;
    }
}

@media (max-width: 767px) {
    #leftcard {
        display: none;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    #leftcard{
        display:none;
    }
 
}

@media (min-width: 992px) and (max-width: 1199px) {
}

@media (min-width: 1200px) {

}