/* Style v10-enhancements. Made post the release of 02 Sep 2024. To disable this set the property global.v10enhancements.css to false, default true */
:root{
	--global-background: #FFF;
	--color-homepage-widget-title:#000000;
	--color-homepage-widget-title-hover:#1660A1;
	--height-bottom-button-panel:60px;
	--global-font-family: Nunito Sans;
	--brand-color-1: #4673D2;
	--brand-color-2: #F8963B;
	--helpicon-color: #F8963B;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin:0;	padding:0;	border:0;font-family:var(--global-font-family);font-style:normal;}
/* widget style changes*/
.dashboard-widget{box-shadow:unset;border-radius:6px;float:left;margin-bottom:20px;border:1px solid rgba(0, 0, 0, .2);width: calc(100% - 20px);}
.dashboard-widget-hover-js {border: 1px solid rgb(0,0,0, .5);}
.leave-widget-title{background: #39D3EC  !important;}
.newsFeed-widget-title{background: #F7B2B7 !important;}
.attendance-widget-title{background: #A9DCD9 !important;}
.misc1-widget-title{background: #FFAC81 !important;}
.misc2-widget-title{background: #82CDE5 !important;}
.misc3-widget-title{background: #D0FFB7 !important;}
.misc4-widget-title{background: #CEB5B7 !important;}
.misc5-widget-title{background: #A4BEF3 !important;}
.misc6-widget-title{background: #EFE9AE !important;}
.dashboard-widget-title{border-top-left-radius:6px;border-top-right-radius:6px;border-bottom: 1px solid rgba(0,0,0,0.2);}
.dashboard-widget-title-hover-js{border-bottom-color:rgb(0,0,0, .5);}
.dashboard-widget-content{padding-right:unset;}
.widget-title-text{color: var(--color-homepage-widget-title);font-size:17px;letter-spacing:0;}
#activities_title.dashboard-widget-title{background: #E5FCFF;}
#calendar_title.dashboard-widget-title{background: #ABDAFC;font-weight: 600;color: var(--color-homepage-widget-title);}
.calendar_title_text{color: var(--color-homepage-widget-title);}
.buddy-box{border-bottom: 1px dotted #ccc;}
.next_prev_btn {color:#aaa; padding: 5px; border-radius: 23px;}
.next_prev_btn:hover {color: #FFF;background: #777; padding: 5px; border-radius: 23px;}
.nextPrevMonth_dashboardwidget i:hover{color:var(--brand-color-2);}
/* panel */
.headerbar{font-size: 22px;line-height:36px;}
#panel-quick{filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, .25));}
.theme-showcase-ws #panel-quick.instruction a {color:var(--brand-color-2);}
.theme-showcase-ws #panel-quick.instruction a:hover {color:var(--brand-color-2-hover);}
/* messages */
.messagePanelV10{font-size: 14px;letter-spacing: 0.75px;color:#4d4d4d;font-weight:400;}
.home_left .boxmain  .cdmt-message-box.isRead{background:#F2F7F9;}
.home_left .boxmain .cdmt-message-box.isRead:hover .hidden_div{background:#F2F7F9;}
.home_left .boxmain .cdmt-message-box.isUnread:hover .hidden_div{background:#e5e5e5;}
.messagePanelV10.isUnread{font-weight:700;color:#666;font-size:15px;}
.messageDatePanelV10{font-size: 14px;letter-spacing: 0.75px;}
.countMessageV10, .countMessageV10White{font-size:13px;color: var(--color-homepage-widget-title);}
.countMessageV10:hover, .countMessageV10White:hover, #calendar_title a:hover, #newsFeed a:hover, #attendance_title a:hover, #leave_title a:hover{color:var(--brand-color-2);}
.cdmt-message-box .markMessageStarred {padding-left: 15px;}
/* dialog box */
#modal-header-title{font-size:18px; font-weight:700;color:var(--standard-text-color);}
.popup .form-group label, .popup label, .popup_new .form-group label, .popup_new label, .form-horizontal label, .form-group label, .form-group label .radio, .form-group div .radio, .form-group .radio label{font-size:15px;}
#content-section{width:100svw;height:100svh;}
.margin-top-admin {margin-top: 94px;height: calc(100svh - 120px) !important;}
.content-section-with-bottom-menu{height: calc(100svh - var(--height-bottom-button-panel)) !important; }
.homePageFrame-buttonPanel{position:fixed;width: 100%;bottom:0px;height:var(--height-bottom-button-panel);left:0px;border-top:2px solid #ccc;}
.content-section-with-bottom-menu-non-frame-mode{height: calc(100svh - var(--height-bottom-button-panel) - 70px) !important; }
.modal-dialog-empxtrack .modal-header .close{color:#0!important;background:rgb(217,217,217);height:30px;width:30px;border-radius:2px;}

/* buttons fonts*/
.del-rem-hide a, .secondary-links a{font-size:15px !important;}
.del-rem-hide a:not(:last-child), .secondary-links a:not(:last-child){border-right: 1px solid rgba(0,0,0,0.5) !important;padding: 6px;}
.main-buttons ul li a {border-radius: 4px;font-size:16px;font-weight:500;}

.main-buttons ul li a:not(#btn_Close, #btn_Cancel, #btn_Done, #openNavQuickLinkPanel){filter:drop-shadow(0px 2px 4px rgba(248,150,59,0.25));}
/*.main-buttons ul li:nth-child(1n + 1), .main-buttons ul li a:nth-child(1n + 1) {background-color:cyan;}*/
 
.headerbar {border-top-left-radius: 4px;color:#000;font-weight:700;padding-left:10px;}
.headerbar .font_display_x-small_bold{font-size:20px;}
.headerbar .aha_section_steps{padding-left:10px;}

/* table updates, rounding, font etc */
table.li_leave_table_two, table.li_leave_table_three{margin:0px;}
table.li_leave_table_three tr:first-child th:first-child, table.li_leave_table_two tr:first-child th:first-child{border-top-left-radius:4px;}
table.li_leave_table_three tr:first-child th:last-child, table.li_leave_table_two tr:first-child th:last-child {border-top-right-radius:4px;}
.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter{padding-top:10px; padding-bottom:5px;}
table.li_leave_table_three tr:first-child th:first-child,table.li_leave_table_two tr:first-child th:first-child {padding-left:10px;}

.main-buttons ul li a:hover {background: var(--brand-color-2-hover) !important; color: #fff !important;}
/* Handling the help icon */
.panel-help-span .styleBulletPoint{color:var(--brand-color-2);}
.help-header-des ul {list-style:none; padding:right:5px;}
/*.help-header-des ul li:before {content:'\x187';}*/
.overlay_right a.closebtn{right: 0px;top: 0px; position: absolute;}
#snackbar .close-icon{padding-left: 2px;}
#snackbar .msgContent{width:93%;text-align:left;}

/* footer style changes to handle footer in the left icon section*/
.container .footer {background: #F1F2F7;line-height:unset;}
#left_side_menus .row{bottom: 0px;position: absolute;width: 144px;}
#left_side_menus .footer {background: #F1F2F7;}
#left_side_menus .v10-footer .tos a{font-size:8px;}

/* ajax search changes */
#ajax_listOfOptions div.optionDiv{font-family:unset;width:95%;display: inline-block;}
#ajax_listOfOptions div.optionDivSelected{font-family:unset;width:95%;display: inline-block;}
#ajax_listOfOptions div.closeDiv{width: 5%; display: block; padding: unset; border: unset; font-family: unset; clear: both;}
#ajax_closeBtnSpan .close-icon{border-radius: 4px;height: 16px; width: 16px; padding-top: 2px; padding-left: 2px;margin-top: 0px;margin-right:0px;}

/* changes to panel */
#panel-quick {border-radius: 6px;}
#panel-quick .close-icon {margin-top: 0px; height: 16px; width: 16px; border-radius: 4px; padding-top: 2px; padding-left: 2px;font-size:12px;}

#panel-quick a.btn-warning {color: #ccc !important;background: var(--brand-color-2);padding: 3px 6px !important;border: 1px solid var(--brand-color-2);}
.theme-showcase-ws #panel-quick a.btn-warning{color: #FFF !important;}
/* Handling the alignment issues */
.personalprofile{padding:unset;}
table.li_leave_table_three tr td, table.li_leave_table_two tr td{padding-left:0px;}
#sections .content-area table.li_leave_table_two td, table.li_leave_table_three td, table.li_leave_table_three tr.bb td{padding-left:0px;}
.table_icon_hover{cursor:pointer;}
/* tabs */
.li_leave_menu li.selected{background:var(--brand-color-1);border-top-left-radius: 4px;border-top-right-radius: 4px;}
#header, #header-app, .li_menu_size, .li_render_tabs{border-bottom:3px solid var(--brand-color-1);}
.tooltip {display:inline;}
/* Hiding the time based activities icon */
@media only screen and (max-width:480px) {
	.newsfeed-widget{max-height: calc(640px - 25px) !important;min-height:calc(640px - 25px) !important;}
	#serachBar #panel-quick .close-icon{top:unset;margin: unset; padding-right: 8px;}
	#ajax_listOfOptions div.optionDivSelected{width:92%;}
	#ajax_listOfOptions div.closeDiv{width: 8%;}
	.overlay_left .closebtn, .overlay_right .closebtn{right:-15px; top: -10px;}
	.tooltip {display:none;}
}