html
{
    font-size: 100%;
}
body
{
    font-size: 1em;
    font-family: 'Poppins' , sans-serif;
    background-color: #c5c5c5;
    /*overflow:hidden;*/
}

html,
body {
    overscroll-behavior-y: contain;
}

div#AppBanner {
    padding-top: 10px;
    margin: 5px;
    background-color: #fff;
    border-radius: 4px;
    padding: 0px 10px;
}

.PopupBody
{
    background-color: #eee;
}

/* /////////////////// */

.cropper-bg
{
    background-image: none;
}
#lblErrormsg
{
    font-size: 14px;
}
.TitleBar
{
    /*font-weight: bold;*/
    background-color: #348cd4;
    color: #f8fbfe;
    border-bottom: 1px solid #67aee8;
}
.SelectedItemStyle, .AlternateItemStyle, .ItemStyle
{
    /*font-size: 12px;*/
    height: auto;
    max-height: auto;
}
        
.LogInLogOutBarButton
{
    margin: -15px;
    background-color: transparent;
}
.LogInLogOutBarMenu
{
    margin-top: 6px;
    border-radius: 0px;
    border-top: none;
}
.LoggedUserText
{
    padding: 4px 10px;
    background: purple;
    color: white;
    border-radius: 18px;
    font-size: 15px;
    text-align: center;
    text-transform: capitalize;
}

.LoggedUserIcon-For-Chat
{
    padding: 4px 10px;
    background: #6c62a9;
    color: white;
    border-radius: 18px;
    font-size: 15px;
    text-align: center;
    text-transform: capitalize;
}


@media only screen and (max-width: 767px)
{
    .LogInLogOutBarMenu
    {
        margin-top: 0px;
    }
}
.btn.focus, .btn:focus
{
    box-shadow: 0 0 0 0.2rem transparent;
}
#username
{
    padding-right: 15px;
    color: white;
    font-size: 13px;
}
        
.DashBoardToolTip
{
    margin: 5px;
    padding-right: 15px;
    color: white;
    font-size: 13px;
}
        
.DashBoardToolTip span
{
    display: none;
}
        
@media only screen and (min-width: 992px)
{
    .DashBoardToolTip span
    {
        display: inline;
    }
}
        
        
.popover
{
    border: 2px solid black;
    max-width: 80%;
}
.popover-header
{
    background-color: #33333333;
    color: #1b578a;
    text-align: center;
}
.popover-body
{
    background-color: #FFFFFF;
    color: #333;
}
        
.bs-popover-right .arrow::after
{
    border-right-color: #000;
}
.bs-popover-left .arrow::after
{
    border-left-color: #000;
}
.bs-popover-top .arrow::after
{
    border-top-color: #000;
}
.bs-popover-bottom .arrow::after
{
    border-bottom-color: #000;
}
        
/* /////////////////// */

.hd-signbox-inactive
{
	pointer-events:none;
}

.hd-flex-container
{
	display:flex;
}

.hd-fill
{
	flex:1;
}

.hd-flex-container-wrap
{
	display:flex;
	flex-wrap: wrap;
}

.hd-flex-container.text-right {
    justify-content: end;
}

.hd-flex-container-wrap.text-right {
    justify-content: end;
}

.dropdown-menu
{
	z-index:10000 !important;
}
/**** AdditionalFiltersPanel Start ****/
/*.AdditionalFiltersPanel
{
    font-size: 11px;
    padding: 6px 15px;
    margin: 5px 4px 0px 4px;
    color: #000;
    letter-spacing: .4px;
}
.AdditionalFiltersPanel input
{
    letter-spacing: .4px;
    font-size: 11px !important;
}
.AdditionalFiltersPanel input[type=text]
{
    min-height: 28px;
    border-radius: 0px;
}
.AdditionalFiltersPanel .fa
{
    color: #fff;
}

.filter-label
{
	font-size: 11px;
}

.AdditionalFiltersPanel label, 
{
    line-height: 14px;
    text-align: center;
    margin: auto;
}
.AdditionalFiltersPanel .v-align
{
    margin: auto;
}*/


.AdditionalFiltersControls .hd-collapsible-content
{
	padding-left:0px;
}

.hd-collapsible-content
{
	padding-left:5px;
}

.hd-close-panel.panel-btn
{
    font-size: 0.9em;
    padding-bottom: 7px;
    padding-top: 5px;
    cursor:pointer;
}

.hd-close-panel.panel-btn.opened::before
{
	color: #b3b3b3 !important;
}

.hd-close-panel.panel-btn.closed::before
{
	color: #348cd4 !important;
}

/*.close-lpanel-btn.opened::before
{
	color: #b3b3b3 !important;
}

.close-lpanel-btn.closed::before
{
	color: #348cd4 !important;
}*/


.AdditionalFiltersPanel
{
    /*font-size: 11px;*/
    padding: 6px 15px;
    margin: 5px 4px 0px 4px;
    color: #000;
    letter-spacing: .4px;
}
.AdditionalFiltersPanel .btn-outline-secondary
{
	font-size:11px;
	padding:3px 5px;
}
/*.AdditionalFiltersPanel input
{
    letter-spacing: .4px;
    font-size: 11px !important;
}
.AdditionalFiltersPanel input[type=text]
{
    min-height: 28px;
    border-radius: 0px;
}*/
/*
.AdditionalFiltersPanel .fa
{
    color: #fff;
}

/*.filter-label
{
	font-size: 11px;
}*/

/*.AdditionalFiltersPanel label, 
{
    line-height: 14px;
    text-align: center;
    margin: auto;
}*/
.AdditionalFiltersPanel .v-align
{
    margin: auto;
}



/**** AdditionalFiltersPanel End ****/
.TBB
{
    display: inline-block;
}

.TBBDropdown
{
    display: inline-block;
}

.btn-hdtoolbar
{
    font-weight: normal !important;
    color: #ffffff;
    background-color: transparent;
    background-image: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    text-align: left;
    padding: .2rem .75rem;
    font-size: .75rem !important;
    cursor:pointer !important;
}

.tooltiptext
{
    visibility: hidden;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 15px; /* Position the tooltip */
    position: absolute;
    z-index: 99;
    font-size: .7em;
    margin: 5px 10px;
    font-weight: bold;
}
.TBB:hover .tooltiptext
{
    visibility: visible;
}
.TBB img
{
    width: 32px;
}
.ui-tooltip
{
    border: 2px solid gray;
    position: absolute;
    width: auto !important;
    max-width: none !important;
}
@media only screen and (max-width: 600px)
{
    .TBB
    {
        display: inline-block;
        padding-right: 5px;
        /*padding-top: 5px;
        padding-bottom: 5px;*/
    }
    .TBB img
    {
        width: 48px;
    }
}
.hd-form-control
{
    font-size: 0.8rem !important;
    padding-top: 0.1rem !important;
    padding-bottom: 0.1rem !important;
}
.hd-form-group
{
    margin-bottom: 0.5rem;
}
.hd-narration-heading
{
    font-size: 13.5px;
    padding-right: 0;
    margin-bottom: 0;
    align-self: center;
    vertical-align: middle;
    color: Black;
    letter-spacing: .4px;
}
.hd-narration
{
    font-size: 11.5px;
    padding-right: 0;
    margin-bottom: 0;
    align-self: center;
    vertical-align: middle;
    color: Black;
    letter-spacing: .4px;
}
.hd-form-label
{
    padding-right: 0;
    margin-bottom: 0;
    align-self: center;
    vertical-align: middle;
    font-size: 13px;
    color: Black;
    letter-spacing: .4px;
    padding-bottom: 7px;
}
.hd-form-label-value
{
    padding-right: 0;
    margin-bottom: 0;
    align-self: center;
    vertical-align: middle;
    font-size: 13px;
    color: #565656;
}
.hd-form-span
{
    font-size: 12px;
    padding-right: 0;
    margin-bottom: 0;
    align-self: center;
    vertical-align: middle;
}
.HDToolbar
{
    padding-top: 5px;
    padding-bottom: 5px;
    background-color2: #348cd4;
    background-color: #284255;
    color: #f8fbfe;
    --text-align: right;
}


/* Overriding bootstrap styles */


table
{
    border-collapse: separate;
    border-spacing: 1px;
}

.custom-control-label
{
    padding-top: 3px;
    padding-right: 15px;
    color: Black;
}
.custom-control
{
    display: inline-block;
}
.top-part
{
    --background-color: #e9ecef;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    padding: 0px 0px 0px 0px;
    --background-color: #000;
}

.custom-control-label::before
{
    background-color: #0888ef;
}

#HDAppBoardWrapper
{
    background: #284255;
    width: 200px;
}

#HDAppBoard
{
    display: block;
}

.HDAppTaskButton, .HDAppBoardButton
{
    display: inline-block;
}

.hd-PR0L1
{
    padding-right: 0px;
    padding-left: 0px;
}



#MainApplicationClientArea
{
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
}

/*#MainApplicationClientArea, #MainAppContainerDiv
{
    height: calc(100vh - 44px);
    min-height: calc(100vh - 44px);
    max-height: calc(100vh - 44px);
}*/

#HDAppBoard
{
    height: calc(100vh - 84px);
    min-height: calc(100vh - 84px);
    max-height: calc(100vh - 84px);
}

#MainAppContainerDiv
{
    overflow-x: hidden;
    overflow-y: auto;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
}

@media only screen and (min-width: 768px)
{
    #HDAppBoard
    {
        height: calc(100vh - 130px);
        min-height: calc(100vh - 130px);
        max-height: calc(100vh - 130px);
    }

	#HDAppBoard.Unpinned
    {
        height: calc(100vh - 84px);
        min-height: calc(100vh - 84px);
        max-height: calc(100vh - 84px);
    }

    /*#MainAppContainerDiv, #MainApplicationClientArea
    {
        height: calc(100vh - 44px);
        min-height: calc(100vh - 44px);
        max-height: calc(100vh - 44px);
    }*/
    
    #MainAppContainerDiv
    {
        width: calc(100% - 200px);
        min-width: calc(100% - 200px);
        max-width: calc(100% - 200px);
    }
}

#BuildDateHolder
{
    font-size: 65%;
    position: absolute;
    left: 6px;
    bottom: 2px;
    color: green;
    font-weight: 600;
}

#LoginLogoutBar
{
    padding-right:10px;
}

/*Top Bar Login & Logout*/
#LoginLogoutBar .dropdown-menu
{
    padding: 0px;
}

#LoginLogoutBar .dropdown-item, .dropdown-item 
{
    font-size: 11px;
    padding: 5px 5px 5px 10px;
    cursor:pointer;
    /* width: calc(100% - 27px) !important; */
    margin-right:15px;
}

.dropdown-item:hover {
    background-color: #deefff;
}

.dropdown-item.active, .dropdown-item:active {
    color: #fff;
    background-color: #007bff;
}

.LogInLogOutBarButton
{
    font-size: 11px;
}
.CalanderOptionSelection
{
    font-size: 11px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    cursor:pointer;
}
.HDToolbar .dropdown-toggle:focus 
{
    box-shadow: 0 0 0 0 black !important;
}

@media only screen and (max-width: 767px)
{
	/*
    .dropdown-item
    {
        font-size: 11px;
        padding: 7px 5px 7px 10px;
    }
    #LoginLogoutBar
    {
        visibility: hidden;
    }
    #LoginLogoutBar .dropdown
    {
        display: none;
    }
    #LoginLogoutBarMobile .dropdown
    {
        position: absolute;
    }
    .LogInLogOutBarButton
    {
        background-color: transparent !important;
    }
    .dropdown-menu
    {
        position: absolute;
        will-change: transform;
        top: 16px;
        left: -199px;
        transform: translate3d(-111px, 32px, 0px);
    }
    .dropdown-menu:after
    {
        left: 78%;
        top: -5px;
    }
    #LoginLogoutBarMobile .dropdown
    {
        top: 16px;
        right: 13px;
    }
    #LoginLogoutBarMobile .dropdown button i
    {
        font-size: 25px;
    }
    .btn.focus, .btn:focus
    {
        box-shadow: none !important;
    }
*/

}







/*-------------------floating label with text box and textarea---------------*/

.login-card
{
    max-width: 350px;
    margin-top: 20px;
    padding: 30px;
}

.login-card-top
{
    margin-top: 20px;
}
@media only screen and (min-width: 767px)
{
    .login-card-top
    {
        margin-top: 150px;
    }
}
.login-card > h4
{
    color: #1970b7;
}
.login-card > .form-group > .btn
{
    font-size: .85rem;
}

.modal-footer
{
    display: inline !important;
}
.hd-form-btn
{
    font-size: 13px;
}
.hd-nav-link
{
    color: #777;
}
.active
{
    color: #2996cc !important;
}

.LockOn
{
    display: block;
    visibility: visible;
    position: fixed;
    z-index: 9999;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 1910px;
    background-color: #423232;
    text-align: center;
    padding-top: 20%;
    filter: alpha(opacity=75);
    opacity: 0.75;
    color: @WhiteFont;
    font-size: 15px;
}
.LockOff
{
    display: none;
    visibility: hidden;
}
.document-number
{
    font-weight: 600;
    color: #348cd4;
    letter-spacing: 0.06em;
    font-size: 15px;
}


.LeftPanel, .LeftPanelLarge
{
    width: 100%;
    display: none;
}
.RightPanel, .RightPanelSmall
{
    width: 100%;
}
/*#LeftPanelBar
{
    padding-left: 15px;
    padding-top: 10px;
}*/

@media only screen and (min-width: 767px)
{
    .LeftPanelOpener, .closeleftpanel, .closeleftpanel1, .btn-showleftpanel /*, #LeftPanelBar*/ 
    {
        display: none;
    }
    .LeftPanel
    {
        width: 250px;
        float: left;
        display: block;
    }
    .RightPanel
    {
        width: calc(100% - 250px);
        float: left;
    }
    
    .LeftPanelLarge
    {
        width: 500px;
        float: left;
        display: block;
    }
    .RightPanelSmall
    {
        width: calc(100% - 500px);
        float: left;
    }
}

@media only screen and (min-width: 1200px)
{
    .LeftPanel
    {
        width: 275px;
    }
    .RightPanel
    {
        width: calc(100% - 275px);
    }
    
    .LeftPanelLarge
    {
        width: 675px;
    }
    .RightPanelSmall
    {
        width: calc(100% - 675px);
    }
}



@media only screen and (min-width: 1600px)
{
    .LeftPanelLarge
    {
        width: 775px;
    }
    .RightPanelSmall
    {
        width: calc(100% - 775px);
    }
}
/*#LeftPanelBar
{
    padding-left: 15px;
    padding-top: 10px;
}
#LeftPanelBar i
{
    font-size: 30px;
}*/
@media only screen and (max-width: 767px)
{
    .showleftpanel
    {
        display: block;
        background-color: whitesmoke;
        position: fixed;
        top: 0px;
        left: -275px;
        z-index: 10;
        width: 70%;
        /*height: 100%;*/
        max-width: 265px;
        transition: left 0.5s;
        background: #FFFFFF !important;
    }
    .showleftpanel-open
    {
        left: 0px;
    }

   .hd-close-panel.panel-btn.lpanel
    {
    	display:none;
    }
}

.ShowNoSlide {
    padding: 0px;
    border: 0px !important;
    margin: 0px;
    background: #00000000;
}

.closeleftpanel
{
    color: black;
    position: absolute;
    right: 9px;
    font-size: 20px;
    top: 14px;
    z-index: 9999;
}
.closeleftpanel1
{
    color: black;
    position: absolute;
    right: 10px;
    font-size: 20px;
    top: 13px;
    z-index: 9999;
}
.document-date
{
    color: #d2b28a;
    font-weight: 600;
}
.hd-form-button
{
    font-size: 12px !important;
    padding: 3px 6px;
}
/*--------------------User fields----------------------*/
.UserFieldContainer
{
    min-height: 55px;
    /*max-height: 160px;*/
    overflow-y: auto;
    overflow-x: hidden;
    padding-top: 8px;
}

.UserFieldContainer label
{
    margin-bottom: 2px;
    font-size: 12px;
}


.ListSortBoxBtn
{
    background-color: transparent;
}


.ListSortBoxBtn .fa, .ListSortBoxBtn .fa-solid
{
    color: Gray;
    font-size: 24px;
}

.search-combobox
{
    border: 1px solid #CBD5DD;
    font-size: 11px!important;
    height: 25px;
    width:100%;
}

.combobox
{
    border: 1px solid #CBD5DD;
    font-size: 11px!important;
    width: 100%;
    outline-style: none;
    height: 34px;
    position: absolute;
    top: 13px;
    padding-right: 5px;
    padding-left:5px;
}


.combobox:focus
{
    border-left: 1px solid #348cd4;
    border-right: 1px solid #348cd4;
}
.input-group-combobox
{
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
}
/*-------------------Tabs start-----------------*/
.hd-ui-tabs-nav, .hd-ui-tabs-nav > .hd-ui-tabs-tab
{
    background: none;
    border: 1px solid transparent;
}
.hd-ui-tabs-nav > .ui-tabs-active, .hd-ui-tabs-nav > .ui-tabs-active:hover
{
    background-color: #007bff1a !important;
}
.hd-ui-tabs-nav > .ui-tabs-active:active
{
    background: #007bff0a radial-gradient(circle, transparent 1%, #007bff0a 5%) center/1500%;
}
.hd-ui-tabs-nav > .hd-ui-tabs-tab:hover
{
    background-color: #f4f8fb;
}
.hd-ui-tabs-nav > .ui-tabs-active > a
{
    color: #007bff;
}
.slider
{
    --width: 55px;
    height: 2px;
    background-color: #007bff;
    position: absolute;
    top: 41px;
    transition: all .2s linear;
    left: 3px;
}
.hd-ui-tabs-tab a
{
    padding: 7px 10px !important;
    font-size: 15px !important;
}
.filter-slider
{
    width: 36px;
    top: 39px;
    left: 20px;
    z-index: 999;
}
.appt-slider
{
    left: 6.375px;
    top: 40px;
    width: 40px;
}

/*---------------------------Tabs End----------------------*/

/*----------Access Right Start-----------------------------*/

#ListFuctionalityAccessForUserDiv
{
    position: relative;
    margin-bottom: -10px;
}
#ListFuctionalityAccessForUserDiv table
{
    border-collapse: collapse;
    width: 100%;
}
#ListFuctionalityAccessForUserDiv th
{
    border: 1px solid #dddddd;
    padding: 8px;
    background-color: #e8e8e8;
}
#ListFuctionalityAccessForUserDiv td
{
    border: 1px solid #dddddd;
    padding: 2px 8px;
}
#ListFuctionalityAccessForUserDiv .MinHeight
{
    max-height: calc(100vh - 310px);
    min-height: calc(100vh - 310px);
    overflow-y: scroll;
}
#ListFuctionalityAccessForUserDiv .MinHeight table
{
    table-layout: fixed;
}
#ListFuctionalityAccessForUserDiv .ButtomPanel
{
    position: absolute;
    bottom: 58px;
    width: 100%;
    padding-right: 20px;
    text-align: right;
}
/*----------Access Right End-----------------------------*/

#CommonListViewChoices i
{
    padding: 5px;
    --color: #348cd4;
    color: black;
    cursor: pointer;
}
#CommonListViewChoices
{
    font-size: 17px;
    display: inline-block;
    width: 100%;
    background-color: #284255;
}

#CommonListViewChoicesInner
{
    margin: 5px;
    background-color: #fff;
    border-radius: 4px;
    padding: 0px 10px;
}

.ReportTreeView
{
    margin: 11px;
    padding: 10px;
    height: calc(100vh - 20px);
    min-height: calc(100vh - 20px);
    max-height: calc(100vh - 20px);
    overflow: auto;
}

@media only screen and (min-width: 767px)
{
   .ReportTreeView
    {
        margin: 5px;
        padding: 10px;
        height: calc(100vh - 92px);
        min-height: calc(100vh - 92px);
        max-height: calc(100vh - 92px);
        overflow: auto;
    }
    
    #HDPopupWindow .ReportTreeView
    {
        height: calc(100vh - 310px);
        min-height: calc(100vh - 310px);
        max-height: calc(100vh - 310px);
        
    }
}

.sandbox
{
	background-color: #d33242 !important;
}


/*------------------------FAB Buttons-------------------------------------------*/

.hd-fab-action-grp
{
    position: fixed;
    top: -1px;
    right: 95px;
    --margin: 10px 10px -6px 10px;
    z-index: 1035;
}

@media (max-width: 767px)
{
    .hd-fab-action-grp
    {
        top: 3px;
        right: 46px;
    }
}
.hd-fab-btn i
{
    text-align: center;
    vertical-align: middle;
}
.hd-fab-btn
{
    position: absolute;
    top: 0;
    right: 0;
    padding: 0;
    width: 37px;
    height: 37px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
    text-decoration: none !important;
    --opacity: .8;
}

.hd-fab-btn.hd-fab-btn-lg
{
    --width: 55.5px;
    --height: 55.5px;
}
.hd-fab-btn i
{
    color: #fff;
    display: block;
    line-height: 37px;
}
.hd-fab-btn.hd-fab-btn-lg i
{
    --line-height: 55.5px;
    font-size: 17px;
    --box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.68);
    border-radius: 50%;
}
.hd-fab-action-btns
{
    min-width: 60px;
    bottom: 0;
}

.hd-fab-action-grp:hover .hd-fab-action-btns-3
{
    min-height: 220px;
}
.hd-fab-btn-sub
{
    position: absolute;
    right: 0px;
    width: 0;
    height: 0;
    visibility: hidden;
    transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
}
.hd-fab-action-grp:hover .hd-fab-btn-sub
{
    opacity: 1;
    width: 37px;
    height: 37px;
    visibility: visible;
}
.hd-fab-grp-btn1
{
    top: 45px;
    background-color: #488DA6;
}
.hd-fab-grp-btn2
{
    top: 95px;
    background-color: #355770;
}
.hd-fab-action-grp:hover .hd-fab-btn-main
{
    --bottom: 10px;
    opacity: 1;
}

.setting-btn
{
    font-size: 12px;
    color: #000000;
}
.setting-btn i
{
    background: #348cd4;
    padding: 16px 10px;
    font-size: 20px;
    color: white;
    border-radius: 100%;
    margin-bottom: 8px;
    width: 52px;
    height: 52px;
}


.TimeInTimeOut-QuickLink, .TimeInTimeOut-QuickLink:hover
{
    color: #fff;
}
@media only screen and (max-width: 767px)
{
    .TimeInTimeOut-QuickLink
    {
        color: #000;
    }
}
@media only screen and (max-width: 575px)
{
    .hidden-xs
    {
        display: none;
    }
}
@media (min-width: 576px)
{
    .visible-xs
    {
        display: none;
    }
}
#CategoryFilter, #WarehouseFilter
{
    margin-left: -3px !important;
    margin-right: -3px !important;
}
#CategoryFilter, #StaticChkListFilter, #DynamicChkListFilter, #TreeViewFilter
{
    margin-top: 9px;
}
.break-word
{
    word-break: break-all;
}
.modal
{
    overflow-y:auto!important;
}

.Text-14
{
    font-size:14px!important;
}
.delivery-date
{
	color: #348cd4!important;
    letter-spacing: .5px;
    font-weight: 600!important;
}

#desk-Menu
{
    position: absolute;
    top: 3px;
    left: 135px;
    color: white;
    font-size: 32px;
}
.hd-card-label
{
    color: #6c757d !important;
    font-size: 75%;
}
.hd-cardview-item .fa
{
    padding-right: 3px;
}
.hd-cardview-item
{    
    padding: .5rem;
    margin-top: .6rem;
    margin-right: .6rem;
}
.card-text
{
    font-size: 85%;
}
/*-----View Delivery Detail------*/

#InvoiceDeliveryImageModal
{
    /*display: none;
    position: fixed;*/
    z-index: 1;
    /*padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;   */
    /*overflow: auto;
    background-color: rgb(0,0,0);*/
    background-color: rgba(0,0,0,0.9);	    
    flex-direction: column;
    /*justify-content: center;
    height: 100vh;*/
}


#InvoiceDeliveryImageModal img
{  
  -webkit-animation-name: zoom;
  -webkit-animation-duration: 0.6s;
  animation-name: zoom;
  animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
  from {-webkit-transform:scale(0)} 
  to {-webkit-transform:scale(1)}
}

@keyframes zoom {
  from {transform:scale(0)} 
  to {transform:scale(1)}
}

.spnImageClose
{
    position: absolute;
    top: 15px;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;	
}

.spnImageClose:hover,
.spnImageClose:focus 
{
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}


.combodescription
{ 
    margin-left:5px;
    font-size:10px;  
    color:rgba(7, 4, 4, 0.87)
}

#ComboItemDefination .btn-primary 
{
    color: #fff !important;
}

#ComboItemDefination .master-Item-name {
  
  padding: 5px;
  font-size: 13px;
 
}

#ComboItemDefination .group-name {
  background-color: #eee;
  padding: 5px;
  font-size: 13px;
  font-weight: bold;
  color: #404142;
}
#ComboItemDefination .group-name .group-option {
  font-size: 11px;
  padding-top: 3px;
  font-weight: normal;
}
#ComboItemDefination ul,
#ComboItemDefination li {
  list-style: none;
  padding: 3px 5px;
  margin: 3px 0px;
  font-size: 12px;
}
#ComboItemDefination ul .add-price,
#ComboItemDefination li .add-price {
  position: absolute;
  right: 25px;
}
#ComboItemDefination ul label,
#ComboItemDefination li label {
  margin: 0px;
  padding: 0px;
}
#ComboItemDefination .modal-body {
  max-height: calc(100vh - 176px);
  overflow: auto;
}
#ComboItemDefination #ComboItemPrice {
  margin-left: 0px;
  margin-right: auto;
}

.ColorPicker input
{
    width: 100%;
    height: 50px;
    background-color:#fff;
}
.ColorPicker label
{
    font-size: 10px;
    color: #777;
    margin-bottom:4px;
}
.SearchIcon
{
    position: absolute;
    right: 7px;
    top: 5px;
    display: block;
    font-size: 13px;
    z-index: 10;
    color: rgb(117, 117, 117) !important;
}

/*---------- HDFilterPopup start----------------*/
.HDFilterPopup
{
    min-width: 200px;
}

.HDFilterPopupUL
{
    list-style: none;
    padding: 0;
    max-height: calc(100vh - 115px);
    overflow-y: auto;
    margin-bottom: 0px;
    overflow-x: hidden;
}

@media screen and (min-height:450px) 
{
 .HDFilterPopupUL
 {
      max-height: 300px;
 }   
}

.HDFilterPopupUL.WithSearch
{
    list-style: none;
    padding: 0;
    max-height: calc(100vh - 215px);
    overflow-y: auto;
    margin-bottom: 0px;
    overflow-x: hidden;
}

@media screen and (min-height:450px) 
{
 .HDFilterPopupUL.WithSearch
 {
      max-height: 225px;
 }   
 .HDFilterPopupUL.WithSearch.ForSearch
 {
      max-height: 115px;
 }   
}

.HDFilterPopupUL Label
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0;
}

.HDCheckboxLabel > input[type=checkbox]
{
    position: relative;
    top: 2px;
    margin-right: 3px;
}

.HDFilterPopup.dropdown-menu:after
{
	content: none;	
}

.filter-button
{
	padding-left:5px;
	padding-bottom:5px;
}
.FilterPopupBadge
{
    font-size:8px;
}
.btnFilterPopupTrigger
{
    padding: 4px;
    background-color: #ffffff;
    border-color: #777;
}

.btnClearAllFilters
{
    padding: 3px 5px;
}
.btnFilterPopupApply ,.btnFilterPopupClear 
{
 font-size:10px !important;
}

.hd-clickable 
{
    cursor:pointer;
    outline:none;
}

.HDFilterPopupCircleIcon
{
    margin-left: 13px !important;
    margin-right: 5px !important;
    color: #eeeeee !important;
    font-size: 11px !important;
}

.HDFilterPopupCircleIcon:hover
{
    color: #007BFF !important;
}

/*---------- HDFilterPopup End----------------*/

/*********Offer Color -------------------*/
label.pendingoffer
{
    color:#A52A2A !important;    
}
label.appliedoffer
{
    color:#20B2AA !important;
}
label.availableoffer
{
    color:#1E90FF !important;    
}
.offerdisplaybox
{
    border: solid 1px #eee;
    min-height: 80px;    
}

.hd-img-pop-title
{
	width: 100%;
	padding: 10px;
	margin-bottom: 5px;
	background-color: #348cd4;
	color: white;
}


/* ---------------- Image Zoom  ----------------------*/

.hd-image-modal 
{
  position: fixed;
  z-index: 200001;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%; 
  height: 100%;
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

.hd-image-modal-content
{
  margin: auto;
  display: block;
  width: 50%;
  max-width: 1200px;
}

.hd-image-modal-closebtn
{
  position: absolute;
  top: 15px;
  right: 35px;
  color: #f1f1f1;
  font-size: 40px;
  font-weight: bold;
  cursor:pointer;
}

@media only screen and (max-width: 1200px)
{
  .hd-image-modal-content
  {
    width: 100%;
  }
}
.ComboErrorMsg
{
    color:Red;
}
.hd-bold
{
    font-weight:bold!important;
}


.MU
{
    color:#348cd4;
}

.PMU
{
    padding-top: 3px;
    font-size: 0.85em;
}

.PMU .subtext
{
    color:#d0d0d0;
}

.SelectedItemStyle .PMU .subtext
{
	color: #707070;
}

.AvailQty
{   
    --font-weight:bold;    
    --font-size: 1.18em !important;
    color:green;
}

.ShortQty
{   
    --font-weight:bold;    
    --font-size: 1.18em !important;
    color:red;
}

.DataQuery
{
	font-size:0.8em;
	color:#d0d0d0;
	margin-left:4px;
	cursor:pointer;
}

/*Payment Mode*/

    .hd-outline-btn
    {
        border-width: 1px;
        border-style: solid;
        background-color: white;
        color: #6c757d;
        padding: 7px 10px;
        font-size: 13px;
        cursor: pointer;
        border-radius: 5px;
        margin-right: 3px;
        margin-top: 5px;
        outline: none;
    }
    .hd-outline-btn:focus
    {
        outline: 0 !important;
    }
    .hd-outline-btn:hover, .hd-outline-btn-active
    {
        color: White;
        outline: none;
    }
    .Payment-Mode-Data-Collect .form-group
    {
        position: relative;
    }
    .btnCalculatePendingAmount
    {
        position: absolute;
        right: -40px;
        top: 20px;
    }
    .btnCalculatePendingAmount i
    {
        font-size: 22px;
    }
/*Payment Mode End*/

.hd-self-align
{
    align-self:center;
}

.simple-text
{
    color:#348cd4;
    font-size: 11px;
    padding-bottom: 7px;
    font-weight: 500;
    letter-spacing: 0.4px;
    
}

#ToastMessage {
  visibility: hidden;
  min-width: 250px;
  margin-left: -125px;
  background-color: #333;
  color: #fff;
  text-align: center;
  border-radius: 10px;
  padding: 16px;
  position: fixed;
  z-index: 1;
  left: 50%;
  bottom: 40px;
  font-size: 15px;
}

#ToastMessage.show {
  visibility: visible;
}

.hidden-line-break 
{
    display: none;
} 

@media only screen 
and (max-width : 500px) {
    .hidden-line-break 
    {
        display: inline;
    }
}

.hd-doc-num-in-info
{
	color:#348cd4;
	cursor:pointer;
    font-weight:bold;
}

.LCCell .fa, .LCCell .fas
{
	color:#777777;
}

.card-message-text
{
	font-size:0.8em;
}

.expandbtn
{
   font-size: 1em;
   padding-top: 4px !important;
   margin-right: 8px !important;
}

.hd-bullet-list
{
	
}

.hd-bullet-list li
{
	list-style-type: disc;
}

.hd-log-data
{
	font-size: 11px;
}

.hd-log-data-heading
{
	font-size: 13px;
}

.hd-max-width450
{
	max-width:450px;
}

/* Calendar CSS Start */

.hd-daycal-Selectionarea
{
    width: 210px;
    --border-bottom: solid 1px black;
    --border-left: solid 1px black;
    --border-right: solid 1px black;
    float: left;
}

.hd-daycal
{
    border-bottom: solid 1px black;
    border-left: solid 1px black;
    border-right: solid 1px black;
    float: left;
    background-color: #FFFFFF;
    overflow: hidden;
}

.DayCalSettings
{
    font-size: 13px;
    letter-spacing: .5px;
}

.ApptCheckboxListContainerDiv
{
	overflow-y:scroll;
}
   
.hd-cal-taskpopup hr
{
	background-color: rgb(245,222,179);
	height: 3px;
}

.hd-cal-taskpopup .card
{
    background-color: rgb(253,245,230) !important;
}

.hd-report-results .HeaderStyle
{
	background-color: #14184a !important;
	color: #dfdfdf;
	position: sticky;
	top: 0px;
}

.hd-report-results .ItemStyle
{
	background-color: #ffffff;
}
.hd-report-results .AlternateItemStyle
{
	background-color: #F0F0F0;
}
  
.plus {
    font-weight: 900;
    color: #348cd4;
    font-size: 26px;
    cursor: hand;
    position:relative;
    top:-7px;
}
.trash {
    font-weight: 900;
    color: #348cd4;
    font-size: 17px;
    cursor: hand;
    position:relative;
    left:25px;
    top:4px;
}
.hd-static-value .TermsHeading
{
	font-size: 12px;
	font-weight:bold;
	left: 0;
	padding-bottom: 0px;
	margin-bottom:0px;
	color: #000000;
}
.hd-static-value .TermsValue
{
	color: #000000;
	font-size: 12px;
	margin-bottom: 15px;
	word-break: break-word;
}

 .SignCountCircle
{
    width: 35px;
    height: 35px;
    line-height: 30px;
    border-radius: 50%;
    font-size: 18px;
    color: #000;
    text-align: center;
    border: 3px solid red;
}

.hd-simple-text
{
    font-size:13px;
}

.hd-chat-time-stamp
{
    font-size:9px;
}


/*#TitleBar
{
    background: url("Images/ToolBarButtons/top-bar.png") no-repeat;
    height: 30px;
    background-size: cover;
}

#TitleBar
{
    height: 30px;
    border: solid 1px black;
}
*/

/*#ToolBar
{
    height: 50px;
    border-bottom: solid 1px black;
    border-left: solid 1px black;
    border-right: solid 1px black;
}*/
/*#Selection
{
    width: 210px;
    --border-bottom: solid 1px black;
    --border-left: solid 1px black;
    --border-right: solid 1px black;
    float: left;
}*/
/*
#DayCal
{
    border-bottom: solid 1px black;
    border-left: solid 1px black;
    border-right: solid 1px black;
    float: left;
    background-color: #FFFFFF;
}
.SelectionAppointmentTab li a
{
    padding: 0px !important;
}
.AppointmentTabDiv fieldset
{
    padding: 0px !important;
    width: 167px;
}
.ApptCheckboxListContainerDiv
{
    overflow-y: auto;
}
body
{
    overflow: hidden;
}
fieldset
{
    margin-top: 2px;
    margin-bottom: 3px;
}
.title
{
    margin-top: 2px;
    margin: 0;
    padding: .2em .2em 0;
    border-radius: 3px;
    border: 1px solid #dddddd;
    background-color: #348cd4;
    color: #f8fbfe;
    font-weight: bold;
    text-align: center;
}
.LastModifiedField
{
    display: none;
}
#AppointmentSelectionTabs .ui-tabs-anchor
{
    padding: .5em .8em !important;
}
    
.vl
{
    border-left: 3px solid rgb(245,222,179);
}
#TaskPopup hr
{
    background-color: rgb(245,222,179);
    height: 3px;
}
#TaskPopup .card
{
    background-color: rgb(253,245,230) !important;
}
#cblFSEmployeeList legend, #cblFSResourcesList legend, #cblFSCustomerList legend, #cblFSStatusList legend
{
    margin-bottom: 0px;
    font-size: 16px;
}
#DayCalSettings
{
    font-size: 13px;
    letter-spacing: .5px;
}
#DayCalApplyBtn
{
    font-size: 12px;
}
    
.EmployeeFilterPopup
{
    min-width: 200px;
}
.EmployeeFilterPopupUL
{
    list-style: none;
    padding: 0;
    max-height: 300px;
    overflow-y: scroll;
}
    
.FilterPopupUL
{
    list-style: none;
    padding: 0;
}
    
.EmployeeFilterPopupUL Label, .FilterPopupUL Label
{
    margin-bottom: 0;
}*/
/* Calendar CSS end */

.pictorial-inv-card
{
    min-width:150px;
    max-width:150px;
    border-color: #d9d9d9;
    border-style: solid;
    border-width: 1px;
    margin: 2px;
    font-size: 9px;
    background-color: #f3f5f7;
    position: relative;   
}

.pictorial-inv-card .floating-button 
{
    position: absolute;
    top: 5px;
    right: 5px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #4b89ce36;
    color: #fff;
    font-size: 24px;
    border: none;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    cursor: pointer;
    text-align: center;
    padding-top: 3px;
    
}

.pictorial-inv-card .floating-button:hover 
{
  background-color: #0056b3;
}


.AltheaSuite-Listen-Ready 
{
   	animation: listen-ready 1s linear infinite;
}

@-webkit-keyframes "listen-ready" 
{
    50% 
    {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }
    100% 
    {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
} 

.BulkApplyCheckBox
{
    margin-bottom:10px;
}
.BulkApplyCheckBox input
{
  accent-color: #c000ff;
   /*appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 12px;
  height: 12px;
  border: 1px solid #f00;
  cursor: pointer;*/
}
.BulkApplyCheckBox label
{
  color:#c000ff !important
}

/* ////////  */
.MFACodeDigit
{
    max-width: 40px;
    margin-right: 10px;
    text-align: center;
    font-size: 2em;
}

.image-modal-close-btn
{
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
    text-align: right !important;
    margin-right:10px;
    cursor:pointer;
}