/* General Styles */
body, p, h1, h2, h3, h4, h5, h6, li, label, .btn, button, input, optgroup, select, textareabutton, input, optgroup, select, textarea, .h1, .h2, .h3, .h4, .h5, .h6 {font-family: "Montserrat", serif !important;}
.app-description, .fw-semibold {font-weight: 600;}
.btn.btn-primary, .p-button {text-transform: Capitalize !important;background-color: #E22025;}
.btn.btn-primary:hover, .p-button:hover {background-color: #D91F24;}
.login-card .btn-primary, .login-card .form-outline .form-control, .login-card .input-wrapper input:focus{background-color: #FFFFFF;}
.login-card .input-wrapper input:focus {background: #FFFFFF;border-color: inherit;box-shadow:none;}
.login-card .btn-primary:hover, .login-card .btn-check:focus-visible+.btn-primary, .login-card .btn-check:focus+.btn-primary, .login-card .btn-primary:focus, .login-card .btn-check:checked+.btn, .login-card .btn.active, .btn.show, .login-card .btn:first-child:active, .login-card :not(.btn-check)+.btn:active{background-color: #2B2A28;border-color: #2B2A28;}
.login-card .btn-primary:hover, .login-card .btn-primary{border-color: transparent;}
.login-card .btn-primary, .text-theme, .ag-theme-alpine .ag-header-cell-menu-button:hover, .ag-theme-alpine .ag-header-cell-filter-button:hover, .ag-theme-alpine .ag-side-button-button:hover, .ag-theme-alpine .ag-tab:hover, .ag-theme-alpine .ag-panel-title-bar-button:hover, .ag-theme-alpine .ag-header-expand-icon:hover, .ag-theme-alpine .ag-column-group-icons:hover, .ag-theme-alpine .ag-set-filter-group-icons:hover, .ag-theme-alpine .ag-group-expanded .ag-icon:hover, .ag-theme-alpine .ag-group-contracted .ag-icon:hover, .ag-theme-alpine .ag-chart-settings-prev:hover, .ag-theme-alpine .ag-chart-settings-next:hover, .ag-theme-alpine .ag-group-title-bar-icon:hover, .ag-theme-alpine .ag-column-select-header-icon:hover, .ag-theme-alpine .ag-floating-filter-button-button:hover, .ag-theme-alpine .ag-filter-toolpanel-expand:hover, .ag-theme-alpine .ag-chart-menu-icon:hover, .ag-theme-alpine .ag-chart-menu-close:hover, .ag-theme-alpine-dark .ag-header-cell-menu-button:hover, .ag-theme-alpine-dark .ag-header-cell-filter-button:hover, .ag-theme-alpine-dark .ag-side-button-button:hover, .ag-theme-alpine-dark .ag-tab:hover, .ag-theme-alpine-dark .ag-panel-title-bar-button:hover, .ag-theme-alpine-dark .ag-header-expand-icon:hover, .ag-theme-alpine-dark .ag-column-group-icons:hover, .ag-theme-alpine-dark .ag-set-filter-group-icons:hover, .ag-theme-alpine-dark .ag-group-expanded .ag-icon:hover, .ag-theme-alpine-dark .ag-group-contracted .ag-icon:hover, .ag-theme-alpine-dark .ag-chart-settings-prev:hover, .ag-theme-alpine-dark .ag-chart-settings-next:hover, .ag-theme-alpine-dark .ag-group-title-bar-icon:hover, .ag-theme-alpine-dark .ag-column-select-header-icon:hover, .ag-theme-alpine-dark .ag-floating-filter-button-button:hover, .ag-theme-alpine-dark .ag-filter-toolpanel-expand:hover, .ag-theme-alpine-dark .ag-chart-menu-icon:hover, .ag-theme-alpine-dark .ag-chart-menu-close:hover, .ag-theme-alpine-auto-dark .ag-header-cell-menu-button:hover, .ag-theme-alpine-auto-dark .ag-header-cell-filter-button:hover, .ag-theme-alpine-auto-dark .ag-side-button-button:hover, .ag-theme-alpine-auto-dark .ag-tab:hover, .ag-theme-alpine-auto-dark .ag-panel-title-bar-button:hover, .ag-theme-alpine-auto-dark .ag-header-expand-icon:hover, .ag-theme-alpine-auto-dark .ag-column-group-icons:hover, .ag-theme-alpine-auto-dark .ag-set-filter-group-icons:hover, .ag-theme-alpine-auto-dark .ag-group-expanded .ag-icon:hover, .ag-theme-alpine-auto-dark .ag-group-contracted .ag-icon:hover, .ag-theme-alpine-auto-dark .ag-chart-settings-prev:hover, .ag-theme-alpine-auto-dark .ag-chart-settings-next:hover, .ag-theme-alpine-auto-dark .ag-group-title-bar-icon:hover, .ag-theme-alpine-auto-dark .ag-column-select-header-icon:hover, .ag-theme-alpine-auto-dark .ag-floating-filter-button-button:hover, .ag-theme-alpine-auto-dark .ag-filter-toolpanel-expand:hover, .ag-theme-alpine-auto-dark .ag-chart-menu-icon:hover, .ag-theme-alpine-auto-dark .ag-chart-menu-close:hover, .MuiStepper-root .MuiSvgIcon-root.MuiStepIcon-root.Mui-active{color: #E22025 !important;}
.btn {font-size: 16px;}
.lh-normal {line-height: normal !important;}
html body, .p-datepicker table td.p-datepicker-today > span.p-highlight {background: rgba(255,212,211, 0.3) !important;}
.menu-sidebar .menu-active{background-color: #FFF4F3 !important;}
.font-10 {font-size: 10px !important;}
.font-12 {font-size: 12px !important;}
.font-14, .MuiOutlinedInput-root {font-size: 14px !important;}
.font-16 {font-size: 16px !important;}
.font-18 {font-size: 18px !important;}
.font-28 {font-size: 28px !important;}
.font-38, .loading-icon svg {font-size: 38px !important;}
.Mui-focused, .Mui-focused .MuiOutlinedInput-notchedOutline {border-color: #464646 !important;color:#464646 !important;}
.Mui-selected:hover {background-color: rgb(255 242 241) !important;}
.Mui-selected, .ag-row-hover:not(.ag-full-width-row)::before, .ag-row-hover.ag-full-width-row.ag-row-group::before {background: rgba(255, 242, 241,0.8) !important}
.w-100 {width: 100%;}
.ag-grid-container {min-height: 200px;}
.ag-body-vertical-scroll-viewport, .ag-body-vertical-scroll {width:7px !important;min-width: 7px !important;max-width: 7px !important;}
.btn-shadow {float:right;background: #464646 !important;border-color: #464646 !important;color: #fff !important;margin-top: 10px !important;padding: 0.5rem 2rem !important;border-radius: 0 !important;box-shadow: 6px 6px 0px 0px #e42629 !important;}
.camera-scan {border-radius: 4px;display:inline-flex;align-items:center;background-color: #e42629;border-color: #e42629;color: #fff;padding: 7px 20px;font-weight: 500;}
.camera-scan:hover {background-color: #464646;border-color: #464646;}
.fill-check .MuiSvgIcon-root {fill: #464646 !important;}
.camera-scan button {border: 0 none;background-color: transparent;color: #ffffff;font-weight: 500;}
.btn-shadow:hover {color:#ffe1e2 !important;}
.tile > div {box-shadow: var(--bs-box-shadow)!important;}
.mw-200 {min-width: 200px;}
.btn-dark-button {text-transform: Capitalize !important;background-color: #18181B !important;border-color: #18181B !important;color: #FFFFFF !important;padding: 8px !important;border-radius: 4px !important;}
.btn-dark-button:hover {background-color: #333333 !important;}
.btn-outline-primary:hover {background-color: #333333 !important;border-color: #333333 !important;color:#FFFFFF !important;}
.btn-outline-primary {text-transform: Capitalize !important;border-radius: 4px !important;background-color: #FFFFFF !important;border-color: #333333 !important;color:#333333 !important;}

/* Login */
.app-tagline {font-size: 2.3rem;}
p.app-description {font-size: 1rem;color: #4A4846;}
.login-form-section .login-card {background: linear-gradient(to right, #E22025, #F6663A);}
.login-form-section .login-card .form-outline .form-control {font-size:12px;color: #000000;padding-left: 35px;}
.login-form-section .login-card .form-outline .form-control~.form-label {transform: inherit;padding: 0;left: 0;color: #ffffff;}
.login-form-section .form-outline .form-control~.form-notch, .ag-header-cell:last-child .ag-header-cell-resize, .MuiChip-root.label-ui::before, .MuiChip-root.label-ui::after, .legend-color legend {display: none;}
.login-icon {position: absolute;top: 50%;color: #000000;z-index: 1;left: 7px;margin-top: -12px;}

/* Header */
.toggle-close {width: 40px;}
button.menu-tog {background-color: rgba(0, 0, 0, 0.04)}
button.menu-tog:hover {background-color: rgba(0, 0, 0, 0.07)}

/* Dashboard */
.welcome-user {background-color: #464646;}
.dashboard {background-image: url('https://krishcastrapping.com/assets/img/signup-bg.jpg');background-size:contain;min-height: 300px;}
.dashboard::before{position: absolute;content: '';width: 100%;height: 100%;background: rgba(255,255,255,0.15);top: 80px;}
.dashboard button {background-color: #464646;color: #fff;border: 10px solid #FFFFFF;}
.dashboard button:hover {background-color: #333333;}
.ag-cell-value {line-height: normal;}

/* Stock */
.reader img {background-color: #ffffff;padding: 5px;}
.close-camera {right: -26px;top:-1px;}

/* Loading/Packing */
.MuiChip-root.label-ui span {padding: 0;}
.add-absolute {position:absolute;right:100px; top:-55px;}
.loading-contain .MuiDivider-root::before, .loading-contain .MuiDivider-root::after {border-color: #CCCCCC;}
.step-level {bottom: 8px;left: 32px;}
.step-zag .MuiStepLabel-labelContainer {padding-left: 55px;}

/* Reports */
.legend-color fieldset {height: 53px;margin-top: 5px;}

/* Media Queries */
@media only screen and (max-width: 767px){
.login-container h1.app-tagline {font-size: 1.4rem;}
.login-container p.app-description {font-size: 13px;}
.add-absolute {position:absolute;right:0px; top:-43px;}
.loading-contain {margin-top: 30px;}
.step-zag .MuiStepLabel-label {text-align: left !important;}
}