.dhx_cal_container{
    background-color:#C2D5FC;

    font-size:8pt;
    position:relative;
    overflow:hidden;
}

.dhx_cal_container div{
    -moz-user-select:none;
    -moz-user-select:-moz-none;
}

.dhx_cal_navline{
    height:20px;
    position:absolute;
    z-index:3;
    width:750px;
    color:#2F3A48;
}

.dhx_cal_navline div{
    position:absolute;
    top:2px;
    white-space:nowrap;
}

.dhx_cal_navline .dhx_cal_date{
    font-weight:600;
    left:210px;
}

.dhx_cal_button .dhx_left_bg{
    width:1px;
    overflow:hidden;
    height:17px;
    z-index:20;
    top:0;
}





.dhx_cal_tab{
    width:59px;
    height:19px;
    text-align:center;
    text-decoration:underline;
    padding-top:2px;
    cursor:pointer;
    background-color:#D8E1EA;
    -webkit-border-top-left-radius:4px;
    -webkit-border-top-right-radius:4px;
    -moz-border-radius-topleft:4px;
    -moz-border-radius-topright:4px;
    border-top-left-radius:4px;
    border-top-right-radius:4px;
}
.dhx_cal_tab.active{
    text-decoration:none;
    cursor:default;
    font-weight:normal;
    border:1px dotted #586A7E;
    border-bottom:0;
    background-color:#C2D5FC;
}

.dhx_cal_data{
    border-top:1px dotted #8894A3;
    position:absolute;
    top:44px;
    width:600px;
    overflow-y:auto;
    overflow-x:hidden;
}

.dhx_scale_bar{
    position:absolute;
    text-align:center;
    background-color:#C2D5FC;
    padding-top:3px;
    border-left:1px dotted #586A7E;
}

.dhx_scale_holder{
    position:absolute;
    border-right:1px dotted #586A7E;
    background-image:url(imgs/databg.png);
    /* overflow: hidden; */
}

.dhx_scale_holder_now{
    position:absolute;
    border-right:1px dotted #586A7E;
    background-image:url(imgs/databg_now.png);
}

.dhx_scale_hour{
    height:41px;
    width:50px;
    border-bottom:1px dotted #8894A3;
    background-color:#C2D5FC;
    text-align:center;
    line-height:40px;
    color:#586A7E;
    overflow:hidden;
}
.dhx_month_head{
    background-color:#EBEFF4;
    color:#2F3A48;
    border-right:1px dotted #586A7E;
    height:18px;
    padding-right:5px;
    padding-top:3px;
    text-align:right;
}
.dhx_month_body{
    border-right:1px dotted #586A7E;
    border-bottom:1px dotted #586A7E;
    background-color:#FFF;
}

.dhx_now .dhx_month_body{
    background-color:#E2EDFF;
}

.dhx_after .dhx_month_body,.dhx_before .dhx_month_body{
    background-color:#ECECEC;
}

.dhx_after .dhx_month_head,.dhx_before .dhx_month_head{
    background-color:#E2E3E6;
    color:#94A6BB;
}

.dhx_now .dhx_month_head{
    background-color:#D1DEF4;
    font-weight:normal;
}

.dhx_cal_drag{
    position:absolute;
    z-index:9999;
    background-color:#FFE763;
    border:1px solid #B7A543;
    opacity:.5;
    filter:alpha(opacity=50);
}

.dhx_loading{
    position:absolute;
    width:128px;
    height:15px;
    background-image:url(imgs/loading.gif);
    z-index:9999;
}

.dhx_multi_day_icon,.dhx_multi_day{
    background-color:#E1E6FF;
    background-repeat:no-repeat;
    border-right:1px dotted #8894A3;
}

.dhx_multi_day{
    position:absolute;
    border-top:1px dotted #8894A3;
}
.dhx_multi_day_icon{
    background-image:url(imgs/clock_big.gif);
}

.dhx_multi_day_icon_small{
    background-image:url(imgs/clock_small.gif);
}

.dhx_multi_day_icon,.dhx_multi_day_icon_small{
    background-position:center center;
    background-color:#E1E6FF;
    background-repeat:no-repeat;
    border-bottom:1px dotted #8894A3;
    border-right:1px dotted #8894A3;
}

.dhtmlxLayoutPolyContainer_dhx_skyblue .dhx_cal_container{
    background-color:#d0e5ff;
}

.dhx_cal_event div{
    /* legacy rules removed — events are styled in a single unified block
       at the end of this file to emulate Bootstrap card appearance. */
}

.dhx_move_denied .dhx_cal_event .dhx_header,.dhx_move_denied .dhx_cal_event .dhx_title{
    cursor:default;
}


.dhx_cal_event .dhx_header{
    height:1px;
    margin-left:1px;
    border-width:1px 1px 0 1px;
    cursor:pointer;
}


.dhx_cal_event .dhx_title{
    height:12px;
    border-width:0 1px 1px 1px;
    border-bottom-style:dotted;
    font-weight:normal;
    text-align:center;
    background-position:right;
    background-repeat:no-repeat;
}


.dhx_cal_event .dhx_body{
    text-align:center;
    border-width:0 1px 1px 1px;
    padding:5px;
}



.dhx_resize_denied .dhx_cal_event .dhx_footer{
    cursor:default;
}


.dhx_cal_event .dhx_footer{
    height:1px;
    margin-left:2px;
    border-width:0 1px 1px 1px;
    cursor:s-resize;
}

.dhx_cal_event_line{

    background-color:#FFE763;
    border:1px solid #B7A543;
    border-radius:3px;

    font-size:8pt;
    height:13px;
    padding-left:10px;
    color:#887A2E;
    cursor:pointer;
    overflow:hidden;
}

.dhx_cal_event_clear{


    font-size:8pt;
    height:13px;
    padding-left:2px;
    color:#887A2E;
    white-space:nowrap;
    overflow:hidden;
    cursor:pointer;
}

.dhx_in_move{

    background-color:#FFFF80;
}

div.dhx_cal_editor{

    background-color:#FFE763;
    border:1px solid #B7A543;
    border-top-style:dotted;
    z-index:999;
    position:absolute;
    overflow:hidden;
}

textarea.dhx_cal_editor{

    width:100%;
    height:100%;
    border:0 solid black;
    margin:none;
    padding:none;
    overflow:auto;
}

div.dhx_menu_head{

    background-image:url(imgs/controls.gif);
    background-position:0 -43px;
    width:10px;
    height:10px;
    margin-left:5px;
    margin-top:1px;
    border:none;
    cursor:default;
}

div.dhx_menu_icon{

    background-image:url(imgs/controls.gif);
    width:20px;
    height:20px;
    margin-left:-5px;
    margin-top:0;
    border:none;
    cursor:pointer;
}

div.icon_details{
    background-position:0 0;
}

div.icon_edit{
    background-position:-22px 0;
}

div.icon_save{
    background-position:-84px -1px;
}

div.icon_cancel{
    background-position:-62px 0;
}

div.icon_delete{
    background-position:-42px 0;
}

div.dhx_now_time{
    position:absolute;
    width:100%;
    border-bottom:2px dashed blue;
    z-index:1;
}

div.dhx_time_block{
    position:absolute;
    width:100%;
    background:silver;
    opacity:.4;
    filter:alpha(opacity=40);
    z-index:1;
}

.dhx_unselectable,.dhx_unselectable div{
    -webkit-user-select:none;
    -moz-user-select:none;
    -moz-user-select:-moz-none;
}

.dhx_cal_light{
    background-color:#FFE763;
    border-radius:5px;

    font-size:8pt;
    border:1px solid #B7A64B;
    color:#887A2E;
    position:absolute;
    z-index:10001;
    width:580px;
    height:300px;
    box-shadow:5px 5px 5px #888;
}

.dhx_cal_light_wide{
    width:650px;
}

.dhx_mark{
    position:relative;
    top:3px;
    background-image:url('./imgs/controls.gif');
    background-position:0 -43px;
    padding-left:10px;
}

.dhx_ie6 .dhx_mark{
    background-position:6px -41px;
}

.dhx_cal_light select{

    font-size:8pt;
    color:#887A2E;
    padding:2px;
    margin:0;
}

.dhx_cal_ltitle{
    padding:2px 0 2px 5px;
    overflow:hidden;
    white-space:nowrap;
}

.dhx_cal_ltitle span{
    white-space:nowrap;
}

.dhx_cal_lsection{
    background-color:#DBCF8C;
    color:#FFF4B5;
    font-weight:normal;
    padding:5px 0 3px 10px;
}

.dhx_section_time{
    background-color:#DBCF8C;
}

.dhx_cal_lsection .dhx_fullday{
    float:right;
    margin-right:5px;
    color:#887A2E;
    font-size:12px;
    font-weight:normal;
    line-height:20px;
    vertical-align:top;
    cursor:pointer;
}

.dhx_cal_lsection{
    font-size:18px;

}

.dhx_cal_ltext{
    padding:2px 0 2px 10px;
    overflow:hidden;
}

.dhx_cal_ltext textarea{
    background-color:#FFF4B5;
    overflow:auto;
    border:none;
    color:#887A2E;
    height:100%;
    width:100%;
    outline:none!important;
}

.dhx_time{
    font-weight:normal;
}

.dhx_cal_light .dhx_title{
    padding-left:10px;
}

.dhx_cal_larea{
    border:1px solid #DCC43E;
    background-color:#FFF4B5;
    overflow:hidden;
    margin-left:3px;
    width:572px;
    height:1px;
}

.dhx_btn_set{
    padding:5px 10px 0 10px;
    float:left;
}

.dhx_btn_set div{
    float:left;
    height:21px;
    line-height:21px;
    vertical-align:middle;
    cursor:pointer;
}

.dhx_save_btn{
    background-image:url('./imgs/controls.gif');
    background-position:-84px 0;
    width:21px;
}

.dhx_cancel_btn{
    background-image:url('./imgs/controls.gif');
    background-position:-63px 0;
    width:20px;
}

.dhx_delete_btn{
    background-image:url('./imgs/controls.gif');
    background-position:-42px 0;
    width:20px;
}

.dhx_cal_cover{
    width:100%;
    height:100%;
    position:absolute;
    z-index:10000;
    top:0;
    left:0;
    background-color:black;
    opacity:.1;
    filter:alpha(opacity=10);
}

.dhx_custom_button{
    padding:0 3px 0 3px;
    color:#887A2E;

    font-size:8pt;
    background-color:#FFE763;
    font-weight:normal;
    margin-right:5px;
    margin-top:0;
    cursor:pointer;
}

.dhx_custom_button div{
    cursor:pointer;
    float:left;
    height:21px;
    line-height:21px;
    vertical-align:middle;
}

.dhx_cal_light_wide .dhx_cal_larea{
    border-top-width:0;
}

.dhx_cal_light_wide .dhx_cal_lsection{
    border:0;
    float:left;
    text-align:right;
    width:100px;
    height:20px;
    font-size:16px;
    padding:5px 0 0 10px;
}

.dhx_cal_light_wide .dhx_wrap_section{
    border-top:1px solid #DBCF8C;
    position:relative;
    background-color:#DBCF8C;
    overflow:hidden;
}

.dhx_cal_light_wide .dhx_section_time{
    padding-top:2px!important;
    height:20px!important;
}

.dhx_section_time{
    text-align:center;
}

.dhx_cal_light_wide .dhx_cal_larea{
    width:730px;
}

.dhx_cal_light_wide{
    width:738px;
}

.dhx_cal_light_wide .dhx_section_time{
    background:transparent;
}

.dhx_cal_light_wide .dhx_cal_checkbox label{
    padding-left:0;
}

.dhx_cal_wide_checkbox input{
    margin-top:8px;
    margin-left:14px;
}

.dhx_cal_light input{

    font-size:8pt;
    color:#887A2E;
}

.dhx_cal_light_wide .dhx_cal_lsection .dhx_fullday{
    float:none;
    margin-right:0;
    color:#FFF4B5;
    font-weight:normal;
    font-size:16px;

    cursor:pointer;
}

.dhx_custom_button{
    float:right;
    height:21px;
    width:90px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    -ms-border-radius:4px;
    -o-border-radius:4px;
    border-radius:4px;
}

.dhx_cal_light_wide .dhx_custom_button{
    position:absolute;
    top:0;
    right:0;
    margin-top:2px;
}

.dhx_cal_light_wide .dhx_repeat_right{
    margin-right:55px;
}

.dhx_cal_light_wide .dhx_repeat_divider{
    border-color:#FFE763;
}

.dhx_scale_bar_header{
    position:absolute;
    border-bottom:1px dotted #8894A3;
    width:100%;
}

.dhx_expand_icon{
    position:absolute;
    top:0;
    right:0;
    background-image:url(./imgs/colapce-expand-icon.gif);
    width:18px;
    height:18px;
    cursor:pointer;
    background-position:0 18px;
    z-index:16;
}

.dhx_agenda_area{
    width:100%;
    height:100%;
    overflow-y:auto;
    background-image:url(./imgs/databg.png);
}

.dhx_agenda_line{
    height:21px;
    clear:both;
    overflow:hidden;
}

.dhx_agenda_line div{
    float:left;
    width:188px;
    border-right:1px dotted #8894A3;
    text-align:center;
    line-height:21px;
    overflow:hidden;
}

.dhx_agenda_area .dhx_agenda_line div{
    border-right:0 dotted #8894A3;
}

.dhx_v_border{
    position:absolute;
    left:186px;
    top:0;
    border-right:1px dotted #8894A3;
    width:1px;
    height:100%;
}

.dhx_agenda_line .dhx_event_icon{
    width:20px;
    border-width:0;
    background:url(./imgs/icon.png) no-repeat;
    background-position:5px 4px;
    cursor:pointer;
}

.dhx_agenda_line span{
    padding-left:5px;
    line-height:21px;
}

.dhx_year_body{
    border-left:1px dotted #586A7E;
}

.dhx_year_week{
    position:relative;
}

.dhx_scale_bar_last{
    border-right:1px dotted #586A7E;
}

.dhx_year_month{
    height:18px;
    padding-top:3px;
    border:1px dotted #586A7E;
    text-align:center;
    vertical-align:middle;
}

.dhx_year_body .dhx_before .dhx_month_head,.dhx_year_body .dhx_after .dhx_month_head,.dhx_year_body .dhx_before .dhx_month_head a,.dhx_year_body .dhx_after .dhx_month_head a{
    color:#E2E3E6!important;
}

.dhx_year_body .dhx_month_body{
    height:0;
    overflow:hidden;
}

.dhx_month_head.dhx_year_event{
    background-color:#FFE763;
}

.dhx_year_body .dhx_before .dhx_month_head,.dhx_year_body .dhx_after .dhx_month_head{
    cursor:default;
}

.dhx_tooltip{
    border:1px solid #BBB;
    background-image:url(./imgs/databg.png);
    position:absolute;
    z-index:9998;
    width:300px;
    height:auto;

    font-size:8pt;
    overflow:hidden;
}

.dhx_tooltip_line{
    line-height:20px;
    height:20px;
    overflow:hidden;
}

.dhx_tooltip_line .dhx_event_icon{
    width:20px;
    height:20px;
    padding-right:10px;
    float:left;
    border-width:0;
    position:relative;
    background:url(./imgs/icon.png) no-repeat;
    background-position:5px 4px;
    cursor:pointer;
}

.dhx_tooltip_date{
    float:left;
    width:auto;
    padding-left:5px;
    text-align:center;
}

.dhx_text_disabled{
    color:#887A2E;

    font-size:8pt;
}

.dhx_mini_calendar{
    -moz-box-shadow:5px 5px 5px #888;
    -khtml-box-shadow:5px 5px 5px #888;
}

.dhx_mini_calendar .dhx_month_head{
    cursor:pointer;
}

.dhx_mini_calendar .dhx_calendar_click{
    background-color:#C2D5FC;
}

.dhx_cal_navline div.dhx_minical_icon{
    width:18px;
    height:18px;
    left:190px;
    top:1px;
    cursor:pointer;
    background-image:url(./imgs/calendar.gif);
}

.dhx_matrix_scell{
    height:100%;
}

.dhx_matrix_cell,.dhx_matrix_scell{
    overflow:hidden;
    text-align:center;
    vertical-align:middle;
    border-bottom:1px dotted #8894A3;
    border-right:1px dotted #8894A3;
}

.dhx_matrix_cell{
    background-color:white;
}

.dhx_matrix_line{
    overflow:hidden;
}

.dhx_matrix_cell div,.dhx_matrix_scell div{
    overflow:hidden;
    text-align:center;
    height:auto;
}

.dhx_cal_lsection .dhx_readonly{
    font-size:9pt;
    font-size:8pt;
    padding:2px;
    color:#887A2E;
}

.dhx_matrix_scell.folder,.dhx_data_table.folder .dhx_matrix_cell{
    background-color:#969394;
    cursor:pointer;
}

.dhx_matrix_scell .dhx_scell_level0{
    padding-left:5px;
}

.dhx_matrix_scell .dhx_scell_level1{
    padding-left:20px;
}

.dhx_matrix_scell .dhx_scell_level2{
    padding-left:35px;
}

.dhx_matrix_scell .dhx_scell_level3{
    padding-left:50px;
}

.dhx_matrix_scell .dhx_scell_level4{
    padding-left:65px;
}

.dhx_matrix_scell.folder{
    font-weight:normal;
    text-align:left;
}

.dhx_matrix_scell.folder .dhx_scell_expand{
    float:left;
    width:10px;
    padding-right:3px;
}

.dhx_matrix_scell.folder .dhx_scell_name{
    float:left;
    width:auto;
}

.dhx_matrix_scell.item .dhx_scell_name{
    padding-left:15px;
    text-align:left;
}

.dhx_data_table.folder .dhx_matrix_cell{
    border-right:0;
}

.dhx_section_timeline{
    overflow:hidden;
    padding:4px 0 2px 10px;
}

.dhx_section_timeline select{
    width:552px;
}

.dhx_map_area{
    width:100%;
    height:100%;
    overflow-y:auto;
    overflow-x:hidden;
    background-image:url(./imgs/databg.png);
}

.dhx_map_line .dhx_event_icon{
    width:20px;
    border-width:0;
    background:url(./imgs/icon.png) no-repeat;
    background-position:5px 4px;
    cursor:pointer;
}

.dhx_map_line{
    height:21px;
    clear:both;
    overflow:hidden;
}

.dhx_map{
    position:absolute;
}

.dhx_map_line div{
    float:left;
    border-right:1px dotted #8894A3;
    text-align:center;
    line-height:21px;
    overflow:hidden;
}

.dhx_map_line .headline_description{
    float:left;
    border-right:1px dotted #8894A3;
    text-align:center;
    line-height:21px;
    overflow:hidden;
}

.dhx_map_line .dhx_map_description{
    float:left;
    border-right:0 dotted #8894A3;
    text-align:center;
    line-height:21px;
    overflow:hidden;
}

.dhx_map_line .line_description{
    float:left;
    border-right:1px dotted #8894A3;
    text-align:left;
    padding-left:5px;
    line-height:21px;
    overflow:hidden;
}

.dhx_map_line.highlight{
    background-color:#C4C5CC;
}

.dhx_map_area .dhx_map_line div{
    border-right:0 dotted #8894A3;
}

.dhtmlXTooltip.tooltip{
    -moz-box-shadow:3px 3px 3px #888;
    -webkit-box-shadow:3px 3px 3px #888;
    -o-box-shadow:3px 3px 3px #888;
    box-shadow:3px 3px 3px #888;
    filter:progid:DXImageTransform.Microsoft.Shadow(color='#888888',Direction=135,Strength=5);
    background-color:white;
    border-left:1px dotted #887A2E;
    border-top:1px dotted #887A2E;
    color:#887A2E;
    cursor:default;
    padding:10px;
    position:absolute;
    z-index:500;
}

.dhx_cal_checkbox label{
    padding-left:5px;
}

.dhx_cal_light .radio{
    padding:2px 0 2px 10px;
}

.dhx_cal_light .radio input,.dhx_cal_light .radio label{
    line-height:15px;
}

.dhx_cal_light .radio input{
    vertical-align:middle;
    margin:0;
    padding:0;
}

.dhx_cal_light .radio label{
    vertical-align:middle;
    padding-right:10px;
}

.dhx_cal_light .combo{
    padding:4px;
}

.dhx_wa_column{
    float:left;
}

.dhx_wa_column_last .dhx_wa_day_cont{
    border-left:1px dotted #8894A3;
}

.dhx_wa_scale_bar{

    padding-left:10px;
    font-size:11px;
    border-top:1px dotted #8894A3;
    border-bottom:1px dotted #8894A3;
}

.dhx_wa_day_data{
    background-color:#FCFEFC;
    overflow-y:auto;
}

.dhx_wa_ev_body{
    border-bottom:1px dotted #789;
    font-size:12px;
    padding:5px 0 5px 7px;
}

.dhx_wa_dnd{

    position:absolute;
    padding-right:7px;
    color:#887AE2!important;
    background-color:#FFE763!important;
    border:1px solid #B7A543;
}

.dhx_cal_event_selected{
    background-color:#9cc1db;
    color:white;
}

.dhx_second_scale_bar{
    border-bottom:1px dotted #586A7E;
    padding-top:2px;
}

div.dhx_form_repeat input.radio{
    margin: -4px 0 0 -4px;
}

div.dhx_form_repeat input.checkbox{
    margin:0 0 0 -4px;
}

.dhx_form_repeat,.dhx_form_repeat input{
    padding:0;
    margin:0;
    padding-left:5px;
    font-size:11px;
    line-height:24px;
}

.dhx_form_repeat{
    overflow:hidden;
    height:0;
    background-color:#FFF4B5;
}

.dhx_cal_light_wide .dhx_form_repeat{
    background-color:transparent;
}

.dhx_repeat_center,.dhx_repeat_left{
    height:115px;
    padding:10px 0 10px 10px;
    float:left;
}

.dhx_repeat_left{
    width:95px;
}

.dhx_repeat_center{
    width:335px;
    margin-top:12px;
}

.dhx_repeat_divider{
    float:left;
    height:115px;
    border-left:1px dotted #DCC43E;
    width:1px;
}

.dhx_repeat_right{
    float:right;
    height:115px;
    width:160px;
    padding:10px 3px 10px 10px;
    margin-top:7px;
}

input.dhx_repeat_text{
    height:16px;
    width:27px;
    margin:0 4px 0 4px;
    line-height:18px;
    padding:0 0 0 2px;
}

.dhx_form_repeat select{
    height:20px;
    width:87px;
    padding:0 0 0 2px;
    margin:0 4px 0 4px;
}

input.dhx_repeat_date{
    height:18px;
    width:80px;
    padding:0 0 0 2px;
    margin:0 4px 0 4px;
    background-repeat:no-repeat;
    background-position:64px 0;
    border:1px #7f9db9 solid;
    line-height:18px;
}

input.dhx_repeat_radio{
    margin-right:4px;
}

input.dhx_repeat_checkbox{
    margin:4px 4px 0 0;
}

.dhx_repeat_days td{
    padding-right:5px;
}

.dhx_repeat_days label{
    font-size:10px;
}

.dhx_custom_button{
    width:90px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    -ms-border-radius:4px;
    -o-border-radius:4px;
    border-radius:4px;
}

.dhx_custom_button_recurring{
    background-image:url(./imgs/but_repeat.gif);
    background-position:-5px 20px;
    width:20px;
    margin-right:10px;
}

.dhx_cal_light_rec{
    width:640px;
}

.dhx_cal_light_rec .dhx_cal_larea{
    width:632px;
}

.dhx_cal_light_rec.dhx_cal_light_wide{
    width:816px;
}

.dhx_cal_light_rec.dhx_cal_light_wide .dhx_cal_larea{
    width:808px;
}

.dhx_cal_tab.active{
    border:none;
}

.dhx_multi_day{
    border:none;
    border-top:1px solid #A4BED4;
}

.dhx_multi_day_icon,.dhx_multi_day_icon_small{
    border-right:none;
}

.dhx_cal_container{
    background-image:url(imgs/top-days-bg.png);
    background-position:0 24px;
    background-repeat:repeat-x;
    background-color:#EBEBEB;
}

.dhx_cal_navline{
    background-color:#EBEBEB;
    height:50px!important;
}





.dhx_cal_navline .dhx_cal_date{
    padding-top:4px;
    left:230px;
}

.dhx_cal_tab{
    background-image:url(imgs/white_tab.png);
    width:60px;
    height:15px;
    text-decoration:none;
    padding-top:4px;
    margin-top:4px;
}

.dhx_cal_tab.active{
    background-image:url(imgs/blue_tab.png);
    height:18px;
    width:60px;
    padding-top:4px;
    margin-top:2px;
}

.dhx_cal_data{
    border-top:1px solid #A4BED4;
}


.dhx_scale_bar{
    background-image:url(imgs/top-separator.gif);
    background-position:0 0;
    background-repeat:no-repeat;
    background-color:transparent;
    padding-top:3px;
    border-left:0;
}

.dhx_scale_holder{
    border-right:1px solid #A4BED4;
}

.dhx_scale_holder_now{
    border-right:1px solid #A4BED4;
}

.dhx_scale_hour{
    background-image:url(imgs/left-time-bg.png);
    border-bottom:1px solid #A4BED4;
    color:#2F3A48;
}

.dhx_multi_day{
    background-image:url(imgs/multi-days-bg.png);
    background-repeat:repeat;
    border-bottom:1px solid #A4BED4;
    border-left:0;
}

.dhx_multi_day_icon,.dhx_multi_day_icon_small{
    background-image:url(imgs/multi-days-bg.png);
    border-bottom:1px solid #A4BED4;
    border-left:1px solid #fff;
    background-position:0 0;
    background-repeat:repeat;
}

.dhx_month_head{
    background-color:#FFF;
}

.dhx_after .dhx_month_head,.dhx_before .dhx_month_head{
    background-color:#EFEDE2;
}

.dhx_now .dhx_month_head{
    background-color:#E4EFFF;
}

.dhx_after .dhx_month_body,.dhx_before .dhx_month_body{
    background-color:#EFEDE2;
}

.dhx_cal_event_clear{
    color:#000;
}

.dhx_cal_event_line{
    background-image:url(imgs/event-bg.png);
    border:1px solid #FFBD51;
    color:#000;
}

.dhx_in_move{
    background-image:url(imgs/move.png);
}

.dhx_cal_event .dhx_body{
    background-color:#FFE4AB;
}

.dhx_cal_event .dhx_title{
    background-color:#FFE4AB;
}

.dhx_cal_light{
    -moz-box-shadow:5px 5px 5px #888;
    -khtml-box-shadow:5px 5px 5px #888;
    background-color:#EBEBEB;
    border:2px solid #A4BED4;
    color:#000;
}

.dhx_cal_larea{
    border:1px solid #A4BED4;
    border-width:0 1px 1px;
    background-color:#FFF;
}

.dhx_cal_lsection{
    background-image:url(imgs/lightbox.png);
    font-size:14px;
    padding:5px 0 5px 10px;
    color:#000;
}

.dhx_cal_light_wide .dhx_cal_lsection{
    background-image:url(imgs/multi-days-bg.png);
}

.dhx_cal_ltext textarea{
    background-color:#fff;
    color:#000;
}

.dhx_cal_light select,.dhx_cal_light input{
    color:#000;
}

.dhx_save_btn{
    background-image:url(imgs/controlls5.png);
}

.dhx_cancel_btn{
    background-image:url(imgs/controlls5.png);
}

.dhx_delete_btn{
    background-image:url(imgs/controlls5.png);
}

div.dhx_menu_head{
    background-image:url(imgs/controlls5.png);
    border:1px solid #FFE4AB;
}

div.dhx_menu_icon{
    background-image:url(imgs/controlls5.png);
    border:medium none;
}

.dhx_section_time{
    height:20px!important;
    padding:7px 0!important;
    text-align:center;
    background:white;
}

div.dhx_cal_editor{
    background-color:#FFE4AB;
}

.dhx_year_month{
    background-image:url(imgs/top-days-bg.png);
    border:0;
}

.dhx_year_week{
    background-image:url(imgs/top-days-bg.png);
}

.dhx_month_head{
    border-right:1px solid #A4BED4;
}

.dhx_month_body{
    border-right:1px solid #A4BED4;
    border-bottom:1px solid #A4BED4;
}

.dhx_year_body{
    border-left:1px solid #A4BED4;
}

.dhx_scale_bar_last{
    border-right:none;
}

.dhx_month_head.dhx_year_event{
    background-color:#FFE4AB;
}

.dhx_year_body .dhx_before .dhx_month_head,.dhx_year_body .dhx_after .dhx_month_head,.dhx_year_body .dhx_before .dhx_month_head a,.dhx_year_body .dhx_after .dhx_month_head a{
    color:#EFEDE2!important;
}

.dhx_cal_lsection .dhx_readonly{
    color:#000;
}

.dhx_tooltip{
    -moz-box-shadow:2px 2px 2px #888;
    -khtml-box-shadow:2px 2px 2px #888;
}

.dhx_custom_button{
    margin-top:-2px;
}

.dhx_cal_lsection .dhx_fullday{
    color:#000;
}

.dhx_cal_lsection.dhx_cal_checkbox{
    height:16px;
    line-height:18px;
}

.dhx_cal_light_wide .dhx_cal_lsection.dhx_cal_checkbox{
    height:20px;
}

.dhx_cal_checkbox label{
    vertical-align:top;
}

.dhx_cal_light_wide .dhx_cal_lsection{
    color:black;
}

.dhx_cal_light_wide .dhx_wrap_section{
    border-top:1px solid #A4BED4;
    background-image:url(imgs/multi-days-bg.png);
}

.dhx_cal_light_wide .dhx_cal_ltext{
    border-left:1px solid #A4BED4;
}

.dhx_cal_light_wide .dhx_cal_ltext{
    background-color:white;
}

.dhx_custom_button{
    background:white;
    color:black;
}

.dhx_form_repeat{
    background:white;
}

.dhx_repeat_divider{
    border-left:1px solid #A4BED4;
}

.dhx_cal_header.dhx_second_cal_header{
    background-image:url("imgs/second-top-days-bg.png");
    padding-right:20px;
}

.dhx_scale_bar{
    padding-top:4px;
}

.dhx_second_scale_bar{
    border-bottom:0;
    padding-top:4px;
}

.dhx_cal_light_wide .dhx_cal_lsection .dhx_fullday,.dhx_cal_lsection .dhx_fullday{
    color:#000;
    font-size:14px;
}

.dhx_cal_light_wide .dhx_cal_lsection{
    font-size:14px;
    padding-right:10px;
}

.dhx_cal_container {

    background-color:#ebebeb;
}



.dhx_scale_bar {
    /*	background-color:#ebebeb;
            border-left:1px dotted #FFFFFF; */
    color: #2f3a48;
}

.dhx_scale_hour {
    background-color:#ebebeb;
    border-bottom:1px dotted #FFFFFF;
    color: #2f3a48;
}

.dhx_cal_drag {
    background-color:#ffe4ab;
    border:1px solid #ffbd51;
}



.dhx_cal_event_line {
    background-color:#ffe4ab;
    color: #000000;
    border:1px solid #ffbd51;
}

.dhx_in_move{
    background-color:#fffcab;
}


.dhx_scale_holder {
    background-image:url("./imgs/databg.png");
    border-right:1px dotted #FFFFFF;
}

.dhx_scale_holder_now {
    background-image:url("./imgs/databg_now.png");
    border-right:1px dotted #FFFFFF;
}

.dhx_month_body {
    background-color:#ffffff;
    border-right:1px dotted #FFFFFF;
    border-bottom:1px dotted #FFFFFF;
}

.dhx_month_head {
    background-color:#ffffff;
    border-right:1px solid #FFFFFF;
    color: #2f3a48;
}

.dhx_cal_navline {
    color:#2f3a48;
}

.dhx_cal_tab.active {
    background-image:url("./imgs/blue_tab.png");
    background-image:url("./imgs/blue_tab.png");
}

.dhx_cal_tab {
    background-image:url("./imgs/white_tab.png");
}

.dhx_cal_data {
    border-top:1px dotted #FFFFFF;
}

.dhx_cal_event div.dhx_menu_icon {
    border: medium none;
}

.dhx_after  .dhx_month_body, .dhx_before .dhx_month_body {
    background-color:#ececec;
}

.dhx_after  .dhx_month_head, .dhx_before .dhx_month_head {
    background-color:#fff6e2;
}




.dhx_now .dhx_month_body {
    background-color:#d1def4;
}

.dhx_now .dhx_month_head {
    background-color:#d1def4;
}

.dhx_cal_light {
    background-color:#ffe4ab;
    color: #000000;
    border:1px solid #FFFFFF;
}

.dhx_cal_light select {
    color: #000000;
}

.dhx_cal_lsection {
    background-color:#FFFFFF;
    color: #FFFFFF;
}

.dhx_cal_larea {
    background-color:#FFFFFF;
    border:1px solid #FFFFFF;
}


.dhx_agenda_area{
    background-image:url("./imgs/databg.png");
}

.dhx_agenda_line div {
    border-right:1px dotted #FFFFFF;
}

.dhx_agenda_area .dhx_agenda_line div {
    border-right:0px dotted #FFFFFF;
}


.dhx_year_body {
    border-left:1px dotted #FFFFFF;
}

.dhx_scale_bar_last {
    border-right: none;
}

.dhx_year_month {
    border:1px dotted #FFFFFF;
}

.dhx_year_body .dhx_before .dhx_month_head, .dhx_year_body .dhx_after .dhx_month_head, .dhx_year_body .dhx_before .dhx_month_head a, .dhx_year_body .dhx_after .dhx_month_head a {
    color:#FFFFFF !important;
}

.dhx_month_head.dhx_year_event {
    background-color:#ffe4ab;
}

.dhx_tooltip {
    background-image:url("./imgs/databg.png");
}

.dhx_cal_event div.dhx_menu_head {
    border:none;
}

div.dhx_menu_head{
    border:1px solid #ffe4ab;
}

.dhx_after .dhx_month_head, .dhx_before .dhx_month_head {
    color:#8e939a;
}

.dhx_cal_data .dhx_agenda_line {
    color:#000000;
}

.dhx_cal_header .dhx_agenda_line {
    color: #2f3a48;
}

.dhx_tooltip_line {
    color:#000000;
}

.dhx_cal_light select {
    background-color: #ffffff;
}

.dhx_custom_button {
    color: #000000;
    background-color: #ebebeb;
}

div.dhx_form_repeat {
    background-color: #ffffff;
}

div.dhx_repeat_divider {
    border-left:1px dotted #FFFFFF;
}


.dhx_v_border {
    border-right:1px dotted #8e939a;
}

.dhx_year_body {
    border-left:1px dotted #FFFFFF;
}

.dhx_scale_bar_last {
    border-right: none;
}

.dhx_year_month{
    border:1px dotted #FFFFFF;
}

.dhx_year_body .dhx_before .dhx_month_head,.dhx_year_body .dhx_after .dhx_month_head,.dhx_year_body .dhx_before .dhx_month_head a,.dhx_year_body .dhx_after .dhx_month_head a{
    color:#FFFFFF !important;
}

.dhx_month_head.dhx_year_event {
    background-color:#ffe4ab;
}

.dhx_tooltip {
    background-image:url("./imgs/databg.png");
}

.dhx_text_disabled {
    color:#000000;
}

.dhx_mini_calendar .dhx_calendar_click {
    background-color:#ebebeb;
}

.dhx_matrix_cell,.dhx_matrix_scell {
    border-bottom:1px dotted #a4bed4;
    border-right:1px dotted #a4bed4;
}

.dhx_matrix_cell {
    background-color: #ffffff;
}


/*=================================================================*/
/* pro */
/*=================================================================*/

.dhx_cal_container {
    background-image:url("./imgs/top-days-bg.png");
    background-color:#ebebeb;
}

.dhx_cal_navline{
    background-color:#ebebeb;
}




.dhx_cal_tab{
    background-image:url("./imgs/white_tab.png");
}

.dhx_cal_tab.active{
    background-image:url("./imgs/blue_tab.png");
}

.dhx_cal_data{
    border-top:1px solid #a4bed4;
}


.dhx_scale_bar{
    background-image:url("./imgs/top-separator.gif");
}

.dhx_scale_holder {
    border-right:1px solid #a4bed4;
}

.dhx_scale_holder_now{
    border-right:1px solid #a4bed4;
}

.dhx_scale_hour{
    background-image:url("./imgs/left-time-bg.png");
    border-bottom:1px solid #a4bed4;
    color: #2f3a48;
}

.dhx_multi_day{
    background-image:url("./imgs/multi-days-bg.png");
    border-bottom:1px solid #a4bed4;
}

.dhx_multi_day_icon,.dhx_multi_day_icon_small{
    background-image:url("./imgs/multi-days-bg.png");
    border-bottom:1px solid #a4bed4;
    border-left:1px solid #FFFFFF;
}



.dhx_cal_event_clear{
    color:#000000;
}

.dhx_cal_event_line{
    background-image:url("./imgs/event-bg.png");
    border:1px solid #ffbd51;
    color:#000000;
}

.dhx_in_move{
    background-image:url("./imgs/move.png");
}

.dhx_cal_event .dhx_body{
    background-color:#ffe4ab;
}

.dhx_cal_event .dhx_title{
    background-color:#ffe4ab;
}

.dhx_cal_light{
    background-color:#ebebeb;
    border:2px solid #a4bed4;
    color:#000000;
}

.dhx_cal_larea{
    border:1px solid #a4bed4;
    background-color:#FFFFFF;
}

.dhx_cal_lsection{
    background-image:url("./imgs/lightbox.png");
    color:#000000;
}

.dhx_cal_ltext{
    background-color:#ffffff;
}

.dhx_cal_ltext textarea{
    color:#000000;
    background-color:#ffffff;
}

.dhx_form_repeat input, .dhx_form_repeat select{
    background-color:white;
    color:black;
}

.dhx_cal_light select{
    color:#000000;
    background-color:#ffffff;
}

.dhx_section_time{
    background-image:none;
    background-color:#ffffff;
}

div.dhx_cal_editor{
    background-color:#ffe4ab;
}

div.dhx_cal_editor textarea {
    color: #000000;
}

.dhx_year_month{
    background-image:url("./imgs/top-days-bg.png");
    border:1px solid #a4bed4;
}

.dhx_year_week{
    background-image:url("./imgs/top-days-bg.png");
}

.dhx_month_head.dhx_year_event{
    background-color:#ffe4ab;
}

.dhx_year_body .dhx_before .dhx_month_head, .dhx_year_body .dhx_after .dhx_month_head, .dhx_year_body .dhx_before .dhx_month_head a, .dhx_year_body .dhx_after .dhx_month_head a{
    color:#ececec !important;
}

.dhx_cal_lsection .dhx_readonly{
    color:#000000;
}



.dhx_month_body {
    background-color:#ffffff;
    border-right:1px solid #a4bed4;
    border-bottom:1px solid #a4bed4;
}

.dhx_month_head {
    background-color:#ffffff;
    border-right:1px solid #a4bed4;
    color: #2f3a48;
}

.dhx_after  .dhx_month_head, .dhx_before .dhx_month_head {
    background-color:#ececec;
    color: #acb0b6;
}

.dhx_now .dhx_month_head {
    background-color:#d1def4;
}


.dhx_cal_container{

    font-size: 11px;
}


.dhx_cal_event_line {
    font-size: 11px;

}
.dhx_cal_event_clear{
    font-size: 11px;

}
.dhx_cal_light{
    font-size: 11px;

}
.dhx_cal_light select{
    font-size: 11px;

}
.dhx_custom_button{
    font-size: 11px;

}

.dhx_cal_lsection{
    font-size: 14px;

}

.dhx_cal_ltext textarea {
    font-size: 11px;

}


/*Added in 2.3*/


/* Tree view */
.dhx_matrix_scell.folder, .dhx_data_table.folder .dhx_matrix_cell{
    background-color: #FFFFFF;
}
.dhtmlXTooltip.tooltip{
    border-left:1px dotted #FFFFFF;
    border-top:1px dotted #FFFFFF;
}
.dhx_map_area{
    background-image:url("./imgs/databg_now.png");
}
.dhx_map_line div{
    border-right:1px dotted #FFFFFF;
}
.dhx_map_line .headline_description{
    border-right:1px dotted #FFFFFF;
}
.dhx_map_line .dhx_map_description{
    border-right: 0px dotted #FFFFFF;
}
.dhx_map_line .line_description{
    border-right:1px dotted #FFFFFF;
}
.dhx_map_line.highlight{
    background-color: #ebebeb;
}
.dhx_map_area .dhx_map_line div{
    border-right:0px dotted #FFFFFF;
}



/* Map view */
.dhx_map_area{
    background-image:url("./imgs/databg.png");
}
/* Map view end */


/* Agenda week start */
.dhx_wa_column_last .dhx_wa_day_cont{
    border-left: 1px dotted #a4bed4;
}
.dhx_wa_scale_bar {
    border-top: 1px dotted #a4bed4;
    border-bottom: 1px dotted #a4bed4;
    color: #2f3a48;
}
.dhx_wa_day_data {
    background-color: #ffffff;
}
.dhx_wa_ev_body {
    border-bottom: 1px dotted #a4bed4;
    color: #000000;
}
.dhx_wa_dnd {

    color: #738594 !important;
    background-color: #fffcab !important;
    border: 1px solid #a4bed4;
}
.dhx_cal_event_selected{
    background-color: #a4bed4;
    color: ffffff;
}
/* Agenda week end */




.dhx_scale_bar_header {
    border-bottom: 1px dotted #8894A3;
}

/*All*/
/* increase width of lightbox */
.dhx_cal_light_wide .dhx_cal_lsection{
    background-image:url(./imgs/multi-days-bg.png);
}
.dhx_year_body{
    border-left:1px solid #a4bed4;
}
/*2.3*/
.dhx_cal_lsection .dhx_fullday{
    color:#000000;
}
.dhx_cal_light_wide .dhx_cal_lsection{
    color:#000000;
}
.dhx_cal_light_wide .dhx_wrap_section{
    border-top:1px solid #a4bed4;
    background-image:url(./imgs/multi-days-bg.png);
}
.dhx_cal_light_wide .dhx_cal_ltext{
    border-left:1px solid #a4bed4;
}
.dhx_cal_light_wide .dhx_cal_ltext {
    background-color:#ffffff;
}
.dhx_custom_button{
    background:#ffffff;
    color:#000000;
}
/* timeline second scale start */
.dhx_cal_header.dhx_second_cal_header {
    background-image: url("./imgs/second-top-days-bg.png");
}
/* timeline second scale end */
.dhx_cal_light_wide .dhx_cal_lsection .dhx_fullday, .dhx_cal_lsection .dhx_fullday{
    color:#000000;
    font-size: 14px;
}
.dhx_cal_light_wide .dhx_cal_lsection {
    font-size: 14px;
}

.dhtmlxLayoutPolyContainer_dhx_skyblue 	.dhx_cal_container {
    background-color: #d0e5ff;
}

div.dhx_cal_editor{
    border:1px solid #B7A543;
}

.dhx_cal_light_wide .dhx_repeat_divider {
    border-color: #a4bed4;
}


/* ============================================================
   Modern scheduler navigation bar
   Overrides dhtmlxscheduler.css without modifying the library
   ============================================================ */

/* Centre all nav divs vertically within the taller bar */
.dhx_cal_navline > div {
    top: 8px !important;
}

/* ---- Prev button ---- */
.dhx_cal_prev_button {
    left: 50px;
    /* cursor: pointer;
    background-image: none;
    background-color: #ffffff;
    border: 1px solid #ced4da;
    border-radius: 0.375rem;
    width: 32px;
    height: 32px;
    font-size: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, color 0.15s ease-in-out; */
}

.dhx_cal_prev_button::before {
    content: '‹';
    font-size: 22px;
    line-height: 1;
    color: #495057;
}

.dhx_cal_prev_button:hover {
    background-color: #f1f3f5;
    border-color: #adb5bd;
}

.dhx_cal_prev_button:hover::before {
    color: #212529;
}

/* ---- Next button ---- */
.dhx_cal_next_button {
    left: 80px;
    /* cursor: pointer;
    background-image: none;
    background-color: #ffffff;
    border: 1px solid #ced4da;
    border-radius: 0.375rem;
    width: 32px;
    height: 32px;
    font-size: 0;
    display: flex;
    align-items: center;
    justify-content: center; */
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, color 0.15s ease-in-out;
}

.dhx_cal_next_button::before {
    content: '›';
    font-size: 22px;
    line-height: 1;
    color: #495057;
}

.dhx_cal_next_button:hover {
    background-color: #f1f3f5;
    border-color: #adb5bd;
}

.dhx_cal_next_button:hover::before {
    color: #212529;
}

/* ---- Today button ---- */
.dhx_cal_today_button {
    left: 115px;
    /* ackground-image: none;
    background-color: #0d6efd;
    border: 1px solid #0d6efd;
    border-radius: 0.375rem;
    color: #ffffff !important;
    width: auto !important;
    min-width: 58px;
    height: 32px !important;
    padding: 0 14px;
    font-size: 13px;
    font-weight: 500;
    text-decoration: none !important;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out; */
}

.dhx_cal_today_button:hover {
    background-color: #0b5ed7;
    border-color: #0a58ca;
}


/* ---- Date range label ---- */
.dhx_cal_navline .dhx_cal_date {
    font-size: 1rem;
    font-weight: 600;
    color: #212529;
    padding-top: 6px;
}

/* ---- Reposition internal areas to account for the taller navline ----
   Original navline: 23 px  →  new navline: 48 px  (+25 px offset)
   dhx_cal_header was top:23px  →  now 48px
   dhx_cal_data   was top:44px  →  now 69px (48 + 21 original header height)
-------------------------------------------------------------------- */
/* .dhx_cal_header {
    position: absolute;
    left: 10px;
    top: 48px;
    width: 750px;
    border-top: 0;
    border-right: 0;
    z-index: 2;
    overflow: hidden;
    color: #2F3A48;
    background-image: url("./imgs/top-days-bg.png");
    background-repeat: repeat-x;
}
 */
.dhx_cal_header {
    position: absolute;
    left: 10px;
    top: 48px;
    width: 750px;
    height: 3em !important;
    z-index: 2;
    background-color: #f8f9fa; /* table-light */
    border-bottom: 2px solid #dee2e6;
    padding: 0.5rem 0;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 0.85rem;
    color: #495057;
}

.dhx_cal_data {
    top: 87px !important; /* navline(48) + padding-top(8) + header-content(~21) + padding-bottom(8) + border(2) */
}

/* ============================================================
   Bootstrap Modern Table Theme
   ============================================================ */

/* --- Container -------------------------------------------- */
.dhx_cal_container {
    background-color: #ffffff !important;
    background-image: none !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
                 "Helvetica Neue", Arial, sans-serif !important;
    font-size: 0.875rem !important;
    color: #212529 !important;
}

/* --- Navigation bar --------------------------------------- */
.dhx_cal_navline {
    background-color: #f8f9fa !important;
    border-bottom: 1px solid #dee2e6 !important;
}

.dhx_cal_navline .dhx_cal_date {
    font-size: 1rem !important;
    font-weight: 600 !important;
    color: #212529 !important;
    padding-top: 8px !important;
}

/* --- Day/week header row ---------------------------------- */
.dhx_cal_header {
    background-color: #f8f9fa !important;
    background-image: none !important;
    border-bottom: 2px solid #dee2e6 !important;
    color: #495057 !important;
    font-weight: 600 !important;
    font-size: 0.78rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.04em !important;
}

/* --- Data area -------------------------------------------- */
.dhx_cal_data {
    background-color: #ffffff !important;
    border-top: 1px solid #dee2e6 !important;
}

/* --- Hour scale (left column) ----------------------------- */
.dhx_scale_hour {
    background-color: #f8f9fa !important;
    background-image: none !important;
    border-bottom: 1px solid #dee2e6 !important;
    color: #6c757d !important;
    font-size: 0.75rem !important;
    font-weight: 500 !important;
}

/* --- Day columns ------------------------------------------ */
.dhx_scale_holder {
    background-image: none !important;
    background-color: #ffffff !important;
    border-right: 1px solid #dee2e6 !important;
}

.dhx_scale_holder_now {
    background-image: none !important;
    background-color: #f0f7ff !important;
    border-right: 1px solid #9ec5fe !important;
}

/* --- Scale bar (column headers in week/unit view) --------- */
.dhx_scale_bar {
    background-color: #f8f9fa !important;
    background-image: none !important;
    border-left: 1px solid #dee2e6 !important;
    color: #495057 !important;
    font-weight: 600 !important;
}

.dhx_second_scale_bar {
    background-color: #f8f9fa !important;
    border-bottom: 1px solid #dee2e6 !important;
}

.dhx_scale_bar_header {
    background-color: #f8f9fa !important;
    border-bottom: 1px solid #dee2e6 !important;
}

.dhx_scale_bar_last {
    border-right: 1px solid #dee2e6 !important;
}

/* --- Multi-day stripe ------------------------------------- */
.dhx_multi_day {
    background-color: #f0f7ff !important;
    background-image: none !important;
    border-top: 1px solid #9ec5fe !important;
    border-bottom: 1px solid #9ec5fe !important;
    border-left: none !important;
}

.dhx_multi_day_icon,
.dhx_multi_day_icon_small {
    background-color: #f0f7ff !important;
    background-image: none !important;
    border-bottom: 1px solid #9ec5fe !important;
    border-left: 1px solid #dee2e6 !important;
    border-right: 1px solid #dee2e6 !important;
}

/* --- Month view cells ------------------------------------- */
.dhx_month_head {
    background-color: #ffffff !important;
    border-right: 1px solid #dee2e6 !important;
    color: #495057 !important;
    font-weight: 500 !important;
    font-size: 0.8rem !important;
}

.dhx_month_body {
    background-color: #ffffff !important;
    border-right: 1px solid #dee2e6 !important;
    border-bottom: 1px solid #dee2e6 !important;
}

.dhx_now .dhx_month_head {
    background-color: #cfe2ff !important;
    color: #0a58ca !important;
    font-weight: 700 !important;
}

.dhx_now .dhx_month_body {
    background-color: #f0f7ff !important;
}

.dhx_after .dhx_month_head,
.dhx_before .dhx_month_head {
    background-color: #f8f9fa !important;
    color: #adb5bd !important;
}

.dhx_after .dhx_month_body,
.dhx_before .dhx_month_body {
    background-color: #f8f9fa !important;
}

/* --- Events ----------------------------------------------- */

/* .dhx_cal_event div {
    background-color: #cfe2ff !important;
    border: 1px solid #9ec5fe !important;
    color: #052c65 !important;
    border-radius: 0.3rem !important;
    font-size: 0.8rem !important;
} */

.dhx_cal_event div {
background-color: #FFE763;
border: 1px solid #B7A543;
color: #887A2E;
overflow: hidden;
width: 100%;
font-size: 10px;
}

/* Duplicate old event appearance removed — see unified 
   `.dhx_cal_event` block under "--- Events ---" near the end. */

.dhx_cal_event .dhx_body {
    background-color: #cfe2ff !important;
}

.dhx_cal_event .dhx_title {
    background-color: #9ec5fe !important;
    color: #000000 !important;
}

.dhx_cal_event .dhx_header {
    background-color: #9ec5fe !important;
}

.dhx_cal_event .dhx_footer {
    background-color: #9ec5fe !important;
}

.dhx_cal_event_line {
    background-color: #cfe2ff !important;
    background-image: none !important;
    border: 1px solid #9ec5fe !important;
    color: #052c65 !important;
    border-radius: 0.3rem !important;
    font-size: 0.8rem !important;
}

.dhx_cal_event_clear {
    color: #052c65 !important;
    font-size: 0.8rem !important;
}

.dhx_cal_event_selected {
    background-color: #0d6efd !important;
    color: #ffffff !important;
}

/* --- Drag / move ------------------------------------------ */
.dhx_cal_drag {
    background-color: #d1e7dd !important;
    border: 1px solid #a3cfbb !important;
    opacity: 0.85 !important;
    filter: alpha(opacity=85) !important;
}

.dhx_in_move {
    background-color: #e9ecef !important;
    background-image: none !important;
}

div.dhx_cal_editor {
    background-color: #fff3cd !important;
    border: 1px solid #ffc107 !important;
}

div.dhx_cal_editor textarea {
    color: #212529 !important;
}

/* --- "Now" time line -------------------------------------- */
div.dhx_now_time {
    border-bottom: 2px solid #0d6efd !important;
}

/* --- Tab buttons ------------------------------------------ */
.dhx_cal_tab {
    background-image: none !important;
    background-color: #ffffff !important;
    border: 1px solid #dee2e6 !important;
    border-radius: 0.375rem 0.375rem 0 0 !important;
    color: #495057 !important;
    font-size: 0.8rem !important;
    text-decoration: none !important;
}

.dhx_cal_tab.active {
    background-image: none !important;
    background-color: #0d6efd !important;
    border-color: #0d6efd !important;
    color: #ffffff !important;
}

/* --- Lightbox (event editor modal) ------------------------ */
.dhx_cal_light {
    background-color: #ffffff !important;
    border: 1px solid #dee2e6 !important;
    border-radius: 0.5rem !important;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
    color: #212529 !important;
}

.dhx_cal_ltitle {
    background-color: #f8f9fa !important;
    border-bottom: 1px solid #dee2e6 !important;
    padding: 12px 16px !important;
    font-weight: 600 !important;
    color: #212529 !important;
    border-radius: 0.5rem 0.5rem 0 0 !important;
}

.dhx_cal_ltitle span,
.dhx_cal_light .dhx_title {
    color: #212529 !important;
}

.dhx_cal_larea {
    background-color: #ffffff !important;
    border: 1px solid #dee2e6 !important;
}

.dhx_cal_lsection {
    background-color: #f8f9fa !important;
    background-image: none !important;
    color: #495057 !important;
    font-weight: 600 !important;
    font-size: 0.85rem !important;
    border-bottom: 1px solid #dee2e6 !important;
    padding: 8px 12px !important;
}

.dhx_cal_lsection .dhx_fullday {
    color: #0d6efd !important;
    font-size: 0.85rem !important;
}

.dhx_cal_lsection .dhx_readonly {
    color: #6c757d !important;
}

.dhx_cal_ltext {
    background-color: #ffffff !important;
    padding: 6px 10px !important;
}

.dhx_cal_ltext textarea {
    background-color: #ffffff !important;
    color: #212529 !important;
    border: 1px solid #dee2e6 !important;
    border-radius: 0.25rem !important;
    padding: 6px 10px !important;
    outline: none !important;
    width: 100% !important;
}

.dhx_section_time {
    background-color: #f8f9fa !important;
    background-image: none !important;
    border-bottom: 1px solid #dee2e6 !important;
}

.dhx_cal_light select,
.dhx_cal_light input {
    background-color: #ffffff !important;
    color: #212529 !important;
    border: 1px solid #dee2e6 !important;
    border-radius: 0.25rem !important;
    font-size: 0.875rem !important;
    padding: 2px 6px !important;
}

/* --- Lightbox buttons ------------------------------------- */
.dhx_save_btn,
.dhx_cancel_btn,
.dhx_delete_btn {
    background-image: none !important;
}

.dhx_custom_button {
    background-color: #f8f9fa !important;
    border: 1px solid #dee2e6 !important;
    border-radius: 0.375rem !important;
    color: #212529 !important;
    font-size: 0.875rem !important;
    margin-top: 0 !important;
}

.dhx_custom_button:hover {
    background-color: #e9ecef !important;
}

/* --- Wide lightbox ---------------------------------------- */
.dhx_cal_light_wide .dhx_cal_lsection {
    background-color: #f8f9fa !important;
    background-image: none !important;
    color: #495057 !important;
}

.dhx_cal_light_wide .dhx_wrap_section {
    border-top: 1px solid #dee2e6 !important;
    background-color: #f8f9fa !important;
    background-image: none !important;
}

.dhx_cal_light_wide .dhx_cal_ltext {
    background-color: #ffffff !important;
    border-left: 1px solid #dee2e6 !important;
}

.dhx_cal_light_wide .dhx_repeat_divider {
    border-color: #dee2e6 !important;
}

/* --- Repeat form ------------------------------------------ */
.dhx_form_repeat {
    background-color: #f8f9fa !important;
}

.dhx_form_repeat input,
.dhx_form_repeat select {
    background-color: #ffffff !important;
    color: #212529 !important;
    border: 1px solid #dee2e6 !important;
    border-radius: 0.2rem !important;
}

.dhx_repeat_divider,
div.dhx_repeat_divider {
    border-left: 1px solid #dee2e6 !important;
}

/* --- Modal overlay ---------------------------------------- */
.dhx_cal_cover {
    background-color: #000000 !important;
    opacity: 0.45 !important;
    filter: alpha(opacity=45) !important;
}

/* --- Tooltip ---------------------------------------------- */
.dhx_tooltip {
    background-color: #ffffff !important;
    background-image: none !important;
    border: 1px solid #dee2e6 !important;
    border-radius: 0.375rem !important;
    box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.1) !important;
    color: #212529 !important;
}

.dhtmlXTooltip.tooltip {
    background-color: #ffffff !important;
    border: 1px solid #dee2e6 !important;
    border-left: 1px solid #dee2e6 !important;
    border-top: 1px solid #dee2e6 !important;
    border-radius: 0.375rem !important;
    box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.1) !important;
    color: #212529 !important;
}

.dhx_tooltip_line {
    color: #212529 !important;
}

.dhx_text_disabled {
    color: #6c757d !important;
}

/* --- Year view -------------------------------------------- */
.dhx_year_month {
    background-color: #f8f9fa !important;
    background-image: none !important;
    border: 1px solid #dee2e6 !important;
    color: #495057 !important;
    font-weight: 600 !important;
}

.dhx_year_week {
    background-image: none !important;
    background-color: #ffffff !important;
}

.dhx_year_body {
    border-left: 1px solid #dee2e6 !important;
}

.dhx_month_head.dhx_year_event {
    background-color: #cfe2ff !important;
    color: #0a58ca !important;
}

.dhx_year_body .dhx_before .dhx_month_head,
.dhx_year_body .dhx_after .dhx_month_head,
.dhx_year_body .dhx_before .dhx_month_head a,
.dhx_year_body .dhx_after .dhx_month_head a {
    color: #adb5bd !important;
}

/* --- Agenda view ------------------------------------------ */
.dhx_agenda_area {
    background-color: #ffffff !important;
    background-image: none !important;
}

.dhx_agenda_line {
    border-bottom: 1px solid #dee2e6 !important;
    color: #212529 !important;
}

.dhx_agenda_line div {
    border-right: 1px solid #dee2e6 !important;
    color: #212529 !important;
}

.dhx_agenda_area .dhx_agenda_line div {
    border-right: none !important;
}

.dhx_v_border {
    border-right: 1px solid #dee2e6 !important;
}

.dhx_cal_data .dhx_agenda_line {
    color: #212529 !important;
}

.dhx_cal_header .dhx_agenda_line {
    color: #495057 !important;
    font-weight: 600 !important;
}

/* --- Timeline / matrix view ------------------------------- */
.dhx_matrix_cell,
.dhx_matrix_scell {
    border-bottom: 1px solid #dee2e6 !important;
    border-right: 1px solid #dee2e6 !important;
}

.dhx_matrix_cell {
    background-color: #ffffff !important;
}

.dhx_matrix_scell.folder,
.dhx_data_table.folder .dhx_matrix_cell {
    background-color: #f8f9fa !important;
    color: #495057 !important;
}

.dhx_data_table.folder .dhx_matrix_cell {
    border-right: 1px solid #dee2e6 !important;
}

/* --- Map view --------------------------------------------- */
.dhx_map_area {
    background-color: #ffffff !important;
    background-image: none !important;
}

.dhx_map_line div {
    border-right: 1px solid #dee2e6 !important;
}

.dhx_map_line .headline_description {
    border-right: 1px solid #dee2e6 !important;
}

.dhx_map_line .dhx_map_description {
    border-right: none !important;
}

.dhx_map_line .line_description {
    border-right: 1px solid #dee2e6 !important;
}

.dhx_map_line.highlight {
    background-color: #e9ecef !important;
}

.dhx_map_area .dhx_map_line div {
    border-right: none !important;
}

/* Preserve specific per-status rules from reserve.css (applied with priority) */
.dhx_cal_event.on_process div,
.dhx_cal_event.on_process .dhx_title {
    cursor: default !important;
    background: rgb(253, 205, 255) !important;
    border-color: palevioletred !important;
}

.dhx_cal_event.blocked div,
.dhx_cal_event.blocked .dhx_title {
    cursor: default !important;
    background: gray !important;
    border-color: darkgray !important;
    color: white !important;
    text-shadow: 1px 1px 1px #757575 !important;
}

.moveable .dhx_title {
    cursor: move !important;
}

/* Map per-status border-color into the CSS variable used by titles */
.dhx_cal_event.deadline { --event-border-color: red !important; }
.dhx_cal_event.dead { --event-border-color: #ff7c00 !important; }
.dhx_cal_event.lawyer { --event-border-color: green !important; }
.dhx_cal_event.enquiry { --event-border-color: #0099FF !important; }
.dhx_cal_event.on_process { --event-border-color: palevioletred !important; }
.dhx_cal_event.blocked { --event-border-color: darkgray !important; }

/* --- Agenda week view ------------------------------------- */
.dhx_wa_column_last .dhx_wa_day_cont {
    border-left: 1px solid #dee2e6 !important;
}

.dhx_wa_scale_bar {
    border-top: 1px solid #dee2e6 !important;
    border-bottom: 1px solid #dee2e6 !important;
    color: #495057 !important;
    font-weight: 600 !important;
}

.dhx_wa_day_data {
    background-color: #ffffff !important;
}

.dhx_wa_ev_body {
    border-bottom: 1px solid #dee2e6 !important;
    color: #212529 !important;
}

.dhx_wa_dnd {
    color: #495057 !important;
    background-color: #fff3cd !important;
    border: 1px solid #ffc107 !important;
}

/* ============================================================
   Unified Bootstrap-card-like styles for scheduler events
   - preserve per-category background/border colors
   - add rounded corners, subtle shadow, padding and hover effect
   ============================================================ */
.dhx_cal_event,
.dhx_cal_event_line,
.dhx_cal_event_clear {
background-color: #FFE763;
border: 1px solid #B7A543;
color: #887A2E;
overflow: hidden;
width: 100%;
font-size: 8pt;
}

/* .dhx_cal_event div,
.dhx_cal_event_line,
.dhx_cal_event_clear {
    border-radius: 0.375rem !important;
    box-shadow: 0 0.25rem 0.5rem rgba(0,0,0,0.06) !important;
    padding: 6px 8px !important;
    font-size: 0.85rem !important;
    overflow: hidden !important;
    background-clip: padding-box !important;
}
 */
/* Title/header inside event: emphasize like a card header but keep colors */
.dhx_cal_event.dhx_title {
    background-color: transparent !important;
    color: inherit !important;
    font-weight: 600 !important;
    padding: 0 !important;
    margin: 0 0 4px 0 !important;
    border-bottom: none !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    overflow: hidden !important;
}

.dhx_cal_event .dhx_body {
    background-color: transparent !important;
    padding: 0 !important;
    color: #000000 !important;
    /*font-size: 0.85rem !important; */
    line-height: 1.1 !important;
}

.dhx_cal_event .dhx_footer {
    background-color: transparent !important;
    border-top: none !important;
}

/* Hover: lift the card slightly */
.dhx_cal_event div:hover,
.dhx_cal_event_line:hover,
.dhx_cal_event_clear:hover {
    box-shadow: 0 0.75rem 1.5rem rgba(0,0,0,0.08) !important;
    transform: translateY(-1px) !important;
}

/* Compact variants for the inline/line variants */
.dhx_cal_event_line,
.dhx_cal_event_clear {
    padding: 4px 6px !important;
    height: auto !important;
}

/* Make event children render as a single unified card */
.dhx_cal_event {
    /* use flex column so children (header/title/body) stack and body can grow */
    display: flex !important;
    flex-direction: column !important;
    border-radius: 0.2rem !important;
    overflow: hidden !important;
    box-shadow: 0 0.25rem 0.5rem rgba(0,0,0,0.06) !important;
    padding: 0 !important;
    margin: 0 !important;
}

.dhx_cal_event > div {
    margin: 0 !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    background-clip: padding-box !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.dhx_cal_event > div:first-child {
    border-top-left-radius: 0.375rem !important;
    border-top-right-radius: 0.375rem !important;
}

.dhx_cal_event > div:last-child {
    border-bottom-left-radius: 0.375rem !important;
    border-bottom-right-radius: 0.375rem !important;
}

/* Minimal move handle (header) visually integrated */
.dhx_cal_event .dhx_header,
.dhx_cal_event .dhx_event_move.dhx_header {
    height: 6px !important;
    min-height: 6px !important;
    line-height: 6px !important;
    padding: 0 !important;
    background: transparent !important;
    cursor: grab !important;
}

/* Title becomes inline header content, no separate background/border */
.dhx_cal_event {
    /* default event border color; per-status rules override this variable */
    --event-border-color: #dee2e6;
}

.dhx_cal_event .dhx_title,
.dhx_cal_event .dhx_event_move.dhx_title {
    padding: 6px 8px !important;
    background: transparent !important;
    border: none !important;
    border-bottom: 1px solid var(--event-border-color, #dee2e6) !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    overflow: hidden !important;
}

.dhx_cal_event .dhx_body {
    /* padding: 8px !important; */
    background: transparent !important;
    border: none !important;
    /* let the body fill remaining space inside the event card */
    flex: 1 1 auto !important;
    min-height: 0 !important; /* allow flex child to shrink properly */
    overflow: auto !important; /* enable internal scrolling */
}

/* Blocked events used a smaller header in older code (container_height += 15)
   keep a relaxed fallback height for blocked variants */
.dhx_cal_event.blocked .dhx_body {
    /* blocked events: keep content centered but allow internal scroll if needed */
    flex: 1 1 auto !important;
    min-height: 0 !important;
    overflow: auto !important;
}

.dhx_cal_event .dhx_footer {
    display: none !important;
}


/* --- Menu icons (contextual popup) ------------------------ */
div.dhx_menu_head {
    background-image: none !important;
    border: 1px solid #dee2e6 !important;
    background-color: #f8f9fa !important;
}

div.dhx_menu_icon {
    background-image: none !important;
    border: none !important;
    background-color: transparent !important;
}

.dhx_cal_event div.dhx_menu_icon {
    border: none !important;
    background-color: transparent !important;
}

.dhx_cal_event div.dhx_menu_head {
    border: none !important;
    background-color: transparent !important;
}

/* ============================================================
   Striped rows & row borders  (Bootstrap table-striped + table-bordered)
   ============================================================ */

/* --- Agenda view ------------------------------------------ */
.dhx_agenda_line:nth-child(odd) {
    background-color: #f8f9fa !important;
}

.dhx_agenda_line:nth-child(even) {
    background-color: #ffffff !important;
}

.dhx_agenda_line {
    border-bottom: 1px solid #dee2e6 !important;
}

/* --- Matrix / Timeline view ------------------------------- */
.dhx_matrix_line:nth-child(odd) .dhx_matrix_cell {
    background-color: #f8f9fa !important;
}

.dhx_matrix_line:nth-child(even) .dhx_matrix_cell {
    background-color: #ffffff !important;
}

.dhx_matrix_line:nth-child(odd) .dhx_matrix_scell {
    background-color: #eef2f7 !important;
}

.dhx_matrix_line:nth-child(even) .dhx_matrix_scell {
    background-color: #f8f9fa !important;
}

/* --- Day / Week hour grid --------------------------------- */
/* Restore the original tile image that draws the 15-minute grid lines.
   Do NOT replace it with a CSS gradient — the image height encodes
   the exact slot size configured in the scheduler. */
.dhx_scale_holder {
    background-image: url("./imgs/databg.png") !important;
    border-right: 1px solid #dee2e6 !important;
}

.dhx_scale_holder_now {
    background-image: url("./imgs/databg_now.png") !important;
    border-right: 1px solid #9ec5fe !important;
}

/* Left hour label container — DO NOT override height/line-height:
   the scheduler sets them inline on the container AND on each
   15-min child div. Only touch color and border. */
.dhx_scale_hour {
    background-image: none !important;
}

/* Alternate background per hour block (odd = white, even = light grey) */
.dhx_scale_hour:nth-child(odd) {
    background-color: #ffffff !important;
}

.dhx_scale_hour:nth-child(even) {
    background-color: #f8f9fa !important;
}

/* Bottom border on each 15-min label div inside the hour block */
.dhx_scale_hour > div {
    border-bottom: 1px solid #dee2e6 !important;
    box-sizing: border-box !important;
}

/* --- Month view row borders ------------------------------- */
.dhx_month_head {
    border-top: 1px solid #dee2e6 !important;
}

/* --- Agenda week (wa) view -------------------------------- */
.dhx_wa_ev_body:nth-child(odd) {
    background-color: #f8f9fa !important;
}

.dhx_wa_ev_body:nth-child(even) {
    background-color: #ffffff !important;
}

/* .dhx_cal_event.blocked {
    height: 100% !important;
} */