.e-schedule .e-timeline-view .e-resource-left-td {
            vertical-align: bottom;
        }
    
        .e-schedule.e-device .e-timeline-view .e-resource-left-td {
            width: 75px;
        }
    
        .e-schedule .e-timeline-view .e-resource-left-td .e-resource-text {
            display: flex;
            font-weight: 500;
            padding: 0;
        }
    
        .e-schedule .e-timeline-view .e-resource-left-td .e-resource-text>div {
            border-right: 1px solid rgba(0, 0, 0, 0.12);
            border-top: 1px solid rgba(0, 0, 0, 0.12);
            flex: 0 0 50%; /*33.3*/
            font-weight: 500;
            height: 36px;
            line-height: 34px;
            padding-left: 5px;
        }
    
        .e-schedule .e-timeline-view .e-resource-left-td .e-resource-text>div:last-child {
            border-right: 0;
        }
    
        .e-schedule .template-wrap {
            display: flex;
            height: 100%;
            text-align: left;
        }
    
        .e-schedule .template-wrap>div {
            border-right: 1px solid rgba(0, 0, 0, 0.12);
            flex: 0 0 50%; /*33.3*/
            font-weight: 500;
            line-height: 58px;
            overflow: hidden;
            padding-left: 5px;
            text-overflow: ellipsis;
        }

        .e-schedule .template-wrap>div:last-child {
            border-right: 0;
        }
    
        .e-schedule .e-timeline-view .e-resource-cells,
        .e-schedule .e-timeline-month-view .e-resource-cells {
            padding-left: 0;
        }
    
        .e-schedule .e-timeline-view .e-date-header-wrap table col,
        .e-schedule .e-timeline-view .e-content-wrap table col {
            width: 100px;
        }
    
        .e-schedule .e-read-only {
            opacity: .8;
        }

    .e-schedule .template-wrap>div.room-name, .e-schedule .template-wrap>div.location-name {font-size: 14px; font-weight: normal; color: #050B20; white-space: break-spaces;
    line-height: 20px;}
    .e-schedule .e-timeline-view .e-resource-cells, .e-schedule .e-timeline-month-view .e-resource-cells,
    .e-schedule .e-timeline-view .e-resource-left-td, .e-schedule .e-timeline-month-view .e-resource-left-td {border-width: 0 0 1px 0;}
    .e-schedule .e-timeline-view .e-resource-left-td .e-resource-text>div {font-size: 14px; font-weight: 500; color: #050B20;}
    .e-schedule .e-timeline-view .e-date-header-wrap table tbody td.e-time-slots, .e-schedule .e-timeline-month-view .e-date-header-wrap table tbody td.e-time-slots, .e-schedule .e-timeline-view .e-navigate {font-size: 14px; font-weight:normal; color: #050B20;}
    body {background-color: #F2F3F8; font:400 14px/27px 'Poppins', Arial, sans-serif; color: #050B20;}
    h1 {font:500 25px/27px 'Poppins', Arial, sans-serif; color: #050B20; margin-bottom: 18px; display: inline-block;}
    .stackblitz-container.material .spacing {padding: 21px; background-color: #fff; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; border-radius:5px;}
    .e-schedule .e-timeline-view .e-appointment .e-status {display: inline-flex; font-size: 11px; margin-right: 7px;}
    .e-schedule .e-timeline-view .e-appointment .e-time {display: inline-flex; font-size: 12px;}
    .e-schedule .e-timeline-view .e-appointment .e-subject, .e-schedule .e-timeline-month-view .e-appointment .e-subject {padding-top: 0;}
/*    .e-schedule .e-timeline-view .e-appointment .e-status.A {background-color: #05549e; padding: 2px 4px;}*/
    .e-schedule .e-timeline-view .e-appointment .e-status.c {background-color: #1A997D; padding: 2px 4px;}
    .e-schedule .e-timeline-view .e-appointment .e-status.NC {background-color: #d888f7; padding: 2px 4px;}
    .e-schedule .e-timeline-view .e-appointment .e-status.R {background-color: #ff9645; padding: 2px 4px;}
    .e-schedule .e-timeline-view .e-appointment .e-status.cl {background-color: #ECC324; padding: 2px 4px;}
/*    .e-schedule .e-timeline-view .e-appointment .e-status.CI {background-color: #065705; padding: 2px 4px;}*/
    .e-schedule .e-timeline-view .e-appointment .e-status.CN {background-color: #27c2ba; padding: 2px 4px;}
    .e-schedule .e-timeline-view .e-appointment .e-status.O {background-color: #11940f; padding: 2px 4px;}
    .e-schedule .e-timeline-view .e-appointment .e-status.NS {background-color: #b6b8b8; padding: 2px 4px;}
    .e-schedule .e-timeline-view .e-appointment .e-status.X {background-color: #ff0000; padding: 2px 4px;}
    .e-schedule .e-timeline-view .e-appointment .e-status.CP {background-color: #11940f; padding: 2px 4px;}
    #doctor_Error.e-tooltip-wrap.e-schedule-error {left: 19% !important; top: 232px !important;}
    /*#appointmentProfile_Error.e-tooltip-wrap.e-schedule-error {left: 19% !important; top: 317px !important;}*/
    #appointmentProfile_Error.e-tooltip-wrap.e-schedule-error {left: 19% !important; top: 232px !important;}
    #patient_Error.e-tooltip-wrap.e-schedule-error {left: 68% !important; top: 232px !important;}
    /*#patient_Error.e-tooltip-wrap.e-schedule-error {left: 19% !important; top: 232px !important;}*/
    #EventType_Error.e-tooltip-wrap.e-schedule-error {left: 68% !important; top: 402px !important;}
    #EventRepeat_Error.e-tooltip-wrap.e-schedule-error {left: 68% !important; top: 402px !important;}
    #EventRepeatOnWeekly_Error.e-tooltip-wrap.e-schedule-error {left: 68% !important; top: 232px !important;}
    #EventEnd_Error.e-tooltip-wrap.e-schedule-error {left: 68% !important; top: 402px !important;}
    #EventEndCount_Error.e-tooltip-wrap.e-schedule-error {left: 68% !important; top: 402px !important;}
    #UntilDate_Error.e-tooltip-wrap.e-schedule-error {left: 68% !important; top: 402px !important;}
    #EventRepeatOn_Error.e-tooltip-wrap.e-schedule-error {left: 68% !important; top: 402px !important;}
    #EventRepeatEvery_Error.e-tooltip-wrap.e-schedule-error {left: 68% !important; top: 402px !important;}
    /*#StartTime_Error.e-tooltip-wrap.e-schedule-error {left: 55% !important;}
    #EndTime_Error.e-tooltip-wrap.e-schedule-error {left: 79% !important;}*/
    #rooms_Error.e-tooltip-wrap.e-schedule-error {left: 68% !important; top: 147px !important;}
    .e-schedule .e-timeline-view .e-appointment .e-appointment-details {padding-left: 0;}
    .e-schedule .e-timeline-view .e-appointment .e-subject {padding-left: 4px; padding-top: 2px;}
    .pads {padding: 43px;}
    .dropdown {padding: 0; margin: 0; overflow: hidden; font-size: 14px; font-weight: normal; color: #050B20; line-height: 38px;
    display: block; border: 2px solid #D6D6D6; width:228px; background-size: 22px; outline: none;  -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; border-radius:3px; margin-bottom: 25px;}
    /*background: #fff url(../images/arrow_drop_down.png) no-repeat 97% 49%;*/
    .dropdown select:focus-visible, .dropdown:focus-visible {outline: none;}
    .dropdown select {padding:0 0 0 10px; border: none; box-shadow: none; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none;
    width: 100%; display:block; font-size: 14px; font-weight: normal; color: #050B20; line-height: 38px; height: 38px;}
    .dropdown .e-input-group:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left),
    .dropdown .e-input-group.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left) {border: none; margin-bottom: 0;}
    .e-input-group.e-control-wrapper .e-input-group-icon:last-child, .e-input-group .e-input-group-icon, .e-input-group.e-control-wrapper .e-input-group-icon {margin-right: 5px; margin-top: 1px;}
    .br {clear: both; margin: 0; padding: 0;}
    .right {float: right;}
    .right .breadcrumb span {color: #848484; font-size: 15px; margin: -2px 3px 0 0; vertical-align: middle;}
    .right .breadcrumb-item.active {color: #848484; font-size: 15px;}
    .right .breadcrumb-item+.breadcrumb-item::before {display: none;}
    .e-schedule .e-schedule-toolbar {box-shadow: none; border-bottom: 1px solid rgba(0,0,0,0.12);}
    .e-toolbar .e-icons {color: rgba(0,0,0,1);}
    .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-lib {padding: 0 3px 0 9px;}
    .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-lib.e-icon-btn {padding: 0 1.5px;}
/*    .e-quick-popup-wrapper .e-event-popup .e-resource-icon {margin-top: 4px;}*/
    .e-event-popup{height: auto}
    .e-resource-icon.appointment::before {font-family: 'Material Icons'; content: '\e85d';}
    .e-resource-icon.education::before {font-family: 'Material Icons'; content: '\e8d8';}
    .e-resource-icon.type::before {font-family: 'Material Icons'; content: '\e263';}
    .e-resource-icon.notes::before {font-family: 'Material Icons'; content: '\e26c';}
    .e-resource-icon.tag::before {font-family: 'Material Icons'; content: '\e9ef';}
    .e-resource-icon.date::before {font-family: 'Material Icons'; content: '\e916';}
    .e-resource-icon.mobile::before {font-family: 'Material Icons'; content: '\eb72';}
    .e-resource-icon.chart::before {font-family: 'Material Icons'; content: '\e6e1';}
    
    .header-bold{ 
        font-weight: bold;
        padding-right: 5px
    }
    #Schedule{
        overflow:visible    
    }
    #view_details_meeting{
        margin-left: 15px    
    }
    .e-delete-all,.e-btn.e-flat.e-delete-all {
        color: #FF3434;
    }

    .e-delete-all:hover,.e-btn.e-flat.e-delete-all:hover {
        color: #FF3434;
        background-color: rgba(255,52,52,0.04);
    }

    #dialog {
        left: calc(50% - 225px) !important;
        top: calc(50% - 77px) !important;
    }

    
/*
    .quick-info-content{
        margin-top: 50px
    }
*/

    #Schedule_dialog_wrapper .form-group.mb-5 {margin-bottom: 14px !important;}
    #Schedule_dialog_wrapper .form-group.mb-5 label {margin-bottom: 9px;}

    #Schedule_dialog_wrapper .form-group.mb-3 {margin-bottom: 14px !important;}
    #Schedule_dialog_wrapper .form-group.mb-3 label {margin-bottom: 9px;}
    .e-dialog .e-dlg-header {margin-bottom: 9px;}
    .e-dialog .e-dlg-header .e-title-text {font-size: 20px; color: #050B20; font-weight: 500;}
    .e-dialog .e-btn .e-btn-icon.e-icon-dlg-close {font-size: 13px;}
    .e-dialog .e-icon-dlg-close::before {color: #050B20;}
    .e-input-group, .e-input-group.e-control-wrapper,
    .e-input-group.e-disabled, .e-input-group.e-control-wrapper.e-disabled,
    .e-input-group input.e-input, .e-input-group.e-control-wrapper input.e-input, textarea.e-input {color: #848484; font-size: 15px;}
    #Schedule_dialog_wrapper .form-group.mb-5 label, label.schedule-time {color: #848484 !important; font-size: 13px; font-weight: 400;}
    #Schedule_dialog_wrapper .form-group.mb-3 label, label.schedule-time {color: #848484 !important; font-size: 13px; font-weight: 400;}
    .e-schedule-dialog .e-footer-content {background-color: #F6F6F6;}
    .e-datetime-wrapper .e-input-group-icon.e-time-icon {margin-left: 0;}
    .e-radio+label .e-label {font-size: 15px; color: #050B20 !important;}
    .e-field.e-datetimepicker.e-control.e-input {min-height: 30px;}

    .e-dialog .e-footer-content .e-btn {color: #1C58CF;}
    .e-btn.e-flat:hover {color: #6D6D6D; background-color: rgba(109,109,109,0.04);}
    .e-dialog .e-footer-content .e-btn.e-event-cancel {color: #6D6D6D;}
    .e-dialog .e-footer-content .e-btn.e-event-delete {color: #FF3434;}
    .e-dialog .e-footer-content .e-btn.e-event-delete:hover {color: #FF3434; background-color: rgba(255,52,52,0.04);}

    .e-multi-select-wrapper .e-chips .e-chips-close {margin-left: 2px;}
    .e-multi-select-wrapper .e-chips .e-chips-close::before {content: '\e7fc'; font-size: 9px;  top: 3px;}
    .e-multi-select-wrapper .e-chips {border-radius: 0; border: 1px solid #DBDBDB;}
    #Schedule_dialog_wrapper .form-group.mb-5 label.e-error {color: #f44336 !important;}
    #Schedule_dialog_wrapper .form-group.mb-3 label.e-error {color: #f44336 !important;}
    .breadcrumb .svg-inline--fa.fa-w-18 {font-size: 12px!important; margin-right: 3px; color: #a6a6a8; width: 14px;}
    

    .add-btn {background-color: #1C58CF; font-weight: 500;}
    .table-responsive table tr th a, .table-responsive table tr th {font-size: 13px; font-weight: 600; color: #050B20;}
    .table-responsive table tr td a {font-size: 14px; font-weight: 500; color: #050B20;}
    .table-responsive table tr td {font-size: 14px; font-weight: 400; color: #050B20;}
    .table-responsive table tr th:first-child, .table-responsive table tr td:first-child {padding-left: 25px !important;}
    .pagination .page-item.disabled .page-link, .pagination .page-link {font-size: 13px; width: 30px; height: 29px;}
    .table-responsive .table>:not(caption)>*>* {border-bottom: 1px solid #EBEBEB;}
    .pages-box select.form-control {border: 2px solid #B2B2B2; font-size: 13px; color: #58585A; height: 29px; padding-left: 7px; padding-right: 18px; width: 60px; background-position: calc(100% - 5px); margin-right: 12px;}
    .bg-white.rounded, .stackblitz-container.material .spacing {box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.07);}
    .bg-white.rounded {-webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; border-radius:5px; padding: 20px !important;}
    .pages-box {font-size: 13px; color: #58585A;}
    .bg-white.rounded h5 {font-size: 20px; font-weight: 500; color: #050B20; margin-top: 5px; margin-bottom: 0;}
    .breadcrumb-item + .breadcrumb-item, .breadcrumb-item, .breadcrumb .breadcrumb-item a {font-size: 15px; color: #848484; font-weight: 400;}
    .form-check-input:checked {background-color: #1C58CF !important; border:0 solid #1C58CF;}
    .form-check-input[type="radio"] {width: 1.2em; height: 1.2em; margin-right: 9px; background-color: #fff; border-color: 2px solid #A4A6AB;}
    .form-check-input[type="radio"]+label {margin-top: -23px; margin-left: 5px;}
    .add-new-types-popup label {font-size: 13px; font-weight: 400; color: #6B6B6B;}
    .add-new-types-popup .modal-footer .btn.btn-primary {font-size: 15px; font-weight: 500; text-decoration: none;}
    .add-new-types-popup .modal-footer .btn.btn-primary:hover {font-size: 15px; font-weight: 500; background-color: rgba(28,88,207,0.04);
    border-color: transparent; color: #1C58CF; text-decoration: none;}
    .add-new-types-popup .modal-footer .btn.btn-secondary {font-size: 15px; font-weight: 500; text-decoration: none;}
    .add-new-types-popup .modal-footer .btn.btn-secondary:hover {font-size: 15px; text-decoration: none; font-weight: 500; color: #6D6D6D; background-color: rgba(109,109,109,0.04);}
    .e-quick-popup-wrapper .e-event-popup .e-date-time-icon {margin-top: 5px;}
    .padt43 {padding-top: 43px;}
    .appointment .row {margin: 0;}
    .appointment .pad0 {padding: 0;}

    .e-more-popup-wrapper .e-appointment {height: auto; padding: 2px 7px;}

.e-quick-popup-wrapper.e-popup.e-popup-open {top: 0 !important;}

.DelStartTime .e-datetime-wrapper .e-input-group-icon.e-time-icon {display:none;}
.DelEndTime .e-datetime-wrapper .e-input-group-icon.e-time-icon {display:none;}

.e-schedule .e-timeline-view .e-block-appointment .e-notes {font-size: 13px;padding-left: 4px;position: absolute;bottom: 0px;}

        @media (max-width: 550px) {
            .e-schedule .e-timeline-view .e-resource-left-td {
                width: 100px;
            }
            .e-schedule .e-timeline-view .e-resource-left-td .e-resource-text>div,
            .e-schedule .template-wrap>div {
                flex: 0 0 100%;
            }
            .e-schedule .template-wrap>div:first-child {
                border-right: 0;
            }
            .e-schedule .e-timeline-view .e-resource-left-td .e-resource-text>div:first-child {
                border-right: 0;
            }
            .e-schedule .room-type,
            .e-schedule .room-capacity {
                display: none;
            }
        }
body{
    touch-action:none;
}