/*Home Page 2021 New Tab Design start here */
.hrhomenav_wrapper{display:flex;align-items:center;justify-content:center}
.hr_navhome_tabs{width:fit-content;font-size:16px;list-style:none;font-weight:600;padding: 0px 0px;box-shadow:0px 5px 20px rgba(0,0,0,0);border-radius:0px;position:relative;margin-bottom: 30px;display:flex;align-items:center;justify-content:flex-start;}
.hr_navhome_tabs>a{display:block;width:auto;height:46px;text-decoration:none;color: #2A343E!important;text-decoration:none;opacity:0.7;padding:13px 20px;border-radius:30px;white-space:nowrap;line-height:1.3;position:relative;z-index:1;transition-duration:0.6s;user-select:none;}
.hr_navhome_tabs>a:hover,.hr_navhome_tabs>a:hover>svg{text-decoration:none;opacity:1;}
.hr_navhome_tabs>a.active{color:#fff!important;opacity:1;}
.hr_navhome_tabs>a.active.grad{background: linear-gradient(45deg, #2A343E 0%,#2A343E 100%);border-radius:30px;}
.hr_navhome_tabs>a>i{margin-right:10px;}
.hr_navhome_tabs>a>svg{width:16px;height:16px;fill:#2A343E;opacity:0.7;margin-right:3px;position:relative;top:2px;transition-duration:0.6s;}
.hr_navhome_tabs .selector{height:46px;display:block;position:absolute;left:0px;top:0px;z-index:1;border-radius:50px;transition-duration:0.6s;transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);background: #2A343E;background: -moz-linear-gradient(45deg, #2A343E 0%, #2A343E 100%);background: -webkit-linear-gradient(45deg, #2A343E 0%,#2A343E 100%);background: linear-gradient(45deg, #2A343E 0%,#2A343E 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2A343E', endColorstr='#2A343E',GradientType=1 );}
/*.hr_navhome_tabs .selector::after{width:0px;height:0px;border-left:12px solid rgba(0,0,0,0);border-right:12px solid rgba(0,0,0,0);border-bottom:12px solid rgba(255,255,255,1);position:absolute;left:50%;margin-left:-12px;bottom:-32px;content:"";}*/
.hr_navhome_tabs>a.active>svg{fill:#fff;opacity:1;transition-duration:0.6s;}
@media screen and (max-width:768px){
	.hrhomenav_wrapper{width:100%;max-width:100%;margin-top:5px;overflow-x:auto;overflow-y:hidden;}
	.hrhomenav_wrapper::-webkit-scrollbar{display:none;}
	.hr_navhome_tabs{width:100%;}
}
/*Home Page 2021 New Tab Design end here */

/* css for Calendar listview/calendar view start 04 June 21 */
.calendar_view_wrapper{width: 100%; background: #fff;padding:20px; border:0px solid #fff;border-radius: 15px;position: relative;display: flex;flex-wrap: nowrap;align-items: flex-start;justify-content: flex-start;flex-direction: column;}
.clv_fullview{width:100%;max-width: 100%;overflow-x: auto;overflow-y: hidden;justify-content: flex-start!important;}
.clv_tab{width: 100%;position: relative;}
.clv_tab.listview_design{width: 100%;max-width: calc(100% - 300px);max-width: -moz-calc(100% - 300px);padding-right: 30px;}
.clv_listview{width: 100%;position: relative;display: flex;flex-wrap: nowrap;align-items: flex-start;justify-content: flex-start;}
.clv_left{width: 100%;max-width: calc(100% - 300px);max-width: -moz-calc(100% - 300px);padding-right: 30px;}  
.clv_toggle_btn{width: 100%;position: relative;}

.clv_btn_list{list-style: none;margin:0;padding: 0;display: flex;align-items: center;justify-content: flex-start;}
.clv_btn_list>li{list-style: none;margin-right: 10px;position: relative;}
.clv_btn_list>li>input{visibility: hidden;opacity: 0;position: absolute;}
.clv_btn_list>li>label,.clv_btn_list>li .clv_all_list{display: inline-block;background: #b3b3b3;border:0px solid #b3b3b3;border-radius: 25px;font-size: 13px;font-weight: 400;line-height: 1.2;color: #fff;padding: 12px 20px;margin:0px;text-align: center;white-space: nowrap;transition: all 0.3s ease;cursor: pointer;user-select: none;}
.clv_btn_list>li .clv_all_list.active{background: #f0483b;transition: all 0.3s ease;}
.clv_btn_list>li>input:checked+label{background: #4ac4d5; padding-left:35px;transition: all 0.3s ease;}
.clv_btn_list>li>input:checked+label::before{width: 7px;height: 2px;background: #fff;position: absolute;left:13px;top: 21px;transform: rotate(37deg);content: "";}
.clv_btn_list>li>input:checked+label::after{width: 13px;height: 2px;background: #fff;position: absolute;left:16px;top: 19px;transform: rotate(-47deg);content: "";}
.clv_add_list{width: 40px;height: 40px;background: #99ca4b;border-radius: 50%;position: relative;cursor: pointer;user-select: none;}
.clv_add_list::before{width: 17px;height: 3px;background: #fff;position: absolute;left:12px;top: 18px;content: "";}
.clv_add_list::after{width: 17px;height: 3px;background: #fff;position: absolute;left:12px;top: 18px;transform: rotate(90deg);content: "";}

.clv_type_toggle{width: 100%;margin: 30px 0px;display: flex;align-items: center;justify-content: space-between;}
.clv_type_toggle .clv_type_list{list-style: none;margin:0;padding:0;display: flex;align-items: center;justify-content: flex-start;cursor:pointer;user-select: none;}
.clv_type_toggle .clv_type_list>li{display: block; padding-right: 20px;position: relative;}
.clv_type_toggle .clv_type_list>li>a{display: block;text-decoration: none;font-size: 14px;font-weight: 600;color: #333;line-height: 1.2;cursor: pointer;}
.clv_type_toggle .clv_type_list>li::after{width: 2px;height: 13px;background:#999;content: "";position: absolute;right: 9px;top: 2px;}
.clv_type_toggle .clv_type_list>li:last-child{padding-right: 0px;}
.clv_type_toggle .clv_type_list>li:last-child::after{display: none;}
.clv_type_toggle .clv_type_list>li>a.active{color: #f0483b;}
.clv_pin{display: inline-block;width: auto;display: flex;align-items: center;justify-content: center;font-weight: 14px;font-weight: 500;color: #999;}
.clv_pin>svg{width:20px;height: 20px;fill:#999;margin-right: 7px;}

.clv_list_datewise{width: 100%; margin-bottom: 30px;}
.clv_list_datewise>h3{width: 100%;font-size: 20px;font-weight:800;color:#444f5b;margin: 20px 0px 20px 0px;line-height: 1.2;padding-left: 20px;position: relative;}
.clv_list_datewise>h3::before{width: 10px;height: 14px;background: #5ac8d8;position: absolute;left: 0px;top:5px;content: "";}
.clv_list_datewise>h3:first-child{margin-top:0px;}
.clv_list_row{width: 100%; display: flex;justify-content: flex-start;align-items: center;}
.clv_row_time{width: 255px;min-height: 74px;background-color: #f8f8f8;border-radius: 3px;padding: 15px 20px;margin-right: 2px;margin-bottom: 2px;display: flex;flex-direction: column;align-items: flex-start;justify-content: center;}
.clv_row_time .time_info{width: 100%;font-size: 14px;font-weight: 600;color: #2A343E;line-height: 1.4;display: flex;align-items: center;justify-content: flex-start;}
.clv_row_time .time_info>span{display: inline-block;text-transform: uppercase;position: relative; padding-right: 40px;}
.clv_row_time .time_info>span::after{width: 24px;height: 3px;background: #ffa500; position: absolute;right: 8px;bottom: 8px;content: "";}
.clv_row_time .time_info>span:nth-child(2){padding-right: 0px;}
.clv_row_time .time_info>span:nth-child(2)::after{display: none;}
.clv_row_time .time_info>span>small{display:inline-block;font-size:11px;color:#000;font-weight:500;opacity:0.65;}
.clv_row_time .time_info>b{font-weight: 600;color: #2A5A8D;display: inline-block;padding-left: 4px;}
.clv_row_time>small{display:block;margin-top: 3px;font-size: 12px;font-weight: 400;color: #999;}
.clv_row_time>small>b{font-weight: 400;color: #5ac8d8;display: inline-block;}

.clv_row_info{width: 100%;max-width: calc(100% - 255px);max-width: -moz-calc(100% - 255px);min-height: 74px;background-color: #f8f8f8;border-radius: 3px;padding: 15px 20px;margin-bottom: 2px;display: flex;align-items: center;justify-content: space-between;}
.clv_row_info .row_info_title{width: 100%;max-width: calc(100% - 150px);max-width: -moz-calc(100% - 150px);display: flex;flex-direction: column;align-items: flex-start;justify-content:center;}
.clv_row_info .row_info_title>h4,.clv_row_info .row_info_title .row_title_text{width: 100%;font-size: 14px;font-weight:600;color:#444f5b;margin: 0px 0px 5px 0px;line-height: 1.2;position: relative; text-decoration: none;cursor: pointer;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.clv_row_info .row_info_title .title_category{display: flex;align-items: center;justify-content: flex-start;}
.clv_row_info .row_info_title .title_category .tc_info{font-size: 13px;font-weight: 600;color:#AB2117;margin-right: 10px;}
.clv_row_info .row_info_title .title_category .livetag{width: auto;padding: 5px 9px 4px 20px;background: #5E7F24;color: #fff;font-size: 10px;font-weight: 500; line-height: 1.2;border-radius: 25px;text-transform: uppercase;position: relative;}
.clv_row_info .row_info_title .title_category .livetag::before{width: 5px;height: 5px;background: #fff;border-radius: 5px;position: absolute;left:10px;top: 8px;content: "";}
.clv_row_info .row_info_title>p{font-size: 13px;line-height: 1.6;margin:5px 0px 0px 0px;color:#999;font-weight: 400;}
.clv_row_info .row_info_action{width: 150px;display: flex;align-items: center;justify-content: flex-end;}
.clv_row_info .row_info_action>svg{display: inline-block;fill:#cdccd1;margin-left: 15px;cursor: pointer;user-select: none;transition: all .3s ease;}
.clv_row_info .row_info_action>svg:hover{fill:#777;transition: all .3s ease;}
.clv_row_info .row_info_action>svg:first-child{margin-left: 0px;}
.clv_row_info .row_info_action>svg.active{fill:#5ac8d8;}
.clv_row_info .row_info_action .vagain_tag{width: auto;padding: 6px 11px 5px 11px;background: #fff;color: #333;font-size: 10px;text-transform: uppercase;border-radius: 25px;font-weight: 500;line-height: 1.2;white-space: nowrap;cursor: pointer;user-select: none;transition: all .3s ease;}
.clv_row_info .row_info_action .vagain_tag:hover{background: #fff;box-shadow: 0px 2px 4px rgba(0,0,0,0.1);transition: all .3s ease;}
.clv_list_row.greenProgress .clv_row_time,.clv_list_row.greenProgress .clv_row_info{background-color:#e0f6dc; background-image: linear-gradient(-45deg,#ffffff56 25%,#0000 25%,#0000 50%,#ffffff56 50%,#ffffff26 75%,#0000 75%,#0000);background-size: 9rem 9rem;}
.clv_list_row.redProgress .clv_row_time,.clv_list_row.redProgress .clv_row_info{background-color:#fde4e4; background-image: linear-gradient(-45deg,#ffffff36 25%,#0000 25%,#0000 50%,#ffffff36 50%,#ffffff26 75%,#0000 75%,#0000);background-size: 9rem 9rem;}

.clv_right{width: 300px;margin-top: -120px;} 
.clv_search_input{width: 100%;position: relative;margin-bottom: 20px;}
.clv_search_input>input{width: 100%; padding: 11px 15px 11px 45px; font-size: 14px;line-height: 1.2;color: #333;border:1px solid #ccc;border-radius: 25px;box-shadow: none;outline: none;}
.clv_search_input::before{width: 15px;height: 15px;border-radius: 50%;background: #0000;border: 2px solid #999;position: absolute;left: 14px;top: 11px;z-index: 1;content: "";}
.clv_search_input::after {width: 9px;height: 2px;background: #999;border-radius: 2px;position: absolute;left: 24px;top: 25px;z-index: 1;transform: rotate(45deg);content: "";}
.clv_cal_list{width: 100%;margin-bottom: 30px;display: flex;align-items: center;justify-content: space-between;}
.clv_cal_list .clv_cal_input {width: 210px; position: relative;}
.clv_cal_list .clv_cal_input > input {width: 100%; height: 40px; padding: 12px 32px 12px 10px; margin:0px; min-width: 210px; border-radius: 3px; border: 1px solid #939598; font-size: 13px;font-weight: 400;color:#333;position: relative;box-shadow: none;outline: none;}
.clv_cal_list svg {position: absolute;right: 8px;top: 8px;fill:#999;}

.clv_todaybtn, .clv_todaybtn:active, .clv_todaybtn:focus{width:auto;height:40px;background-color:#fff;color:#666;font-weight:500; border:solid 1px rgb(147, 149, 152); font-size:13px; font-weight:400; letter-spacing:0.0em; padding:7px 5px; margin:0px; border-radius:3px; text-transform:none; letter-spacing:0.02em; box-shadow: none; outline: none;transition: all .3s ease;}
.clv_todaybtn.mw75{min-width: 75px;}
.clv_todaybtn:hover,.clv_todaybtn:active:focus{color:#fff; background-color:#2a343e; border: 1px solid #2a343e; box-shadow: none;outline: none;transition: all .3s ease;}
.clv_todaybtn>svg{fill:#ffa500;}
.clv_todaybtn:hover>svg{fill:#fff;}
.clv_todaybtn.cl_round{display:block; border-radius: 25px!important;min-width: 100px;margin: 20px auto 0px auto!important;}

.clv_inlineview_calendar{width: 100%;position: relative;min-height: 288px;}
.clv_inlineview_calendar #clvDateInlineBox {width: 100%;position: relative;margin-bottom: 20px;}
.clv_inlineview_calendar #clvDateInlineBox .daterangepicker{display:block!important;position: relative;top:0px !important;left:0px!important;width:100%;box-shadow: none;z-index: 1;}
.clv_inlineview_calendar #clvDateInlineBox .daterangepicker::before,.clv_inlineview_calendar #clvDateInlineBox .daterangepicker::after{display: none;}
.clv_inlineview_calendar #clvDateInlineBox .daterangepicker .calendar{max-width: 300px;}
.clv_inlineview_calendar #clvDateInlineBox .daterangepicker.ltr .calendar.left .calendar-table{padding: 0px;}

.clv_data_info{width: 100%;background: #fff;border-radius: 5px;padding: 15px 15px 5px 15px;margin-bottom: 20px;}
.clv_data_info>h4{font-size: 14px;font-weight: 600;color: #4ac4d5;margin:0px 0px 5px 0px;text-transform: uppercase;}
.date_info_box{width: 100%;display: flex;justify-content: center;justify-content: space-between;flex-wrap: wrap;}
.date_info_box .date_info{width: 50%;display: flex;flex-direction: column;justify-content: center;justify-content: center;padding: 10px 0px;}
.date_info_box .date_info>small{display:block;font-size: 13px; font-weight: 500;color:#666;margin-bottom: 5px;}
.date_info_box .date_info>span{display:block;font-size: 24px; font-weight: 400;color:#999;}

.clv_ce{width: 100%;}
.clv_ce_btn{width: 100%;background: #99ca4b;border-radius: 25px;padding: 10px 20px;border:0px solid #99ca4b;font-size: 14px;font-weight: 500;color:#fff;text-align: center; box-shadow: none;outline: none;position: relative;cursor: pointer;user-select: none;transition: all .3s ease;}
.clv_ce_btn:hover{background: #85b33b;transition: all .3s ease;}

.clv_fullwidth{width: 100%;min-width: 1080px;position: relative;}
.clv_top_title{display: flex;height: 40px;justify-content: space-between;margin-bottom: 30px;}
.clv_top_title .clv_todaybtn, .clv_top_title .clv_month_title {flex:1;}
.clv_top_title .clv_todaybtn{max-width: 40px;}
.clv_top_title .clv_month_title{display: flex;align-items: center;justify-content: center;font-size: 24px;font-weight: 600;color:#f0483b;text-transform: uppercase;position: relative;}
.clv_top_title .clv_month_title::before{width: calc(50% - 80px);width: -moz-calc(50% - 80px);height:5px;background: #ebebec;position: absolute;left: 5px;top: 17px;content: "";}
.clv_top_title .clv_month_title::after{width: calc(50% - 80px);width: -moz-calc(50% - 80px);height:5px;background: #ebebec;position: absolute;right: 5px;top: 17px;content: "";}

.clv_dot_notation{width: 100%; margin-bottom: 30px; display: flex;align-items: center;justify-content: space-between;}
.clv_dot_notation ul.wvme,.clv_dot_notation ul.wfa{list-style: none;margin:0;padding:0;width: auto;display: flex;align-items: center;justify-content: flex-start;}
.clv_dot_notation ul.wvme li,.clv_dot_notation ul.wfa li{list-style: none;font-size: 13px;font-weight: 400;line-height: 1.2;color: #999;display: flex;align-items: center;}
.clv_dot_notation ul.wvme li>span{display: block;margin-right: 20px;padding-left: 22px;position: relative;}
.clv_dot_notation ul.wvme li>span::before{width: 15px;height:15px;border-radius: 10px;position: absolute;left:0px;top:0px;content: "";}
.clv_dot_notation ul.wvme li>span.wc::before{background: #5c92ce;}
.clv_dot_notation ul.wvme li>span.ve::before{background: #9ccc51;}
.clv_dot_notation ul.wvme li>span.me::before{background: #1ca2a2;}
.clv_dot_notation ul.wvme li>span.er::before{background: #a0a1a5;}
.clv_dot_notation ul.wfa li>svg{fill:#f0483b;margin-right: 8px;}

.clv_month_view{width: 100%;height: auto;position: relative;overflow: hidden;}
.clv_calendar {list-style: none;margin: 0;padding: 0;text-align: center;color: #999;display: grid!important;grid-template-columns: repeat(7, 1fr)!important;}
.clv_calendar li {padding: 11px 10px;position: relative;overflow: hidden;}
.clv_calendar li.day_name {width:97.5%;max-width: 97.5%;color: #666; background: #e3e6f0; margin: 0 auto 4px auto;font-size: 13px;font-weight: 600; border-radius: 4px;display: flex;align-items: center;justify-content: center;text-transform: uppercase;}
.clv_calendar li.first_day {grid-column-start: 6;}
.clv_calendar li:not(.day_name) {width: 97.5%;max-width: 97.5%;height: 170px;background: #fff;border-radius: 4px;margin: 0 auto 4px auto;border: 0px solid #ddd; box-shadow: 0px 0px 1px rgba(0,0,0,0.3), 0px 0px 0px rgba(0,0,0,0.1);transition: all .3s ease;user-select:none;}
.clv_calendar li:not(.day_name):hover {background: #f9faff;box-shadow: 0px 0px 1px rgba(0,0,0,0.5), 0px 0px 6px rgba(0,0,0,0.2);transition: all .3s ease;}
.clv_calendar li:not(.day_name).current {background: #474d60!important}
.clv_calendar li>div.day_count{width: 100%;display: flex;align-items: center;justify-content: space-between;margin-bottom: 8px;}
.clv_calendar li>div.day_count>span{width: auto;display: inline-block;font-size: 24px;font-weight: 700;color:#4ac4d5;}
.clv_calendar li>div.day_count>i{display: block;cursor: pointer;}
.clv_calendar li>div.day_count>i>svg{fill:#f0483b;position: relative;top:2px;}
.clv_calendar li>div.clv_cal_info{width:100%;display: flex;align-items: center;justify-content: center;flex-direction: column;flex-wrap: nowrap;cursor: pointer;}
.clv_calendar li>div.clv_cal_info>span.wc,.clv_calendar li>div.clv_cal_info>span.ve,.clv_calendar li>div.clv_cal_info>span.me,.clv_calendar li>div.clv_cal_info>span.er{display: block;margin-bottom: 4px;width: 100%;border-radius: 3px;font-size:11px;padding: 3px 5px; line-height: 1.2;font-weight: 400;color:#fff;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.clv_calendar li>div.clv_cal_info>span.va{display: block;width: calc(100% - 20px);width: -moz-calc(100% - 20px);font-size: 12px;font-weight: 500;text-align: center;position: absolute;bottom: 8px;cursor: pointer;}
.clv_calendar li>div.clv_cal_info>span.wc{background-color: #5c92ce;}
.clv_calendar li>div.clv_cal_info>span.ve{background-color: #9ccc51;}
.clv_calendar li>div.clv_cal_info>span.me{background-color: #1ca2a2;}
.clv_calendar li>div.clv_cal_info>span.er{background-color: #a0a1a5;}

.clv_customViewModal .modal-dialog.mw800{width: 96%;max-width: 800px;}
.clv_customViewModal .modal-dialog .modal-content .modal-body h4{width: 100%;text-align: center;font-size: 24px;font-weight: 700;color:#4ac4d5;margin: 10px 0px 20px 0px;text-transform: uppercase;}
.clv_customViewModal .modal-dialog .modal-content .modal-body h5{width: 100%;text-align: center;font-size: 16px;font-weight: 500;color:#666;margin: 10px 0px 20px 0px;}
.clv_customViewModal .modal-dialog .modal-content .modal-body .clv_list_row{background: #f5f5f5;border-radius: 3px;flex-direction: column;margin-bottom: 3px;}
.clv_customViewModal .modal-dialog .modal-content .modal-body .clv_list_row .clv_row_time{width: 100%;background: none;padding-bottom: 0px;min-height: 36px;flex-direction: row;justify-content: flex-start;}
.clv_customViewModal .modal-dialog .modal-content .modal-body .clv_list_row .clv_row_time .time_info{width: auto;}
.clv_customViewModal .modal-dialog .modal-content .modal-body .clv_list_row .clv_row_time>small{margin: 0 0 0 10px;line-height: 1.6;}
.clv_customViewModal .modal-dialog .modal-content .modal-body .clv_list_row .clv_row_info{max-width: 100%;background: none;padding-top: 0px;}
.clv_customViewModal .modal-dialog .modal-content .modal-body .clv_list_row .clv_row_info .row_info_title{max-width: 100%;}
.clv_customViewModal .modal-dialog .modal-content .modal-body .clv_list_row .clv_row_info .row_info_title .row_title_text{margin-top: 10px;}
.clv_event_mh400{width: 100%;height: auto;max-height: 400px;overflow-x: hidden;overflow-y: auto;}
.clv_event_type{width: 100%;max-width: 400px;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;margin:0 auto 10px auto;}
.clv_event_type .clv_event_category{width: 47.5%;height: 130px;padding: 30px 10px;margin-bottom: 20px; background: #f5f5f5;border-radius:5px;display: flex;align-items: center;justify-content: center;flex-direction: column; transition: all .3s ease;cursor: pointer;}
.clv_event_type .clv_event_category:hover>span{color:#333; transition: all .3s ease;}
.clv_event_type .clv_event_category>svg{fill:#666;width: 32px;min-height: 32px;}
.clv_event_type .clv_event_category>span{color:#999;font-size: 14px;font-weight: 500;display: block;width: 100%;text-align: center;margin-top: 10px; transition: all .3s ease;}

@media screen and (max-width:1199px){
    .clv_tab.listview_design{width: 100%;max-width: 100%;padding-right: 0px;}
    .clv_listview{flex-direction: column;}
    .clv_listview .clv_left{order:2;margin-top: 20px;}
    .clv_listview .clv_right{margin-top: 0px;width: 100%;display: flex;flex-direction: column;position: relative;border-bottom: 2px solid #ddd;}
    .clv_left{max-width: 100%;padding-right: 0px;}
    .clv_inlineview_calendar{display: none;}
    .date_info_box{flex-wrap: nowrap;}
    .clv_listview .clv_right .clv_search_input{order:1;width: 48.5%;}
    .clv_listview .clv_right .clv_search_input.top_search{display:none;position: absolute;bottom: 0px;right: 0px;}
    .clv_ce{display: block;width: 50%;position: absolute;bottom: 20px;right: 0px;}
    .clv_type_toggle{margin-top: 20px;}
    ::-webkit-scrollbar-track {
      -webkit-box-shadow: inset 0 0 5px #ccc;
      border-radius: 5px;
    }
    ::-webkit-scrollbar {
      width: 5px;
      height: 5px;
      -webkit-border-radius: 5px;
      border-radius: 5px;
    }
    ::-webkit-scrollbar-thumb {
        -webkit-border-radius: 5px;
        border-radius: 5px;
        background: linear-gradient(to right, #eee 0%, #4ac4d5 0%);
    }
}
@media screen and (max-width:768px){
    .clv_toggle_btn {width:100%;overflow-x: auto;overflow-y: hidden;padding-bottom: 15px;}
    .clv_left{margin-bottom: 15px;}
}
@media screen and (max-width:767px){
	.clv_row_info .row_info_action{padding-top:0px;}
	.clv_row_info .row_info_action .AddCalendar_Btn{position:absolute;top:-95px;}
	.clv_row_info .row_info_action .AddCalendar_Btn .dropdown>a{font-size:10px;text-transform:uppercase; padding: 5px 10px;}
	.clv_row_info .row_info_action .AddCalendar_Btn .dropdown>a>svg{display:none;}
    .calendar_view_wrapper{padding-left:15px;padding-right: 15px;}
    .date_info_box{flex-wrap: wrap;}
    .clv_listview .clv_right .clv_search_input.top_search{position: relative;}
    .clv_listview .clv_right .clv_search_input{width: 100%;}
    .clv_list_row{flex-direction: column;margin-bottom: 15px;}
    .clv_row_time,.clv_row_info{width: 100%;max-width: 100%;position: relative;margin-right: 0px;padding: 10px 10px;min-height: 60px;}
    .clv_row_info .row_info_title{max-width: 100%;}
    .clv_row_info .row_info_action{position: absolute;right: 10px;bottom:10px;}
    .clv_cal_list{margin-bottom: 20px;}
    .clv_customViewModal .modal-dialog .modal-content .modal-body .clv_list_row .clv_row_time{flex-direction: column;}
    .clv_customViewModal .modal-dialog .modal-content .modal-body .clv_list_row .clv_row_time>small{margin-left: 0px;margin-top: 3px;}
    .clv_ce{display: block;width: 100%;position: relative;bottom: 0px;right: 0px;order:2;margin-bottom: 20px;}
}
/* css for Calendar listview/calendar view end 04 June 21 */

/* Edit home page design 24 July start here */
.AddCalendar_Btn>.dropdown>a>i.fas{display:none;}
/* Edit home page design 24 July end here */