/*
 * It is advised not to edit the smartadmin_production.css
 * as this will override any changes you make in the 
 * later versions of this theme. 
 * 
 * We advise that you use use this CSS to override 
 * SmartAdmin styles. 
 * 
 * Rename the stylesheet to whatever your liking so it will stay
 * unique to you with each update of SmartAdmin.
 */

/*
 * INDEX
 * 
 * - HTML
 * - BODY
 * - CUSTOM STYLES
 */
.brownheading {
    border-color: #45474b !important;
    background: #4c4f53;
    color: #fff;
}

.error {
    color: red;
}

profileImageDiv {
    border: 1px solid #ddd; /* Gray border */
    border-radius: 4px; /* Rounded border */
    padding: 5px; /* Some padding */
    width: 150px; /* Set a small width */
}

    /* Add a hover effect (blue shadow) */
    profileImageDiv:hover {
        box-shadow: 0 0 2px 1px rgba(0, 140, 186, 0.5);
    }

.footer-height {
    clear: both;
    position: relative;
    height: 50px;
    margin-top: 0px;
    padding: 15px 13px 0;
    padding-left: 233px;
    border-top: 1px solid #CECECE;
    background: #2a2725;
    width: 100%;
    display: block;
    bottom: 0;
}

.login-main-div {
    margin-left: 0px !important;
}

.top10 {
    margin-top: 10em;
}

.panel-info > .panel-heading {
    color: white;
    background-color: #1c498d;
    border-color: #9cb4c5;
}

.redheading {
    background-color: #f12727 !important;
    color: white
}

.login-border {
    border: 2px ridge #77b5e4 !important;
}

.table_responsive tr {
    border-bottom: 1px solid #ddd;
}

    .table_responsive tr:last-child {
        border: none !important;
    }

.table_responsive td {
    padding: 5px 0;
}

.login-header-color {
    color: #1c498d !important;
}

.OverFlowScroller {
    /*overflow-x: scroll;*/
    overflow: hidden;
}

.dt-toolbar-footer, .dt-toolbar {
    border: none !important;
}

.no-padding .dataTables_wrapper table, .no-padding > table {
    border: 1px solid #ddd !important;
}

.Handcursor {
    cursor: pointer !important
}

.login-header-background {
    background: url(/Content/img/lucent_new_logo1.png) no-repeat center center;
    height: 80px;
    background-size: contain;
    padding-top: 20px;
}

.page-footer {
    z-index: 500;
}

.dataTable tbody .details-control:before, .table_responsive, #HeaderPanelShow_responsive {
    display: none;
}

@media (max-width: 768px) {
    .modal-content {
        min-height: 1550px !important;
    }

    #HeaderPanelShow {
        display: none;
    }

    #left-panel {
        display: none;
    }
}

@media (max-width: 992px) {
    .dataTable tbody .details-control:before {
        display: inline-block !important;
        padding: 0 2px;
        float: left;
    }

    .table_responsive, #HeaderPanelShow_responsive {
        display: inline-block !important;
    }

    #select .select-span-view {
        margin-left: 8px;
        width: 50% !important;
    }
}

@media (min-width:1200px) {
    .smart-form1 footer .btn {
        padding: 0 8px !important;
    }
}

@media(max-width:1200px) {
    .usps_btn {
        margin-top: -30px;
    }
}

@media print {
    * {
        display: none;
    }

    #widget-body {
        display: block;
    }
}

@media (max-width: 768px) {
    #select .select-span-view {
        margin-left: 8px;
        margin-right: 8px;
        width: 97% !important;
    }
}

.details-control {
    text-align: left !important;
}
/*Meetings*/
/* New style start */
/************ custom scrollbar start **************/

.meetings-list-wrapper::-webkit-scrollbar {
    width: 3px;
    padding-left: 2px;
}

.meetings-list-wrapper::-webkit-scrollbar-track {
    display: none;
}

.meetings-list-wrapper::-webkit-scrollbar-thumb {
    background: #B7B7B7;
    width: 3px;
    /* Handle on hover */
}

    .meetings-list-wrapper::-webkit-scrollbar-thumb:hover {
        background: #888;
    }


/************ custom scrollbar End **************/
/* bootstrap classes start */
.align-items-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
}

.pl-xl-4, .px-xl-4 {
    padding-left: 1.5rem !important;
}

.pb-5, .py-5 {
    padding-bottom: 2rem !important;
}

.pt-5, .py-5 {
    padding-top: 2rem !important;
}

.pr-4, .px-4 {
    padding-right: 1.5rem !important;
}

.pl-2, .px-2 {
    padding-left: 0.5rem !important;
}

.mb-5, .my-5 {
    margin-bottom: 2rem !important;
}

.p-3 {
    padding: 1rem !important;
}

.w-100 {
    width: 100% !important;
}

.mt-1, .my-1 {
    margin-top: 0.25rem !important;
}

.mt-3, .my-3 {
    margin-top: 1rem !important;
}

.ml-2, .mx-2 {
    margin-left: 0.5rem !important;
}

.mr-2, .mx-2 {
    margin-right: 0.5rem !important;
}
.m-0 {
    margin: 0 !important;
}
.d-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}
.flex-grow-1 {
    -webkit-box-flex: 1 !important;
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
}
@media (min-width: 1399px) {
    .pl-xl-2, .px-xl-2 {
        padding-left: 0.5rem !important;
    }

    .pr-xl-2, .px-xl-2 {
        padding-right: 0.5rem !important;
    }

    .ml-xl-3, .mx-xl-3 {
        margin-left: 1rem !important;
    }

    .mr-xl-3, .mx-xl-3 {
        margin-right: 1rem !important;
    }
}
/* bootstrap classes end */
/*.meetings-wrapper .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -0.75rem;
    margin-left: -0.75rem;
}*/

.meetings-wrapper {
    padding: 1rem 1rem;
}

@media (min-width:1400px) {
    .meetings-list-wrapper {
        max-height: calc(100vh - 290px);
        overflow-y: auto;
    }
}

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

    .meetings-list-wrapper {
        max-height: calc(100vh - 450px);
        overflow-y: auto;
    }
}

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

    .meetings-list-wrapper {
        max-height: calc(100vh - 570px);
        overflow-y: auto;
    }
}

.meetings-list-container {
    box-shadow: 0px 5px 14px #0000001D;
    border-radius: 8px;
    margin: 10px;
}

    .meetings-list-container span {
        color: #182024;
        font-size: 14px;
    }

    .meetings-list-container p {
        color: #616B79;
        font-size: 13px;
    }

    .meetings-list-container h6 {
        color: #182024;
        font-size: 14px;
        font-weight: 600;
    }

    .meetings-list-container .meeting-time p {
        color: #182024;
        font-size: 14px;
    }

        .meetings-list-container .meeting-time p span {
            color: #98A2B1;
        }

    .meetings-list-container .meeting-link-share .meeting-link {
        background: #EAEFF6 0% 0% no-repeat padding-box;
        border-radius: 20px;
        padding: 10px 16px;
        width:70%;
    }

        .meetings-list-container .meeting-link-share .meeting-link p {
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            width: 98%;
            color: #182024;
            font-size: 14px;
        }

.meeting-link-share button,
.meeting-link-share a {
    width: 40px;
    height: 40px;
    border-radius: 50px;
    padding: 0;
}

.meeting-link-share {
    display:flex !important;
}

.meeting-share-btn {
    background-color: #EAEFF6;
    border: 1px solid #EAEFF6;
}

    .meeting-share-btn:hover {
        border: 1px solid #1D71E5;
    }

.meeting-edit-btn {
    border: 1px solid #616B79;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .meeting-edit-btn:hover,
    .meeting-edit-btn:hover svg path {
        fill: #182024;
    }

.meeting-join-btn {
    border: 1px solid #98A2B1;
    border-radius: 8px;
    background:#ffffff;
    margin-bottom:10px;
}

.meetings-message {
    width: 100%;
    border-right: 1px solid #E1E6ED;
}

@media (max-width:1399px) {

    .meetings-message {
        border-bottom: 1px solid #E1E6ED;
        border-right: none;
        margin-bottom: 20px;
    }
}

.meetings-message h2 {
    color: #182639;
    font-size: 26px;
}

.meetings-message p {
    color: #616B79;
    font-size: 14px;
}

.meetings-message a {
    border: 2px solid #1D71E5;
    color: #1D71E5;
    border-radius: 4px;
    padding: 8px;
}

.meetings-wrapper h3 {
    color: #111E37;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 20px;
}

@media (max-width:369px) {
    .meeting-join-btn {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
}

.schedule-call-submit-btn {
    background-color: #1D71E5;
    border-radius: 5px;
    color: #FFFFFF;
    font-size: 16px;
}

    .schedule-call-submit-btn:hover {
        color: #ffffff;
        box-shadow: 0px 3px 5px 3px #1d71e570;
    }

.delete-btn {
    border: 1px solid red;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .delete-btn svg path {
        fill: red;
    }

    .delete-btn:hover,
    .delete-btn:hover svg path {
        fill: #df5f5f;
    }

.smart-form-footer-actions {
    padding: 0px 14px 24px
}
/* New style End  */
.details-control
{
    text-align:left !important;
}

.modal.link-dialog{
    padding:0px !important;
    margin:0px 40px;
}
    .modal.link-dialog .modal-dialog {
        width:auto;
    }

.link-dialog .checkbox{
    display:none;
}
.inner-model-wrapper {
    z-index: 99999;
}
.form-group.error {
    margin-bottom: 5px;
    padding-bottom: 0px;
}

.error {
    padding-bottom: 15px;
    margin-bottom: 0px;
}


.note-hint-popover {
    z-index: 99999;
}
.textarea-wrapper textarea {
    width: 100%;
    margin-left: 20px;
    padding-left: 10px;
    margin-right: 20px;
    padding-right: 10px;
}

@media (min-width:768px) {
    .upload-modal-wrapper .modal-dialog {
        max-width: 1200px;
        width: 100%;
    }
}

#dt_basic tbody tr td p {
    word-break: break-word;
}