@import "../../../bootstrap/functions"; @import "../../../bootstrap/variables"; @import "../../../bootstrap/mixins"; @import "../../../common/utils/var"; @import "../../../common/utils/mixins"; @import "../../../common/utils/functions"; /* Table Of Content * ========================================================================= * 1. Brand Colors * 2. Variables * 3. General Elements * 4. Helper Classes * 5. Layout * 6. Alerts * 7. Badges * 8. Buttons * 9. List Items * 10. Dropdowns * 11. Tiles * 12. Navs * 13. Tabs * 14. Pills * 15. Pace * 16. Progressbars * 17. Timeline * 18. Popover * 19. Preloaders * 20. Sweet Alerts * 21. Forms ** a. Placeholders ** b. General ** c. Multi-select ** d. Prepend ** e. Checkbox / Radios ** f. Select2 ** g. File Upload ** h. Disabled/Read Only ** i. Bootstrap Range/Slider ** j. noUiSlider plugin ** k. Switches ** l. Bootstrap Date Picker ** m. Form Wizard ** n. Actions * 22. Actions * 23. Chartist Demo * 24. Calendar Demo * 25. Mail Demo * ========================================================================= */ /*========================================================================= Brand Colors ========================================================================== */ $brand-primary-color: #b80722!default; $brand-accent-color: #6c757d!default; /*========================================================================= Template Variables ========================================================================== */ // Body //-------------> $body-bg: #fbfbfb; //** Background color for $body_text_color: $grey-800; //** Global text color on // Logo //-------------> $logo_background_color: lighten(#161931, 2%); $logo_text_color: #fff; $logo_icon_color: $brand-primary-color; // Top Toolbar //-------------> $toolbar_desktop_bg_color: #fff; $toolbar_desktop_text_color: #788db4; $toolbar_desktop_text_hover_color: #6760d5; $toolbar_mobile-tablet_bg_color: $logo_background_color; $toolbar_mobile-tablet_text_color: #fff; $toolbar_mobile-tablet_text_bottom_active_color: $brand-primary-color; $toolbar_icon_bg_circle: rgba(#f0f6ff, 0.7); // Main Menu Nav //-------------> $main_menu_background_color: #161931; $main_menu_active_bg: transparent; //** Background active color $main_menu_active_subnav: #161931; $main_menu_text_color: #788db4; $main_menu_text_hover_color: #fff; $main_menu_active_text_color: rgba(255, 255, 255, 1); //** Text active color // Page Level //-------------> $header_text_color: $grey-900; @import 'elements/base'; @import 'elements/classes'; @import 'elements/template'; @import 'elements/ui-components'; /*Core Overrides Start*/ /*===================*/ body { overflow-x: hidden; } i { color: #555; } .dropdown-menu .dropdown-menu-grid .menu-grid-row > div a i { color: #788db4; } .form-control { &:focus { border: solid 1px #ddd; } } select.form-control:not([size]):not([multiple]) { height: calc(2.24rem + 0px); } .form-control { line-height: 1.7; } option:active, option:checked { background: #6e85af !important; } .table-bordered.dataTable, .table-bordered.dataTable td, .table-bordered.dataTable th { border: 1px solid #ddd; } .table td, .table th { padding: .5rem; } .tr-odd td { background-color: #a8a8a8; } .card { box-shadow: 0 10px 40px 0 rgba(191, 191, 191, 0.788235294117647), 0 2px 9px 0 rgba(191, 191, 191, 0.788235294117647); } .input-group-addon { background-color: #f3f3f3; color: #555; } option:active, option:checked { background: #b60101 !important; } .custom-radio .custom-control-input:checked ~ .custom-control-label::before { background-color: #b60101; } .custom-control-input:checked ~ .custom-control-label::before { color: #fff; background-color: #b60101; } .custom-control-label::before { border: 1px solid #ddd; } .input-group-text { background-color: #f3f3f3; border: 1px solid #ddd; color: #555; } .custom-file-input:focus ~ .custom-file-label:after, .custom-file-label, .custom-file-label:after, .form-control { border-color: #ddd; } .custom-file-label::after { background-color: #f3f3f3; border-left: 1px solid #ddd; color: #555; } .form-control:disabled, .form-control[readonly] { background-color: #ccc; } .blockquote-footer, .text-muted { color: #aaa !important; } .dropdown-menu .dropdown-menu-grid .menu-grid-row > div a i { color: #555; } .dropdown .dropdown-menu .dropdown-item, .dropleft .dropdown-menu .dropdown-item, .dropright .dropdown-menu .dropdown-item, .dropup .dropdown-menu .dropdown-item { color: #555; } body .top-toolbar.navbar-desktop .navbar-nav .nav-item > a, body .top-toolbar.navbar-desktop .navbar-nav .nav-item > a i { color: #555; } .page-aside-left .main-content, .page-aside-right .main-content{ overflow-y: hidden; } .tgl + .tgl-btn { width: 2.4em; height: 1.36em; top: 5px; } .tgl-light + .tgl-btn { background: #ddd; } .nav .nav-item .nav-link { color: #555; } .alert.alert-primary { background-color: #b80722; border-color: #b80722; color: #fff; } .nav-pills .nav-link.active, .nav-pills .show > .nav-link { background-color: #f3f3f3; } .wizard > .steps a { background: #f3f3f3; color: #333 !important; } .wizard > .steps a .number { background: #f3f3f3; } .pagination .page-item.active .page-link { background-color: #b80722; border-color: #b80722; } #mail-wrapper .center-content .list-group .list-group-item.active { border-left: solid 3px #b80722 !important; } #mail-wrapper .center-content .list-group .list-group-item:hover, #message-wrapper .aside-left .list-group .list-group-item:hover { border-left: solid 3px #b80722 !important; } #message-wrapper .center-content .chat-contents .chat-content-wrap .chat-wrap-inner .chats .chat.chat-right .chat-content { background: linear-gradient(135deg,#822735 1%,#c1233b 100%); } .contact-list .contact-item .contact a:hover { background-color: #b80722; } .top-toolbar { box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.08) !important; } .chartist-primary .ct-series-a .ct-area, .chartist-primary .ct-series-a .ct-slice-pie { fill: #d10827; } #totalUniqueVisitsChart-white .ct-series-a .ct-bar, #totalVisitsChart-white .ct-series-a .ct-bar { stroke: #ffffff !important; } #traffic-month .ct-series-b .ct-area, #traffic-week .ct-series-b .ct-area, #traffic-year .ct-series-b .ct-area { fill: #d10827 !important; } #traffic-month .ct-series-a .ct-area, #traffic-week .ct-series-a .ct-area, #traffic-year .ct-series-a .ct-area { fill: #a8a8a8 !important; } #traffic-month .ct-series-b .ct-point, #traffic-week .ct-series-b .ct-point, #traffic-year .ct-series-b .ct-point { stroke: #d10827 !important; } #traffic-month .ct-series-b .ct-line, #traffic-week .ct-series-b .ct-line, #traffic-year .ct-series-b .ct-line { stroke: #d10827 !important; } #traffic-month .ct-series-a .ct-point, #traffic-week .ct-series-a .ct-point, #traffic-year .ct-series-a .ct-point { stroke: #a8a8a8 !important; } #traffic-month .ct-series-a .ct-line, #traffic-week .ct-series-a .ct-line, #traffic-year .ct-series-a .ct-line { stroke: #a8a8a8 !important; } #chartist_animatingDonut .ct-series-a .ct-bar, #chartist_animatingDonut .ct-series-a .ct-line, #chartist_animatingDonut .ct-series-a .ct-point, #chartist_animatingDonut .ct-series-a .ct-slice-donut { stroke: #d10827 !important; } #chartist_animatingDonut .ct-series-b .ct-bar, #chartist_animatingDonut .ct-series-b .ct-line, #chartist_animatingDonut .ct-series-b .ct-point, #chartist_animatingDonut .ct-series-b .ct-slice-donut { stroke: #a8a8a8 !important; } #chartist_animatingDonut .ct-series-c .ct-bar, #chartist_animatingDonut .ct-series-c .ct-line, #chartist_animatingDonut .ct-series-c .ct-point, #chartist_animatingDonut .ct-series-c .ct-slice-donut { stroke: #78828a !important; } #chartist_animatingDonut .ct-series-d .ct-bar, #chartist_animatingDonut .ct-series-d .ct-line, #chartist_animatingDonut .ct-series-d .ct-point, #chartist_animatingDonut .ct-series-d .ct-slice-donut { stroke: #39ceae !important; } #chartist_animatingDonut .ct-series-e .ct-bar, #chartist_animatingDonut .ct-series-e .ct-line, #chartist_animatingDonut .ct-series-e .ct-point, #chartist_animatingDonut .ct-series-e .ct-slice-donut { stroke: #ff768b !important; } #chartist_animatingDonut .ct-series-f .ct-bar, #chartist_animatingDonut .ct-series-f .ct-line, #chartist_animatingDonut .ct-series-f .ct-point, #chartist_animatingDonut .ct-series-f .ct-slice-donut { stroke: #ffd681 !important; } #chartist_animatingDonut .ct-series-g .ct-bar, #chartist_animatingDonut .ct-series-g .ct-line, #chartist_animatingDonut .ct-series-g .ct-point, #chartist_animatingDonut .ct-series-g .ct-slice-donut { stroke: #51a6f4 !important; } .ct-series-a .ct-area, .ct-series-a .ct-slice-pie { fill: #d10827 !important; } .ct-series-b .ct-area, .ct-series-b .ct-slice-pie { fill: #a8a8a8 !important; } .ct-series-c .ct-area, .ct-series-c .ct-slice-pie { fill: #78828a !important; } .ct-series-d .ct-area, .ct-series-d .ct-slice-pie { fill: #39ceae !important; } .ct-series-a .ct-bar, .ct-series-a .ct-line, .ct-series-a .ct-point, .ct-series-a .ct-slice-donut { stroke: #d10827 !important; } .ct-series-b .ct-bar, .ct-series-b .ct-line, .ct-series-b .ct-point, .ct-series-b .ct-slice-donut { stroke: #a8a8a8 !important; } .ct-series-c .ct-bar, .ct-series-c .ct-line, .ct-series-c .ct-point, .ct-series-c .ct-slice-donut { stroke: #78828a !important; } .ct-series-d .ct-bar, .ct-series-d .ct-line, .ct-series-d .ct-point, .ct-series-d .ct-slice-donut { stroke: #39ceae !important; } body.compact-menu .sidebar.sidebar-left .sidebar-content .main-menu { padding-bottom: 10px !important; } .authentication .overlay { background: rgba(0,0,0,.5); bottom: 0; left: 0; position: absolute; right: 0; top: 0; } .authentication .sign-in-form { padding-top: 0 !important; padding-bottom: 0 !important; } .preloader.pl-xxs { width: 18px !important; } .dropdown-menu-lg .dropdown-menu.appdropdown { min-height: 0px; } .media.d-user { align-items: center; } .wizard > .content { padding-top: 0 !important; } .top-toolbar { height: 50px!important; max-height: 50px!important; } .top-toolbar.navbar-desktop .navbar-nav { height: 50px!important; } .top-toolbar .navbar-nav .nav-item { min-width: 50px; height: 50px; } .top-toolbar .navbar-nav .nav-item > a { height: 50px!important; } .top-toolbar .navbar-nav .nav-item > a i { max-height: 50px!important; } .top-toolbar .nav-item > a > i { line-height: 2.5 !important; } .top-toolbar .navbar-nav .nav-item > a { line-height: 2.5 !important; } body.layout-fixed .content-wrapper .content { padding-top: 50px; } body.compact-menu .sidebar.sidebar-left .sidebar-content .aside-toolbar .site-logo li .logo { top: 5px !important; } .aside-toolbar, .site-logo, .site-logo li { height: 50px !important; } body.compact-menu .sidebar.sidebar-left .sidebar-content .main-menu .nav.metismenu { margin-top: 0px !important; position: fixed; width: 130px; } body.compact-menu .sidebar.sidebar-left .sidebar-content .main-menu .nav.metismenu > li{ padding: 0 15px !important; margin-bottom: 5px !important; } body.compact-menu .sidebar.sidebar-left .sidebar-content .main-menu .nav.metismenu > li > a, body.compact-menu .sidebar.sidebar-left .sidebar-content .main-menu .nav.metismenu > li.active > a { margin: 0px !important; width: 100% !important; padding: 10px 0 10px !important; } body .top-toolbar.navbar-desktop .navbar-nav .nav-item > a:hover i.icon:after{ background: none !important; } .card-container .card.card-flip .card-back, .card-container .card.card-flip .card-front { box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.07), 0 2px 9px 0 rgba(0, 0, 0, 0.07); } body.compact-menu .sidebar.sidebar-left .sidebar-content .main-menu .nav.metismenu > li > ul { width: 290px !important; } body.compact-menu .sidebar.sidebar-left .sidebar-content .main-menu .nav.metismenu > li > a i { font-size: 24px; height: 28px; } .card-menu .list-group-item a { color: #555; } .card .card-header i{ color: #b60101; } .card .card-header i.zmdi, .card .card-header i.la { font-size: 20px; margin-right: 5px; position:relative; top: 1px; } body.compact-menu .sidebar.sidebar-left .sidebar-content .main-menu .nav.metismenu > li > .nav-sub > li > .nav-sub > li > a{ font-size: 12px; } /*===================*/ /*Core Overrides End*/ /*Ascentis Custom CSS Start*/ /*===================*/ .appdropdown { /*width: 375px !important;*/ } .appdropdown .dropdown-menu .dropdown-menu-grid .menu-grid-row > div a { padding: 15px 5px !important; } .appdropdown span { white-space: normal !important; display: block; height: 30px; } .brand-text { margin-left: 10px; } .brand-text.mobile { margin-left: 5px; } #logo { margin-left: 20px; } .site-logo img { top: -5px; position: relative; width: 30px; height: 30px; } .logo_mobile img { top: 0px; position: relative; } .site-logo img { top: 2px; position: relative; width: 40px; height: 40px; } .nav.sub-nav.v-sub-nav .nav-item .nav-link.active { background: #b60101; border-right: 0px; margin-right: 0px; display: block; color: #fff; } .main-content-header { padding: 10px 20px; position: fixed; width: 100%; background-color: #fff; font-weight: 500; z-index: 6; border-bottom: 1px solid #e2e2e2; padding-right: 146px; font-size: 18px; margin-top: 50px; } .main-content-header h2 { display: inline-block; position: relative; top: 2px; margin-bottom: 0px; font-size: 1.265rem; } .secondary-content-header { padding: 5px; position: fixed; width: 100%; font-weight: 500; z-index: 5; border-bottom: 1px solid #e2e2e2; padding-right: 146px; font-size: 12px; margin-top: 98px; background-color: #60686f; } .secondary-content-header .breadcrumb-wrapper .breadcrumb-item + .breadcrumb-item::before { content: "\f167"; color: #fff; } .secondary-content-header .breadcrumb-wrapper .breadcrumb .breadcrumb-item, .secondary-content-header .breadcrumb-wrapper .breadcrumb .breadcrumb-item > a { color: #fff; } .page-aside-left .aside-left, .page-aside-right .aside-left { box-shadow: 0 10px 40px 0 rgba(112, 117, 124, 0.07), 0 2px 9px 0 rgba(82, 86, 92, 0.06); } body.compact-menu.layout-fixed .sidebar .sidebar-content .main-menu { padding-top: 50px !important; } .main-content { margin-top: 75px; } .page-header { padding: 30px 25px 0; } @media(min-width:992px){ .page-content { padding: 20px; max-width: calc(100vw - 150px); margin: 0; } } .page-aside-left, .page-aside-right{ height: auto; } .page-content.eqpadding { padding-top: 20px; } .card .card-header { background-color: #fff; border-bottom: 1px solid #eee; font-weight: 500; color: #b60101; } .card.card-dark .card-header, .card.card-danger .card-header, .card.card-primary .card-header, .card.card-accent .card-header, .card.card-success .card-header, .card.card-success .card-header, .card.card-warning .card-header, .card.card-info .card-header { color: #b60101; } .card.card-dark .card-header .actions div > a > i, .card.card-dark .card-header .actions li > a > i, .card.card-danger .card-header .actions div > a > i, .card.card-danger .card-header .actions li > a > i, .card.card-primary .card-header .actions div > a > i, .card.card-primary .card-header .actions li > a > i, .card.card-success .card-header .actions div > a > i, .card.card-success .card-header .actions li > a > i, .card.card-warning .card-header .actions div > a > i, .card.card-warning .card-header .actions li > a > i, .card.card-info .card-header .actions div > a > i, .card.card-info .card-header .actions li > a > i { color: #9b9b9b; } .card.card-tabs.card-primary .nav-tabs .nav-link.active, .card.card-tabs.card-primary .nav-tabs .nav-item .nav-link:hover, .card.card-pills.card-primary .nav-pills.nav-pills-primary .nav-item .nav-link:hover { color: #b80722; } .card.card-tabs.card-primary .nav-tabs .nav-item .nav-link, .card.card-pills.card-primary .nav-pills.nav-pills-primary .nav-item .nav-link { color: #718599; } .card.card-pills.card-primary .nav-pills.nav-pills-primary .nav-item .nav-link.active, .card.card-pills.card-primary .nav-pills.nav-pills-primary .nav-item .nav-link.active:hover { background-color: #b80722; color: #fff; } .card.card-tabs.card-accent .nav-tabs .nav-link.active.show, .card.card-tabs.card-accent .nav-tabs .nav-item .nav-link:hover { color: #6c757d; } .card.card-tabs.card-accent .nav-tabs .nav-item .nav-link { color: #b80722; } .card.card-pills.card-accent .nav-pills.nav-pills-accent .nav-item .nav-link.active, .card.card-pills.card-accent .nav-pills.nav-pills-accent .nav-item .nav-link.active:hover { color: #fff !important; background-color: #6c757d; } .card.card-pills.card-accent .nav-pills.nav-pills-accent .nav-item .nav-link { color: #555; } .card.card-pills.card-accent .nav-pills.nav-pills-accent .nav-item .nav-link:hover { color: #6c757d; } .dropdown .dropdown-menu.dropdown-menu-right, .dropleft .dropdown-menu.dropdown-menu-right, .dropright .dropdown-menu.dropdown-menu-right, .dropup .dropdown-menu.dropdown-menu-right, .input-group .dropdown-menu.dropdown-menu-right { margin-top: 4px; } .mobilenav { display: none !important; } .main-content-actions { text-align: right; float: right; } .main-content-actions .icon.zmdi{ font-size: 23px; position:relative; top: 1px; } .mobile-action { display: none; } .mobile-action .dropdown-menu * { color: #555 !important; } .actionslist { list-style: none; margin-bottom: 0px; } .actionslist li { display: inline-block; margin-right: 10px; } .menu-actions * { color: #555 !important; } .dataTables_info, .dataTables_length { margin: 0px !important; padding: 0px !important; display: inline-block; width: 50%; } .btn-datatable { background-color: transparent !important; color: #9b9b9b; border: none; font-weight: bold; font-size: 18px; } .DTFC_ScrollWrapper tbody tr { height: 42px !important; } .dataTables_info, .dataTables_paginate { margin: 10px 0px !important; } .dataTables_length, .dataTables_info { font-size: 14px !important; } .dataTables_length { text-align: right; } .bootstrap-tagsinput { width: 100%; } .bootstrap-tagsinput .tag { margin-right: 2px; color: white; background-color: #555; padding: 5px 8px; border-radius: 5px; font-size: 11px; } .bootstrap-tagsinput input { line-height: 1.7; font-size: 14px; } .rpl-1 { left: 1px !important; position: relative !important; } .rpl-2 { left: 2px !important; position: relative !important; } .rpl-3 { left: 3px !important; position: relative !important; } .rpl-4 { left: 4px !important; position: relative !important; } .rpl-5 { left: 5px !important; position: relative !important; } .rpli-1 { left: -1px !important; position: relative !important; } .rpli-2 { left: -2px !important; position: relative !important; } .rpli-3 { left: -3px !important; position: relative !important; } .rpli-4 { left: -4px !important; position: relative !important; } .rpli-5 { left: -5px !important; position: relative !important; } .rpr-1 { right: 1px !important; position: relative !important; } .rpr-2 { right: 2px !important; position: relative !important; } .rpr-3 { right: 3px !important; position: relative !important; } .rpr-4 { right: 4px !important; position: relative !important; } .rpr-5 { right: 5px !important; position: relative !important; } .rpri-1 { right: -1px !important; position: relative !important; } .rpri-2 { right: -2px !important; position: relative !important; } .rpri-3 { right: -3px !important; position: relative !important; } .rpri-4 { right: -4px !important; position: relative !important; } .rpri-5 { right: -5px !important; position: relative !important; } .rpt-1 { top: 1px !important; position: relative !important; } .rpt-2 { top: 2px !important; position: relative !important; } .rpt-3 { top: 3px !important; position: relative !important; } .rpt-4 { top: 4px !important; position: relative !important; } .rpt-5 { top: 5px !important; position: relative !important; } .rpti-1 { top: -1px !important; position: relative !important; } .rpti-2 { top: -2px !important; position: relative !important; } .rpti-3 { top: -3px !important; position: relative !important; } .rpti-4 { top: -4px !important; position: relative !important; } .rpti-5 { top: -5px !important; position: relative !important; } .rpbi-1 { bottom: 1px !important; position: relative !important; } .rpb-2 { bottom: 2px !important; position: relative !important; } .rpb-3 { bottom: 3px !important; position: relative !important; } .rpb-4 { bottom: 4px !important; position: relative !important; } .rpb-5 { bottom: 5px !important; position: relative !important; } .rpbi-1 { bottom: -1px !important; position: relative !important; } .rpbi-2 { bottom: -2px !important; position: relative !important; } .rpbi-3 { bottom: -3px !important; position: relative !important; } .rpbi-4 { bottom: -4px !important; position: relative !important; } .rpbi-5 { bottom: -5px !important; position: relative !important; } .main-content-actions .desktop-action .icon.la { font-size: 24px !important; top: 0 !important; position: relative; left: -3px; } .main-content-actions .desktop-action i[class*='dripicons'] { font-size: 19px !important; top: 1px !important; position: relative; left: -3px; } @media(max-width:992px) { #logo { margin-left: 0px; } .main-content-header { padding-right: 0px; padding: 0px; min-height: 55px; } .main-content-header h2 { display: inline-block; position: relative; width: 80%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; top: 15px; left: 18px; } .main-content-header.top-5 h2 { top: 5px; } .page-content { padding: 25px 20px } .secondary-content-header { display: none; } .secondary-content-header .breadcrumb-wrapper { display: block; } .main-content { padding-top: 0px; } .desktop-action { display: none !important; } .mobile-action { display: block !important; } .mobile-action a.btn { background: #f3f3f3; border-radius: 0px; text-align: center; padding-right: 10px; height: 56px; width: 50px; } .mobile-action .btn i { font-size: 24px; position: relative; right: 16px; color: #555 !important; } .mobilenav { display: block !important; } .mobile-topbar-toggle .top-toolbar.navbar-desktop { top: 0px !important; } .mobile-topbar-toggle .content-wrapper .content { margin-top: 0px; } .dataTables_paginate { display: block; width: 100%; margin: 0 auto !important; width: 225px; } .dataTables_info, .dataTables_length { display: block; width: 100%; } body.layout-fixed .content-wrapper .content { padding-top: 30px; } } @media(max-width:768px) { .main-content { margin-top: 0; } .secondary-content-header { display: none; } div.dataTables_wrapper div.dataTables_paginate ul.pagination { justify-content: center; } body.layout-fixed .content-wrapper .content { padding-top: 55px; } body.layout-fixed .content-wrapper .content.no-padding { padding-top: 0!important; } .page-content { padding: 25px 20px; } .mobile-topbar-toggle .content-wrapper .content { margin-top: 50px; } } .alert.alert-info.alert-outline { background-color: #fff; color: #399AF2; border-color: #399AF2; } .alert.alert-info.alert-outline .icon i { color: #399AF2; } .control.control-outline .control__indicator { top: 0px; } .main-content.no-margin { margin-top: 0px; } .card.card-menu { transition: box-shadow .2s ease,-webkit-transform .2s ease; transition: transform .2s ease,box-shadow .2s ease; transition: transform .2s ease,box-shadow .2s ease,-webkit-transform .2s ease; will-change: transform,box-shadow; } .search-box { padding-left: 15px; } .card-container { padding:0; height: auto; } .border-bottom { border-bottom: 1px solid #eee; } select.form-control.input-option { height: calc(2.24rem + 2px) !important; } select.form-control.form-control-sm, select.form-control.form-control-sm:focus { line-height: 1.7; height: auto !important; font-size: .6875rem; } .form-control-sm:focus { font-size: .6875rem !important; } .input-group-sm .input-group-text { font-size: .6875rem; } .custom-control-label.font-size-12::after, .custom-control-label.font-size-12::before { width: .75rem; height: .75rem; } tbody input.selectitem { margin-top: 10px; } .input-group select.form-control:not([size]):not([multiple]) { height: calc(2.24rem + 2px); } /*===================*/ /*Ascentis Custom CSS End*/