body { text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; } /* bootstrap.css */ * { font-size: 12px; line-height: 1.428; font-family: Arial; } /* style.css */ * { font-size: 12px; line-height: 2; font-family: Arial; } .depa-header { font-size: 54px; line-height: 1.0625; font-weight: 200; color: #333333; font-family: "Myriad Set Pro", "Helvetica Neue", "Helvetica", "Arial", sans-serif; } .depa-header-2 { font-size: 34px; line-height: 1.0625; font-weight: 200; color: #999999; font-family: "Myriad Set Pro", "Helvetica Neue", "Helvetica", "Arial", sans-serif; } .depa-bg { background-color: #CF2929; border-radius: .35rem; } .faq-question { color: #000; font-size: 14px; font-weight: bold; white-space: normal !important; } .breadcrumb { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .btn-style { color: #fff !important; background-color: #f15b40 !important; border-color: #dc3545; } .btn-style:hover, .btn-style:focus, .btn-style:active, .btn-style.active, .open > .dropdown-toggle.btn-style { color: #fff; background-color: #dc3545; border-color: #dc3545; } .btn-style:disabled { cursor: not-allowed; pointer-events: none; color: grey; border: none; } a.btn.disabled { background-color: #c1bfbf !important; border-color: #808080 !important; } .btn.focus, .btn:focus, .btn-light.focus, .btn-light:focus { box-shadow: none !important; } .btn-light.focus, .btn-light:focus { /* box-shadow: 0 0 0 0.2rem rgba(248,249,250,.5); */ } .btn-link > h4 { color: #000; } .bg-style { background-color: #f15b40; } .bg-style:hover { background-color: #dc3545; } .btn-group-radio { } .btn-group-radio .btn-style { background-color: #c1bfbf !important; border-color: #c1bfbf; } .btn-group-radio .btn-style.active { background-color: #f15b40 !important; border-color: #dc3545; } .help-icon { border: 1px solid #808080; padding: 0px 1px 0px 1px !important; margin-left: 1px; border-radius: 2px; background-color: #c1bfbf; color: #fff; line-height: 1.2 !important; } /*----------------- dropdown --------------- Start*/ .dropdown-menu .dropdown-item { display: inline-block; width: 100%; padding: 0px; } .dropdown-menu .dropdown-item:hover { /*background-color: #f15b40;*/ background-color: #e4e4e4; /*color: #fff;*/ cursor: pointer; } .dropdown-menu .bs-dropdown { margin: 0.125rem -10rem 0rem !important; min-width: 16rem !important; max-width: 16rem !important; } /*----------------- dropdown --------------- End*/ .activityCheckbox { line-height: 1.428 !important; max-height: 1.5rem; } .form-check-input { margin-top: .21rem !important; } .gate-action-btn { width: 70px; height: 27px; padding: .09rem .5rem; } /* ------------------ file upload ------------ Start*/ .thumb { width: 24px; height: 24px; float: none; position: relative; top: 7px; } /* ------------------ file upload ------------ End*/ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { /** * The on IE must be height: 100% in order * for this to work. * * If you're not using this class in the */ .Site { height: 100%; } .card > * { display: block !important; } } .bg-depa { background-color: #f15b40 !important; } .print-form-header { width: 100%; font-size: 20px; font-weight: bold; margin-bottom: 5px; border-bottom: 1px solid #808080; } .print-form-footer { width: 100%; font-size: 7px !important; font-weight: normal; margin-top: 5px; border-top: 1px solid #808080; } .profile-card { display: flex; max-width:250px; padding: 5px; } .profile-info { padding-left: 5px; text-align: left; } .profile-pic { width: 30px; height: 30px; border-radius: 50%; object-fit: cover; } .full-name { font-size: 14px; font-weight: bold; color: #333; } .designation { font-size: 12px; color: #777; }