/* Utlities Start */
:root,
[data-bs-theme="light"] {
--bs-blue: #0d6efd;
--bs-indigo: #6610f2;
--bs-purple: #6f42c1;
--bs-pink: #d63384;
--bs-red: #dc3545;
--bs-orange: #fd7e14;
--bs-yellow: #ffc107;
--bs-green: #198754;
--bs-teal: #20c997;
--bs-cyan: #0dcaf0;
--bs-black: #000;
--bs-white: #fff;
--bs-gray: #6c757d;
--bs-gray-dark: #343a40;
--bs-gray-100: #f8f9fa;
--bs-gray-200: #e9ecef;
--bs-gray-300: #dee2e6;
--bs-gray-400: #ced4da;
--bs-gray-500: #adb5bd;
--bs-gray-600: #6c757d;
--bs-gray-700: #495057;
--bs-gray-800: #343a40;
--bs-gray-900: #212529;
--bs-primary: #0d6efd;
--bs-secondary: #6c757d;
--bs-success: #198754;
--bs-info: #0dcaf0;
--bs-warning: #ffc107;
--bs-danger: #dc3545;
--bs-light: #f8f9fa;
--bs-dark: #212529;
--bs-primary-rgb: 13, 110, 253;
--bs-secondary-rgb: 108, 117, 125;
--bs-success-rgb: 25, 135, 84;
--bs-info-rgb: 13, 202, 240;
--bs-warning-rgb: 255, 193, 7;
--bs-danger-rgb: 220, 53, 69;
--bs-light-rgb: 248, 249, 250;
--bs-dark-rgb: 33, 37, 41;
--bs-primary-text-emphasis: #052c65;
--bs-secondary-text-emphasis: #2b2f32;
--bs-success-text-emphasis: #0a3622;
--bs-info-text-emphasis: #055160;
--bs-warning-text-emphasis: #664d03;
--bs-danger-text-emphasis: #58151c;
--bs-light-text-emphasis: #495057;
--bs-dark-text-emphasis: #495057;
--bs-primary-bg-subtle: #cfe2ff;
--bs-secondary-bg-subtle: #e2e3e5;
--bs-success-bg-subtle: #d1e7dd;
--bs-info-bg-subtle: #cff4fc;
--bs-warning-bg-subtle: #fff3cd;
--bs-danger-bg-subtle: #f8d7da;
--bs-light-bg-subtle: #fcfcfd;
--bs-dark-bg-subtle: #ced4da;
--bs-primary-border-subtle: #9ec5fe;
--bs-secondary-border-subtle: #c4c8cb;
--bs-success-border-subtle: #a3cfbb;
--bs-info-border-subtle: #9eeaf9;
--bs-warning-border-subtle: #ffe69c;
--bs-danger-border-subtle: #f1aeb5;
--bs-light-border-subtle: #e9ecef;
--bs-dark-border-subtle: #adb5bd;
--bs-white-rgb: 255, 255, 255;
--bs-black-rgb: 0, 0, 0;
--bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto,
"Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif,
"Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
--bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas,
"Liberation Mono", "Courier New", monospace;
--bs-gradient: linear-gradient(180deg,
rgba(255, 255, 255, 0.15),
rgba(255, 255, 255, 0));
--bs-body-font-family: var(--bs-font-sans-serif);
--bs-body-font-size: 1rem;
--bs-body-font-weight: 400;
--bs-body-line-height: 1.5;
--bs-body-color: #212529;
--bs-body-color-rgb: 33, 37, 41;
--bs-body-bg: #fff;
--bs-body-bg-rgb: 255, 255, 255;
--bs-emphasis-color: #000;
--bs-emphasis-color-rgb: 0, 0, 0;
--bs-secondary-color: rgba(33, 37, 41, 0.75);
--bs-secondary-color-rgb: 33, 37, 41;
--bs-secondary-bg: #e9ecef;
--bs-secondary-bg-rgb: 233, 236, 239;
--bs-tertiary-color: rgba(33, 37, 41, 0.5);
--bs-tertiary-color-rgb: 33, 37, 41;
--bs-tertiary-bg: #f8f9fa;
--bs-tertiary-bg-rgb: 248, 249, 250;
--bs-link-color: #0d6efd;
--bs-link-color-rgb: 13, 110, 253;
--bs-link-decoration: underline;
--bs-link-hover-color: #0a58ca;
--bs-link-hover-color-rgb: 10, 88, 202;
--bs-code-color: #d63384;
--bs-highlight-bg: #fff3cd;
--bs-border-width: 1px;
--bs-border-style: solid;
--bs-border-color: #dee2e6;
--bs-border-color-translucent: rgba(0, 0, 0, 0.175);
--bs-border-radius: 0.375rem;
--bs-border-radius-sm: 0.25rem;
--bs-border-radius-lg: 0.5rem;
--bs-border-radius-xl: 1rem;
--bs-border-radius-xxl: 2rem;
--bs-border-radius-2xl: var(--bs-border-radius-xxl);
--bs-border-radius-pill: 50rem;
--bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
--bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
--bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
--bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
--bs-focus-ring-width: 0.25rem;
--bs-focus-ring-opacity: 0.25;
--bs-focus-ring-color: rgba(13, 110, 253, 0.25);
--bs-form-valid-color: #198754;
--bs-form-valid-border-color: #198754;
--bs-form-invalid-color: #dc3545;
--bs-form-invalid-border-color: #dc3545;
}
[data-bs-theme="dark"] {
color-scheme: dark;
--bs-body-color: #adb5bd;
--bs-body-color-rgb: 173, 181, 189;
--bs-body-bg: #212529;
--bs-body-bg-rgb: 33, 37, 41;
--bs-emphasis-color: #fff;
--bs-emphasis-color-rgb: 255, 255, 255;
--bs-secondary-color: rgba(173, 181, 189, 0.75);
--bs-secondary-color-rgb: 173, 181, 189;
--bs-secondary-bg: #343a40;
--bs-secondary-bg-rgb: 52, 58, 64;
--bs-tertiary-color: rgba(173, 181, 189, 0.5);
--bs-tertiary-color-rgb: 173, 181, 189;
--bs-tertiary-bg: #2b3035;
--bs-tertiary-bg-rgb: 43, 48, 53;
--bs-primary-text-emphasis: #6ea8fe;
--bs-secondary-text-emphasis: #a7acb1;
--bs-success-text-emphasis: #75b798;
--bs-info-text-emphasis: #6edff6;
--bs-warning-text-emphasis: #ffda6a;
--bs-danger-text-emphasis: #ea868f;
--bs-light-text-emphasis: #f8f9fa;
--bs-dark-text-emphasis: #dee2e6;
--bs-primary-bg-subtle: #031633;
--bs-secondary-bg-subtle: #161719;
--bs-success-bg-subtle: #051b11;
--bs-info-bg-subtle: #032830;
--bs-warning-bg-subtle: #332701;
--bs-danger-bg-subtle: #2c0b0e;
--bs-light-bg-subtle: #343a40;
--bs-dark-bg-subtle: #1a1d20;
--bs-primary-border-subtle: #084298;
--bs-secondary-border-subtle: #41464b;
--bs-success-border-subtle: #0f5132;
--bs-info-border-subtle: #087990;
--bs-warning-border-subtle: #997404;
--bs-danger-border-subtle: #842029;
--bs-light-border-subtle: #495057;
--bs-dark-border-subtle: #343a40;
--bs-link-color: #6ea8fe;
--bs-link-hover-color: #8bb9fe;
--bs-link-color-rgb: 110, 168, 254;
--bs-link-hover-color-rgb: 139, 185, 254;
--bs-code-color: #e685b5;
--bs-border-color: #495057;
--bs-border-color-translucent: rgba(255, 255, 255, 0.15);
--bs-form-valid-color: #75b798;
--bs-form-valid-border-color: #75b798;
--bs-form-invalid-color: #ea868f;
--bs-form-invalid-border-color: #ea868f;
}
.link-primary {
color: #2dd5d9 !important;
}
a {
color: #2dd5d9;
}
.text-decoration-underline {
text-decoration: underline !important;
}
.border-bottom {
border-bottom: 1px solid #dee2e6 !important;
}
.border-top {
border-top: 1px solid #dee2e6 !important;
}
.btn-outline-primary,
.user-menu .user-footer a.btn.btn-outline-primary {
border-color: #2dd5d9;
color: #2dd5d9 !important;
background: #fff !important;
}
.btn-outline-secondary,
.modal-footer .btn.btn-default[data-dismiss="modal"] {
border-color: #fe6892;
color: #fe6892 !important;
background: #fff !important;
outline: none !important;
box-shadow: none !important;
}
.py-3 {
padding-top: 1rem !important;
padding-bottom: 1rem !important;
}
.bg-transparent {
background-color: transparent !important;
}
.m-0 {
margin: 0 !important;
}
.m-1 {
margin: 0.25rem !important;
}
.m-2 {
margin: 0.5rem !important;
}
.m-3 {
margin: 1rem !important;
}
.m-4 {
margin: 1.5rem !important;
}
.m-5 {
margin: 3rem !important;
}
.m-auto {
margin: auto !important;
}
.mx-0 {
margin-right: 0 !important;
margin-left: 0 !important;
}
.mx-1 {
margin-right: 0.25rem !important;
margin-left: 0.25rem !important;
}
.mx-2 {
margin-right: 0.5rem !important;
margin-left: 0.5rem !important;
}
.mx-3 {
margin-right: 1rem !important;
margin-left: 1rem !important;
}
.mx-4 {
margin-right: 1.5rem !important;
margin-left: 1.5rem !important;
}
.mx-5 {
margin-right: 3rem !important;
margin-left: 3rem !important;
}
.mx-auto {
margin-right: auto !important;
margin-left: auto !important;
}
.my-0 {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.my-1 {
margin-top: 0.25rem !important;
margin-bottom: 0.25rem !important;
}
.my-2 {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important;
}
.my-3 {
margin-top: 1rem !important;
margin-bottom: 1rem !important;
}
.my-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important;
}
.my-5 {
margin-top: 3rem !important;
margin-bottom: 3rem !important;
}
.my-auto {
margin-top: auto !important;
margin-bottom: auto !important;
}
.mt-0 {
margin-top: 0 !important;
}
.mt-1 {
margin-top: 0.25rem !important;
}
.mt-2 {
margin-top: 0.5rem !important;
}
.mt-3 {
margin-top: 1rem !important;
}
.mt-4 {
margin-top: 1.5rem !important;
}
.mt-5 {
margin-top: 3rem !important;
}
.mt-auto {
margin-top: auto !important;
}
.me-0 {
margin-right: 0 !important;
}
.me-1 {
margin-right: 0.25rem !important;
}
.me-2 {
margin-right: 0.5rem !important;
}
.me-3 {
margin-right: 1rem !important;
}
.me-4 {
margin-right: 1.5rem !important;
}
.me-5 {
margin-right: 3rem !important;
}
.me-auto {
margin-right: auto !important;
}
.mb-0 {
margin-bottom: 0 !important;
}
.mb-1 {
margin-bottom: 0.25rem !important;
}
.mb-2 {
margin-bottom: 0.5rem !important;
}
.mb-3 {
margin-bottom: 1rem !important;
}
.mb-4 {
margin-bottom: 1.5rem !important;
}
.mb-5 {
margin-bottom: 3rem !important;
}
.mb-auto {
margin-bottom: auto !important;
}
.ms-0 {
margin-left: 0 !important;
}
.ms-1 {
margin-left: 0.25rem !important;
}
.ms-2 {
margin-left: 0.5rem !important;
}
.ms-3 {
margin-left: 1rem !important;
}
.ms-4 {
margin-left: 1.5rem !important;
}
.ms-5 {
margin-left: 3rem !important;
}
.ms-auto {
margin-left: auto !important;
}
.p-0 {
padding: 0 !important;
}
.p-1 {
padding: 0.25rem !important;
}
.p-2 {
padding: 0.5rem !important;
}
.p-3 {
padding: 1rem !important;
}
.p-4 {
padding: 1.5rem !important;
}
.p-5 {
padding: 3rem !important;
}
.px-0 {
padding-right: 0 !important;
padding-left: 0 !important;
}
.px-1 {
padding-right: 0.25rem !important;
padding-left: 0.25rem !important;
}
.px-2 {
padding-right: 0.5rem !important;
padding-left: 0.5rem !important;
}
.px-3 {
padding-right: 1rem !important;
padding-left: 1rem !important;
}
.px-4 {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important;
}
.px-5 {
padding-right: 3rem !important;
padding-left: 3rem !important;
}
.py-0 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.py-1 {
padding-top: 0.25rem !important;
padding-bottom: 0.25rem !important;
}
.py-2 {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important;
}
.py-3 {
padding-top: 1rem !important;
padding-bottom: 1rem !important;
}
.py-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important;
}
.py-5 {
padding-top: 3rem !important;
padding-bottom: 3rem !important;
}
.pt-0 {
padding-top: 0 !important;
}
.pt-1 {
padding-top: 0.25rem !important;
}
.pt-2 {
padding-top: 0.5rem !important;
}
.pt-3 {
padding-top: 1rem !important;
}
.pt-4 {
padding-top: 1.5rem !important;
}
.pt-5 {
padding-top: 3rem !important;
}
.pe-0 {
padding-right: 0 !important;
}
.pe-1 {
padding-right: 0.25rem !important;
}
.pe-2 {
padding-right: 0.5rem !important;
}
.pe-3 {
padding-right: 1rem !important;
}
.pe-4 {
padding-right: 1.5rem !important;
}
.pe-5 {
padding-right: 3rem !important;
}
.pb-0 {
padding-bottom: 0 !important;
}
.pb-1 {
padding-bottom: 0.25rem !important;
}
.pb-2 {
padding-bottom: 0.5rem !important;
}
.pb-3 {
padding-bottom: 1rem !important;
}
.pb-4 {
padding-bottom: 1.5rem !important;
}
.pb-5 {
padding-bottom: 3rem !important;
}
.ps-0 {
padding-left: 0 !important;
}
.ps-1 {
padding-left: 0.25rem !important;
}
.ps-2 {
padding-left: 0.5rem !important;
}
.ps-3 {
padding-left: 1rem !important;
}
.ps-4 {
padding-left: 1.5rem !important;
}
.ps-5 {
padding-left: 3rem !important;
}
/* Utlities End */
/* Header Start */
.navbar-nav>.user-menu>.dropdown-menu>li.user-header>p {
margin-top: 5px;
margin-bottom: 5px;
}
.dropdown-_items_icon {
width: 25px;
position: relative;
color: #01cdd1;
}
.institutionDashboardWrapper .main-header {
max-height: 47px;
border-bottom: none;
background: #005276;
color: #fff;
box-shadow: 0px 3px 6px #00000024;
transition: all 0.6s ease 0s;
}
.main-header .headerTopRow-1 {
height: 47px;
}
.UserName {
display: none;
}
.navbar-nav>.user-menu .user-image {
margin-right: 0;
}
.main-header-app img.admin-logo {
max-width: 113px;
}
.main-header-app.main-header .logo {
width: 22px;
position: relative;
top: 2px;
padding: 0px;
}
.main-header-app.main-header .headInstituteName {
font-size: 18px;
padding-left: 15px;
}
.navbar-nav>.user-menu>.dropdown-menu>li.user-header {
background-color: #f6f6f6;
color: #333;
}
.navbar-nav>.user-menu>.dropdown-menu {
width: 210px;
}
.navbar-nav>.user-menu>.dropdown-menu>li.user-header>p {
color: #333;
}
.skin-blue .main-header .navbar .nav>li>a {
padding: 11px 13px;
}
.HeaderUserProfile.dropdown-menu-with-arrow .dropdown-toggle::after {
content: "";
border-color: #dbdbdb;
border-style: solid;
border-width: 0 1px 1px 0;
height: 10px;
right: 20px;
margin-left: -4px;
width: 10px;
display: inline-block;
background: transparent;
transform: rotate(-135deg);
margin-top: -5px;
background: #f8f8f8;
position: absolute;
bottom: -5px;
top: inherit;
opacity: 0;
z-index: 10000;
}
.HeaderUserProfile.dropdown-menu-with-arrow .dropdown-toggle[aria-expanded="true"]::after {
opacity: 1;
}
/* Header End */
/* Sidebar Start */
.main-sidebar.institution_theme_sidebar {
border-width: 0px !important;
top: 46px !important;
}
.main-sidebar.institution_theme_sidebar {
width: 50px;
}
.main-sidebar.institution_theme_sidebar::before {
content: "";
position: absolute;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
}
.main-sidebar.institution_theme_sidebar .sidebar {
padding-left: 0px;
padding-right: 0px;
}
.main-sidebar.institution_theme_sidebar .sidebar-menu>li>a {
padding: 7px 6px 7px 0px;
min-width: 33px;
border-radius: 4px 0 0 4px !important;
border-left-width: 0;
width: 33px;
border-bottom: 2px solid #005276 !important;
margin-left: 5px;
}
.main-sidebar.institution_theme_sidebar .sidebar-menu>li>a>i {
color: #fff;
width: 30px;
text-align: center;
position: relative;
top: 1px;
height: 21px;
display: inline-flex;
align-items: center;
min-width: 30px;
justify-content: center;
position: relative;
top: 0px;
}
.main-sidebar.institution_theme_sidebar .sidebar-menu>li:hover>a,
.main-sidebar.institution_theme_sidebar .sidebar-menu>li:hover>a i,
.main-sidebar.institution_theme_sidebar .sidebar-menu>li.active>a i,
.main-sidebar.institution_theme_sidebar .sidebar-menu>li.menu-open>a,
.main-sidebar.institution_theme_sidebar .sidebar-menu>li.menu-open>a i,
.main-sidebar.institution_theme_sidebar .sidebar-menu>li.menu-open:hover>a,
.main-sidebar.institution_theme_sidebar .sidebar-menu>li.menu-open:hover>a i {
color: #fe6892 !important;
}
.main-sidebar.institution_theme_sidebar .sidebar-menu>li.active>a {
color: #fe6892 !important;
}
.main-sidebar.institution_theme_sidebar .sidebar-menu>li.active>a {
background-color: #f2f7fa !important;
}
/* .main-sidebar.institution_theme_sidebar .sidebar-menu > li.treeview.active > a {
background-color: #005276 !important;
color: #fff;
}
.main-sidebar.institution_theme_sidebar
.sidebar-menu
> li.treeview.active
> a
i,
.main-sidebar.institution_theme_sidebar
.sidebar-menu
> li.treeview.active
> a
strong {
color: #fff !important;
} */
.main-sidebar.institution_theme_sidebar .mCSB_container {
padding-bottom: 0;
min-height: calc(100vh - 147px);
}
/* .main-sidebar.institution_theme_sidebar .sidebar-menu > li.active > a, */
.main-sidebar.institution_theme_sidebar .sidebar-menu>li.menu-open>a {
background: #f2f7fa !important;
color: #fe6892 !important;
}
.main-sidebar.institution_theme_sidebar .sidebar-menu>li:hover>a {
background: #00c5c9 !important;
color: #fff !important;
}
.main-sidebar.institution_theme_sidebar .sidebar-menu>li:hover>a i {
color: #fff !important;
}
.main-sidebar.institution_theme_sidebar .sidebar-menu>li.menu-open:hover>a,
.main-sidebar.institution_theme_sidebar .sidebar-menu>li.treeview.active.menu-open:hover>a,
.main-sidebar.institution_theme_sidebar .sidebar-menu>li.treeview.active.menu-open>a {
background: #f2f7fa !important;
}
.main-sidebar.institution_theme_sidebar .sidebar-menu>li.treeview.active.menu-open>a i {
color: #fe6892 !important;
}
.main-sidebar.institution_theme_sidebar .sidebar-menu>li.treeview.active.menu-open>a strong {
color: #fe6892 !important;
}
.main-sidebar.institution_theme_sidebar .sidebar-menu strong {
font-size: 13px;
font-family: "google_sansregular" !important;
font-weight: 400;
}
.treeview-menu>li>a {
font-size: 13px;
}
.treeview-menu>li>a {
padding-left: 0;
}
.treeview-menu>li>a {
padding-left: 0;
}
.skin-blue .sidebar-menu .treeview-menu>li.active>a {
padding-left: 10px;
}
.app-sidebarOpen .main-sidebar.institution_theme_sidebar .sidebar-menu>li.treeview.active>.treeview-menu {
display: block !important;
}
.app-sidebarOpen-parent .treeview.sidebarOpen.menu-open::before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 230px;
background: yellow;
height: 100%;
z-index: 9999;
opacity: 0;
}
/* .app-sidebarOpen-parent .main-sidebar.institution_theme_sidebar .sidebar-menu li a{ transition: none !important;} */
.modal-dialog-max-w-1500px {
max-width: 1500px !important;
padding-left: 30px;
padding-right: 30px;
}
.modal-dialog-max-w-1560px {
max-width: 1560px !important;
padding-left: 30px;
padding-right: 30px;
}
.mouse_leave_event {}
/* Processing Salary popup */
.Processinglabel {
font-size: 20px;
margin-bottom: 5px;
}
.progress.progress_v2 {
border-radius: 10px;
background-color: #005276;
margin-bottom: 0;
height: 20px;
}
.progress.progress_v2 .progress-bar {
background-color: #01cdd1;
text-align: right;
padding-right: 10px;
border-radius: 10px;
}
.progress_popup {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 999;
display: none;
background: rgba(0, 0, 0, 0.6);
}
.progress_popup_container {
/* Rectangle 2 */
padding: 14px 20px 20px;
width: 425px;
background: #ffffff;
border-radius: 8px;
}
.progress_popupContent_wrap {
display: flex;
height: 100%;
width: 100%;
align-items: center;
justify-content: center;
padding: 20px;
}
.modal-open .select2-container--default.select2-container--open {
z-index: 99999 !important;
}
.modal-open .datepicker {
z-index: 9999 !important;
}
body:not(.app-sidebarOpen-parent) .datepicker {
z-index: 9999 !important;
}
body:not(.app-sidebarOpen-parent).modal-open .datepicker {
z-index: 9999 !important;
}
.commentColum>div {
margin-bottom: 15px;
display: flex;
position: relative;
padding-right: 100px;
}
.commentColum>div .box-body {
padding-bottom: 0px !important;
width: auto !important;
padding-right: 0;
position: absolute;
right: 0;
}
.commentColum>div .btn {
height: 42px;
margin-left: 15px;
}
.commentColum>div.form-control {
min-width: 300px;
}
#parentWrapper {
min-width: 100%;
}
#parentWrapper>div {
display: flex;
flex-direction: column;
}
#parentWrapper input.form-control {
min-width: 200px;
}
#parentWrapper input.form-control.error {
margin-bottom: 20px;
}
#parentWrapper label.error {
bottom: inherit;
top: 47px;
}
#parentWrapper table td label.error {
left: 15px;
}
.commentColum>div label.error {
left: 0px !important;
}
#principal-rows-data {
display: flex;
flex-direction: column;
width: 100%;
}
#principal-rows-data>span {
display: flex;
width: 100%;
position: relative;
padding-right: 92px;
}
#principal-rows-data>span .removeBtnn .btn {
height: 42px;
}
#principal-rows-data>span .removeBtnn {
padding-top: 27px;
width: auto;
position: absolute;
right: 0;
padding-left: 0;
}
.TableHeadingContent .commentColum .box-body {
padding-bottom: 0px !important;
margin-bottom: 0px !important;
width: 100% !important;
}
.TableHeadingContent .commentColum .box-body .form-group {
width: 100%;
}
.TableHeadingContent .commentColum .select2-container .selection,
.TableHeadingContent .commentColum .form-group .select2-container .select2-selection--single {
width: 100% !important;
}
.TableHeadingContent table tr>td {
padding-left: 0px !important;
}
.TableHeadingContent .commentColum .select2-container--default .select2-selection--single .select2-selection__arrow {
right: 12px !important;
}
.TableHeadingContent>div {
width: 100%;
display: block;
overflow: hidden;
}
.selectValidationBox .error-message {
position: absolute;
top: 42px;
left: 0px;
}
.selectValidationBox .error-message .select2-container {
margin-bottom: 15px !important;
}
.dash-data-table span.status_span {
width: auto;
height: 26px;
margin-right: 0;
padding: 3px 10px;
background: #eee 0% 0% no-repeat padding-box;
border: 1px solid #999;
text-align: center;
border-radius: 13px;
}
.dash-data-table span.status_span.contractActive {
border-color: #00B542;
color: #00B542;
background-color: #EFFBF6;
}
.dash-data-table span.status_span.contractExpSoon {
border-color: #F2A366;
color: #F2A366;
background-color: #FFFAF6;
}
.dash-data-table span.status_span.contractExpired {
border-color: #FF4D4D;
color: #FF4D4D;
background-color: #FFF6F6;
}
.tiles_box {
background: #FFFAF6 0% 0% no-repeat padding-box;
border: 1px solid #FB872E;
border-radius: 5px;
padding: 29px 25px;
}
.tiles_box_red {
background: #FFF6F6 0% 0% no-repeat padding-box;
border: 1px solid #FF4D4D;
}
.text-red-2 {
color: #FF4D4D !important;
}
.contractListWraper {
display: flex;
justify-content: start;
width: 100%;
float: left;
}
.contractListWraper .row {
max-width: 820px;
width: calc(100% + 30px);
}
tr.ExpiringSoon_tr td {
background-color: #FFFAF6;
box-shadow: 1px 3px 0px -2px #FCB279 inset;
border-bottom-color: #F7BD8F !important;
border-bottom-width: 2px !important;
}
tr.Expired_tr td {
background-color: #FFF6F6;
box-shadow: 1px 3px 0px -2px #FF4D4D inset;
border-bottom-color: #FFA0A0 !important;
border-bottom-width: 2px !important;
}
.notifyIconn {
display: inline-flex;
position: relative;
top: 3px;
}
.alertWrapper {
width: auto;
display: inline-flex;
align-items: center;
height: auto;
padding: 8px 15px;
/* UI Properties */
background: #FFFAF6 0% 0% no-repeat padding-box;
border: 1px solid #FB872E;
border-radius: 5px;
}
.alertWrapper * {
margin-bottom: 0;
padding-bottom: 0;
}
.closeSvg_mark {
margin-left: 30px;
opacity: 1;
}
.alertWrapper_1 {
position: absolute;
left: 0;
right: 0;
text-align: center;
top: -69px;
}
.BrowseFile_items_IndividualEarning {
right: 76px !important;
}
.BrowseFile_items_Employeee {
right: 120px !important;
}
.formLinkParticipant_roww {
max-height: calc(100vh - 200px);
overflow: auto;
}
#actionRequiredSection,
#actionInformationSection {
margin: 0px 0 0px;
}
#actionRequiredSection>div,
#actionInformationSection>div {
background-color: #f9f9d8;
padding: 12px 12px;
align-items: center;
margin-top: 10px;
border-radius: 5px !important;
width: calc(100% - 20px);
}
#actionInformationSection>div {
background-color: #f2f7fa;
}
.ract-52px {
min-width: 52px;
height: 52px;
width: 52px;
overflow: hidden;
}
.ract-32px {
min-width: 32px;
height: 32px;
width: 32px;
overflow: hidden;
}
#actionRequiredSection .remove-staff,
#actionInformationSection .remove-staff {
background: no-repeat;
font-size: 21px;
line-height: 100%;
padding: 0;
}
#actionRequiredSection,
#actionInformationSection {
width: 100%;
padding-bottom: 1rem !important;
display: inline-block;
}
.basic-heading-v02 .basic-heading {
border: 1px solid #e0e0e0;
border-radius: 5px;
}
.basic-heading-v02-heading {
padding: 15px;
border-bottom: 1px solid #e0e0e0;
}
.basic-heading-v02-body {
padding: 15px 15px;
}
.basic-heading-v02-body .margin-btm {
margin-bottom: 0;
}
.card_dashboard {
box-shadow: 0px 0px 5px #eee;
border: 1px solid #ddd;
padding: 15px 20px;
border-radius: 5px;
margin-bottom: 15px;
}
.fill-green {
fill: #00a65a;
}
.emergencyAlertWrapper {
background: #FFF3F3;
border: 1px solid #ECD4D7;
border-radius: 10px;
padding: 15px;
margin-bottom: 20px;
}
.activeNum {
background: #FEE1E4;
padding: 3px 10px;
border-radius: 4px;
}
.emergencyBox {
background: #fff;
border-radius: 5px;
padding: 15px;
box-shadow: 0px 0px 5px #F9E1E1;
border: 1px solid #F0D7D6;
height: 133px;
}
.reportedByImg img {
width: 25px;
height: 25px;
border-radius: 50%;
}
.boostRowWrap .row {
margin-left: -8px;
margin-right: -8px;
}
.boostRowWrap .row>div {
padding-left: 8px;
padding-right: 8px;
}
.emerDes {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.staff_row {
display: flex;
align-items: center;
flex-wrap: wrap;
margin-left: -5px;
margin-right: -5px;
border: 1px solid #d2d6de;
margin-bottom: 8px;
padding: 5px;
}
.staff_row .staffCheckBox {
padding-left: 5px;
padding-right: 5px;
width: 30px;
}
.staff_row .staffSelect {
width: calc(33.33% - 10px);
padding-left: 5px;
padding-right: 5px;
margin: 5px 0;
}
.staff_row .staffInput {
flex: 1;
padding-left: 5px;
padding-right: 5px;
margin: 5px 0;
}
.staff_row label.error {
position: static !important;
}
.addStaffsBtn {
text-align: right;
margin-bottom: 5px;
}
/* Filter new design start */
.box-header #filtermis.filter-box-v02 {
position: fixed;
right: 0px;
transform: translateX(100%);
top: 0px;
border-radius: 0;
height: 100%;
min-height: calc(100vh);
background: #fff;
z-index: 200;
margin-top: 0;
background: #fff;
transition: all 0.3s ease;
box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
width: 504px;
padding: 0 !important;
border: none !important;
overflow: auto;
z-index: 9999 !important;
}
.filter-box-v02 .filter-box-inner>div.d-flex {
flex-direction: column;
height: auto;
flex-grow: 1;
position: relative;
z-index: 1;
}
.filter-box-v02 .filter-box-inner>div.d-flex>div {
width: 100%;
margin-bottom: 15px;
}
.filter-box-v02-header {
height: 68px;
padding: 0 30px;
position: sticky;
top: 0;
z-index: 2;
}
a.filter-btn[href="#filtermis"]::after {
display: none !important;
}
a.filter-btn .filter-icon {
display: none;
}
.filter-box-v02-header.bg-primary {
background-color: #01cdd1 !important;
}
.filter-box-v02 .filter-box-inner {
text-align: left;
border: none;
padding: 20px 15px 0;
margin-bottom: 0px !important;
height: calc(100% - 68px);
display: flex;
flex-direction: column;
}
.filter_popup_footer_left .font-18px {
font-size: 16px !important;
}
.filter-box-v02 .filter-box-inner>div.filter_popup_footer {
display: flex;
justify-content: space-between;
background: #f5f8fa;
align-items: center !important;
box-shadow: 0px -2px 4px 0px rgba(0, 0, 0, 0.05);
padding: 15px 30px !important;
margin: 0 -15px;
width: calc(100% + 30px);
border-bottom: 1px solid rgba(49, 63, 75, 0.2);
border-top: 1px solid rgba(49, 63, 75, 0.2);
position: sticky;
bottom: 0;
z-index: 3;
height: auto;
}
.filter_popup_footer .btn:last-child {
margin-right: 0px !important;
}
.filter_popup_footer .btn {
width: auto !important;
font-size: 14px;
}
a.close_filterPopup_overlay {
display: none;
background: rgba(49, 63, 75, 0.2) !important;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 99;
}
.FilterPopupOpen .close_filterPopup_overlay {
display: block;
}
.app_header_main {
z-index: 99 !important;
}
.FilterPopupOpen .box-header #filtermis.filter-box-v02 {
transform: translateX(0);
}
.FilterPopupOpen {
overflow: hidden;
}
.filter_popup_footer_right {
width: auto !important;
padding-right: 100px;
}
.box-header .box-body-infoTop #filtermis.filter-box-v02 .col-sm-3.filter_form_checkbox_field {
padding-top: 0;
}
.filter_popup_footer_multiple_btn {
flex-direction: column-reverse;
}
.filter_popup_footer_multiple_btn .filter_popup_footer_left {
flex: 0 0 auto;
justify-content: start;
margin-top: 5px;
width: 100%;
}
.filter_popup_footer_multiple_btn .filter_popup_footer_right {
flex-wrap: wrap;
display: flex;
align-items: end;
width: 100% !important;
text-align: right;
justify-content: start;
}
.filter_popup_footer_multiple_btn .filter_popup_footer_right .btn {
flex: 0 0 auto;
margin-bottom: 5px !important;
margin-right: 5px !important;
}
#filtermis.filter-box-v02 .filter_form_checkbox_field label.m-hide {
display: none !important;
}
#filtermis.filter-box-v02 .filter_form_checkbox_field .w-100.pt-3 {
padding-top: 0px !important;
}
.filter_popup_footer_multiple_btn .filter_popup_footer_right {
flex-wrap: wrap;
display: flex;
align-items: end;
width: 100% !important;
text-align: right;
justify-content: start;
}
.filter_popup_footer_multiple_btn .filter_popup_footer_right .btn {
flex: 0 0 auto;
margin-bottom: 5px !important;
margin-right: 5px !important;
}
#filtermis.filter-box-v02 .filter_form_checkbox_field label.m-hide {
display: none !important;
}
#filtermis.filter-box-v02 .filter_form_checkbox_field .w-100.pt-3 {
padding-top: 0px !important;
}
.FilterPopupOpen .main-header {
z-index: 9;
}
.FilterPopupOpen .main-sidebar {
z-index: 9;
}
.close_filterPopup[href="#filtermis"]::after,
.close_filterPopup[href="#filtermis"]::before {
display: none !important;
}
.close_filterPopup_overlay[href="#filtermis"]::after {
display: none !important;
}
#filtermis.filter-box-v02 .link-primary-dark:hover svg {
fill: #01cdd1 !important;
}
.filter-box-v02 .filter-box-inner .control-label {
padding-top: 0;
}
.filter-box-v02 .filter-box-inner>div.d-flex>div.blank_div_usefull {
margin-bottom: 5px;
}
.FilterPopupOpen .table {
position: relative;
z-index: 1;
}
a[href="#filtermis"][aria-expanded="true"]::after {
display: none;
}
.action_show_td {
z-index: 100 !important;
}
.assest-box {
cursor: pointer;
height: 100%;
padding-top: 10px;
}
.assest-box-bg {
background-color: #CAE5FB;
height: 20px;
padding-top: 10px;
position: absolute;
width: 100%;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
}
.total-assest-box-bg {
background-color: #C9DFFF;
height: 20px;
padding-top: 10px;
position: absolute;
width: 100%;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
}
.total-assest-value-box-bg {
background-color: #C9FAFF;
height: 20px;
padding-top: 10px;
position: absolute;
width: 100%;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
}
.asset-inner-bg {
border-radius: 10px;
border: 1px solid #89CAFF;
background: linear-gradient(180deg, #FFF 35.58%, #E0F1F8 100%);
position: relative;
z-index: 1;
margin-top: 10px;
}
.total-asset-inner-bg {
border-radius: 10px;
border: 1px solid #83B1F5;
background: linear-gradient(180deg, #FFF 35.58%, #C9DFFF 100%);
position: relative;
z-index: 1;
margin-top: 10px;
}
.total-asset-value-inner-bg {
border-radius: 10px;
border: 1px solid #82DEE8;
background: linear-gradient(180deg, #FFF 35.58%, #C9FAFF 100%);
position: relative;
z-index: 1;
margin-top: 10px;
}
.msg-rows-infos {
padding: 10px 15px 10px;
height: 100%;
}
.assest-btn {
height: 30px;
line-height: 42px;
padding: 0 15px;
border-radius: 6px;
letter-spacing: 0;
font-size: 16px;
justify-content: center;
display: inline-flex;
align-items: center;
background-color: #005276;
white-space: nowrap;
}
.asset-number-color {
color: #005276;
}
.line-height-130 {
line-height: 130% !important;
}
.line-height-32r {
line-height: 32px;
}
.cnawas-pedding .line-height-32r {
line-height: 20px;
}
.category-assest-box-bg {
background-color: #00c5c9;
height: 20px;
padding-top: 10px;
position: absolute;
width: 100%;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
}
.category-asset-inner-bg {
border-radius: 10px;
height: 100%;
background: #FFF;
position: relative;
z-index: 1;
margin-top: 7px;
box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.15);
}
.usage-content {
padding: 13px 10px 15px 16px;
border-bottom: 1px solid #E5E7EB;
}
.inner-use-content {
padding: 0px 10px 0px 12px;
}
.border-right-1 {
border-right: solid 1px #dcdcdc !important;
}
.border-bottom-1 {
border-bottom: solid 1px #dcdcdc !important;
}
.dashboard-admin-section .stu_header-row {
padding: 5px 15px !important;
min-height: 55px;
}
.main-tittle-inner {
padding: 10px 16px;
}
.main-tittle-inner h5 {
color: #000;
font-weight: 500;
font-size: 18px;
font-family: "Proxima Nova";
}
.progress-container {
width: 100%;
height: 10px;
background-color: #ddd;
border-radius: 20px;
position: relative;
margin: 20px 0;
}
.progress-bar {
height: 100%;
background-color: #5BC423;
border-radius: 20px;
/* ❌ No width here — will be set from JS */
transition: width 0.4s ease-in-out;
}
.progress-knob {
width: 16px;
height: 16px;
background-color: white;
border: 3px solid #5BC423;
border-radius: 50%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
left: 0%;
/* Controlled by JS */
transition: left 0.4s ease-in-out;
}
.scroll-hori {
overflow-y: scroll;
overflow-x: hidden;
height: 300px;
}
.notification_style1 {
display: flex;
justify-content: center;
/* margin-top: -57px; */
position: absolute;
/* margin-top: -70px; */
width: 100%;
top: -67px;
}
.notification_style1 .notification-bar {
display: flex;
align-items: center;
gap: 10px;
background: #FFFAF6;
border: 1px solid #FB872E;
padding:7px 15px;
border-radius:5px;
font-family: Arial, sans-serif;
width: fit-content;
}
.notification_style1 .notification-bar-danger {
background: rgb(244, 67, 54, 0.07);
border-color:#F44336;
}
.notification_style1 .notification-bar.notification-bar-danger .adjust-link{ color: #F44336;}
.notification_style1 .notification-bar .notificationicon {
display: inherit;
}
.notification_style1 .notification-bar p {
margin: 0;
font-size: 16px;
color: #333;line-height: 130%;
}
.notification_style1 .notification-bar .adjust-link {
margin-left: 5px;
color: #f28c28; text-decoration: underline;
}
.notification_style1 .notification-bar .adjust-link:hover {
text-decoration: underline;
}
.notification_style1 .notification-bar .close-btn {
margin-left: auto;
background: transparent;
border: none;
font-size: 14px;
cursor: pointer;
color: #555;
}
.notification_style1 .notification-bar .close-btn:hover {
color: #000;
}
.content-header > .breadcrumb{ z-index: 2;}
.budgetChart-tooltip{
background: #FFFFFF 0% 0% no-repeat padding-box !important;
box-shadow: 0px 3px 6px #00000029 !important;
border: 1px solid #D6D6D6 !important;
border-radius: 5px !important;
min-width: 341px;
}
.budgetChart-tooltip .popup-title{ font-size: 18px;
color: #000; position: relative;
border-bottom: 1px solid #ccc;
margin: 0 -15px 10px;
padding: 0 15px 15px !important;}
.budgetChart-tooltip .popup-row {
display: flex;
justify-content: space-between;
margin-bottom:8px; align-items: center;
padding: 0 0px;
}
.budgetChart-tooltip .popup-title::before {
content: '';
width: 14px;
height: 14px;
display: inline-block;
background: #fff;
transform: rotate(45deg);
left: -8px;
position: absolute;
border: 1px solid #D6D6D6;
border-width: 0 0 1px 1px;
top: 7px;
}
.budgetChart-tooltip .popup-row .popup-total-value{ color: #EF626C;}
.budgetChart-tooltip .popup-row-total {
padding-top: 10px !important;
margin-top: 10px;
margin-bottom: 0 !important;
}
#closed_orders_datatables.white-space-nowrap tr td {
white-space: nowrap !important;
}
@media (max-width: 1580px) {
.msg-rows-infos {
height: 136.813px;
}
.notification_style1 {
position: static;
}
}
@media (max-width: 1365px) {
.row_002>div {
width: 100%;
}
.cnawas-pedding canvas {
max-width: 350px;
height: auto !important;
}
}
@media (max-width: 991px) {
.msg-rows-infos {
height: unset;
}
.border-right-1 {
border-right: none !important;
}
.scroll-hori {
height: auto !important;
}
.progress-container {
margin: 14px 0;
}
}
@media (max-width: 1199px) {
.min-height-tamp {
height: auto !important;
}
.budgetChart-tooltip{
min-width:200px;
}
}
@media (min-width: 992px) {
/* LG screen ke liye */
.custom-border-lg-0 {
border: none !important;
}
}
@media (min-width:768px) {
.ProjectNameTitle{ flex-direction: row !important;}
}
@media (min-width: 1200px) {
/* XL screen ke liye */
.custom-border-xl-0 {
border: none !important;
}
}
@media (max-width:767px) {
.cnawas-pedding {
padding: 20px 20px !important;
}
.notification_style1 {
margin-bottom: 15px;
}
.notification_style1 .notification-bar p {
font-size: 14px;
}
.notification_style1 .notification-bar .notificationicon svg{ max-width: 16px; height: auto;}
}
#physicalWrapper {
display: flex;
flex-wrap: wrap;
}
.modal .w-600 {
max-width: 1000px;
}
.addmore_boxcontent {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 20px;
}
.btnRemoveSession {
height: 40px !important;
}
.addmore_boxcontent {
align-items: unset !important;
padding: 20px !important;
}
.color-div {
background-color: #17289E;
width: 14.16px;
height: 7.8px;
border-radius: 10px;
}
.color-div_2 {
background-color: #2DDAC1;
width: 14.16px;
height: 7.8px;
border-radius: 10px;
}
.color-div_3 {
background-color: #58C131;
width: 14.16px;
height: 7.8px;
border-radius: 10px;
}
.color-div_4 {
background-color: #2DA0FE;
width: 14.16px;
height: 7.8px;
border-radius: 10px;
}
.color-div_5 {
background-color: #945C1C;
width: 14.16px;
height: 7.8px;
border-radius: 10px;
}
.color-div_6 {
background-color: #F46AD2;
width: 14.16px;
height: 7.8px;
border-radius: 10px;
}
.color-div_7 {
background-color: #EF4040;
width: 14.16px;
height: 7.8px;
border-radius: 10px;
}
@media (max-width: 767px) {
.on-mobile-margin {
margin-bottom: 10px;
}
}
.cnawas-pedding {
padding: 35px;
}
#assetByStatusCanvas {
width: 219.93px;
height: 219.93px !important;
}
/* #assetByCategoryCanvas{
width: 300.56px;
height: 300.56px !important;
} */
.search_criteria_title h2 {
color: #005276;
font-size: 22px;
font-style: normal;
line-height: normal;
font-family: "proxima_novasemibold";
}
label.control-label {
font-size: 15px;
font-family: "proxima_novasemibold";
color: #313F4B;
}
.email-svg {
background: #f0f7fd;
height: 40px;
width: 40px;
justify-content: center;
display: flex;
align-items: center;
border-radius: 50%;
}
.phone-svg {
background: #f0f7fd;
height: 40px;
width: 40px;
justify-content: center;
display: flex;
align-items: center;
border-radius: 50%;
}
.email-svg svg,
.phone-svg svg {
cursor: pointer;
}
.custom-progresss {
height: 100%;
width: 75%;
background: linear-gradient(90deg, #00CC89 -7.74%, #C5FF77 82.9%);
background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2) 8px, transparent 5px, transparent 14px), linear-gradient(90deg, #00CC89 -7.74%, #C5FF77 82.9%);
}
.progress-wrappers {
position: relative;
}
.progress-labels {
position: absolute;
top: 20px;
right: 46px;
background: #2c3e50;
color: white;
font-size: 12px;
padding: 3px 8px;
border-radius: 4px;
font-weight: 600;
}
.progress-bar-containers {
background-color: #e9ecef;
border-radius: 20px;
overflow: hidden;
height: 12px;
}
.coustm-before:before {
position: absolute;
content: "";
border-top: 0;
border-right: .3em solid transparent;
border-bottom: .3em solid #2c3e50;
border-left: .3em solid transparent;
top: -3px;
left: 15px;
}
.border-top.main-border-bottom-tp {
margin-top: 45px;
}
.star {
background: #fff;
border: 1px solid #ccc;
border-radius: 50%;
display: flex;
align-items: center;
width: 20px;
height: 20px;
justify-content: center;
position: absolute;
right: 0;
top: -5px;
}
/* .actives .ribbon:before{
content: "✔";
position: absolute;
top: -27px;
right: 2px;
color: white;
font-size: 11px;
font-weight: bold;
} */
.inactive {
position: relative;
display: inline-block;
padding: 15px 30px;
border: 1px solid #cbd5e1;
border-radius: 8px 8px 0 0;
background-color: white;
font-weight: bold;
font-family: sans-serif;
color: #1D4161;
}
.inactive .ribbons {
position: absolute;
top: 0;
right: 0;
width: 0;
height: 0;
border-top: 30px solid red;
border-left: 30px solid transparent;
}
.inactive .ribbons:before {
content: "✖";
position: absolute;
top: -27px;
right: 4px;
color: white;
font-size: 11px;
font-weight: bold;
}
.padding-21px {
padding: 21px !important;
}
.show-next-main-div:last-child {
margin-bottom: 0px !important;
}
.show-next-main-div {
padding: 21px !important;
border: 1px solid #dfe3eb;
border-radius: 10px !important;
margin-bottom: 20px;
}
.on-scroll-for {
padding: 0;
overflow-x: auto;
overflow-y: clip !important;
gap: 50px;
}
.text-wrap {
white-space: nowrap !important;
}
.colum-with-20 {
width: 20%;
}
.width-500px {
width: 500px !important;
}
.outline-1 {
border-radius: 6px !important;
border: 1px solid #1D4161 !important;
}
.fotter-position {
position: fixed;
bottom: 0px;
right: 0px;
padding-bottom: 14px;
padding-top: 14px;
padding-right: 21px;
box-shadow: 0px -2px 4px 0px rgba(0, 0, 0, 0.05);
background-color: #F5F8FA;
width: 500px;
border-top: 1px solid #C4D5EA;
}
.cnawas-pedding ul {
list-style: none;
padding-left: 0;
gap: 8px !important;
display: flex;
flex-direction: column;
}
.cnawas-pedding .gap-2 {
gap: .5rem !important;
}
.font-semi-bold-pro {
font-family: 'google_sansmedium' !important;
font-weight: normal !important;
}
@media(max-width:1599px) {
.tab-btn.font-18 {
font-size: 17px !important;
}
}
@media(max-width:767px) {
.box-header #filtermis.filter-box-v02 {
width: 100%;
}
.filter-box-v02-header {
height: 50px;
padding: 0 25px;
}
.filter-box-v02 .filter_popup_footer {
padding: 12px 25px !important;
width: calc(100% + 25px);
}
.filter-box-v02 .filter_popup_footer .btn {
margin-bottom: 0px !important;
}
.filter-box-v02 .filter_popup_footer_multiple_btn.filter_popup_footer .btn {
margin-bottom: 5px !important;
}
.filter_popup_footer_multiple_btn .filter_popup_footer_right {
width: 100% !important;
}
.filter-box-v02 .filter-box-inner {
height: calc(100% - 50px);
padding: 20px 10px 0;
}
.filter-box-v02 .filter_popup_footer_multiple_btn.filter_popup_footer .font-18px {
font-size: 16px !important;
}
.filter_popup_footer_multiple_btn.filter_popup_footer .filter_popup_footer_left {
max-width: 100%;
margin-top: 5px;
}
.filter_popup_footer_left {
flex: 0 0 auto;
max-width: 80px;
line-height: 149%;
overflow: hidden;
white-space: nowrap;
}
.filter_popup_footer_left .font-18px {
font-size: 16px !important;
}
.filter_popup_footer_left svg {
max-width: 10px;
height: auto;
}
.filter_popup_footer_left span.me-1 {
margin-right: 2px !important;
position: relative;
top: -2px;
}
.filter-box-v02-header.font-24px {
font-size: 20px !important;
}
.filter-box-v02-header .close_filterPopup svg {
max-width: 14px;
height: auto;
}
}
/* Filter new design End */
/* Table horizontal scroll */
.content.content_table_scroll_viewport {
padding-bottom: 40px;
}
.content_table_scroll_viewport .box-header {
height: calc(100vh - 175px);
display: flex;
flex-direction: column;
padding-bottom: 80px;
}
.content_table_scroll_viewport .table_scrollwrap {
overflow: auto;
border: 1px solid #dfe3eb;
}
.content_table_scroll_viewport .table_scrollwrap table {
border: none;
margin-bottom: 0 !important;
width: calc(100% - 1px);
}
.content_table_scroll_viewport .table_wrappers,
.content_table_scroll_viewport .col-md-12.no-padding-h {
width: 100%;
min-height: 180px;
flex-grow: 1;
}
.content_table_scroll_viewport .table_wrappers .dash-data-table,
.content_table_scroll_viewport .col-md-12.no-padding-h .dash-data-table {
height: calc(100% + 43px);
overflow: inherit;
}
/* .content_table_scroll_viewport
.content_table_scroll_viewport .box-header #applicant_tabs{
overflow-y: initial;
}
.content_table_scroll_viewport
.table_wrappers
.table-bordered
> :not(caption)
> * {
border-width: 0;
} */
.content_table_scroll_viewport .table_wrappers .table-bordered tr:last-child {
border-bottom: none !important;
}
.layout_main {
padding-bottom: 15px;
}
.table_scrollwrap .table {}
.table_scrollwrap .table th {
position: sticky;
top: 0;
border-top: none !important;
z-index: 100 !important;
}
.table_scrollwrap .table th:first-child,
.table_scrollwrap .table td:first-child {
border-left: none !important;
}
.table_scrollwrap .table th:last-child,
.table_scrollwrap .table td:last-child {
border-right: none !important;
}
.table_scrollwrap .table tr:last-child td {
border-bottom: none !important;
}
.table_scrollwrap {
margin-bottom: 15px;
}
.table_have_action_sticky table td:last-child::before {
content: "";
position: absolute;
width: 1px;
height: 100%;
background: #dfe3eb;
top: 0;
left: -1px;
}
.table_have_action_sticky table th:last-child::before {
content: "";
position: absolute;
width: 1px;
height: 100%;
background: #dfe3eb;
top: 0;
left: -1px;
}
#closed_orders_datatables td:last-child,
#closed_orders_datatables th:last-child {
min-width: 90px;
}
.app-sidebarOpen-parent .table_scrollwrap .table th {
z-index: 1 !important;
}
.app-sidebarOpen-parent #closed_orders_datatables td:last-child,
.app-sidebarOpen-parent #closed_orders_datatables th:last-child {
z-index: 1 !important;
}
@media (max-width: 767px) {
.content_table_scroll_viewport .table_scrollwrap {
min-height: 200px;
max-height: 400px;
}
}
/* Table horizontal scroll end */
.app-sidebarOpen .main-footer {
left: 0 !important;
padding-left: 280px !important;
}
.mangetable .table {
width: 100% !important;
max-width: 100% !important;
}
@media (max-width: 1440px) {
.alertWrapper_1 {
position: static;
margin-bottom: 15px;
}
}
.btnDeletePaticipant_002 {
background: none !important;
}
@media (max-width: 1199px) {
.Processinglabel {
font-size: 18px;
}
.tiles_box_svg svg {
max-width: 40px;
height: auto;
}
.tiles_box {
padding: 20px 15px;
}
.arrow_ind svg {
max-width: 10px;
height: auto;
}
}
@media (max-width:992px) {
#principal-rows-data>span {
flex-direction: column;
}
#principal-rows-data>span .removeBtnn {
padding-top: 0;
width: auto;
position: static;
right: 0;
padding-left: 0;
margin-bottom: 20px;
border-bottom: 1px solid #ccc;
padding-bottom: 20px;
}
#principal-rows-data>span {
padding-right: 0;
}
}
@media (max-width: 767px) {
.Processinglabel {
font-size: 16px;
}
.app-sidebarOpen .main-footer {
left: 0 !important;
padding-left: 20px !important;
}
}
/* Processing Salary popup */
@media (min-width: 768px) {
.skin-blue .sidebar-menu .treeview-menu>li:hover>a {
padding-left: 10px;
}
}
.sidebar-menu>li {
border-radius: 4px 0 0 4px !important;
}
.main-sidebar .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.main-sidebar .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.main-sidebar .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.main-sidebar .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
background-color: #b7dcf2;
opacity: 1 !important;
}
.main-sidebar.institution_theme_sidebar .sidebar-menu>li>a>i+span {
max-width: 0px;
opacity: 0;
overflow: hidden;
vertical-align: top;
position: fixed;
left: 40px;
font-size: 14px;
font-family: "google_sansmedium";
top: 47px;
display: none;
color: #000;
z-index: 5;
border-bottom: 1px solid #bcc8ce;
width: 200px;
padding-bottom: 6px;
background-color: #f2f7fa;
padding-top: 10px;
padding-left: 15px;
}
.main-sidebar.institution_theme_sidebar .sidebar-menu>li.menu-open>a>i+span {
display: block;
}
.main-sidebar.institution_theme_sidebar .sidebar-menu>li.treeview.active>a>i+span {
display: block;
}
/* .MenuParentTitle_li{ display: none !important;} */
@media (min-width: 768px) {
/* .main-sidebar.institution_theme_sidebar
.sidebar-menu
> li.treeview:hover
> a
> i
+ span {
display: block;
} */
}
.main-sidebar.institution_theme_sidebar {
padding-top: 0px !important;
}
.theme_sidebar_top .Sidebarlogo img {
max-width: 113px;
}
.theme_sidebar_top {
width: 46px;
height: 46px;
background-color: #005276;
padding: 12px 0px 0 10px;
}
.theme_sidebar_top .Sidebarlogo {
width: 24px;
overflow: hidden;
display: block;
}
.main-sidebar.institution_theme_sidebar {
background-color: #f2f7fa !important;
}
.sidebarOpen_2 {
position: fixed;
left: 0;
top: 47px;
width: 40px;
background: #005276;
z-index: 111;
transition: none !important;
height: 100%;
}
.main-sidebar a {
transition: none !important;
}
.main-sidebar.institution_theme_sidebar::after {
content: "";
position: absolute;
left: 0;
width: 40px;
z-index: -1;
top: 0;
height: 100%;
background-color: #005276;
}
.app-sidebarOpen .main-sidebar.institution_theme_sidebar .theme_sidebar_top .Sidebarlogo {
width: auto;
}
.MenuIcon-wrap {
transition: all 0.3s ease;
margin-right: 0;
width: 50px;
text-align: center;
}
.app-sidebarOpen .main-sidebar.institution_theme_sidebar::before {
content: "";
}
/* .app-sidebarOpen .main-sidebar.institution_theme_sidebar .sidebar-menu > li > a,
.app-sidebarOpen .main-sidebar.institution_theme_sidebar .sidebar-menu > li {
border-radius: 4px !important;
} */
.app-sidebarOpen .main-sidebar.institution_theme_sidebar .sidebar-menu>li>a>i+span {
max-width: inherit;
}
.app-sidebarOpen .main-sidebar.institution_theme_sidebar .sidebar {
padding-right: 0px;
}
.main-sidebar.institution_theme_sidebar .sidebar-menu>li>.treeview-menu {
background-color: #f2f7fa !important;
}
.skin-blue .main-sidebar.institution_theme_sidebar .sidebar-menu>li>.treeview-menu {
height: calc(100vh - 47px);
min-height: calc(100vh - 47px);
padding: 0;
position: fixed;
left: 40px;
top: 47px;
overflow: auto;
z-index: 2;
width: 0px;
transition: all ease 0.3s;
white-space: nowrap;
/* opacity: 0; */
}
.app-sidebarOpen-parent.skin-blue .main-sidebar.institution_theme_sidebar .sidebar-menu>li.menu-open>.treeview-menu {
transition: none;
}
.treeview-menu>li {
margin-left: 15px;
margin-right: 15px;
}
.skin-blue .main-sidebar.institution_theme_sidebar .sidebar-menu>li>.treeview-menu>li:first-child {
margin-top: 55px;
}
.app-sidebarOpen .main-sidebar.institution_theme_sidebar .sidebar-menu>li>.treeview-menu {
/* height: auto; */
padding: 4px 0;
/* opacity: 1; */
}
/* Start */
.app-sidebarOpen .main-sidebar.institution_theme_sidebar,
.app-sidebarOpen-parent .main-sidebar.institution_theme_sidebar,
.app-sidebarOpen-parent .main-sidebar.institution_theme_sidebar::after,
.app-sidebarOpen-parent .sidebarOpen_2 {
width: 260px;
}
.app-sidebarOpen .main-sidebar.institution_theme_sidebar .theme_sidebar_top,
.app-sidebarOpen-parent .main-sidebar.institution_theme_sidebar .theme_sidebar_top {
width: 260px;
}
.app-sidebarOpen .main-sidebar.institution_theme_sidebar .sidebar-menu>li>.treeview-menu,
.skin-blue .main-sidebar.institution_theme_sidebar .sidebar-menu>li>.treeview-menu {
width: 220px;
}
.app-sidebarOpen .content-wrapper {
margin-left: 270px;
}
.app-sidebarOpen-parent .content-wrapper {
margin-left: 270px;
}
.app-sidebarOpen .main-header-app.main-header .col-logo-new {
width: 230px;
}
.app-sidebarOpen-parent .main-header-app.main-header .col-logo-new {
width: 230px;
}
.main-sidebar.institution_theme_sidebar .sidebar-menu>li>a>i+span {
width: 250px;
}
/* End */
.app-sidebarOpen .main-footer {
margin-left: 10px;
z-index: 7;
padding-left: 0;
}
.sidebar-menu>li {
position: relative;
}
.sidebar-menu>li:first-child {
padding-bottom: 0px !important;
margin-top: 7px;
margin-bottom: 0px;
}
.sidebar-menu>li:first-child::before {
content: "";
border-bottom: 1px solid #00b1ff;
width: 35px;
height: 1px;
position: absolute;
bottom: 0;
left: 2px;
opacity: 0;
z-index: 999;
}
.app-sidebarOpen-parent .sidebar-menu>li:first-child::before {
width: calc(100% - 10px);
}
.main-header-app.main-header .col-logo-new {
width: 41px;
padding: 0px 3px 0px 7px;
background: #004968;
position: relative;
top: -12px;
height: 70px;
transition: all 0.3s ease;
padding-top: 16px;
}
.skin-blue .sidebar-menu>li.active {
background-color: transparent;
}
.app-sidebarOpen .main-header-app.main-header .logo {
width: auto;
padding: 0px;
}
.app-sidebarOpen-parent .main-header-app.main-header .logo {
width: auto;
padding: 0px;
}
.institution_theme_sidebar .treeview-menu a .fa.fa-circle-o,
.institution_theme_sidebar .treeview-menu a .fa.fa-mail-forward {
display: none;
}
.institution_theme_sidebar .treeview-menu .treeview-menu {
padding-left: 0;
padding-right: 0;
}
.skin-blue .sidebar-menu .treeview-menu>li>a {
color: #000000;
padding-right: 25px;
}
.skin-blue .sidebar-menu .treeview-menu>li a {
transition: all 0.3s ease !important;
}
.skin-blue .sidebar-menu .treeview-menu>li.active>a {
color: #005276;
}
.treeview-menu>li.MenuParentTitle_li {
border-bottom: 1px solid #ccc;
margin-left: 0;
margin-right: 0;
padding-right: 15px;
padding-left: 15px;
font-family: "google_sansmedium" !important;
}
.treeview-menu>li.MenuParentTitle_li span {
font-family: "google_sansmedium" !important;
}
.treeview-menu>li.MenuParentTitle_li:hover {
background-color: transparent;
}
@media (min-width: 768px) {
.skin-blue .sidebar-menu .treeview-menu>li:hover>a {
color: #005276;
}
}
.institution_theme_sidebar .sidebar-menu>li>a>.pull-right-container {
opacity: 0;
}
/* Sidebar End */
/* .content-wrapper,
.main-footer {
margin-left: 65px;
} */
.institution-content-wrapper {
margin-top: 47px;
}
.headInstituteName {
padding-left: 0px;
}
.tab_card {
border: 1px solid #c2e0f2;
}
.tab_card .student-ul-row {
border: none;
line-height: 20px;
}
.tab_card .student-show-ul {
background-color: #f2f7fa;
overflow: inherit;
height: 44px;
border: none;
overflow-x: auto;
overflow-y: hidden;
}
.tab_card .student-show-ul li {
border-left: none;
flex: 0 0 auto;
}
.tab_card .student-show-ul li a {
padding: 10px 15px;
}
.tab_card .nav-pills>li+li {
margin-left: 0;
}
.tab_card .nav-pills>li.active>a,
.tab_card .nav-pills>li.active>a:focus,
.tab_card .nav-pills>li.active>a:hover {
color: #333;
background-color: #fff;
}
.tab_card .nav-pills>li.active>a,
.tab_card .nav-pills>li.active>a:hover,
.tab_card .nav-pills>li.active>a:focus {
border-top-color: #fff;
}
.tab_card .nav-pills>li.active>a {
font-weight: normal;
height: 45px;
}
.form-control {
height: 42px;
border-radius: 2px;
}
#applicant_tabs {
padding-left: 0px !important;
border-bottom: 3px solid #005276 !important;
}
#applicant_tabs.border-bottom {
border-bottom: 1px solid #c2e0f2 !important;
}
#applicant_tabs .btn {
background: transparent;
height: 50px;
text-transform: capitalize;
display: inline-flex;
color: #3E3E3E;
align-items: center;
background-color: #F2F7FA;
border-radius: 0 !important;
}
#applicant_tabs button:nth-child(2) {
text-transform: none !important;
}
#applicant_tabs .btn:hover,
#applicant_tabs .btn:focus {
box-shadow: none !important;
}
#applicant_tabs .btn-primary.anchWhiteColor {
background-color: #fff;
border-color: #fff;
color: #333;
}
.content>.validate .control-label,
.content>.box-primary>.validate .control-label {
text-align: left;
width: 100%;
line-height: 28px;
}
.content .validate .box-body {
width: 50%;
float: left;
}
.content .modal-body .box-body {
width: 100%;
float: left;
}
.content .validate .box-body.box-body-full {
width: 100%;
}
.content .validate .box-body .col-lg-5 {
width: 100%;
}
.select2-container {
height: 42px;
}
.select2-container--default .select2-selection--single {
background-color: #fff;
border: 1px solid #d9d9d9;
border-radius: 0.3rem;
height: 100%;
display: flex;
align-items: center;
height: 100%;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
color: #2d2d2d;
line-height: 28px;
padding-left: 13px;
font-size: 14px;
padding-right: 20px !important;
}
.main-header .headerTopRow-1 .sidebarOpen {
position: absolute;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
display: block;
}
#MenuIcon1 {
display: none;
}
.institution-content-wrapper {
min-height: calc(100vh - 47px) !important;
max-height: calc(100vh - 47px);
}
.content.content_scrollFix {
min-height: calc(100vh - 101px);
}
.box-header {
padding: 10px 15px;
padding-right: 0;
}
.filter-box .form-control+.select2-container .select2-selection--single {
height: 42px;
}
.filter-box .select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 38px;
}
.filter-box .select2-container--default .select2-selection--single .select2-selection__arrow {
height: 40px;
right: 2px !important;
top: 0;
}
/* .main-sidebar.institution_theme_sidebar
.sidebar-menu
> li.treeview.active
> a
> i
+ span,
.main-sidebar.institution_theme_sidebar
.sidebar-menu
> li.treeview.menu-open
> a
> i
+ span,
.main-sidebar.institution_theme_sidebar
.sidebar-menu
> li.treeview:hover
> .treeview-menu,
.main-sidebar.institution_theme_sidebar
.sidebar-menu
> li.treeview.menu-open
> .treeview-menu {
display: block;
z-index: 99;
} */
.employee_other_detail_wrap {
min-height: 700px;
}
/* .detailShoww .content{min-height:calc(100vh - 150px);} */
@media (min-width: 768px) {
/* .main-sidebar.institution_theme_sidebar
.sidebar-menu
> li.treeview:hover
> .treeview-menu {
display: block !important;
z-index: 99;
} */
}
.main-sidebar.institution_theme_sidebar .sidebar-menu>li.treeview.menu-open>.treeview-menu {
display: block !important;
z-index: 99;
}
.main-sidebar.institution_theme_sidebar .sidebar-menu>li>a {
position: relative;
z-index: 105;
}
.main-sidebar.institution_theme_sidebar .sidebar-menu>li.active .treeview-menu,
.main-sidebar.institution_theme_sidebar .sidebar-menu>li.active .li_a_2 {
z-index: 80;
}
/* .main-sidebar.institution_theme_sidebar
.sidebar-menu
> li.menu-open
.treeview-menu,
.main-sidebar.institution_theme_sidebar .sidebar-menu > li.menu-open .li_a_2 {
z-index: 150;
} */
.app-sidebarOpen-parent .main-sidebar.institution_theme_sidebar .sidebar-menu>li.menu-open .li_a_2>i+span {
max-width: 0px;
}
.sidebar-menu>li,
.treeview-menu>li {
margin-bottom: 0px !important;
margin-top: 0px !important;
}
.main-sidebar.institution_theme_sidebar::before {
display: none !important;
}
/* .skin-blue
.main-sidebar.institution_theme_sidebar
.sidebar-menu
> li:hover
> .treeview-menu {
display: block;
} */
.content-header h1 {
font-size: 22px;
}
.skin-blue .content-header .content-header-row1 {
border-bottom: 1px solid #dfdfdf;
padding-bottom: 20px !important;
}
/* .sidebarOpen_2 {
position: absolute;
left: 0;
width: 50px;
height: 100%;
background: green;
z-index: 999;opacity: 0;
} */
.main-sidebar.institution_theme_sidebar .sidebar-menu>li>a.parent_li {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 35px;
background: #005276;
z-index: 115;
line-height: 100%;
overflow: hidden;
display: flex;
}
.main-sidebar.institution_theme_sidebar .sidebar-menu>li>a.parent_li strong {
opacity: 0;
display: inline-flex;
align-items: center;
}
.main-sidebar.institution_theme_sidebar .sidebar-menu>li>a.parent_li:hover {
background-color: #f2f7fa;
}
.app-sidebarOpen-parent .main-sidebar.institution_theme_sidebar .sidebar-menu>li>a.parent_li {
width: calc(100% - 12px);
border-radius: 4px !important;
}
.app-sidebarOpen-parent .main-sidebar.institution_theme_sidebar .sidebar-menu>li>a.parent_li strong {
opacity: 1;
}
.angle-arrow {
opacity: 0;
position: absolute;
right: 14px !important;
top: 10px;
}
.angle-arrow .fa-angle-left::before {
content: "\f105";
}
.app-sidebarOpen-parent .treeview .angle-arrow {
opacity: 1;
}
.app-sidebarOpen-parent a.parent_li:hover+.treeview-menu {
opacity: 0 !important;
}
/* .sidebarOpen_2:hover ~ .sidebar .sidebar-menu li a.parent_li{ width: 100%;}
.main-sidebar.institution_theme_sidebar
.sidebar-menu
> li
> .li_a_2:hover
+ a.parent_li {
width: 100%;
} */
.app-sidebarOpen-parent .treeview-menu {
opacity: 0;
}
.parent_li_span {
position: absolute;
left: 0;
width: 0px;
height: 100%;
opacity: 1;
background: #005276;
top: 0;
z-index: 107;
}
.app-sidebarOpen-parent .parent_li_span {
width: 100%;
}
.sidebarOpen_parent_1 {
position: fixed;
left: 0;
top: 0;
width: 240px;
height: 100%;
background: red;
z-index: 11;
display: none;
opacity: 0;
}
.app-sidebarOpen-parent .sidebarOpen_parent_1 {
display: block;
}
.main-sidebar.institution_theme_sidebar .sidebar-menu>li.li_devider_top.li_devider_top a {
opacity: 1;
}
.main-sidebar.institution_theme_sidebar .sidebar-menu>li.li_devider_top.li_devider_top a,
.main-sidebar.institution_theme_sidebar .sidebar-menu>li.li_devider_top.li_devider_top a:hover,
.main-sidebar.institution_theme_sidebar .sidebar-menu>li.li_devider_top.li_devider_top:hover a {
background: #005276 !important;
}
.main-sidebar.institution_theme_sidebar .sidebar-menu>li.li_devider_top.li_devider_top .parent_li::before {
content: "";
border-top: 1px solid #00b1ff;
position: absolute;
width: calc(100% - 15px);
height: 1px;
left: 6px;
top: 8px;
opacity: 0.3;
z-index: 1111;
}
.form-control+.select2-container .select2-selection--single,
.select2-container--default.select2-container--focus .select2-selection--multiple,
.select2-container--default .select2-selection--multiple {
border: 1px solid #d2d6de !important;
border-radius: 4px;
padding: 6px 4px 0;
height: 42px;
}
.select2-container--default.select2-container--focus .select2-selection--multiple,
.select2-container--default .select2-selection--multiple {
height: auto;
min-height: 42px !important;
}
select.form-control[multiple=""]+.select2-container {
height: auto;
}
.modal-body .select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 36px;
}
.modal-body .select2-container--default .select2-selection--single .select2-selection__arrow {
height: 34px;
width: 27px;
}
.content-header {
padding-bottom: 15px !important;
border-bottom: 1px solid #dfdfdf;
}
.Stud-search-row .img-profile {
width: 47px;
height: 47px;
margin-bottom: 0px;
}
.d-block {
display: block !important;
}
.gx-5px {
margin-right: -5px;
margin-left: -5px;
}
.gx-5px>div {
padding-right: 5px;
padding-left: 5px;
}
.gx-10px {
margin-right: -10px;
margin-left: -10px;
}
.gx-10px>div {
padding-right: 10px;
padding-left: 10px;
}
.gx-15px {
margin-right: -15px;
margin-left: -15px;
}
.gx-15px>div {
padding-right: 15px;
padding-left: 15px;
}
.gx-20px {
margin-right: -20px;
margin-left: -20px;
}
.gx-20px>div {
padding-right: 20px;
padding-left: 20px;
}
.gx-20px-self {
margin-right: -20px;
margin-left: -20px;
padding-right: 20px;
padding-left: 20px;
}
.ps-0px {
padding-left: 0px !important;
}
.opacity-0 {
opacity: 0;
}
.opacity-1 {
opacity: 1;
}
.opacity-01 {
opacity: 0.1;
}
.opacity-02 {
opacity: 0.2;
}
.opacity-03 {
opacity: 0.3;
}
.opacity-04 {
opacity: 0.4;
}
.opacity-05 {
opacity: 0.5;
}
.opacity-06 {
opacity: 0.6;
}
.opacity-07 {
opacity: 0.7;
}
.opacity-08 {
opacity: 0.8;
}
.opacity-09 {
opacity: 0.9;
}
.box-header.with-border {
padding-top: 0;
}
.user-info {
border-radius: 4px;
}
.pagination {
margin: 0px 0 0px;
display: inline-block;
}
.rt-btn-col-1 .margin-right-10px:last-child {
margin-right: 0px;
}
.filter-form+br {
display: none;
}
.btn-inlines+br {
display: none;
}
.btn-inlines {
margin-bottom: 0px;
}
.content {
padding-right: 15px;
}
/* Table start */
.table-bordered>thead>tr>th,
.table-bordered>tbody>tr>th,
.table-bordered>tfoot>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>tbody>tr>td,
.table-bordered>tfoot>tr>td,
.table-bordered {
border-color: #d9d9d9;
padding: 12px 15px;
}
.table-bordered>thead>tr>th,
.table-bordered>thead>tr>td {
border-bottom-width: 1px;
}
.table-bordered>thead>tr>th {
border-left-width: 0px !important;
border-right-width: 0px !important;
padding-top: 15px;
padding-bottom: 15px;
background: #f2f7fa;
font-family: "google_sansmedium";
font-weight: 400;
}
.table-bordered>thead>tr>th:last-child {
/* text-align: center; */
text-align: left;
}
.table-bordered>tbody>tr>td:last-child .list-table--action-wrap {
margin-left: 0px !important;
}
/* Table End */
.text-green-2 {
color: #3da701;
}
.text-warn {
color: #ec942c;
}
.fill-7d7d7d {
fill: #7d7d7d;
}
.dropdown.show .dropdown-menu {
display: block;
}
.dropdown-menu-end {
right: 0;
left: inherit;
}
.svg-icon-wrap {
width: 0px;
height: 0px;
overflow: hidden;
}
.shadow-2 {
box-shadow: 0px 2px 5px #0000001a;
}
/* Table dropdown start */
.dropdown02 .dropdown-menu {
padding: 12px 15px;
min-width: 160px;
border: 1px solid #d6d6d6;
transform: none !important;
right: 0 !important;
left: inherit !important;
}
.list-table--action-wrap {
width: 36px;
margin: 0 auto;
text-align: center;
}
.list-table--action-wrap .dropdown-toggle-2,
.list-table--action-wrap .dropdown-toggle-new {
width: 100%;
cursor: pointer;
display: flex;
height: 24px;
align-items: center;
}
.list-table--action-wrap .dropdown-menu {
margin-top: -20px;
}
tr:last-child .list-table--action-wrap .dropdown-menu {
bottom: -72px;
top: initial;
}
tr:nth-last-child(2) .list-table--action-wrap .dropdown-menu {
bottom: -49px;
top: initial;
}
body:not(.lessContentTable) .table_last_tr_dropdown_bottom_0 tr:last-child .list-table--action-wrap .dropdown-menu {
bottom: 0;
top: initial;
}
.list-table--action-wrap .dropdown-menu>div {
padding: 4px 0px;
}
.list-table--action-wrap .list-actions {
font-size: 0;
}
.list-table--action-wrap .list-actions>span {
display: flex;
justify-content: start;
font-size: 14px;
margin-top: 6px;
}
.list-table--action-wrap .list-actions>span:first-child {
margin-top: 0px;
}
.list-table--action-wrap .list-actions>span .fa {
color: rgba(0, 0, 0, 0.7) !important;
font-size: 16px !important;
width: 15px;
text-align: center;
}
.list-table--action-wrap .list-actions>span .fa.fa-users {
font-size: 14px !important;
}
.list-table--action-wrap .list-actions>span>*::after {
margin-left: 10px;
color: rgba(0, 0, 0, 0.7);
}
.list-table--action-wrap .list-actions>span>*[title="Edit"]::after {
content: "Edit";
position: relative;
top: -1px;
}
.list-table--action-wrap .list-actions>span>*[title="Add Court Attendance"]::after {
content: "Add Court Attendance";
position: relative;
top: -1px;
}
.list-table--action-wrap .list-actions>span>*[title="Mark as Done"]::after {
content: "Mark as Done";
position: relative;
top: -1px;
}
.list-table--action-wrap .list-actions>span>*[title="Update the Asset"]::after {
content: "Update the Asset";
position: relative;
top: -1px;
}
.list-table--action-wrap .list-actions>span>*[title="View Communication"]::after {
content: "View Communication";
position: relative;
top: -1px;
}
.list-table--action-wrap .list-actions>span>*[title="Edit Dynamic Fields"]::after {
content: "Edit Dynamic Fields";
position: relative;
top: -1px;
}
.list-table--action-wrap .list-actions>span>*[title="Custom Shifts"]::after {
content: "Custom Shifts";
position: relative;
top: -1px;
}
.list-table--action-wrap .list-actions>span>*[title="Activity Logs"]::after {
content: "Activity Logs";
position: relative;
top: -1px;
}
.list-table--action-wrap .list-actions>span>*[title="Map"]::after {
content: "Map";
position: relative;
top: -1px;
}
.list-table--action-wrap .list-actions>span>*[title="Collection Reports"]::after {
content: "Collection Reports";
position: relative;
top: -1px;
}
.list-table--action-wrap .list-actions>span>*[title="recall"]::after {
content: "Recall";
}
.list-table--action-wrap .list-actions>span>*[title="Receive Payment"]::after {
content: "Receive Payment";
}
.list-table--action-wrap .list-actions>span>*[title="Track Expenditure"]::after {
content: "Track Expenditure";
position: relative;
top: -1px;
}
.list-table--action-wrap .list-actions>span>*[title="Asset Tag"]::after {
content: "Asset Tag";
position: relative;
top: -1px;
}
.list-table--action-wrap .list-actions>span>*[title="Log Time"]::after {
content: "Log Time";
position: relative;
top: -1px;
}
.list-table--action-wrap .list-actions>span>*[title="View"]::after {
content: "View";
position: relative;
top: -1px;
}
.list-table--action-wrap .list-actions>span>*[title="Resolve"]::after {
content: "Resolve";
position: relative;
top: -1px;
}
.list-table--action-wrap .list-actions>span>*[title="Force Delete"]::after {
content: "Force Delete";
position: relative;
top: -1px;
}
.list-table--action-wrap .list-actions>span>*[title="Quarters"]::after {
content: "Quarters";
position: relative;
top: -2px;
}
.list-table--action-wrap .list-actions>span>*[title="Permissions"]::after {
content: "Permissions";
position: relative;
top: -1px;
}
.list-table--action-wrap .list-actions>span>*[title="Evaluate"]::after {
content: "Evaluate";
position: relative;
top: -1px;
}
.list-table--action-wrap .list-actions>span>*[title="Print Summarized Reconciliation"]::after {
content: "Print Summarized Reconciliation";
position: relative;
top: -1px;
}
.list-table--action-wrap .list-actions>span>*[title="Print Surrender Receipt"]::after {
content: "Print Surrender Receipt";
position: relative;
top: -1px;
}
.list-table--action-wrap .list-actions>span>*[title="Inspection Certificate"]::after {
content: "Inspection Certificate";
position: relative;
top: -2px;
}
.list-table--action-wrap .list-actions>span>*[title="SMS to Parent"]::after {
content: "SMS to Parent";
position: relative;
top: -2px;
}
.list-table--action-wrap .list-actions>span>*[title="Email to Student"]::after {
content: "Email to Student";
position: relative;
top: -2px;
}
.list-table--action-wrap .list-actions>span>*[title="Email to Parent"]::after {
content: "Email to Parent";
position: relative;
top: -2px;
}
.list-table--action-wrap .list-actions>span>*[title="Order Setting"]::after {
content: "Order Setting";
position: relative;
top: -2px;
}
.list-table--action-wrap .list-actions>span>*[title="Print Detailed Reconciliation"]::after {
content: "Print Detailed Reconciliation";
position: relative;
top: -1px;
}
.list-table--action-wrap .list-actions>span>*[title="Public Link"]::after {
content: "Public Link";
position: relative;
top: -1px;
}
.list-table--action-wrap .list-actions>span>*[title="View Clients"]::after {
content: "View Clients";
position: relative;
top: -1px;
}
.list-table--action-wrap .list-actions>span>*[title="List of users"]::after {
content: "List of users";
position: relative;
top: -3px;
}
.list-table--action-wrap .list-actions>span>*[title="Criterias"]::after {
content: "Criterias";
position: relative;
top: -2px;
}
.list-table--action-wrap .list-actions>span>*[title="Objectives"]::after {
content: "Objectives";
position: relative;
top: -2px;
}
.list-table--action-wrap .list-actions>span>*[title="Send Password"]::after {
content: "Send Password";
position: relative;
top: -1px;
}
.list-table--action-wrap .list-actions>span>*[title="Payment Plan"]::after {
content: "Payment Plan";
position: relative;
top: -2px;
}
.list-table--action-wrap .list-actions>span>*[title="Stock Break Down"]::after {
content: "Stock Break Down";
position: relative;
top: -2px;
}
.list-table--action-wrap .list-actions>span>*[title="Departmental Distributions"]::after {
content: "Departmental Distributions";
position: relative;
top: -2px;
}
.list-table--action-wrap .list-actions>span>*[title="Print"]::after {
content: "Print";
position: relative;
top: -2px;
}
.list-table--action-wrap .list-actions>span>*[title="Send Email"]::after {
content: "Send Email";
position: relative;
top: -2px;
}
.list-table--action-wrap .list-actions>span>*[title="Resend Email"]::after {
content: "Resend Email";
position: relative;
top: -2px;
}
.list-table--action-wrap .list-actions>span>*[title="Allow Sharing"]::after {
content: "Allow Sharing";
position: relative;
top: -2px;
}
.list-table--action-wrap .list-actions>span>*[title="Download"]::after {
content: "Download";
position: relative;
top: -2px;
}
.list-table--action-wrap .list-actions>span>*[title="Lesson Plans"]::after {
content: "Lesson Plans";
position: relative;
top: -2px;
}
.list-table--action-wrap .list-actions>span>*[title="Summative Config"]::after {
content: "Summative Config";
position: relative;
top: -2px;
}
.list-table--action-wrap .list-actions>span>*[title="Work"]::after {
content: "Work";
position: relative;
top: -2px;
}
.list-table--action-wrap .list-actions>span>*[title="Release"]::after {
content: "Release";
}
.list-table--action-wrap .list-actions>span>*[title="Attachment"]::after {
content: "Attachment";
}
.list-table--action-wrap .list-actions>span>*[title="Preview"]::after {
content: "Preview";
position: relative;
top: -1px;
}
.list-table--action-wrap .list-actions>span>*[title="Send Approval Request"]::after {
content: "Send Approval Request";
position: relative;
top: -3px;
}
.list-table--action-wrap .list-actions>span>*[title="Performance Contract"]::after {
content: "Performance Contract";
position: relative;
top: -2px;
}
.list-table--action-wrap .list-actions>span>*[title="Strategic Plan"]::after {
content: "Strategic Plan";
position: relative;
top: -2px;
}
.list-table--action-wrap .list-actions>span>*[title="Workplan Objectives"]::after {
content: "Workplan Objectives";
position: relative;
top: -2px;
}
.list-table--action-wrap .list-actions>span>*[title="Additional Materials"]::after {
content: "Additional Materials";
position: relative;
top: -2px;
}
.list-table--action-wrap .list-actions>span>*[title="Manage Sections"]::after {
content: "Manage Sections";
position: relative;
top: -2px;
}
.list-table--action-wrap .list-actions>span>*[title="Participants"]::after {
content: "Participants";
position: relative;
top: -2px;
}
.list-table--action-wrap .list-actions>span>*[title="Manage Lessons"]::after {
content: "Manage Lessons";
position: relative;
top: -2px;
}
.list-table--action-wrap .list-actions>span>*[title="Student Listing"]::after {
content: "Student Listing";
position: relative;
top: -2px;
}
.list-table--action-wrap .list-actions>span>*[title="Students"]::after {
content: "Student";
position: relative;
top: -2px;
}
.list-table--action-wrap .list-actions>span>*[title="Route Stops"]::after {
content: "Route Stops";
position: relative;
top: -2px;
}
.list-table--action-wrap .list-actions>span>*[title="Stops"]::after {
content: "Stops";
position: relative;
top: -2px;
}
.list-table--action-wrap .list-actions>span>*[title="View Details"]::after {
content: "View";
position: relative;
top: -2px;
}
.list-table--action-wrap .list-actions>span>*[title="Add Trip End Mileage"]::after {
content: "Add Trip End Mileage";
position: relative;
top: -2px;
}
.list-table--action-wrap .list-actions>span>*[title="View Detail"]::after {
content: "View Detail";
position: relative;
top: -2px;
}
.list-table--action-wrap .list-actions>span>*[title="Acknowledgements"]::after {
content: "Acknowledgements";
position: relative;
top: -2px;
}
.list-table--action-wrap .list-actions>span>*[title="Change Date"]::after {
content: "Change Date";
position: relative;
top: -2px;
}
.list-table--action-wrap .list-actions>span>*[title="Change Creation Date"]::after {
content: "Change Creation Date";
position: relative;
top: -2px;
}
.list-table--action-wrap .list-actions>span>*[title="QrCode"]::after {
content: "QrCode";
position: relative;
top: -2px;
}
.list-table--action-wrap .list-actions>span>*[title="Waiver"]::after {
content: "Waiver";
position: relative;
top: -2px;
}
.list-table--action-wrap .list-actions>span>*[title="Cancel Meeting"]::after {
content: "Cancel Meeting";
position: relative;
top: -2px;
}
.list-table--action-wrap .list-actions>span>*[title="Course Listing"]::after {
content: "Course Listing";
position: relative;
top: -2px;
}
.list-table--action-wrap .list-actions>span>*[title="Hostel allocation"]::after {
content: "Hostel";
}
.list-table--action-wrap .list-actions>span>*[title="View Detail"]::after {
content: "View Detail";
}
.list-table--action-wrap .list-actions>span>*[title="Change Date"]::after {
content: "Change Date";
}
.list-table--action-wrap .list-actions>span>*[title="Change Creation Date"]::after {
content: "Change Creation Date";
}
.list-table--action-wrap .list-actions>span>*[title="Add Comment"]::after {
content: "Add Comment";
}
.list-table--action-wrap .list-actions>span>*[title="View Comments"]::after {
content: "View Comments";
}
.list-table--action-wrap .list-actions>span>*[title="reserve-unit "]::after {
content: "Reserve Unit";
}
/* .list-table--action-wrap .list-actions > span > *[title="sell-unit"]::after {
content: "Sell a Unit";
} */
.list-table--action-wrap .list-actions>span>*[title="Resend Verification Email"]::after {
content: "Print";
}
.list-table--action-wrap .list-actions>span>*[title="Delete"]::after {
content: "Delete";
position: relative;
top: 1px;
}
.list-table--action-wrap .list-actions.list-table-outside-action>span> ::after {
position: relative;
top: -2px;
}
.list-table--action-wrap .list-actions>span>*[title="Teachers Listing"]::after {
content: "Teachers Listing";
}
.list-table--action-wrap .list-actions>span>* {
display: flex;
color: #333;
}
.list-table--action-wrap .list-actions a {
color: #333;
}
.op_table .list-table--action-wrap {
text-align: left;
}
.dropdown-w-160 {
width: 160px;
padding-right: 5px;
}
.dropdown-w-170 {
width: 170px;
padding-right: 5px;
}
.dropdown-w-180 {
width: 180px;
}
.dropdown-w-190 {
width: 190px;
}
.dropdown-w-200 {
width: 200px;
}
.dropdown-w-210 {
width: 210px;
}
.dropdown-w-220 {
width: 220px;
}
/* Table dropdown End */
.file-upload-btn {
border-color: #ddd;
}
.p_right_0_panel_col {
padding-right: 0px;
padding-left: 0;
}
.col-md-12.no-padding-h {
padding-right: 0px;
padding-left: 0;
}
/* .box-body-infoTop{ padding-left: 0px !important;} */
.showFormGroup-01.ps-15px {
padding-left: 0px !important;
margin-left: 0px;
}
#applicant_tabs {
height: 50px;
overflow-y: hidden;
display: flex;
overflow-x: auto;
gap: 4px;
}
#applicant_tabs .btn.btn-primary {
background-color: #005276;
height: 51px;
border: none;
color: #fff;
border-radius: 0 !important;
}
#applicant_tabs .btn.btn-primary a {
color: #fff;
}
.form_tabContent {
border: 1px solid #c2e0f2;
padding-top: 20px;
overflow: hidden;
border-top: none;
padding-bottom: 15px;
}
/* .form_tabContent .box-body-Submit{ position: absolute; bottom: 0px;} */
.form_tabContent_content_wrap>.box {
margin-bottom: 0px;
}
.validate .control-label {
width: 100%;
text-align: left;
}
.form-horizontal:not(.filter-form) .control-label {
width: auto !important;
padding-top: 0;
line-height: 28px;
margin: 0 !important;
}
.box-header.with-border {
border-bottom: 0px solid #f4f4f4;
}
#kcpe_info .control-label~div {
min-width: 33.33%;
}
form.validate .form-control+.select2-container .select2-selection--single {
height: 42px;
border-radius: 4px;
}
form.validate .select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 38px;
}
form.validate .select2-container--default .select2-selection--single .select2-selection__rendered {
color: #444;
line-height: 36px;
}
form.validate .select2-container--default .select2-selection--single .select2-selection__arrow {
height: 40px;
right: 2px !important;
top: 0;
}
.academic_background {
width: 100%;
float: left;
}
/* .add_more{ font-size: 0px;}
.add_more::after{} */
.add_more,
.remove {
width: 80px;
text-align: left;
height: 24px;
display: inherit;
align-items: center;
justify-content: center;
border-width: 0 0 0px 0 !important;
border-radius: 0;
font-size: 16px;
text-transform: capitalize;
color: #01cdd1;
cursor: pointer;
position: absolute;
right: 39%;
z-index: 5;
float: left;
padding: 0 !important;
}
.remove {
width: 65px;
}
.add_more>span,
.remove>span {
text-decoration: underline;
}
.add_more svg,
.remove svg {
margin-right: 5px;
}
#myqualifications.has_add_more {
margin-bottom: 0;
padding-bottom: 120px;
}
#myqualifications.academic_background_n2.has_add_more {
padding-bottom: 80px;
}
.myqualifications_btnBody {}
.myqualifications_btnBody {
position: absolute;
bottom: 20px;
}
.remove {
bottom: 30px;
}
.add_more {
left: 35px;
width: 100%;
bottom: 85px;
}
.add_more svg,
.remove svg {
display: none;
}
.remove {
left: 0;
}
.remove svg {
stroke: #d03630;
}
.academic_background {
margin-bottom: 0px;
padding-bottom: 20px;
}
#addMore .academic_background {
position: relative;
margin-bottom: 0;
padding-bottom: 45px;
margin-top: 0;
border-top: 0px;
}
.box-body-Submit {
margin-top: 30px;
}
#myqualifications.has_add_more .box-body-Submit {
margin-bottom: 10px;
}
#myqualifications.has_add_more .box-body-Submit .btn {
position: relative;
top: 15px;
}
.content .validate .academic_background>div:last-child {
width: 100%;
}
.dash-data-table table.issue_body td:first-child,
.dash-data-table table.issue_body th:first-child {
padding-left: 20px;
}
.dash-data-table table.issue_body td,
.dash-data-table table.issue_body th {
padding-bottom: 15px !important;
padding-top: 15px !important;
}
.dash-data-table table.issue_body th {
font-size: 14px;
font-family: "google_sansmedium";
font-weight: 400;
}
.dash-data-table table.issue_body td:last-child,
.dash-data-table table.issue_body th:last-child {
padding-right: 20px;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
background-color: #f7f7f7;
}
/* modal start */
.modal {
background-color: rgba(0, 0, 0, 0.5);
}
.modal-dialog {
/* top: 50%;
transform: translateY(calc(-50% - 60px)) !important; */
}
.modal.in {
display: flex !important;
justify-content: center;
align-items: center;
}
.modal-content {
border-radius: 10px;
max-height: calc(100vh - 30px);
overflow: auto;
}
.modal-body {
overflow: auto;
/* max-height: calc(100vh - 220px); */
}
div.modal-header button.close {
bottom: -42px;
top: inherit;
right: 0;
margin: 0 auto;
left: 0;
padding-bottom: 0 !important;
}
.modal-dialog {
max-width: 500px;
}
.modal-widths {
max-width: 750px;
}
.detailed-modal .detailed-header .close,
div.modal-header button.close,
.galleryModal .close {
font-size: 24px !important;
color: #005276;
}
.modal-content .validate .control-label~.col-lg-7 {
width: 100%;
}
.modal-lg.w-600 {
width: 100% !important;
max-width: 500px;
}
/* modal end */
#autoTimeOut .alert {
margin-bottom: 10px;
}
.student-ul-row {
padding-bottom: 20px !important;
}
.student-ul-row>div {
margin-bottom: 10px;
}
.search-box {
border-radius: 4px;
}
.filter-submit {
margin-left: 0;
}
div:not(.filter-box-v02) .filter-box-inner>div {
height: 100%;
display: flex;
align-items: flex-end;
}
.filter-box-inners>div {
height: unset !important;
}
.filter-box-inner>div>div:last-child .control-label {
font-size: 0px;
height: 3px;
}
.filter-box-inner>div>div:last-child .btn {
height: 42px !important;
width: 74px;
display: inline-flex;
align-items: center;
justify-content: center;
}
.filter-box-inner>div>div:last-child .btn.w-auto {
width: auto !important;
}
.filter-box-inner>div>div:last-child .filter-submit {
margin-right: 5px;
}
.deletebutton {
color: #333 !important;
}
.btn-primary.deletebutton {
color: #fff !important;
}
#closed_orders_datatables tr td:last-child {
/* vertical-align: middle; */
text-align: center;
}
.validate .box-body .form-group>div,
.validate .box-body .form-group>label {
padding-left: 0px;
padding-right: 10px;
left: 0px;
}
.box-header>.validate .box-body {
padding-left: 0px;
padding-top: 0;
padding-bottom: 25px;
}
.form_tabContent {
padding-left: 20px;
padding-top: 15px;
padding-right: 15px !important;
}
.col-12.col-sm-8.col-md-8.col-lg-5.mb-3,
.col-12.col-sm-8.col-md-8.col-lg-5.mb-3 .mb-3 {
margin-bottom: 0px !important;
}
.table.item_body {
margin-bottom: 0px;
}
.inline-form-break {
display: flex;
flex-direction: column;
}
.overflow-hidden {
overflow: hidden;
}
label:empty {
display: none;
}
.active_deactive_status>span::before {
content: "Deactive";
color: red;
}
.active_deactive_status>span[title="Manage Status"]::before {
content: "Active";
color: #3da701;
}
.active_deactive_status>span::after {
content: "\f107" !important;
font-family: "FontAwesome";
font-size: 16px;
margin-left: 10px;
font-size: inherit;
text-rendering: auto;
position: relative;
top: 1px;
}
.active_deactive_status>span img {
display: none;
}
textarea {
resize: none;
}
textarea.form-control[rows="10"] {
max-height: 120px;
}
.breadcrumb i {
display: none;
}
.filter-form label {
margin-bottom: 5px !important;
}
.user-info-inner {
padding: 15px 15px 0;
overflow: hidden;
}
.justify-content-between {
justify-content: space-between !important;
}
.RightColum {
display: flex;
justify-content: end;
}
.RightColum .rt-btn-col-1 {
height: 100%;
}
.RightColum .rt-btn-col-1 a {
display: flex;
align-items: center;
}
/* a[href="#filtermis"] {
background-color: #fff;
border-color: #ddd;
color: #333;
} */
.box-body-infoTop.ps-15px {
padding-left: 0px !important;
padding-right: 0px;
margin-bottom: 5px;
}
a[href="#filtermis"]::after {
top: 50px;
}
.showFormGroup-input .form-control {
height: 36px;
}
.search-box .search-inputBox {
height: 36px;
}
.search-box .search-in {
top: 12px;
}
.filter-box {
margin-bottom: 20px;
}
.box-body-infoTop {
padding-top: 0px !important;
}
.rt-btn-col {
margin-bottom: 15px;
}
.search-box.showbox {
right: 0;
}
a[href="#filtermis"] {
margin-left: 7px;
margin-right: 0;
}
.search-box {
margin-top: 0px;
}
.rt-btn-col {
width: 100%;
}
.id-card-cont {
margin-bottom: 10px;
}
.dash-data-table tr {
background-color: transparent !important;
color: #333 !important;
}
input#birth_date,
input#joining_date,
input.calendar_input,
input#start_date,
input#end_date,
input#action_date,
input#effective_date,
input.datepicker,
input#doc_date,
input#invoice_date,
input#date,
input[name="banking_date"],
input[name="publish_date"],
input#last_reconciled_date,
input#reconciliation_date,
input#transaction_date,
input#invoice_due_date,
input#completion_date {
background-image: url("../../assets/institution/img/calendar1.svg");
background-position: right 10px center;
background-repeat: no-repeat;
background-color: #fff !important;
}
input#doc_date,
input#invoice_date[readonly=""],
input#date[readonly=""],
input[name="banking_date"] {
background-color: #f7f7f7 !important;
}
input.eventStartTime,
input.eventEndTime {
background-image: url("../../assets/institution/img/Icon-feather-clock.svg");
background-position: right 10px center;
background-repeat: no-repeat;
}
input.eventStartTime[aria-required="true"] {
background-color: #fff !important;
}
input[type="file"] {
display: block;
height: 42px;
border: 1px solid #ccc;
border-radius: 4px;
width: 100%;
line-height: 32px;
padding-left: 10px;
}
.record_closedDiv #closing_record_reason_id_div {
width: 100%;
}
.myProfile-avatar-cover-image img {
max-height: 60px;
}
.dragDropBrowse-col {
height: 90px;
width: 110px;
border-radius: 4px;
cursor: pointer;
position: relative;
}
.justify-content-center {
justify-content: center !important;
}
.bg-light {
background-color: #f6f6f6 !important;
}
.h-100 {
height: 100% !important;
}
.w-100 {
width: 100% !important;
}
.start-0 {
left: 0 !important;
}
.top-0 {
top: 0 !important;
}
.position-absolute {
position: absolute !important;
}
.Browse-result {
height: 90px;
width: 110px;
overflow: hidden;
border: 1px solid #ccc;
border-radius: 4px;
}
.rounded-3 {
border-radius: 0.3rem !important;
}
form.validate label.error {
color: red;
position: absolute;
left: 0;
bottom: -23px;
font-size: 12px;
}
.devider_v {
width: 0;
height: 34px;
background: #ccc;
font-size: 0;
border-left: 1px solid #ccc;
margin-left: 5px;
margin-right: 4px;
}
.BrowseFile_students {
border-right: 1px solid #ccc;
padding-right: 9px;
}
.student-ul-row label {
opacity: 0.7;
font-size: 12px;
margin: 0;
padding: 0;
line-height: 14px;
}
.student-ul-row div {
min-height: 20px;
}
.academic-ul {
display: flex;
flex-wrap: wrap;
}
.academic-ul li {
width: 50%;
line-height: 20px;
padding-bottom: 5px;
}
.academic-ul li a {
text-decoration: underline;
}
.academic-ul label,
.rightstudent-panel-report label {
width: 100%;
opacity: 0.5;
font-size: 12px;
margin: 0;
padding: 0;
line-height: 14px;
}
.status_academy span {
border: none;
font-size: 14px;
padding: 0;
}
.profile-username {
text-transform: capitalize;
font-family: "google_sansmedium" !important;
font-weight: 400;
}
.profile-leftpanel-name {
padding-bottom: 15px;
margin: 15px 0 5px;
font-size: 18px;
}
.profile_wrap {
display: flex;
}
.img-profile {
width: 70px;
height: 70px;
}
#Dependants td img {
max-height: 30px;
border-radius: 4px;
}
a {
cursor: pointer;
}
.main-footer {
position: absolute;
z-index: 8;
bottom: 0px;
width: 100%;
}
.mCSB_container {
padding-bottom: 52px;
min-height: calc(100vh - 47px);
}
.img-profile.img-reporting {
max-width: 70px;
max-height: 70px;
}
.leftstudent-panel-report,
.rightstudent-panel-report {
padding: 20px;
}
table.issue_body td img {
max-height: 30px;
}
.content {
padding-bottom: 60px;
}
.box.box-primary {
margin-bottom: 10px;
}
.modal-header .close {
display: none !important;
}
.remove {
color: red !important;
}
.dash-data-table input[type="checkbox"],
.dash-data-table input[type="radio"] {
margin-right: 5px;
}
input[type="checkbox"] {
position: relative;
top: -0.5px;
}
.form-check {
display: block;
min-height: 1.5rem;
padding-left: 1.5em;
margin-bottom: 0.125rem;
}
.form-check .form-check-input {
float: left;
margin-left: -1.5em;
}
.form-check-reverse {
padding-right: 1.5em;
padding-left: 0;
text-align: right;
}
.form-check-reverse .form-check-input {
float: right;
margin-right: -1.5em;
margin-left: 0;
}
.form-check-input,
input[type="checkbox"],
input[type="radio"] {
--bs-form-check-bg: var(--bs-body-bg);
width: 18px;
height: 18px;
margin-top: 2px;
vertical-align: top;
background-color: #fff;
background-image: var(--bs-form-check-bg-image);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
border: 1px solid #ccc;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
box-shadow: none !important;
flex: 0 0 auto;
}
.form-check-input[type="checkbox"],
input[type="checkbox"] {
border-radius: 3px;
}
.form-check-input[type="radio"],
input[type="radio"] {
border-radius: 50%;
margin-top: 1px;
}
.form-check-input:active {
filter: brightness(90%);
}
.form-check-input:focus {
border-color: #ccc;
outline: 0;
box-shadow: 0 0 0 0.25rem #ccc;
}
.form-check-input:checked,
input[type="checkbox"]:checked {
background-color: #005276;
border-color: #005276;
}
input[type="radio"]:checked {
background-color: #fff;
border-color: #005276;
}
.form-check-input:checked[type="checkbox"],
input:checked[type="checkbox"] {
--bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}
.form-check-input:checked[type="radio"],
input:checked[type="radio"] {
--bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23005276'/%3e%3c/svg%3e");
}
.form-check-input[type="checkbox"]:indeterminate {
background-color: #0d6efd;
border-color: #0d6efd;
--bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
}
.form-check-input:checked,
input[type="checkbox"]:focus {
outline: none !important;
outline-offset: inherit !important;
}
.form-check-input:disabled {
pointer-events: none;
filter: none;
opacity: 0.5;
}
.form-check-input:disabled~.form-check-label,
.form-check-input[disabled]~.form-check-label {
cursor: default;
opacity: 0.5;
}
.Inactive-form-group label {
line-height: 23px !important;
margin: 0;
}
.select_all_hascheckbox th:first-child {
font-size: 0px;
}
.select_all_hascheckbox th:first-child,
.select_all_hascheckbox td:first-child {
max-width: 50px;
width: 1%;
}
select.form-control {
appearance: none !important;
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e") !important;
background-repeat: no-repeat !important;
background-size: 18px !important;
padding-right: 25px !important;
background-position: right 7px center !important;
}
select option {
font-family: Arial, Helvetica, sans-serif;
}
select.form-control+.select2-container .select2-selection__arrow {
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e") !important;
right: 0 !important;
background-repeat: no-repeat;
background-size: 18px;
width: 40px;
background-position: right 8px center;
}
select.form-control+.select2-container--default .select2-selection--single .select2-selection__arrow b {
display: none;
}
.sweet-alert button.cancel {
border: 1px solid #fe6892;
color: #fe6892 !important;
margin-bottom: 15px;
background: #fff !important;
}
.sweet-alert h2 {
color: #333 !important;
margin: 10px 0 !important;
}
.sweet-alert button.confirm {
background-color: #01cdd1 !important;
border-color: #01cdd1 !important;
}
.sweet-alert p {
color: #333 !important;
}
.box-body-infoTop-withBtn {
display: flex;
}
.box-body-infoTop-withBtn .form-horizontal {
flex: 1;
}
.app-sidebarClosed_default .main-sidebar.institution_theme_sidebar .sidebar-menu>li.active>a.parent_li {
border-radius: 3px 0 0 3px !important;
padding-right: 0 !important;
min-width: inherit;
max-width: 35px;
min-width: inherit;
}
.app-sidebarOpen-parent .main-sidebar.institution_theme_sidebar .sidebar-menu>li.active>a.parent_li {
max-width: inherit;
}
.form-horizontal-oneLine .filter-box {
top: 0;
}
#student_attendance_form {
padding-right: 0px;
}
#closed_orders_datatables tr td .dform-radio {
text-align: left;
}
.dform-radio-td {
display: flex;
padding-right: 15px;
}
.dform-radio-td label {
display: flex;
flex: 0 0 auto;
margin-right: 20px;
margin-bottom: 0;
}
.dash-data-table .dform-radio-td input[type="checkbox"],
.dash-data-table .dform-radio-td input[type="radio"] {
margin-right: 8px;
}
.dform-radio-td label .dinput-radio--control {
margin: 0px;
}
.dform-radio .show_change_attendance_wrap .show_change_attendance {
margin-top: 15px;
margin-bottom: 5px;
}
.dform-radio .show_change_attendance_wrap .form-control {
max-height: 33px;
}
.table-min-w-100px {
min-width: 1000px;
}
.form-horizontal-multiRow .filter-box-inner {
padding-bottom: 17px;
}
.form-horizontal-multiRow .filter-box-inner .col-sm-3 {
margin-bottom: 12px;
}
.form-horizontal.form-horizontal-multiRow .filter-box {
top: 0;
}
.box-body-infoTop {
width: 100% !important;
}
.showFormGroup .control-label {
width: auto;
}
.statistics_box {
background: #fbfbfb;
padding: 15px;
border: 1px solid #ddd;
border-radius: 3px;
}
.statistics_box p {
margin: 0px;
color: #333;
}
form.validate .filter-box-inner label.error {
left: 15px;
}
.table .No_record_found td {
border: none;
font-family: "google_sansbold";
color: red;
text-align: left !important;
}
b,
strong {
font-weight: normal !important;
}
.full_description b, .full_description strong {
font-weight: bold !important;
}
#closed_orders_datatables tr td .text-danger {
color: red;
}
.text-success {
color: #3da701;
}
.absent_reason_1 {
white-space: nowrap;
}
.Custom_Mark_col {
padding-bottom: 9px;
}
.Custom_Mark_col input {
margin-right: 8px;
}
.Custom_Mark_col .control-label {
margin: 0 !important;
padding: 0px;
}
.input-fill {
padding: 0 0 20px !important;
margin: 0px;
overflow: hidden;
margin-top: 10px;
display: block;
width: 100%;
border: none !important;
margin: 0 !important;
}
.input-fill {}
#btnAddMore {
text-align: left;
font-size: 16px !important;
text-transform: capitalize;
color: #01cdd1 !important;
cursor: pointer;
}
.btnRemoveApprover {
color: red !important;
font-size: 16px !important;
margin-top: 4px !important;
text-transform: capitalize;
}
.wrapper_block {
margin-bottom: 25px;
border-top: 1px solid #ddd;
padding: 20px 0 0 0 !important;
}
#main_wrapper {
position: relative;
padding-bottom: 35px;
}
.add_more_div {
position: absolute;
bottom: 0;
border-top: 1px solid #ddd;
width: calc(100% + 15px);
}
.add_more_div_text {
padding-top: 13px;
left: 0;
}
.input-fill-wrap {
padding-right: 18px;
padding-top: 0;
width: 100%;
display: block;
overflow: hidden;
}
.font-14px {
font-size: 14px;
}
.font-16px {
font-size: 16px !important;
}
.font-18px {
font-size: 18px;
}
.font-20px {
font-size: 20px;
}
.font-22px {
font-size: 22px;
}
.font-36px,
h2 {
font-size: 36px;
}
.font-24px {
font-size: 24px;
}
.font-50px {
font-size: 50px;
}
.font-52px {
font-size: 52px;
}
.font-56px {
font-size: 56px;
}
.font-62px {
font-size: 62px;
}
.font-26px {
font-size: 26px;
}
.font-32px {
font-size: 32px;
}
.font-44px {
font-size: 44px;
}
.font-46px {
font-size: 46px;
}
.font-30px {
font-size: 30px;
}
.line-height-190 {
line-height: 190%;
}
.line-height-180 {
line-height: 180%;
}
.line-height-170 {
line-height: 170%;
}
.line-height-160 {
line-height: 160%;
}
.line-height-150 {
line-height: 150%;
}
.line-height-140 {
line-height: 140%;
}
.line-height-130 {
line-height: 130%;
}
.line-height-120 {
line-height: 120%;
}
.line-height-110 {
line-height: 110%;
}
.line-height-100 {
line-height: 100%;
}
.font-primary-bold {}
#signatories {
width: 100%;
}
.filtermis-btn-oneline {
margin-bottom: 17px;
}
.top-7px {
top: 7px;
}
.multiselect-native-select .multiselect {
text-align: left;
}
.multiselect-native-select .dropdown-menu>li>a {
color: #333;
}
.multiselect-native-select .multiselect-container>li {
border-bottom: 1px solid #ddd;
}
.multiselect-native-select .multiselect-container>li>a>label>input[type="checkbox"] {
margin-bottom: 0;
margin-top: 4px;
margin-right: 5px !important;
}
.multiselect-native-select .multiselect-container>li>a>label {
padding: 3px 20px 3px 45px;
}
.multiselect-native-select .checkbox input[type="checkbox"],
.multiselect-native-select .checkbox-inline input[type="checkbox"],
.multiselect-native-select .radio input[type="radio"],
.multiselect-native-select .radio-inline input[type="radio"] {
margin-left: -28px;
}
.multiselect-native-select .dropdown-menu>li>a {
padding: 7px 0;
}
.multiselect-native-select .dropdown-menu>.active>a,
.multiselect-native-select .dropdown-menu>.active>a:focus,
.multiselect-native-select .dropdown-menu>.active>a:hover {
color: #333;
background-color: #eee;
}
.multiselect-container {
width: 100%;
box-shadow: 0px 3px 6px #00000029;
}
.multiselect-native-select .btn-default {
background-color: transparent;
height: 42px;
}
.multiselect-native-select .multiselect {
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e") !important;
right: 0 !important;
background-repeat: no-repeat;
background-size: 18px;
width: 40px;
background-position: right 8px center;
}
.multiselect-native-select .caret {
display: none;
}
.mt-1px {
margin-top: 1px !important;
}
.table>thead>tr>th,
.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>tbody>tr>td,
.table>tfoot>tr>td {
border-top: 1px solid #d9d9d9 !important;
border-left: 1px solid #d9d9d9 !important;
border-right: 1px solid #d9d9d9 !important;
border-bottom: 1px solid #d9d9d9 !important;
}
/* .detailRow > div{ width: auto;margin-right: 50px;}
.detailRow > div:last-child{ margin-right:0px;} */
.d-inline-block {
display: inline-block !important;
}
.select_all_th {
font-size: 0px;
}
.table_last_child_alignLeft td:last-child,
.table_last_child_alignLeft th:last-child {
text-align: left !important;
}
div.cover-inn {
border: none;
padding: 0 15px;
width: 100%;
margin: 0 auto;
}
.cover-inn>div {
margin-top: 5px;
}
.cover-div {
border: 1px solid #d2d6de;
margin: 0;
overflow: hidden;
border-radius: 0px;
padding: 20px 0 0 25px;
}
.add_subject {
border: 1px solid #01cdd1;
color: #01cdd1;
padding-bottom: 4px;
font-size: 28px;
}
.remove_subject {
color: #ff0a0a !important;
border: 1px solid #ff0a0a !important;
}
.form-group .select2-container .select2-selection--single {
height: 42px;
line-height: 42px;
border-radius: 4px;
}
.cover-div .row-sub {
display: block;
}
.cover-div .row-sub {
position: relative;
padding-right: 45px;
}
.cover-div .row-sub .col-md-1 {
position: absolute;
right: 5px;
}
.cover-div .row-sub .add_subject,
.cover-div .row-sub .remove_subject {
right: inherit;
margin-top: 0 !important;
}
.academic_background_pe_15px {
padding-right: 15px;
}
.row-inherit {
width: 100%;
margin-left: 0px !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
color: #fff !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
background-color: #005276 !important;
border: 1px solid #005276 !important;
}
.justify-content-end {
justify-content: end !important;
}
.SearchTypeorder_02 {
max-width: 280px;
}
/* */
.cover-div .row-sub .col-md-1 {
position: absolute;
right: inherit;
left: 0;
bottom: 0;
margin: 0;
padding-left: 0;
}
.cover-div .add_subject,
.cover-div .remove_subject {
margin: 0;
width: 100%;
border-radius: 4px;
padding: 0 0 4px;
display: flex;
align-items: center;
/* line-height: 17px; */
border: none !important;
justify-content: start;
font-size: 0;
}
.cover-div .add_subject::after {
content: "Add More";
font-size: 14px;
margin-left: 0;
line-height: 25px;
position: relative;
top: 2px;
text-decoration: underline;
}
.cover-div .remove_subject::after {
content: "Remove";
font-size: 14px;
margin-left: 0;
text-decoration: underline;
line-height: 25px;
position: relative;
top: 2px;
}
.cover-inn .row-sub {
padding-bottom: 0;
position: static;
margin-bottom: 0;
}
.cover-inn .row-sub {
padding-right: 0;
margin-left: 0;
}
.cover-inn {
padding-right: 0px;
}
.box-body-full-cover {
padding-bottom: 70px;
position: relative;
}
.box-body-full-cover {
padding-right: 0px;
}
.cover-div {
padding: 20px 0 0 10px;
}
.cover-div .row-sub .col-md-1 {
bottom: 53px;
padding-left: 15px;
}
.add_more_subject .row-sub,
.editPage_wrap .cover-inn {
position: relative;
padding-bottom: 60px;
}
.add_more_subject .row-sub .col-md-1 {
padding-left: 0px;
}
.box-body-full-cover>.cover-inn .row-sub .col-md-1,
.editPage_wrap .cover-inn:first-child .row-sub .col-md-1,
.box-body-timeSlots .add_more_subject div.cover-inn:first-child .row-sub .col-md-1 {
border-top: 1px solid #ddd;
margin-left: -10px;
padding-left: 25px !important;
width: calc(100% + 10px);
}
.box-body-full-cover>.cover-inn .row-sub .col-md-1 .add_subject,
.editPage_wrap .cover-inn:first-child .row-sub .col-md-1 .add_subject {
margin-top: 10px !important;
}
.editPage_wrap .cover-inn:first-child {
position: static;
padding-bottom: 0px;
}
.academic_background_2 .cover-div>.box-body {
width: 100%;
}
.box-body-timeSlots .add_more_subject div.cover-inn:first-child .row-sub {
position: static;
padding-bottom: 0;
}
.box-body-timeSlots {
position: relative;
padding-bottom: 80px !important;
}
.box-body-timeSlots .add_more_subject div.cover-inn:first-child .row-sub .col-md-1 {
margin-left: 0px;
padding-left: 0px !important;
bottom: 50px;
padding-top: 10px;
max-width: calc(100% - 20px);
}
.academic_background_showPage .add_more_subject .row-sub {
padding-bottom: 0;
}
.cover-inn .row-sub {
padding-bottom: 0;
position: static;
margin-bottom: 0;
}
.box-body-full-cover {
padding-bottom: 70px;
position: relative;
}
.add_more_subject .row-sub,
.editPage_wrap .cover-inn {
position: relative;
padding-bottom: 15px;
}
.cover-div .add_more_subject .row-sub .col-md-1 {
bottom: 30px;
}
.cover-div .editPage_wrap .cover-inn:not(:first-child) .row-sub .col-md-1 {
bottom: 36px;
}
.academic_background_2 .cover-div .row-sub-left>div {
width: 50%;
padding-left: 0px;
}
.box-body-timeSlots {
max-width: 400px;
}
.box-body-timeSlots div.cover-inn {
padding: 0 0px;
}
.academic_background_wrap_2 .add_more_subject .cover-inn:first-child .row-sub {
position: static;
}
.academic_background_wrap_2 .cover-div {
padding: 0;
margin: 0;
border: none;
}
.academic_background_wrap_2 .add_more_subject div.cover-inn {
border: 1px solid #d2d6de;
border-radius: 4px;
background: #fcfcfc;
padding: 12px 10px 6px;
margin-bottom: 30px;
}
.academic_background_wrap_2 .add_more_subject div.cover-inn:not(:first-child) {
margin-top: 30px;
margin-bottom: 50px;
}
.academic_background_wrap_2 .add_more_subject div.cover-inn:not(:first-child) .row-sub .col-md-1 {
bottom: -13px;
left: -12px;
}
.academic_background_pe_20px {
padding-right: 20px;
}
.academic_background_wrap_2 .cover-div .add_more_subject .row-sub .col-md-1 {
bottom: 55px;
}
.academic_background_wrap_2 .cover-div .add_more_subject .cover-inn:first-child .row-sub .col-md-1 {
bottom: 44px;
border-top: 1px solid #ccc;
width: 100%;
padding-top: 10px;
}
.academic_background_wrap_2 .render_html_wrap {
background-color: #f9f9f9;
padding: 0px 42px 0px;
margin: 0px -10px 0;
position: relative;
/* left: 15px; */
width: calc(100% + 5px);
top: 26px;
}
.academic_background_wrap_2 .render_html_wrap>div>span {
padding: 18px 0px 16px;
display: block;
}
.academic_background_wrap_2 .render_html_wrap .form-control[disabled],
.academic_background_wrap_2 .render_html_wrap .form-control[readonly],
.academic_background_wrap_2 .render_html_wrap fieldset[disabled] .form-control {
background-color: #ededed;
}
.box-body-shift-above {
position: relative;
}
.academic_background_2 .cover-div .box-body-timeSlots-3 .row-sub-left>div {
width: 33.33%;
}
.box-body-timeSlots.box-body-timeSlots-3 {
max-width: 1000px;
}
.box-body-timeSlots-3 .form-control.error {
margin-bottom: 28px !important;
}
.box-body-timeSlots-showPage {
padding-bottom: 0px !important;
}
.academic_background_2 .cover-div .box-body-timeSlots-3.box-body-timeSlots-showPage .row-sub-left>div:last-child {
display: none;
}
/* .filter-box-inner > .d-flex > .col-sm-3.checkbox_inline_responsive{ width: 100%;} */
.filter-box-inner>.d-flex>.col-sm-3.checkbox_inline_responsive {
padding-bottom: 12px;
}
.filter-box-inner>.d-flex>.col-sm-3.checkbox_inline_responsive .col-lg-12 {
display: flex;
justify-content: start;
flex-direction: row-reverse;
align-items: center;
}
.filter-box-inner>.d-flex>.col-sm-3.checkbox_inline_responsive .col-lg-12 br {
display: none;
}
.filter-box-inner>.d-flex>.col-sm-3.checkbox_inline_responsive .col-lg-12 label {
margin-left: 10px;
margin-bottom: 0px !important;
padding-top: 0;
}
.academic_background_new2 .render_html_wrap {
margin: 0px;
padding: 0px;
background-color: transparent;
}
.academic_background_new2 .add_more_subject div.cover-inn {
padding: 15px 25px;
}
.academic_background_new2 .add_more_subject div.cover-inn {
position: relative;
}
.academic_background_new2 .add_more_subject div.cover-inn>div,
.academic_background_new2 .add_more_subject div.cover-inn>div>div {
position: static;
}
.academic_background_new2 .add_more_subject div.cover-inn .add_more {
font-size: 0px;
}
.academic_background_new2 .add_more_subject div.cover-inn .add_more::after {
content: "Add More";
font-size: 14px;
margin-left: 0;
line-height: 25px;
position: relative;
top: 2px;
text-decoration: underline;
}
.academic_background_new2 .add_more_subject div.cover-inn .remove {
font-size: 0px;
}
.academic_background_new2 .add_more_subject div.cover-inn .remove::after {
content: "Remove";
font-size: 14px;
margin-left: 0;
line-height: 25px;
position: relative;
top: 2px;
text-decoration: underline;
}
.add_remove_wrap {
position: absolute;
bottom: -55px;
font-size: 0px;
width: 100%;
padding-top: 10px;
left: 0;
padding-left: 0;
}
.academic_background_new2 .add_more_subject div.cover-inn:first-child,
.academic_background_new2 .add_more_subject div.cover-inn:first-child div:not(.add_remove_wrap) {
position: static;
}
.academic_background_new2 .add_more_subject .render_html {
padding-bottom: 80px;
}
.academic_background_new2 .add_more_subject div.cover-inn:first-child .add_remove_wrap {
border-top: 1px solid #ccc;
bottom: 37px;
}
.academic_background_new2 .add_more_subject div.cover-inn>span {
background-color: #f9f9f9;
display: inline-block;
width: calc(100% + 50px);
margin: 0 -25px;
padding: 20px 25px 15px;
transform: translateY(20px);
}
.academic_background_new2 .render_html_wrap {
top: 0;
}
.academic_background_new2 .form-group .col-md-12 {
padding-left: 0px;
}
.filter-box-2 {
margin-top: 4px;
}
.audit-table .form-group {
margin-bottom: 0px;
}
.download_icon_only {
padding-top: 37px;
}
.BrowseFile-Col.BrowseFile_Col_subjects_new {
right: 168px !important;
}
.BrowseFile-Col.BrowseFile_Col_subjects {
right: 205px;
}
.academic_background_n2 .academic_background {
background-color: #fcfcfc;
border: 1px solid #dfdfdf !important;
margin-bottom: 40px;
padding: 20px;
margin-top: 0;
}
.academic_background_n2 .add_more {
left: 0px;
border-top: 1px solid #dfdfdf !important;
width: 100%;
display: block;
height: auto;
padding-top: 18px !important;
bottom: 0;
}
.academic_background_n2 #addMore .academic_background {
margin-bottom: 50px;
padding-bottom: 0;
}
.academic_background_n2 #addMore .academic_background .remove {
width: 100%;
bottom: -28px;
}
.academic_background_n2 .academic_background:nth-child(2) {
position: relative;
margin-bottom: 50px;
}
.academic_background_n2 .academic_background:nth-child(2) .remove {
width: 100%;
bottom: -28px;
}
.academic_background_n2_wrap {
position: relative;
padding-bottom: 40px;
width: 100%;
display: block;
padding-right: 20px;
overflow: hidden;
margin-bottom: 30px;
}
.max-880px {
max-width: 880px;
}
.box-body-innerrow {
margin-left: -10px !important;
margin-right: -10px;
}
.box-body-innerrow .col-xs-6 {
padding-left: 10px !important;
padding-right: 10px;
}
.box-body-innerrow label.error {
left: 10px !important;
}
.academic_background_n2_wrap>.academic_background {
margin-bottom: 30px;
}
.content .validate .academic_background_n2_wrap .academic_background>div:last-child {
width: 50%;
}
/* Chrome, Safari, Edge, Opera */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
/* Firefox */
input[type="number"] {
-moz-appearance: textfield;
}
.academic_background_n2_wrap>.academic_background .mark-table-wrap table.table {
margin-bottom: 0px;
}
.mark-table-wrap {
overflow: auto;
}
.mark-table-wrap table.table {
min-width: 450px;
}
.mark-table-wrap table.table td {
border: none !important;
vertical-align: middle !important;
}
.mark-table-wrap table.table td input[type="number"] {
max-width: 110px;
max-height: 30px;
}
.mark-table-wrap table.table th,
.mark-table-wrap table.table tr:first-child td {
font-size: 16px;
font-family: "google_sansmedium";
}
/* .filter-box-transparent {
border: none;
padding: 0;
margin-left: -15px;
top: 0;
}
.filter-box-transparent .filter-box-inner {
padding: 0;
background: transparent;
} */
.table-bordered.table-td-lastChild-left>thead>tr>th:last-child,
.table-bordered.table-td-lastChild-left>thead>tr>td:last-child,
.table-bordered#closed_orders_datatables tr td:last-child {
text-align: left;
}
.max-w-100 {
max-width: 100%;
}
.max-w-400 {
max-width: 400px;
}
.max-w-460 {
max-width: 460px;
}
.max-w-375 {
max-width: 375px;
}
.max-w-500 {
max-width: 500px;
}
.max-w-530 {
max-width: 530px;
}
.max-w-600 {
max-width: 600px;
}
.max-w-800 {
max-width: 800px;
}
.max-w-880 {
max-width: 880px;
}
.max-w-900 {
max-width: 900px;
}
.max-w-1050 {
max-width: 1050px;
}
.max-w-1260 {
max-width: 1260px;
}
.filter-row-with-buttons {
align-items: start;
margin-bottom: 10px;
}
.filter-row-with-buttons .filter-box {
flex-grow: 1;
margin: 0 0 0 -15px;
top: 0;
}
.filter-row-with-buttons .rt-btn-col {
flex: 0;
margin: 0;
}
.form-horizontal .filter-row-with-buttons .control-label {
padding-top: 0;
}
.rt-btn-col:empty {
display: none;
}
/* .form-horizontal-oneLine
.filter-box-transparent
.filter-box-inner
.d-flex
> div:last-child {
padding-right: 0px;flex:0 0 auto;
}
.form-horizontal-oneLine
.filter-box-transparent
.filter-box-inner
.d-flex
> div:last-child
button:last-child {
margin-right: 0px !important;
} */
.setupForm_box textarea {
max-width: 870px;
height: 220px;
}
.setupForm_box textarea.form-control[rows="10"] {
max-height: 220px;
}
.switch input:checked+.slider {
background-color: #01cdd1;
}
.switch {
width: 48px;
height: 30px;
}
.switch .slider::before {
height: 22px;
width: 22px;
}
.switch input:checked+.slider::before {
-webkit-transform: translateX(18px);
-ms-transform: translateX(18px);
transform: translateX(18px);
}
.table-min-w-300px {
min-width: 300px;
}
.table-min-w-400px {
min-width: 400px;
}
.table-min-w-500px {
min-width: 500px;
}
.table-min-w-600px {
min-width: 600px;
}
.BrowseFile_students.BrowseFile_Col_assesment_objectives_new {
right: 74px !important;
}
.BrowseFile_students.BrowseFile_Col_assesment_objectives {
right: 106px;
}
.boder_row_myline .row::after {
content: "";
width: calc(100% - 40px);
height: 1px;
/* background: #ddd; */
position: relative;
left: 15px;
margin-bottom: 30px;
margin-top: 15px;
display: table;
vertical-align: top;
top: 0;
overflow: hidden;
padding-top: 20px;
border-bottom: 1px solid #ccc;
}
.boder_row_myline .row:last-child::after {
display: none;
}
.search_criteria_title {
font-size: 15px;
}
BrowseFile-Colbtn-primary[style="background-color:green"] {
border-color: green;
}
.btn-primary[style="background-color:green"]:hover {
border-color: green;
}
.released_allocated_status .btn-primary,
.released_allocated_status .btn-success {
background-color: transparent !important;
color: #3da701 !important;
border: none;
padding-top: 0;
padding-bottom: 0;
}
.released_allocated_status .btn-danger {
background-color: transparent;
color: red !important;
border: none;
padding-top: 0;
padding-bottom: 0;
}
.released_allocated_status .btn {
background-color: transparent;
color: #333;
box-shadow: none !important;
border: none;
padding-top: 0;
padding-bottom: 0;
}
.released_allocated_status .btn-warning,
.released_allocated_status .btn-warning:focus {
background-color: transparent;
color: #f39c12;
box-shadow: none !important;
border: none;
padding-top: 0;
padding-bottom: 0;
}
.released_allocated_status .btn.btn-secondary {
color: #005276;
padding-top: 0;
padding-bottom: 0;
}
.released_allocated_status .btn-info {
background-color: transparent;
color: #005276;
border: none;
padding-top: 0;
padding-bottom: 0;
}
.RightColum .search-box+.ms-2 .btn,
.RightColum .search-box+.ms-3 .btn {
height: 100%;
display: flex;
align-items: center;
}
.invoice_DataTablee td .form-control {
min-width: 100px;
}
.item_tax_Lists table td {
border: none;
}
.discountWrapper_div {
display: flex;
max-width: 200px;
flex-direction: row-reverse;
}
.discountWrapper_div #discountAmnt {
min-width: inherit;
width: 70px;
margin-right: 10px;
}
.discountWrapper_div #discountType {
min-width: inherit;
width: 55px;
}
.RemoveDiscount_wrap {
display: flex;
display: flex;
justify-content: space-between;
flex-direction: row-reverse;
}
.link-secondary {
color: #fe6892 !important;
}
.discountWrapper_div .form-control {
height: 34px;
}
.item_list_Tax1 td {
border-top: none !important;
background: #f8f8f8;
padding-top: 7px;
padding-bottom: 7px;
}
.item_list_Tax1 .table {
margin-bottom: 0;
}
.Recurring_Schedule #repeat_every_value-error {
left: 15px;
}
.btn-outline-grey {
border-radius: 5px;
border: solid 1px #cccccc;
height: 27px;
color: #333;
padding: 0 8px;
font-size: 13px;
position: relative;
top: -2px;
}
#listLinkedParticipants th,
#listLinkedParticipants td {
padding: 10px 15px;
}
.max-w-1000 {
max-width: 1000px;
}
.h-42px {
height: 42px !important;
}
.btn {
display: inline-flex;
align-items: center;
}
.BrowseFile-Col .btn {
height: 36px;
}
.BrowseFile_adje.BrowseFile_students {
right: 229px !important;
}
.table_last_child_alignRight td:last-child,
.table_last_child_alignRight th:last-child {
text-align: right !important;
}
.table_last_child_alignCenter td:last-child,
.table_last_child_alignCenter th:last-child {
text-align: center !important;
}
.table_td_NthLastChild2_right td:nth-last-child(2),
.table_td_NthLastChild2_right th:nth-last-child(2),
.table_td_NthLastChild2_right td:nth-last-child(2) input,
.table_tdOnly_NthLastChild2_right td:nth-last-child(2) {
text-align: right;
}
.table_td_NthLastChild3_right td:nth-last-child(3),
.table_td_NthLastChild3_right th:nth-last-child(3),
.table_td_NthLastChild3_right td:nth-last-child(3) input,
.table_tdOnly_NthLastChild3_right td:nth-last-child(3) {
text-align: right !important;
}
.table_td_NthLastChild2_center td:nth-last-child(2),
.table_td_NthLastChild2_center th:nth-last-child(2) {
text-align: center;
}
.table.table_hasTfoot>tfoot>tr>td.Total_td {
text-align: right !important;
padding-right: 15px !important;
}
.tfoot_td_alignmiddle tfoot td {
vertical-align: middle !important;
}
.discount_type_value {}
.Total_Cost_right_space {
padding-right: 27px !important;
}
.table.item_body td .dragDropBrowse-col {
height: 42px;
width: 42px;
}
.table.item_body td .Browse-result {
height: 42px;
width: 42px;
}
.table.item_body td .Browse-col_wrapper span {
margin: 0px;
}
.table.item_body td .Browse-col_wrapper svg {
max-width: 14px;
}
.table_td_input_minW100 td .form-control {
min-width: 100px;
}
.table_td_input_minW60 td .form-control {
min-width: 100px;
}
table.table_hasTfoot {
border-collapse: inherit;
padding: 0 !important;
}
table.table_hasTfoot td,
.table.table_hasTfoot>tfoot>tr>td,
.table.table_hasTfoot>tbody>tr>td {
border-left: none;
border-bottom: none;
}
.table.table_hasTfoot>tfoot>tr>td:last-child,
.table.table_hasTfoot>tbody>tr>td:last-child {
border-right: none;
}
.table.table_hasTfoot>thead>tr>th {
border-bottom: none;
}
.table.table_hasTfoot.table_td_amount_NthLastChild2_border>tfoot>tr:last-child>td:last-child {
border-right: 1px solid #d9d9d9;
}
form.validate .inline-form-break label.error {
position: static;
}
.user-info-inner .info-label div {
font-weight: normal;
}
#closed_orders_datatables tfoot td:last-child {
border: none !important;
}
.box-header>.validate .box-body .multiselect-native-select {
width: 100%;
display: inline-block;
}
.box-header>.validate .box-body .multiselect-native-select .multiselect {
width: 100%;
}
.box-header>.validate .box-body .multiselect-native-select .btn-group {
width: 100%;
}
.BrowseFile_students.BrowseFile_items_inventory {
right: 180px;
}
.BrowseFile_students.BrowseFile_items_inventory_new {
right: 97px !important;
}
.BrowseFile_students.BrowseFile_payment {
right: 75px !important;
}
.BrowseFile_students.BrowseFile_Col_employ {
right: 115px !important;
}
/* academic_background custom start */
.add_more_custome {
width: 100%;
display: inline-block;
}
.add_more_custome:empty {
display: none;
}
.add_more_custome_wrap {
border: 1px solid #d2d6de;
border-radius: 4px;
padding: 20px 10px 10px 25px;
width: calc(100% - 20px);
display: inline-block;
margin-bottom: 30px;
position: relative;
margin-bottom: 60px;
background-color: #fcfcfc;
}
.add_more_custome_wrap .add_more {
position: absolute;
bottom: -30px;
left: 0;
font-size: 0;
top: inherit;
}
.add_more_custome_wrap .add_more::after {
content: "Add More";
font-size: 14px;
margin-left: 0;
line-height: 25px;
position: relative;
top: 2px;
text-decoration: underline;
}
.add_more_custome_wrap .remove {
margin: 0;
width: 100%;
top: inherit;
border-radius: 4px;
padding: 0 0 4px;
display: flex;
align-items: center;
/* line-height: 17px; */
border: none !important;
justify-content: start;
font-size: 0;
position: absolute;
bottom: -5px;
left: 0;
font-size: 0;
}
.add_more_custome_wrap .remove::after {
content: "Remove";
font-size: 14px;
margin-left: 0;
text-decoration: underline;
line-height: 25px;
position: relative;
top: 2px;
}
.add_more_custome>div {
position: relative;
width: 100%;
display: inline-block;
margin-bottom: 28px;
}
.add_more_custome_wrap1 .academic_background {
border-top: 1px solid #ddd !important;
border-bottom: none !important;
padding-bottom: 0px;
}
.add_more_custome_wrap1>.academic_background {
padding-top: 0;
border: none !important;
}
.add_more_custome_wrap.add_more_custome_wrap1 .remove {
bottom: 34px;
}
.add_more_custome_wrap1 #addMore .academic_background:last-child {
padding-bottom: 15px;
}
.add_more_custome_wrap1 #addMore .academic_background:last-child .remove {
bottom: 9px;
}
/* academic_background custom end */
.add_more_custome_wrap_Feepolisy {
padding-bottom: 0px;
}
.add_more_custome_wrap_Feepolisy .form-group {
position: static;
}
.add_more_custome_wrap_Feepolisy .add_more_custome>div:first-child {
position: static;
margin-bottom: 0;
}
#Non_Registered_data .academic_background {
margin: 0px 0px;
border: none;
padding: 0;
}
.content .validate #Non_Registered_data .academic_background>div:last-child,
.content .validate .academic_background__div_lastChild_50 .academic_background>div:last-child {
width: 50%;
}
td input.banking_date {
min-width: 130px;
}
.input_min_w_100px {
min-width: 100px;
}
.input_min_w_120px {
min-width: 120px;
}
.input_min_w_130px {
min-width: 130px;
}
.input_min_w_220px {
min-width: 220px;
}
.form-horizontal .control-label.control-label-checkbox {
margin-bottom: 0px !important;
}
.checkbox_inline {
display: flex;
flex-direction: row-reverse;
justify-content: start;
}
.checkbox_inline label {
flex: 0 0 auto;
width: auto !important;
margin-left: 0px;
}
.checkbox_inline div {
width: auto !important;
}
td input.notes {
min-width: 200px;
}
.box-header>.validate .box-body-Checkbox-alignMiddle {
padding-top: 36px;
}
.w-auto {
width: auto !important;
}
.ps-10px {
padding-left: 10px !important;
}
.validate .box-body .form-group>label.pe-0 {
padding-right: 0px !important;
}
.validate.form_tabContent .box-body .form-group>div {
padding-right: 10px !important;
}
.BrowseFile_students.BrowseFile_Col_employ_2 {
right: 170px !important;
}
.top-select input[type="checkbox"] {
margin-right: 8px !important;
}
.academic_background_wrap_1 .add_more .academic_background,
.academic_background_wrap_1 .academic_background {
border: 1px solid #dfdfdf !important;
width: calc(100% - 25px);
padding: 20px 25px 5px;
margin-bottom: 50px !important;
}
#myqualifications.has_add_more.myqualifications_pb_40px {
padding-bottom: 40px;
}
#myqualifications.has_add_more.myqualifications_pb_40px .add_more {
bottom: 106px;
}
.academic_background_wrap_1 #addMore .academic_background {
padding-bottom: 8px;
}
.academic_background_wrap_1 #addMore .academic_background .remove {
bottom: -31px;
}
.academic_background_wrap_1>.academic_background {
margin-bottom: 30px !important;
}
#myqualifications.has_add_more.myqualifications_pb_40px .add_more {
bottom: 116px;
z-index: 555;
border-top: 1px solid #ddd !important;
padding-top: 10px !important;
width: calc(100% - 60px);
}
.content .validate .academic_background_wrap_1 .academic_background .box-body:last-child {
width: 50%;
}
.academic_background_wrap_leavePage {
position: relative;
width: 100%;
overflow: hidden;
padding-bottom: 70px;
}
#myqualifications.has_add_more.myqualifications_pb_40px .academic_background_wrap_leavePage .add_more {
bottom: 0px;
z-index: 555;
border-top: 1px solid #ddd !important;
padding-top: 10px !important;
width: calc(100% - 25px);
left: 0;
margin-bottom: 40px;
}
.circle_span {
right: -15px;
}
.Attendance_Top>.Attendance_Top_div1 {
background: #fff;
border: 1px solid #ccc;
width: 100%;
display: flex;
justify-content: center;
}
.Attendance_container .Attendance_Top_div1 #reportrange {
border: none !important;
width: auto !important;
}
.Attendance_Top_1 #circle {
display: flex;
justify-content: center;
flex-direction: column;
text-align: center;
}
.Attendance_DD {
width: 60px;
}
.statistics_row_n1 {
display: flex;
justify-content: space-between;
}
.statistics_row_n1 div {
/* color: rgba(0, 0, 0, 0.8); */
width: auto;
}
.statistics_row_n1_auto {
justify-content: start;
}
.info_label {
color: rgba(0, 0, 0, 0.8);
}
.statistics_row_n1 div:first-child {
padding-left: 0;
}
.statistics_row_n1 div:last-child {
padding-right: 0;
}
#closed_orders_datatables.table_last_child_ValignTop tr td:last-child {
vertical-align: top;
}
.table_last_child_ValignMiddle tr td:last-child {
vertical-align: middle !important;
}
.BrowseFile-Col.catelog_BrowseFile {
right: 130px !important;
}
.stats_n1>div {
margin-left: 100px;
}
.stats_n1>div:first-child {
margin-left: 0px;
}
.radio_inline input {
margin-right: 0px !important;
}
.radio_inline {
display: flex;
}
.font-medium {
font-family: "google_sansmedium" !important;
font-weight: normal;
}
.font-weight-bold {
font-weight: normal !important;
font-family: "google_sansbold";
}
.status_box {
position: absolute;
right: 0;
background: #5ab427;
color: #fff;
padding: 0 5px;
border-radius: 3px;
font-size: 12px;
}
.BrowseFile-Col.assets_BrowseFile {
right: 162px !important;
}
.Hrs_min_col input {
width: 100px;
}
#applicant_tabs.msg-ul .active {
background-color: #fff;
box-shadow: none;
color: #005276;
}
.form_tabContent .dash-data-table .table {
margin-bottom: 0px;
}
.list-table th,
.list-table td {
font-size: 14px;
font-weight: normal;
}
.list-table th {
font-family: "google_sansmedium";
}
.inner-infoTrans .top-heading {
padding-bottom: 10px;
}
.inner-infoTrans {
padding-top: 17px;
padding-bottom: 17px;
}
.inner-infoTrans .form_tabContent {
overflow: auto;
padding-left: 20px;
padding-top: 15px;
/* padding-right: 20px !important; */
padding-bottom: 20px;
}
.inner-infoTrans #detailWrapper {
height: 100%;
}
table.wrap-task {
min-width: 400px;
}
.inner-infoTrans .detail-tbl-data {
height: auto;
}
.WorkFlow_Approver_inFo .control-label {
display: none;
}
.Approver_addmore1:not(.Approver_addmore1_EditPage) {
padding-bottom: 45px !important;
margin-bottom: 20px;
}
.Approver_addmore1:not(.Approver_addmore1_EditPage) .row {
border-bottom: 1px solid #ddd;
margin-left: 0;
margin-right: 0px;
padding-bottom: 25px;
}
.Approver_addmore1:not(.Approver_addmore1_EditPage) .row>div:first-child {
padding-left: 0px;
}
.Approver_addmore1:not(.Approver_addmore1_EditPage) .row>div:nth-last-child(2) {
padding-right: 0px;
}
.Approver_addmore1 .row:first-child>div.col-md-12 {
position: absolute;
bottom: 0;
padding-left: 0px;
width: 100%;
left: 0;
}
.Approver_addmore1:not(.Approver_addmore1_EditPage) .row>div:last-child {
padding-left: 0px;
}
.Approver_routing {
padding-right: 20px !important;
}
.Approver_routing_edit .Approver_addmore1 .WorkFlow_Approver_inFo:first-child {
margin-top: 0px !important;
padding-top: 0px !important;
}
.approver_listUl_Approvers {
margin-bottom: 15px;
}
.approver_listUl_Approvers:last-child {
margin-bottom: 0px;
}
.approver_listUl_Approvers {
display: flex;
}
.approver_listUl_Approvers li,
.approver_listUl_Approvers li:nth-child(5),
.approver_listUl_Approvers li:nth-child(4),
.approver_listUl_Approvers li:first-child,
.approver_listUl_Approvers li:last-child {
flex: 1;
width: auto !important;
text-align: left !important;
padding-left: 15px;
padding-right: 15px !important;
}
.approve_table th {
min-width: 130px;
padding: 17px 15px !important;
max-width: 130px;
}
.approve_table td:first-child,
.approve_table th:first-child {
width: auto !important;
min-width: inherit !important;
max-width: inherit;
}
.approve_table td:nth-child(2) {
padding-left: 0px;
padding-right: 0px !important;
}
.transport_img {
max-width: 60px;
}
.add_more_routes {
max-width: calc(100% - 20px);
}
.academic_background_wrap_1.academic_background_wrap_1_routeEdit {
padding-right: 0px;
}
.academic_background_wrap_1.academic_background_wrap_1_routeEdit .remove {
bottom: 35px !important;
}
.academic_background_wrap_1>.academic_background.academic_background_hasDataDefault {
margin-bottom: 50px !important;
}
.academic_background_wrap_1>.academic_background.academic_background_hasDataDefault:first-child {
position: static !important;
margin-bottom: 25px !important;
}
.VehicleSchedules_table {
margin-bottom: 74px;
}
.VehicleSchedules_table tr:last-child .list-table--action-wrap .dropdown-menu,
.VehicleSchedules_table tr:nth-last-child(2) .list-table--action-wrap .dropdown-menu {
bottom: -87px;
}
.VehicleSchedules_table .statusmine+.select2-container {
width: 140px;
margin-right: 0 !important;
border: 1px solid #ddd;
}
.VehicleSchedules_table .statusmine+.select2-container .select2-selection {
border: none !important;
}
.VehicleSchedules_table .statusmine+.select2-container .select2-selection__arrow {
height: calc(100% - 7px);
}
#closed_orders_datatables.VehicleSchedules_table tr td {
vertical-align: middle;
}
.reportrange_1 {
display: flex;
align-items: center;
justify-content: start;
}
.reportrange_1 .fa {
margin-left: 5px;
}
.reportrange_1 .fa-calendar {
margin-right: 5px;
}
.input-fill-wrap .wrapper_block {
margin-bottom: 25px;
border: 1px solid #ddd;
padding: 20px 10px 30px !important;
background: #fcfcfc;
margin-right: 0;
margin-left: 0;
}
.input-fill-wrap .add_more_div {
left: 0px;
padding-left: 0;
}
.input-fill-wrap .wrapper_block .col-md-12:not(.add_more_div) {
bottom: -32px;
left: -10px;
margin: 0;
padding-left: 0;
}
.input-fill-wrap .wrapper_block:not(:first-child) {
margin-bottom: 50px;
padding-bottom: 0 !important;
}
.input-fill-wrap-bookSetup #main_wrapper .wrapper_block:first-child .col-md-12 {
position: static !important;
}
.input-fill-wrap-stops .wrapper_block:first-child {
padding-bottom: 0 !important;
margin-bottom: 50px;
}
.inner-infoTrans-1 .top-heading::after {
background: transparent !important;
border-top: 1px solid #e6e6e6 !important;
}
.app-sidebarClosed_default .main-footer {
margin-left: 15px;
}
.app-sidebarClosed_default .content-wrapper {
margin-left: 60px;
}
/* .app-sidebarClosed_default.app-sidebarOpen .main-footer{ margin-left: 325px;} */
.email_body_part div {
max-width: 100%;
}
.BrowseFile_students.uploadinput {
right: 57px !important;
}
.full_description>div {
max-width: 100%;
}
.academic_background_wrap_2 .render_html_wrap.render_html_wrap_01 {
padding-bottom: 60px !important;
padding-left: 25px !important;
}
.academic_background_wrap_2:not(.academic_background_EditPage1) .render_html_wrap.render_html_wrap_01 {
border-left: none !important;
border-right: none !important;
}
.academic_background_wrap_2 .render_html_wrap.render_html_wrap_01 .render_html .myline:not(:first-child) {
position: relative;
}
.academic_background_wrap_2 .render_html_wrap.render_html_wrap_01 .render_html .myline:first-child .col-md-1 {
padding-left: 25px !important;
}
.academic_background_wrap_2 .render_html_wrap.render_html_wrap_01 .render_html .myline>.col-12 {
padding-bottom: 25px !important;
display: inline-block;
width: 100%;
}
.academic_background_wrap_2 .render_html_wrap.render_html_wrap_01 .render_html .myline>.col-12 .col-md-1 {
border: none !important;
left: 15px;
bottom: 44px;
}
.academic_background_wrap_2 .render_html_wrap.render_html_wrap_01 .render_html .myline:first-child .col-md-1 {
bottom: 44px !important;
border-top: 1px solid #ccc;
width: 100%;
padding-left: 40px !important;
padding-top: 10px;
}
.academic_background_wrap_2 .cover-inn:first-child .render_html_wrap.render_html_wrap_01 .render_html .myline:first-child .col-md-1 {
padding-left: 25px !important;
}
.academic_background_wrap_2 .add_more_subject .cover-inn:first-child .row-sub {
position: static;
}
.academic_background_EditPage1.academic_background_wrap_2 .render_html_wrap.render_html_wrap_01 {
border: 1px solid #ddd;
}
.academic_background_EditPage1.academic_background_wrap_2 .render_html .myline:first-child .col-12 {
padding-bottom: 0px !important;
}
.academic_background_EditPage1.academic_background_wrap_2 .render_html_wrap.render_html_wrap_01 .render_html .myline:first-child .col-md-1 {
border-top: 1px solid #ccc !important;
left: 0;
}
.academic_background_EditPage1.academic_background_wrap_2 .cover-inn:first-child .render_html_wrap.render_html_wrap_01 .render_html .myline:first-child .col-md-1 {
padding-left: 40px !important;
}
td.all_modules_check {
padding-top: 0px !important;
padding-bottom: 14px !important;
}
td.all_modules_check span {
margin-top: 11px;
display: inline-block;
}
td .collapse-main .checkbox-inline--heading {
margin-bottom: 0px;
}
.role_permissions_table th:last-child {
padding-left: 40px !important;
}
.Copy_Wrap1 {
width: 100%;
display: inline-block;
padding-left: 15px;
padding-top: 11px;
}
.BrowseFile_students.BrowseFile-Col-sponsorship-alloc {
right: 116px !important;
left: inherit !important;
}
.chat-window--head p {
margin-bottom: 0px;
}
.chat-window {
margin-top: 10px !important;
}
.chat-window--head {
margin-bottom: 9px !important;
}
.row_inline_02>div {
width: 16.33%;
}
.due-fields-wrap {
position: relative;
padding-bottom: 40px;
margin-bottom: 30px;
padding-left: 0;
padding-right: 0px;
}
.due-fields-wrap .add_more_button_wrap {
position: absolute;
bottom: 0;
left: 0;
top: inherit;
background: no-repeat;
text-align: left;
border-top: 1px solid #ccc;
font-size: 16px;
text-transform: capitalize;
color: #01cdd1;
cursor: pointer;
text-align: left;
width: 100%;
display: flex;
padding-left: 10px;
padding-top: 4px;
}
.due-fields-wrap .add_more_button_wrap .btn {
background: no-repeat;
border: none;
text-align: left;
font-size: 16px;
text-transform: capitalize;
color: #01cdd1;
padding: 0;
box-shadow: none !important;
border-bottom: 2px solid;
border-radius: 0;
}
.due-fields-wrap .add_more_button_wrap+div .row {
padding-bottom: 0px;
margin-bottom: 10px;
}
.due-fields-wrap .remove_item {
position: absolute;
left: 15px;
color: red;
background: no-repeat;
border: none;
bottom: 0;
border-bottom: 2px solid;
border-radius: 0;
padding: 0;
font-size: 16px;
text-transform: capitalize;
}
.due-fields-wrap .row {
position: relative;
padding-bottom: 20px;
margin-bottom: 20px;
}
.due-fields-wrap .row>div label.error {
left: 15px;
}
.due-fields-wrap .row>div:first-child label.error {
left: 84px;
bottom: -31px;
border-left: 1px solid #ccc;
padding-left: 10px;
}
.form-horizontal-oneLine-oneField .d-flex>div:first-child {
max-width: 370px;
}
.select_multi_custome1 ul li {
white-space: normal;
line-height: 16px;
padding-bottom: 7px !important;
padding-top: 5px !important;
}
.form-horizontal-oneLine.form-horizontal-oneLine-oneField .filter-box-inner .d-flex>div:last-child {
text-align: left;
}
.input-fill-wrap-edit .wrapper_block.has_no_button {
margin-bottom: 30px;
padding-bottom: 30px !important;
}
.input-fill-wrap-edit .wrapper_block.has_no_button .add_more_div {
display: none;
}
.my_status_design1 select.form-control {
border: none !important;
}
.table_hasAlltd_input .form-control {
border: none !important;
padding: 0 16px !important;
background: none;
}
.table_hasAlltd_input .select2-container span {
width: 100%;
}
.table_hasAlltd_input .form-control+.select2-container .select2-selection--single {
border: none !important;
margin: 0;
}
.table_hasAlltd_input td {
padding-left: 0px !important;
padding-right: 0px !important;
padding-bottom: 0px !important;
padding-top: 0 !important;
}
.table_hasAlltd_input td .form-control[readonly=""] {
background-color: #eee !important;
}
.table_hasAlltd_input td .select2-selection--single .select2-selection__rendered {
padding-left: 11px;
}
.table_hasAlltd_input td p {
margin-bottom: 0px;
}
.select2-dropdown {
border-color: #d9d9d9 !important;
}
.table_hasAlltd_input td .select2-container .dropdown-wrapper {
position: absolute !important;
}
.table_last_child_d_none th:last-child,
.table_last_child_d_none td:last-child {
display: none !important;
}
.table_hasAlltd_input td .selection {
margin-right: 0px !important;
}
#applicant_tabs a {
color: #333;
background: none;
}
.my_status {
border: none !important;
width: 110px;
background: none;
background-size: 14px !important;
}
.my_status option {
color: #333 !important;
}
.my_status[data-attr-s="in-process"],
.my_status[data-attr-s="waiting"],
.my_status[data-attr-s="In Progress"] {
color: #ff9900;
}
.my_status[data-attr-s="converted"],
.my_status[data-attr-s="accepted"],
.my_status[data-attr-s="Finished"],
.my_status[data-attr-s="Completed"],
.my_status[data-attr-s="Active"] {
color: #3da701;
}
.my_status[data-attr-s="pending"],
.my_status[data-attr-s="declined"],
.my_status[data-attr-s="Canceled"],
.my_status[data-attr-s="Incomplete"],
.my_status[data-attr-s="Deactive"] {
color: red;
}
.my_status[data-attr-s="Not Started"] {
color: #999;
}
.my_status[data-attr-s="On Hold"],
.my_status[data-attr-s="Doing"],
.my_status[data-attr-s="Public"] {
color: #00c5c9;
}
.my_status[data-attr-s="Private"] {
color: #fe6892;
}
.my_status[data-attr-s="To Do"] {
color: #005276;
}
.summayinfo br {
display: none;
}
.Progress-div .progress {
margin-top: 7px !important;
}
.attachment_section_01 label {
margin-bottom: 0px;
}
.attachment_section_01 {
display: flex;
flex-wrap: wrap;
}
.attachment_section_01>div {
width: 50%;
margin-bottom: 15px;
}
.text-default-td a {
color: #333 !important;
}
.table_ValignMiddle td {
vertical-align: middle !important;
}
/* .dash-data-table {
min-height: 140px;
} */
.validate.dash-data-table {
min-height: inherit;
}
.list-actions.list-table--action a {
color: #333;
}
#closed_orders_datatables td:last-child,
#closed_orders_datatables th:last-child {
min-width: 120px;
}
.full_description_wrap>div {
min-width: 100%;
max-width: 100%;
width: 100% !important;
}
.right_top_cardd {
position: absolute;
right: 30px;
top: 11px;
}
.right_top_cardd .drop_list {
width: 111px;
}
.info-label .select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 37px;
}
.info-label select.form-control+.select2-container .select2-selection__arrow {
height: 100%;
top: 0 !important;
}
.Summary_colm br {
display: none;
}
.title_colum1 {
padding-right: 120px;
line-height: 120%;
margin-bottom: 5px;
}
.formio-dialog {}
.formio-dialog.formio-dialog-theme-default .formio-dialog-content {
background: #fff !important;
}
.formio-dialog.formio-dialog-theme-default .formio-dialog-content .nav-tabs {
border: none;
background: #f2f7fa;
}
.component-settings .nav>li>a {
border: none;
}
.component-settings .nav>li>a {
padding: 15px 10px !important;
border: none !important;
color: #444;
font-size: 14px;
}
.formio-component-tabs {
border: 1px solid #c2e0f2 !important;
}
.formio-component-tabs .card-body {
padding: 20px;
}
.formio-component-tabs label {
font-weight: normal;
color: #444;
font-size: 14px;
}
.formio-dialog-content .lead {
font-size: 21px;
font-family: "google_sansbold" !important;
margin-bottom: 13px;
color: #333;
}
.ace_editor {
height: 42px;
border: 1px solid #ddd !important;
}
.formio-component-checkbox .form-check,
.formio-component-tabs .form-check {
padding-left: 0;
}
.formio-component-checkbox .form-check-input {
margin-left: -28px !important;
margin-top: 0px;
}
.formio-component-checkbox .form-check-label {
padding-left: 28px;
}
.component-edit-container .card-header h4 {
margin-top: 0px;
}
.formio-component-panel .card-header {
padding: 11px 15px;
}
.formio-component .form-check-inline {
display: flex;
margin-right: 20px;
margin-bottom: 15px;
}
.formio-component .form-check-inline input+span,
.formio-component .radio.form-check input+span {
margin-left: 7px;
}
.formio-component .radio.form-check {
display: block;
min-height: 1.5rem;
padding-left: 0;
margin-bottom: 10px;
}
.formio-component-checkbox {
margin-bottom: 20px;
}
.formio-component .btn i {
margin-right: 7px;
}
.formio-component-tabs .card-body>.formio-component-panel[ref="component"] {
margin-bottom: 20px;
}
.formio-component .card-header-tabs {
display: flex;
overflow-x: auto;
overflow-y: hidden;
}
.status_td_wrap {
text-align: center;
}
.status_td_wrap .btn {
background-color: transparent !important;
padding: 0px;
border: none;
color: #333;
}
.status_td_wrap .btn.btn-warning {
color: #f39c12;
}
.status_td_wrap .btn.btn-danger,
.Qualification_Status_text.Not.Allowed,
.status_span1.Incomplete {
color: red;
}
.status_td_wrap .btn.btn-success {
color: #3da701;
}
.status_span1.Pending {
color: #f39c12;
}
.status_span1.SUCCESS,
.Qualification_Status_text.Allowed,
.status_span1.Complete {
color: #3da701;
}
.cwMsg-grp {
width: 100%;
}
.show_change_attendance_wrap .reason_all_div_html {
padding-left: 0px;
padding-right: 0px;
width: 100%;
}
.map_page_body .content-header {
display: none;
}
.map_page1 {
padding: 0;
}
.map_page_body.app-sidebarOpen .content-wrapper {
margin-left: 240px;
}
.map_page_body.app-sidebarOpen .content-wrapper .mapview-det {
top: 60px;
left: 0;
right: 0;
margin: 0 auto;
}
.map_page_body.app-sidebarOpen .mapview-det h2 {
font-size: 24px;
font-weight: normal;
margin-top: 0;
margin: 0;
}
.map_page_body.app-sidebarOpen .infotab-innerCont {
width: auto;
padding: 0;
}
.map_page_body.app-sidebarOpen .infotab-innerCont:not(:last-child) {
padding-right: 30px;
margin-right: 30px;
}
.map_page_body.app-sidebarOpen .infotab-innerCont::after {
right: 0;
}
.map_page_body.app-sidebarOpen .infotab-innerCont span {
font-weight: normal;
font-family: "google_sansmedium";
}
.map_page_body.app-sidebarOpen .infotab-innerCont p {
margin-top: 0px;
}
.right-box {
right: 40px;
}
.route-btn {
position: relative;
left: 40px;
top: -40px;
}
.route-list {
padding-bottom: 5px;
padding-top: 5px;
}
.route-btn {
font-family: "google_sansmedium";
font-size: 18px;
font-weight: normal;
}
.formio-component .input-group {
display: flex;
align-items: center;
}
.formio-form {
min-height: inherit !important;
}
.bg-aqua,
.callout.callout-info,
.alert-info,
.label-info,
.modal-info .modal-body {
background-color: #005276 !important;
border-color: #005276 !important;
}
.formcomponents .accordion .card-header .btn {
background-color: #fff;
border-top: 3px solid #f2f7fa !important;
}
.formcomponents .accordion .card-header .btn::before {
content: "\f107" !important;
font: normal normal normal 14px/1 FontAwesome;
font-size: 14px;
font-size: inherit;
text-rendering: auto;
position: absolute;
right: 20px;
}
.builder-sidebar_scroll {
background: #f2f7fa;
padding: 10px;
}
div[ref="sidebar-groups"] .form-builder-panel {
background-color: #fff;
}
.contracts_imgWrap {
border: 1px solid #ccc;
}
.contract_table h2 {
color: #333 !important;
margin-bottom: 4px !important;
}
.font-bold {
font-weight: normal !important;
}
.deletebutton:not(.cursorpointer) {
background-color: transparent !important;
}
.deletebutton:not(.cursorpointer) .fa {
font-size: 18px !important;
}
.dropdown-menu .deletebutton {
width: auto;
background-color: transparent;
}
tfoot td {
border: none;
}
.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
z-index: 3;
color: #fff;
cursor: default;
background-color: #005276;
border-color: #005276;
}
textarea[placeholder="SMS Body"] {
min-height: 200px;
}
.select_all_hascheckbox .filter_header .dropdown-toggle::before {
display: none !important;
}
.date_th {
min-width: 160px;
}
.table_Tfoot_hasdiscount .calculated_discount {
height: 42px;
}
.table_Tfoot_hasdiscount td {
height: 42px;
vertical-align: middle;
}
.discount_type_value {
flex-direction: row-reverse;
}
.table_Tfoot_hasdiscount td .discount_type_value select {
width: 90px;
min-width: 90px;
max-width: 90px;
border: 1px solid #ccc !important;
margin: 5px;
padding: 0 0 0 10px !important;
height: 32px;
border-radius: 5px;
font-size: 13px !important;
background-size: 14px !important;
}
.table_Tfoot_hasdiscount td .discount_type_value input {
text-align: right;
min-width: 80px;
padding-left: 0 !important;
}
.img-outer-w-100px {
width: 100px;
height: 100px;
}
.img-outer-w-90px {
width: 90px;
height: 90px;
}
.img-outer-w-80px {
width: 80px;
height: 80px;
}
.img-outer-w-70px {
width: 70px;
height: 70px;
}
.img-outer-w-60px {
width: 60px;
height: 60px;
}
.img-outer-w-50px {
width: 50px;
height: 50px;
}
.img-outer-w-40px {
width: 40px;
height: 40px;
}
.img-outer-w-30px {
width: 30px;
height: 30px;
}
.img-outer-w-20px {
width: 20px;
height: 20px;
}
.filter-box-hasOnefield {}
.search_btn_only_Onpage a[href="#filtermis"]::after {
top: 44px;
}
.space_tr th {
border: none !important;
padding-top: 30px !important;
}
.From_to_DD {
padding-top: 36px !important;
}
#map {
max-height: 664px;
height: 664px;
margin-bottom: 15px;
position: static;
overflow: hidden;
background: #eee;
display: inline-block;
width: 100%;
}
#wrapper_btns {
width: calc(100% - 30px);
display: inline-block;
border-top: 1px solid #ddd;
margin-top: 15px;
padding: 15px 0;
margin: 0px 10px 0;
}
textarea {
min-height: 70px;
}
.link_add_more {
border-bottom: 2px solid #2dd5d9;
}
.Remove_link,
.Remove_link:focus,
.Remove_link:hover {
color: red;
border-bottom: 2px solid red !important;
}
.main_wrapper_wrap {
width: 100%;
display: inline-block;
}
.main_wrapper_wrap div {
position: static;
}
.main_wrapper_wrap>div {
position: relative;
width: 100%;
padding-bottom: 20px;
overflow: hidden;
display: inline-block;
margin-top: 15px;
}
.main_wrapper_wrap div .Remove_link {
position: absolute;
bottom: 0;
top: inherit;
left: 10px;
}
.validate .box-body .form-group>div.Remove_link {
padding-right: 0px !important;
width: auto;
display: inline-table;
}
.main_wrapper_wrap>div:first-child {
margin-top: 0px;
}
.btnAddMore_assignment {
margin-left: 5px;
}
.btnAddMore_assignment_row {
border-top: 1px solid #ccc;
margin-left: 0;
margin-right: 0;
}
.main_wrapper_wrap_01 div .Remove_link {
left: 0px;
}
.main_wrapper_wrap_01 .input_field_data {
width: 100%;
display: inline-block;
}
.main_wrapper_wrap_01 .input_field_data.row {
margin: 0;
}
.main_wrapper_wrap.main_wrapper_wrap_01>div {
padding-bottom: 30px;
}
.main_wrapper_wrap.main_wrapper_wrap_01>div:first-child {
padding-bottom: 0px;
}
.totalWeightWrapper_div {
margin-left: -10px;
}
.dynamic_form_bank #formio {
padding-right: 0px !important;
}
.dynamic_form_bank #formio .field-wrapper {
display: flex;
flex-direction: column;
}
.dynamic_form_bank .formio-form {
display: flex;
flex-wrap: wrap;
margin-left: -5px;
margin-right: -5px;
}
.dynamic_form_bank .formio-form>div {
width: 50%;
margin-bottom: 20px;
padding-left: 5px;
padding-right: 5px;
}
.img-outer-w-100px {
width: 100px;
height: 100px;
}
.img-outer-w-90px {
width: 90px;
height: 90px;
}
.img-outer-w-80px {
width: 80px;
height: 80px;
}
.img-outer-w-70px {
width: 70px;
height: 70px;
}
.img-outer-w-60px {
width: 60px;
height: 60px;
}
.img-outer-w-50px {
width: 50px;
height: 50px;
}
.img-outer-w-40px {
width: 40px;
height: 40px;
}
.img-outer-w-30px {
width: 30px;
height: 30px;
}
.img-outer-w-20px {
width: 20px;
height: 20px;
}
/* sharwan CSS start */
.manges-box-show {
position: relative;
}
.remove-box {
bottom: -30px;
}
.manges-box-show-edit {
position: relative;
margin-bottom: 50px !important;
}
.manges-box-show-edit:nth-child(1) {
position: static !important;
margin-bottom: 30px !important;
}
.radio-cash span {
margin: 10px 15px 0px 0px;
float: left;
}
.msgboxshow>div {
width: 100% !important;
max-width: 1106px !important;
}
.right-txt {
text-align: right !important;
}
.left-aligns {
justify-content: start !important;
}
.wid-auto {
width: auto !important;
}
.m-right {
margin-right: 10px !important;
}
.show-td-mid {
text-align: center;
margin: 0px auto;
width: auto;
display: table;
}
.emp-codes {
width: 100%;
display: block;
background: #f2f7fa;
border-bottom: solid 1px #d5d5d5;
padding: 10px 0px;
}
.emp-codes h3 {
width: 100%;
text-align: center;
margin: 0px;
font-size: 18px;
font-weight: 600;
}
.emp-codes h4 {
width: 100%;
text-align: center;
font-size: 16px;
font-family: "google_sansmedium";
}
.emp-codes p {
padding: 0px;
margin: 0px;
}
.loan-statements-table {
font-family: "google_sansregular" !important;
font-weight: 400;
color: #333;
}
.loan-statements-table>thead {
border: 1px solid #d9d9d9 !important;
}
.loan-statements-table>thead>tr>th {
font-family: "google_sansmedium";
font-weight: 400;
}
.loan-statements-table>tbody>tr>th {
border-left-width: 0px !important;
border-right-width: 0px !important;
padding: 10px 15px;
font-family: "google_sansmedium";
font-weight: 400;
}
.loan-statements-table>tbody>tr>td {
padding: 10px 15px;
font-family: "google_sansregular" !important;
font-weight: 400;
}
.table-head-data {
padding: 0px 15px !important;
}
.approv-table th:nth-child(4),
.approv-table td:nth-child(4) {
width: 330px !important;
}
.approv-table p {
margin: 0px !important;
}
input[type="radio"]:focus {
outline: none !important;
}
/* sharwan CSS end */
.filter-box-hasOnefield {}
.search_btn_only_Onpage a[href="#filtermis"]::after {
top: 44px;
}
.space_tr th {
border: none !important;
padding-top: 30px !important;
}
.From_to_DD {
padding-top: 36px !important;
}
.item_list .deletebutton {
background-color: transparent !important;
}
.dash-data-table tr.tr_show,
.dash-data-table tr.tr_show+tr {
background-color: #f7f7f7 !important;
}
.dash-data-table tr .showDetail::before {
content: "View";
margin-right: 3px;
}
/* .dash-data-table tr.tr_show .showDetail::before{ content: 'Hide'; } */
.leave_tbl tr td {
padding: 10px 20px !important;
}
.form-col .btn-approve,
.form-col .btn-decline {
font-size: 16px;
height: 42px;
padding: 0 15px;
}
.table_responsive {
overflow: auto;
}
.table_responsive .wrap-task {
min-width: 1200px;
}
.table_responsive .wrap-task td:first-child {
max-width: 400px;
}
/* Dropdown For modal start */
.list-table--action-wrap-new {
position: relative;
}
.list-table--action-wrap-new {
position: relative;
/* display: inline-block; */
vertical-align: top;
height: 36px;
display: flex;
align-items: center;
justify-content: center;
}
.dropdown_new {
position: absolute;
top: 4px;
}
.dropdown_new.show .dropdown-menu {
display: block;
}
/* Dropdown For modal end */
.Question_row {
margin-bottom: 20px;
border-bottom: 1px solid #ccc;
width: 100%;
display: inline-block;
margin-right: 0;
padding-bottom: 20px;
}
.search-box-sidebar {
position: absolute;
}
.app-sidebarOpen-parent .search-box-sidebar {
position: absolute;
top: 0;
background: red;
z-index: 222;
background-color: transparent;
right: 6px;
width: 189px;
border-radius: 0;
border-bottom: 1px solid #1376a1 !important;
}
.app-sidebarOpen-parent .search-box-sidebar .search-box .search-inputBox {
height: 36px;
border-radius: 5px;
color: #fff;
width: 100%;
background-color: #005276 !important;
}
.app-sidebarOpen-parent .search-box-sidebar .search-box {
width: 100%;
border-radius: 5px;
border: none;
}
.main-sidebar.institution_theme_sidebar .sidebar-menu>li:hover>a.parent_li.parent_li_search,
.main-sidebar.institution_theme_sidebar .sidebar-menu>li.menu-open>a.parent_li.parent_li_search {
background-color: transparent !important;
}
.other_gl_section_wrap {
width: 100%;
display: inline-block;
padding-bottom: 0px;
}
.other_gl_section_wrap>div {
width: 100%;
display: inline-block;
position: relative;
margin-bottom: 25px;
}
.other_gl_section_wrap>div:first-child {
position: static;
margin-bottom: 0px;
}
.other_gl_section_wrap {
margin-bottom: 80px;
}
.other_gl_section_wrap .add_more_div {
position: absolute;
bottom: -54px;
border-top: 1px solid #ddd;
width: calc(100%);
left: 0;
padding-top: 10px;
}
.remove-link-text {
color: red;
border-bottom: 2px solid red;
}
.other_gl_section_wrap .removemeitem {
position: absolute;
left: 0;
bottom: -2px;
}
li.li_search {
margin-bottom: 1px !important;
}
li.li_search .form-control {
height: 38px;
font-size: 13px;
}
li.li_search .search-inputBox {
padding-right: 30px;
}
li.li_search .search-box .search-in {
width: 12px;
opacity: 0.8;
}
li.li_search .parent_li_search {
padding-top: 10px !important;
}
.sidebar-overlay {
display: none;
}
.main-header {
z-index: 999;
}
li.li_search .search-inputBox::-webkit-input-placeholder {
/* Chrome/Opera/Safari */
color: #fff !important;
opacity: 0.8 !important;
}
li.li_search .search-inputBox::-moz-placeholder {
/* Firefox 19+ */
color: #fff !important;
opacity: 0.8 !important;
}
li.li_search .search-inputBox:-ms-input-placeholder {
/* IE 10+ */
color: #fff !important;
opacity: 0.8 !important;
}
li.li_search .search-inputBox:-moz-placeholder {
/* Firefox 18- */
color: #fff !important;
opacity: 0.8 !important;
}
.dashboard_iframe_main iframe {
max-width: 30px;
}
.treeview-menu>li.menu-open {
border-radius: 4px;
background-color: #fff;
}
.treeview-menu>li.menu-open>a {
padding-left: 10px;
color: #005276;
border-color: #fe6892 !important;
}
.status_btn_wrap_td button.btn-primary,
.status_btn_wrap_td button.btn-success {
background-color: transparent !important;
color: green !important;
border: none !important;
}
.status_btn_wrap_td button.btn-secondary,
.status_btn_wrap_td button.btn-warning {
background-color: transparent !important;
color: red !important;
border: none !important;
}
.statusWith_field {
padding-right: 15px !important;
}
.closed_content .row {
margin: 0px !important;
}
.closed_content {}
.BrowseFile_students.BrowseFile_Col_insClass {
right: 164px !important;
padding-right: 0;
}
.add_more_wrapNew {
position: relative;
width: 100%;
display: inline-block;
overflow: hidden;
padding-bottom: 30px;
}
#myqualifications.has_add_more.myqualifications_pb_40px .add_more_wrapNew .add_more {
bottom: 30px;
width: 100% !important;
left: 0;
}
.add_more_wrapNew #addMore {
margin-top: -20px;
display: inline-block;
width: 100%;
}
.add_more_wrapNew #addMore .academic_background:last-child {
margin-bottom: 80px !important;
}
/* .dash-data-table {
min-height: 200px;
} */
.checkbox-Inactive-reverce,
.checkbox-inline-reverce {
display: flex;
justify-content: start;
flex-direction: row-reverse;
}
.checkbox-Inactive-reverce>*,
.checkbox-inline-reverce>* {
width: auto !important;
}
.checkbox-Inactive-reverce label {
margin-bottom: 0 !important;
line-height: 20px;
}
.textarea_editor_wrap>div {
max-width: 100% !important;
width: 100% !important;
}
.main-sidebar {
scrollbar-color: transparent transparent;
scrollbar-width: thin;
}
.main-sidebar .treeview-menu {
scrollbar-color: #666 transparent;
scrollbar-width: thin;
}
.main-sidebar::-webkit-scrollbar {
width: 0.7em;
background: transparent !important;
}
.main-sidebar::-webkit-scrollbar-thumb {
background: transparent !important;
height: 30px;
}
.main-sidebar::-webkit-scrollbar-track-piece {
display: none;
}
/*Project Management > Discussion new page style*/
.discuss-box {
margin-top: 30px;
width: 100%;
float: left;
}
.discusstion-page {
width: 100%;
}
.discusston-row {
width: 100%;
position: relative;
padding-left: 40px;
margin-bottom: 25px;
}
.discusston-row:before {
content: "";
position: absolute;
border-left: solid 1px #0c4a60;
left: 10px;
top: 20px;
height: 100%;
}
.discuss-heading {
position: relative;
width: 100%;
}
.discuss-heading:before {
position: relative;
border: 7px solid #0c4a60;
outline: 1px solid #0c4a60;
outline-offset: 4px;
border-radius: 50%;
left: -37px;
top: 0px;
width: 15px;
height: 15px;
content: "";
position: absolute;
z-index: 99;
background: #0c4a60;
}
.user-discusstion {
width: 100%;
padding: 20px;
border-radius: 5px;
position: relative;
}
.user-discusstion .list-table--action-wrap-new {
position: absolute;
top: 10px;
right: 10px;
}
.discuss-box>div>div:last-child .discusston-row:before {
border-left: none !important;
}
.discuss-box>div>div:nth-last-child(2) .discusston-row:before {
border-left: none !important;
}
.btn-change-row {
border-bottom: solid 1px #d5d5d5;
padding-bottom: 0px !important;
margin-bottom: 15px;
width: 99% !important;
}
.btn-change-row a {
color: #222 !important;
background: none !important;
padding-left: 25px;
}
.btn-change-row a:hover,
.btn-change-row a:focus {
color: #222 !important;
background: none !important;
}
.pluse-icon {
position: relative;
}
.client-btn {
position: relative;
}
.client-btn::before {
content: "+";
position: absolute;
top: 10px;
left: 0px;
font-size: 14px;
background: #333;
width: 16px;
height: 16px;
color: #fff;
line-height: 14px;
border-radius: 50%;
}
.minus-icon {
position: relative;
}
.minus-icon::before {
content: "-";
position: absolute;
top: 10px;
left: 0px;
font-size: 14px;
background: #fe6892;
width: 16px;
height: 16px;
color: #fff;
line-height: 16px;
border-radius: 50%;
}
.right_top_cardd .drop_list {
width: auto !important;
border: solid 1px #d5d5d5 !important;
}
.main-sidebar.institution_theme_sidebar .sidebar-menu>li:not(.li_search)>a>i {
font-size: 0;
}
.main-sidebar.institution_theme_sidebar .sidebar-menu>li>a>i svg {
fill: #fff;
}
.main-sidebar.institution_theme_sidebar .sidebar-menu>li:hover>a i svg {
fill: #fff !important;
}
.main-sidebar.institution_theme_sidebar .sidebar-menu>li.menu-open>a i svg {
fill: #fe6892 !important;
}
.main-sidebar.institution_theme_sidebar .sidebar-menu>li.active>a i svg {
fill: #fe6892 !important;
}
.icon_test {
background-color: red;
}
.icon_test svg {
width: 150px;
height: auto;
}
.sidebar-menu .li_search {
display: none;
}
.BrowseFile_students.BrowseFile_items_inventory.BrowseFile_items_substrands_new {
right: 76px !important;
}
.BrowseFile_students.BrowseFile_items_inventory.BrowseFile_items_substrands {
right: 133px;
}
.advance-search-btn-more .btn {
margin-bottom: 7px;
}
/*Staff Calendar start css*/
.staff-filter-row {
width: 100%;
}
.rounded-4px {
border-radius: 4px !important;
}
.position-relative {
position: relative !important;
}
.label-date {
border: solid 1px #d9d9d9;
width: 110px;
height: 42px;
padding: 8px;
}
.date-field {
position: relative;
width: 350px;
}
.status-days {
border: solid 1px #d9d9d9;
}
.border-right-days {
border-right: solid 1px #d9d9d9;
}
.show-status {
width: 100px;
padding: 8px 0px;
color: #333333;
}
.active-status {
background: #e1e1e1 !important;
}
.cel-add-btn {
padding: 9px 15px !important;
}
.cursor-pointer {
cursor: pointer !important;
}
.staff-container {
padding: 10px 15px;
padding-right: 0;
width: 100%;
}
.staff-container table {
width: 100% !important;
border: none !important;
overflow-x: auto !important;
}
.bookingItem-wrapper {
position: relative;
}
.booking-show {
/* height: 25px; */
padding: 0px !important;
position: relative;
border-bottom: 1px solid #ececec;
}
.time-bookTbl td {
padding: 0 !important;
width: 256px !important;
vertical-align: top;
}
.time-bookTbl th:first-child,
.time-bookTbl td:first-child {
width: 54px !important;
border: 0;
background: #fff !important;
text-align: right;
width: 20px;
min-width: 54px;
padding: 0 !important;
vertical-align: top;
}
.time-bookTbl th,
.time-bookTbl td {
white-space: nowrap;
vertical-align: middle;
padding: 15px 10px;
border: 1px solid #d4d4d4;
min-width: 240px;
}
.table-bordered th,
#closed_orders_datatables th {
background: #fff;
}
.table-col-12 {
flex: 0 0 100%;
max-width: 100%;
}
.time-bookTbl th {
border: 0 !important;
}
.table-responsive {
width: 100%;
}
.time-bookTbl tr:first-child td .time_tt_wrap::before {
content: "";
width: 100%;
left: 0;
height: 5px;
background: #fff;
top: -5px;
position: absolute;
}
.time_tt_wrap {
position: absolute;
/* top: -4px; */
background: #fff;
height: 101px;
z-index: 5;
border-right: 1px solid #d4d4d4;
width: 55px;
padding-right: 15px;
text-align: right;
}
.Time-tt {
line-height: 14px;
font-family: "google_sansbold" !important;
color: #363636;
display: block;
}
.Time_am_pm {
font-weight: normal;
color: #363636;
}
.staff-myProfile-avatar--box {
/* max-width: 50px;
flex-basis: 50px; */
text-align: center;
position: relative;
}
.getstaffvalue {
cursor: pointer;
}
.staff-myProfile-avatar {
width: 50px;
height: 50px;
border-radius: 50%;
display: inline-flex;
justify-content: center;
align-items: center;
overflow: hidden;
border: 4px solid #f2f2f2;
}
.staff-myProfile-avatar img {
object-fit: cover !important;
height: 50px;
}
.staffTitle {
padding-bottom: 0px;
margin-bottom: 0 !important;
line-height: 1.2;
color: #363636;
}
.booking-show:last-child {
border-bottom: none;
}
.green-bg-staff {
background: #6effa8 !important;
color: #000 !important;
font-size: 14px;
line-height: 23px;
white-space: normal !important;
}
.lightblue-bg-staff {
background: #a5dff7 !important;
color: #000 !important;
font-size: 14px;
line-height: 23px;
white-space: normal !important;
}
.font-sans-bold {
font-family: "google_sansbold" !important;
}
/*Staff Calendar End css*/
/*Project Management Start*/
.devider-v1 {
width: 22px;
height: 0px;
display: inline-block;
/* UI Properties */
border-bottom: 3px solid #515151;
border-radius: 20px;
}
.border-primary-light {
border-color: #cfedff !important;
}
.site-accordion-v2 .panel-default>.panel-heading {
color: #333;
background-color: #f2f7fa;
border-color: #c2e0f2;
}
.site-accordion-v2 .panel-default {
border-color: #c2e0f2;
}
.site-accordion-v2 .panel-group .panel+.panel {
margin-top: 20px;
}
.site-accordion-v2 .panel-heading {
padding: 0;
}
.site-accordion-v2 .panel-heading a {
padding: 14px 15px;
display: flex;
color: #000c !important;
position: relative;
}
.site-accordion-v2 .panel-default>.panel-heading+.panel-collapse>.panel-body {
font-size: 16px;
line-height: 160%;
}
.accordianArrow {
position: absolute;
right: 15px;
}
.accordianArrow svg {
max-width: 15px;
}
.site-accordion-v2 .panel-heading a[aria-expanded="true"] .accordianArrow {
transform: rotate(180deg);
}
.text-red-pure {
color: #ff0000cc !important;
}
.siteProgress .progress {
height: 18px;
padding-left: 8px;
}
.siteProgress .progress-bar {
background-color: #01cdd1;
border-radius: 20px;
}
.siteProgress .progress {
background-color: #005276;
font-family: "google_sansmedium";
}
.steps_card {
background: #ffffff;
border: 1px solid #01cdd1;
border-radius: 5px;
max-width: calc(100% - 30px);
width: 100%;
}
.steps_card_body {
padding: 12px 20px 12px;
position: relative;
}
.InnerBox {
padding: 7px;
}
.Milestones_wrap>.row:nth-child(2n) {}
.Milestones_wrap>.row:nth-child(2n)>div {
float: right;
display: flex;
justify-content: end;
}
.Milestones_wrap>.row>div:not(.progress_colors):after {
content: "";
width: 14px;
height: 14px;
position: absolute;
right: 39px;
top: 22px;
border: 1px solid #01cdd1;
transform: rotate(45deg);
z-index: 1;
border-width: 1px 1px 0px 0;
background: #fff;
}
.Milestones_wrap>.row:nth-child(2n)>div:not(.progress_colors)::after {
left: 38px;
transform: rotate(-135deg);
}
.Milestones_wrap>.row {
position: relative;
}
.progress_colors {
width: 32px;
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
text-align: center;
height: 100%;
top: 12px;
}
.progress_colors_circle {
z-index: 2;
width: 32px;
display: flex;
align-items: center;
justify-content: center;
height: 32px;
border-radius: 50%;
background-color: #01cdd1;
margin: 0 auto;
}
.progress_colors_circle svg {
position: relative;
}
.progress_colors::after {
content: "";
width: 5px;
height: 100%;
background-color: #01cdd1;
margin-top: -2px;
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
}
.Milestones_wrap>.row:last-child .progress_colors::after {
opacity: 0;
}
.InProgress_step .progress_colors::after {
background-color: #ffaa00;
}
.InProgress_step .progress_colors_circle {
background-color: #ffaa00;
border: solid 5px #ffeabf;
}
.Pending_step .progress_colors::after {
background-color: #403294;
}
.Pending_step .progress_colors_circle {
background-color: #403294;
width: 24px;
height: 24px;
}
.Pending_step .progress_colors_circle svg {
opacity: 0;
}
.form_tabContent.max-w-inherit {
max-width: inherit;
}
.People_Section {
padding-top: 30px;
}
.card-site {
box-shadow: 0px 1px 0px #0000001a;
border: 1px solid #e1e1e1;
border-radius: 5px;
}
.badge_1 svg {
fill: #005276;
}
.badge_1_text {
position: absolute;
left: 4px;
font-size: 10px;
top: -2px;
}
.card-site-top {
padding: 15px 20px;
position: relative;
}
.card-site-bottom {
padding: 12px 20px;
}
.ract_47_box {
width: 47px;
min-width: 47px;
height: 47px;
overflow: hidden;
border-radius: 50%;
background: #f2f7fa;
}
.dropdown_v2 {}
.dropdown_menu_list {
display: flex;
flex-direction: column;
}
.dropdown_menu_list>span {
margin-bottom: 5px;
}
.dropdown_menu_list>span .fa {
color: rgba(0, 0, 0, 0.7) !important;
font-size: 16px !important;
width: 15px;
text-align: center;
}
.dropdown_menu_list>span>[title="Delete"]::after {
content: "Delete";
position: relative;
top: 0px;
}
.dropdown_menu_list>span>[title="Edit"]::after {
content: "Edit";
position: relative;
top: -1px;
}
.dropdown_menu_list>span>[title="View Communication"]::after {
content: "View Communication";
position: relative;
top: -1px;
}
.dropdown_menu_list>span> ::after {
margin-left: 10px;
color: rgba(0, 0, 0, 0.7);
}
.dropdown_v2 .dropdown-menu {
top: 0;
}
.Peoples_row>div {
margin-top: 30px;
}
.external_col .badge_1 svg {
fill: #01cdd1;
}
.text-color-3 {
color: #fe6892 !important;
}
.pagination_wrap_v2 {
padding-top: 30px;
}
.hide-section {
display: none !important;
}
.Milestones_outer {
/* max-height: 1000px;
overflow: auto; */
}
/* .Milestones_outer .row.Pending_step,
.Milestones_outer .row.InProgress_step {
max-width: 40px;
} */
/* .Milestones_outer .row.Pending_step,
.Milestones_outer .row.Success_step{
margin: 0 auto;
max-width: 40px;
} */
.steps_card_body .font-18px {
line-height: 120%;
}
.link-primary-dark {
color: #005276 !important;
}
.link-primary-dark:hover {
color: #01cdd1 !important;
}
.delete_items_col {
position: absolute;
top: 20px;
right: 20px;
}
.galler_item_box {
height: 239px;
border-radius: 5px;
overflow: hidden;
position: relative;
border: 1px solid #ccc;
}
.slick_site.slick-slider {
margin: 0 -10px;
}
.slick_site .slick-slide {
margin-right: 10px;
margin-left: 10px;
}
.slick_site .slick-arrow {
width: 45px;
height: 45px;
background: #ffffff;
border-radius: 50%;
box-shadow: 0px 3px 6px #0000000f;
border: 1px solid #efefef;
position: absolute;
top: 50%;
z-index: 9;
font-size: 0px;
transform: translateY(-50%);
}
.slick_site .slick-arrow.slick-prev {
left: -10px;
}
.slick_site .slick-arrow.slick-next {
right: -10px;
}
.slick_site .slick-arrow::before {
content: "\f104";
font: normal normal normal 14px/1 FontAwesome;
font-size: 20px !important;
font-size: inherit;
text-rendering: auto;
}
.slick_site .slick-arrow.slick-next::before {
content: "\f105";
}
.delete_gallery_item_action {
position: absolute;
top: 20px;
right: 20px;
}
.delete_gallery_item_action svg {
fill: red;
transition: all 0.3s ease;
}
.delete_gallery_item_action:hover svg {
fill: #005276;
}
.Gallery_badge_wrap {
width: 100%;
display: inline-block;
}
.Gallery_badge_item {
color: #005276;
font-size: 14px;
height: 37px;
background: #ffffff;
display: inline-flex;
align-items: center;
justify-content: center;
border: 1px solid #c2e0f2;
padding: 0 15px;
margin-bottom: 10px;
margin-right: 10px;
border-radius: 108px;
}
.Gallery__section_wrap {
padding: 0 10px;
}
.Milestones_outer_v2 {
max-width: 850px;
/* max-height: 1000px; */
}
.Notes_card_actions {
position: absolute;
right: 20px;
}
.Milestones_outer_v2 .steps_card {
border-color: #e1e1e1;
margin-bottom: 25px;
}
.Milestones_outer_v2 .Milestones_wrap>.row>div:not(.progress_colors)::after {
border-color: #e1e1e1;
}
.Milestones_outer_v2 .progress_colors_circle svg {
opacity: 0;
}
.Milestones_outer_v2 .progress_colors::after {
background-color: #005276;
}
.actives-projectss .row:nth-last-child(2) .progress_colors::after {
opacity: 0 !important;
}
.ract_24_box {
width: 24px;
min-width: 24px;
height: 24px;
}
.public_private_badge {
font-size: 11px;
text-transform: uppercase;
color: #fe6892;
height: 22px;
/* UI Properties */
background: #ffffff;
padding: 0 10px;
border: 1px solid #fe6892;
display: inline-flex;
align-items: center;
border-radius: 120px;
}
.PRIVATE_badge {
border-color: #005276;
color: #005276;
}
.Milestones_outer_v2 .col-xs-6 {
float: right;
width: calc(100% - 130px);
}
.Milestones_outer_v2 .Milestones_wrap>.row>div {
float: right;
display: flex;
justify-content: end;
}
.Milestones_outer_v2 .Milestones_wrap>.row>div:not(.progress_colors)::after {
left: 39px;
top: 16px;
transform: rotate(-140deg);
}
.Milestones_outer_v2 .progress_colors {
margin: 0;
left: 120px;
}
.card_dd_mm {
position: absolute;
left: 15px;
}
.flex-column:not(.flex-sm-row) {
flex-direction: column !important;
}
.flex-column.flex-lg-row {
flex-direction: row !important;
}
.Milestones_outer_v2 .progress_colors_circle {
width: 21px;
height: 21px;
}
.clients_outer.Milestones_outer_v2 .progress_colors {
left: 15px;
}
.clients_outer.Milestones_outer_v2 .col-xs-6 {
width: calc(100% - 20px);
}
.Milestones_outer_v2.clients_outer {
max-width: 410px;
}
.Milestones_outer_v2.clients_outer .Milestones_wrap>.row>div:not(.progress_colors)::after {
opacity: 0;
}
.client_card_bottom {
padding-left: 15px;
padding-right: 15px;
padding-top: 10px;
padding-bottom: 5px;
}
.client_card_top {
padding: 5px 15px 15px 15px;
}
.link-primary svg {
fill: #01cdd1;
transition: all 0.5s ease;
}
.link-primary:hover svg {
fill: #005276;
}
.Milestones_outer_v2.clients_outer .progress_colors_circle {
display: inline-flex;
align-items: center;
justify-content: center;
font-family: "google_sansbold";
font-size: 14px;
color: #fff;
text-align: center;
width: 30px;
height: 30px;
}
.Milestones_outer_v2.clients_outer .progress_colors_circle svg {
display: none;
}
.Milestones_outer_v2.clients_outer .progress_colors {
top: calc(50% - 30px);
}
.Budget_wrap {
max-width: 980px;
}
.Budget_wrap .progress_colors_circle {
font-family: "google_sansbold";
font-size: 14px;
color: #fff;
}
.Budget_infobox .InnerBox {
border-width: 0px !important;
padding: 0px;
}
.Budget_infobox .InnerBox>div {
padding: 7px 12px;
}
.Budget_infobox .InnerBox>div:first-child {
border-bottom: 1px solid #c2e0f2;
}
.Budget_infobox>.row {
margin: 0px;
}
.Budget_infobox>.row>div {
padding-left: 0 !important;
padding-right: 0 !important;
}
.Budget_infobox .InnerBox>div:last-child {
border-right: 1px solid #c2e0f2;
}
.Budget_infobox>.row>div:last-child .InnerBox>div:last-child {
border-right: 0px;
}
.Budget_wrap .progress_colors::after {
background-color: #005276;
}
.task_top_row_left .select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 38px;
}
.task_top_row_left .select2-container--default .select2-selection--single .select2-selection__arrow {
top: 9px !important;
}
.task_top_row_left_row {
margin-left: -7px;
margin-right: -7px;
}
.task_top_row_left_row>div {
padding-left: 7px;
padding-right: 7px;
}
.input-group-v1.input-group .input-group-addon:first-child {
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
.input-group-v1.input-group .input-group-addon:last-child {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.border-right-0 {
border-right: none !important;
}
.input-group .form-control:focus {
border-color: #ccc;
}
.Project_cat_col {
color: #000000cc;
display: inline-flex;
transition: all 0.3s ease;
align-items: center;
border-bottom: 3px solid transparent;
padding-bottom: 9px;
}
.Project_cat_mark {
width: 13px;
height: 13px;
border-radius: 50%;
margin-right: 10px;
background: #ff3169;
}
.Project_cat_row {
margin-top: 30px;
padding-bottom: 10px;
}
.Project_cat_row .Project_cat_col:not(:first-child) {
margin-left: 65px;
}
.Project_cat_col_color2 .Project_cat_mark {
background: #403294;
}
.Project_cat_col_color3 .Project_cat_mark {
background: #feb626;
}
.Project_cat_col_color4 .Project_cat_mark {
background: #48bc8a;
}
.Project_cat_col.active,
.Project_cat_col:hover {
border-color: #ff3169;
color: #ff3169;
}
.Project_cat_col_color2.active,
.Project_cat_col_color2:hover {
border-color: #403294;
color: #403294;
}
.Project_cat_col_color3.active,
.Project_cat_col_color3:hover {
border-color: #feb626;
color: #feb626;
}
.Project_cat_col_color4.active,
.Project_cat_col_color4:hover {
border-color: #48bc8a;
color: #48bc8a;
}
.view_actionss {
background: #ffffff 0% 0% no-repeat padding-box;
border: 1px solid #d9d9d9;
display: flex;
border-radius: 3px;
}
.view_actionss a {
padding: 10px 16px;
display: inline-flex;
align-items: center;
}
.view_actionss a svg {
fill: #005276;
}
.view_actionss a svg.view-icon3 {
min-height: 14px;
padding: 0.5px;
}
.view_actionss a.active,
.view_actionss a:hover {
background-color: #005276;
}
.view_actionss a.active svg,
.view_actionss a:hover svg {
fill: #fff;
}
.Kanban_view_wrap {
background: #f2f7fa 0% 0% no-repeat padding-box;
border-radius: 10px;
height: 100%;
}
.Kanban_view_head {
height: 55px;
display: flex;
align-items: center;
padding: 0 20px;
}
.Kanban_view_head .Project_cat_col {
padding-bottom: 0px !important;
border: none !important;
}
.Kanban_view_cardbody {
padding: 10px;
}
.Kanban_view_cardbody .card-site-top {
padding: 7px 12px 10px;
}
.Kanban_view_items:not(:last-child) {
margin-bottom: 10px;
}
.Kanban_view_cardGroup>div:not(:last-child) {
margin-bottom: 7px;
}
.Kanban_grid_row {
margin-left: -7px;
margin-right: -7px;
display: flex;
}
.Kanban_grid_row>div {
padding-left: 7px;
padding-right: 7px;
}
.Kanban_view_cardbody {
height: 250px;
overflow: auto;
}
.Milestone_head_part {
position: sticky;
top: 0;
background: #f2f7fa;
z-index: 3;
padding-top: 7px;
}
/* width */
.Kanban_grid_row ::-webkit-scrollbar {
width: 4px;
border-radius: 20px;
}
/* Track */
.Kanban_grid_row ::-webkit-scrollbar-track {
background: #f1f1f1;
border-radius: 20px;
}
/* Handle */
.Kanban_grid_row ::-webkit-scrollbar-thumb {
background: #888;
border-radius: 20px;
}
/* Handle on hover */
.Kanban_grid_row ::-webkit-scrollbar-thumb:hover {
background: #555;
border-radius: 20px;
}
#Peoples_row_member,
#Files_Row,
#task_top_row_left_row {
display: flex;
flex-wrap: wrap;
}
#Peoples_row_member .card-site,
#Files_Row .card-site {
height: 100%;
}
#task_top_row_left_row .btn {
height: 100%;
}
.leadFileText {
word-wrap: anywhere;
}
/*Project Management End*/
/*file accordian start*/
.file-accordian-box {
width: 100%;
padding: 25px 0px;
position: relative;
}
.file-accordian-box h2.accordion {
width: 100%;
background-color: #f2f7fa;
border: solid 1px #c2e0f2;
outline: none;
text-align: left;
padding: 13px 20px;
font-family: "google_sansmedium";
font-weight: normal !important;
font-size: 16px;
margin: 10px 0px 0px;
color: #005276;
cursor: pointer;
transition: background-color 0.2s linear;
/* border-bottom: none!important; */
}
.file-accordian-box h2.accordion:after {
font-family: FontAwesome;
content: "\276F";
transform: rotate(90deg);
transition: all 0.35s;
font-family: "fontawesome";
font-size: 18px;
position: absolute;
right: 20px;
}
.file-accordian-box h2.accordion.is-open:after {
transform: rotate(270deg);
}
.file-accordian-box h2.accordion.is-open {
background-color: #eaeff2;
}
.accordion-content-box {
background-color: white;
border: solid 1px #c2e0f2;
border-top: none !important;
padding: 0 20px;
max-height: 0;
overflow: hidden;
transition: max-height 0.2s ease-in-out;
}
.drive-info {
width: 100%;
padding: 15px 0px 15px 34px;
}
.drive-info table {
width: 100%;
border: solid 1px #d2d2d2;
}
.drive-info table tr {
width: 100%;
border-bottom: solid 1px #d2d2d2;
}
.drive-info table tr th,
.drive-info table tr td {
padding: 10px 15px;
font-family: "google_sansmedium";
}
.drive-info table tr th:nth-last-child(1),
.drive-info table tr td:nth-last-child(1) {
width: 8% !important;
}
.drive-info table tr th:nth-last-child(2),
.drive-info table tr td:nth-last-child(2) {
width: 15% !important;
}
.down-icons {
margin-left: 10px;
}
.BrowseFile_students.BrowseFile_items_strand_new {
right: 75px !important;
}
.BrowseFile_students.BrowseFile_items_strands {
right: 105px;
}
.checkbox_full_row>div {
margin-bottom: 15px;
}
.file-input-custome-01 {
border: 1px solid #ccc;
border-radius: 4px;
}
.file-input-custome-01 input {
border-width: 0 0 0 1px;
border-radius: 0px;
}
.file-input-custome-01 img {
margin-left: 12px;
margin-right: 12px;
}
.file-input-custome .DefaultpreviewImg {
max-width: 24px;
max-height: 24px;
width: auto;
height: auto;
}
.RepeatWrapper,
.due_date_and_time_section,
.RepeatWrapper .assign_staff,
.TaskCompletionLevels {
width: 100%;
display: inline-block;
}
.ShowOnCheck-repeat,
#schduleSection,
#assignToStaffSection {
width: 100%;
}
.RepeatWrapper .assign_staff {
padding: 20px 20px 0;
background-color: #f7f7f7;
position: relative;
margin-bottom: 50px !important;
}
.RepeatWrapper .assign_staff:first-child {
margin-bottom: 20px !important;
}
.remove_subject_02,
.add_subject {
border-width: 0 0 1px 0 !important;
}
.remove_subject_02 {
position: absolute;
bottom: -30px;
left: 0;
}
.RepeatWrapper {
margin-bottom: 20px;
}
.TaskCompletionLevels legend {
font-size: 17px;
padding-bottom: 10px;
border: none !important;
}
#my_task_levels .my_levels,
#my_task_levels .my_levels>div.col-sm-12 {
position: static;
}
#my_task_levels {
padding-bottom: 30px !important;
width: 100%;
display: inline-block;
}
#my_task_levels #add_more_btn {
position: absolute;
bottom: 0;
}
#my_task_levels .my_levels:first-child {
margin-bottom: 15px;
}
#my_task_levels .my_levels {
margin-bottom: 20px;
}
#my_task_levels .my_levels:last-child {
margin-bottom: 0px;
}
.task-block-content .remove_subject {
border-width: 0 0 1px 0 !important;
}
.AddOption-Link.AddOption-Link {
font-size: 14px !important;
padding-bottom: 0;
}
.task_template_edit_form_class .task-block-content {
background: #f7f7f7;
border: 1px solid #ccc;
}
.task_template_edit_form_class .AddOption-Link-wrap {
padding-left: 15px;
}
.checkbox_smsreport label {
line-height: 22px !important;
padding-left: 10px !important;
}
.sms_report_wrap_setting {
margin: 0 -15px;
}
.dropdown-menu-w-150px {
min-width: 150px !important;
}
.dropdown-menu-w-170px {
min-width: 170px !important;
}
form.validate.validation_label_p_static label.error {
position: static;
}
.meter_progress {
flex: 0 0 auto;
width: 155px;
margin-right: 50px;
}
.meter_progress_cart img {
max-width: 100%;
}
.Clients_List_wrap {
padding: 15px 10px 5px 20px;
}
.Clients_List {
font-family: "google_sansmedium";
font-size: 16px;
}
.Clients_List .Clients_List_item {
background-image: url("../../assets/frontend/images/ionic-ios-star.svg");
background-position: left 0px top 2px;
padding-left: 30px;
line-height: 130%;
background-repeat: no-repeat;
}
.Clients_List .Clients_List_item {
padding-bottom: 12px;
}
.Clients_List_wrap .Clients_List {
max-height: 100px;
overflow: auto;
}
.content_rt_space_common {
padding-right: 30px;
}
/* .scroll_css_custom {
scrollbar-color: #D8D8D8 #ACACAC;
scrollbar-width: 5px;border-radius: 20px;
} */
.scroll_css_custom ::-webkit-scrollbar {
width: 5px;
background: #d8d8d8 !important;
border-radius: 20px;
}
.scroll_css_custom ::-webkit-scrollbar-thumb {
background: #acacac !important;
height: 30px;
border-radius: 20px;
}
.scroll_css_custom ::-webkit-scrollbar-track-piece {
display: block;
}
.Milestones_nameWrap {
padding: 5px 10px;
background: #f2f7fa;
margin-top: 6px;
margin-bottom: 3px;
}
.Milestones_nameWrap>div {
line-height: 120%;
}
.filter_box_checkbox_col {
display: flex;
align-items: center;
height: 100%;
min-height: 42px;
}
.h-38px {
height: 38px;
}
.filter_box_checkbox_col {
display: flex;
align-items: center;
height: 100%;
min-height: 42px;
}
/* Dashboard page style start */
.dash-top-section {
width: 100%;
}
.box-show {
width: 100%;
border-radius: 5px;
padding: 15px 20px;
}
.border-sky1 {
border: solid 1px #bfe8e9;
background: #f3fdfe;
}
.dash-left-head h6 {
color: #363636;
}
.dash-left-head h2 {
color: #01cdd1;
font-size: 45px;
}
.sky-bg {
background: #cff8f9;
width: 60px;
height: 60px;
justify-content: center;
border-radius: 50%;
}
.circle-bg2 {
background: #fedbe4 !important;
}
.circle-bg3 {
background: #c6e9f8 !important;
}
.circle-bg4 {
background: #fff2d6 !important;
}
.task-boxs {
border: solid 1px #cce4ef !important;
background: #effaff !important;
}
.stone-boxs {
border: solid 1px #f3e2c0 !important;
background: #fffdf9 !important;
}
.box-bottom-section {
width: 100%;
}
.box-bottom-section ul {
display: block;
text-align: center;
}
.box-bottom-section ul li {
display: inline-block;
margin: 0px 4px;
list-style-type: none;
font-size: 14px;
width: 30%;
}
.box-bottom-section ul li:nth-child(1) {
text-align: left;
}
.box-bottom-section ul li:nth-child(3) {
text-align: right;
}
.progress-text {
color: #005276;
}
.hold-text {
color: #fba017;
}
.cancel-text {
color: #ff0707;
}
.complet-text {
color: #62a81c;
}
.incomplet-text {
color: #005276;
}
.overdue-text {
color: #fe6892;
}
.projct-boxs {
border: solid 1px #f3d9e0 !important;
background: #fff !important;
}
.porject-txt {
color: #fe6892 !important;
}
.task-txt {
color: #005276 !important;
}
.stone-txt {
color: #f2b43b !important;
}
.desh-section-row {
width: 100%;
}
.project-boxs {
width: 100%;
border-radius: 5px;
padding: 15px 20px;
}
.box-top-section {
width: 100%;
}
.box-top-section h3 {
width: 100%;
font-size: 20px !important;
margin: 0px;
padding: 0px;
color: #000000cc;
}
.project-details-show {
width: 100%;
padding: 15px 0px;
}
/* Dashboard page style End */
.sales-mangement-section {
width: 100%;
padding: 50px 0px 25px;
}
.sales-box {
width: 100%;
background: transparent linear-gradient(180deg, #ffffff 0%, #f5f5f5 100%) 0% 0% no-repeat padding-box;
border: 1px solid #e5e5e5;
border-radius: 15px;
padding-bottom: 25px;
margin-bottom: 10px;
display: inline-block;
}
.sales-head-icon {
width: 80px;
height: 85px;
border-radius: 50%;
border: 1px solid #e5e5e5;
margin-top: -45px;
background: #ffff;
}
.sales-box h3 {
font-size: 55px;
line-height: 40px;
margin: 30px 0px 10px;
}
.sales-box span {
width: 100%;
font-size: 24px;
line-height: 25px;
display: block;
padding: 10px 0px 25px;
}
.available-text {
color: #00c41a;
}
.sold-text {
color: #ff0000;
}
.reserved-text {
color: #ffa500;
}
.blocked-text {
color: #403294;
}
.available-box {
border-bottom: solid 10px #00c41a;
}
.sold-box {
border-bottom: solid 10px #ff0000;
}
.reserved-box {
border-bottom: solid 10px #ffa500;
}
.blocked-box {
border-bottom: solid 10px #403294;
}
.sale-popup-box {
width: 100%;
padding: 25px 0px 0px;
}
.dropdoenOpen .dash-data-table {
overflow-x: inherit;
width: 100%;
}
.dropdoenOpen .dash-data-table>table {
float: right;
width: 100%;
}
.Stages-list-information {
width: 100%;
border: solid 1px #d2d6de;
border-radius: 3px;
padding: 10px 15px;
margin-bottom: 25px;
}
.Stages-list-informations {
width: 100%;
border: solid 1px #d2d6de;
border-radius: 3px;
padding: 15px 15px !important;
margin-bottom: 25px;
}
.Stages-list-information ul {
width: 100%;
padding: 0px !important;
margin: 0px !important;
}
.Stages-list-information ul li {
list-style-type: none !important;
padding: 5px 0px;
}
.Stages-list-information ul li .form-check-label {
padding-left: 10px !important;
}
.pipline-box {
width: 100%;
border: solid 1px #d2d6de;
border-radius: 3px;
padding: 10px 15px;
}
.pipline-boxs {
width: 100%;
border: solid 1px #d2d6de;
border-radius: 3px;
padding: 15px 15px !important;
}
.pipline-box ul {
width: 100%;
padding: 0px !important;
margin: 0px !important;
}
.pipline-box ul li {
list-style-type: none !important;
padding: 6px 5px 6px 30px;
background: none !important;
margin-bottom: 5px;
width: 100%;
box-shadow: none !important;
border: solid 1px #d8d8d8;
}
.pipline-boxs ul li {
list-style-type: none !important;
padding: 10px 10px 10px 10px !important;
background: none !important;
margin-bottom: 5px;
width: 100%;
box-shadow: none !important;
border: solid 1px #d8d8d8;
}
.pipline-box ul li .color-box {
border-radius: 50px !important;
top: 11px !important;
left: 11px !important;
}
.lead-relatives {
position: relative;
}
.lead-relatives label.error {
left: 15px !important;
}
/******* Canvas Leads Page Design *********/
.canban-section {
width: 100%;
gap: 15px;
overflow-x: auto;
}
.canban-section .canban-card {
/* width: 25%; */
width: calc(25% - 12px);
max-width: 320px;
min-width: 280px;
max-height: calc(100vh - 170px);
flex: 0 0 auto;
white-space: nowrap;
background-color: #f2f4f7;
border: 1px solid #e8eef3;
overflow: auto;
border-radius: 5px;
}
.canban-card .canban-head {
width: 100%;
padding: 15px 15px 0px 15px;
}
.canban-card .canban-head h6 {
display: inline-flex;
justify-content: start;
align-items: baseline;
gap: 8px;
font-size: 16px;
margin-top: 0px;
}
.canban-card .canban-head h6 svg {
width: 12px;
height: 12px;
flex: 0 0 12px;
}
.canban-card .canban-head .badge {
color: #99a5b5;
background-color: #e8eef3;
border-radius: 2px;
padding: 5px 8px;
font-size: 13px;
}
.canban-card .canban-head .total-amount {
font-size: 11px;
color: #616e80;
}
.canban-card .canban-body {
padding: 5px;
}
.canban-usercard {
width: 100%;
height: auto;
padding: 8px;
background: #fff;
border-radius: 3px;
border: 1px solid #e8eef3;
box-shadow: 0 0 4px 0 #e8eef3;
margin-bottom: 10px;
white-space: normal;
}
.usercard-title {
color: #000;
font-size: 14px;
}
.usercard-amount {
font-size: 12px;
color: #99a5b5;
}
.usercard-address {
font-size: 12px;
color: #616e80;
}
.usercard-address svg {
flex: 0 0 12px;
max-width: 12px;
max-height: 12px;
color: #99a5b5;
}
.usercard-userinfo .userimg {
width: 20px;
height: 20px;
object-fit: cover;
}
.usercard-userinfo .userimg img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 50%;
}
.userstatus select {
font-size: 12px;
border: solid 1px #e8eef3;
padding: 3px 5px;
}
.userstatus select:focus-visible {
box-shadow: none;
outline: none;
}
.modal-lg.w-375 {
width: 100% !important;
max-width: 375px;
}
.validate .box-body .form-group>div.pr-0,
.validate .box-body .form-group>label.pr-0 {
padding-right: 0px !important;
}
/** CRM Leads Page Css **/
.leads-card {
padding: 15px;
margin-bottom: 20px;
border-color: #e1e1e1;
border-radius: 5px;
}
.lead-file-title {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
max-width: calc(100% - 30px);
}
.leads-card h5 {
font-size: 16px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
margin: 0px;
font-family: "google_sansregular" !important;
}
.file-type-view .file-icon {
width: 25px;
height: 25px;
flex: 0 0 auto;
align-items: center;
justify-content: center;
display: flex;
}
.file-type-view .file-icon img {
max-width: 100%;
max-height: 100%;
}
.file-type-view .view-file-btn {
font-size: 14px;
}
.file-create-end-date-box {
width: 100%;
}
.file-create-end-date {
width: 100%;
height: auto;
}
.file-create-end-date span {
font-size: 14px;
color: #000000;
opacity: 45%;
display: block;
margin-bottom: 2px;
}
.file-create-end-date strong {
font-size: 14px;
color: #000000;
opacity: 80%;
font-family: "google_sansregular" !important;
}
.leads-card .list-actions.list-table--action span {
gap: 5px;
}
.leads-card .list-actions.list-table--action span span span {
margin-right: 5px;
}
.fixed-bottom-btn {
position: fixed;
right: 30px;
bottom: 30px;
z-index: 9;
width: 50px;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
}
.fixed-bottom-btn svg {
max-width: 30px;
max-height: 30px;
}
.view-file-btn {
font-size: 14px;
color: #005276;
text-decoration: underline;
}
.form-control.my_status.h-auto {
height: auto;
}
.badge.private_badge {
font-size: 11px;
text-transform: uppercase;
color: #005276;
height: 22px;
/* UI Properties */
background: #ffffff;
padding: 0 10px;
border: 1px solid #005276;
display: inline-flex;
align-items: center;
border-radius: 120px;
}
.badge.public_badge {
font-size: 11px;
text-transform: uppercase;
color: #fe6892;
height: 22px;
/* UI Properties */
background: #ffffff;
padding: 0 10px;
border: 1px solid #fe6892;
display: inline-flex;
align-items: center;
border-radius: 120px;
}
/* Events & News Page Css */
.events-list {
width: 100%;
height: auto;
}
.events-list .card {
width: 100%;
border-radius: 5px;
border-color: #c2e0f2 !important;
}
.events-list .card:not(:last-child) {
margin-bottom: 25px;
}
.events-list .card-header {
background-color: #f2f7fa;
padding: 15px;
border-radius: 5px 5px 0px 0px;
gap: 10px;
}
.events-list .card-header h5 {
font-size: 18px;
margin: 0px;
color: #000;
font-family: "google_sansregular" !important;
}
.events-list .card-header .dropdown02 {
cursor: pointer;
}
.events-list .card-header .dropdown02 .dropdown_btn_v2 svg {
max-width: 14px;
max-height: 14px;
}
.events-list .card-body {
padding: 20px 15px;
}
.event-content-section {
width: 100%;
position: relative;
counter-reset: "";
counter-increment: section;
}
.event-content-section:not(:last-child) {
padding-bottom: 30px;
}
.event-content-section .progress_colors {
margin-left: 0px;
top: 0px;
}
.event-content-section .progress_colors .progress_colors_circle {
color: #fff;
}
.event-content-section .progress_colors .progress_colors_circle:before {
/* counter-increment: section; */
content: counter(section);
}
.event-content {
padding-left: 45px;
}
.event-content-section .progress_colors::after {
width: 3px;
}
.event-content-section:last-child .progress_colors::after {
height: auto;
}
.event-heading {
margin-bottom: 5px;
}
.event-subheading {
margin-bottom: 5px;
}
.event-discription {
font-size: 14px;
}
.dropdown .dropdown-menu .dropdown_menu_list .dropdown-item {
color: #000;
opacity: 70%;
font-size: 14px;
padding: 5px 0px;
display: flex;
align-items: center;
gap: 10px;
}
/* Add Event Page Css */
.add-remove-fileds {
width: 100%;
height: auto;
display: flex;
align-items: center;
justify-content: end;
gap: 10px;
}
.add-remove-fileds .add_more,
.add-remove-fileds .remove {
position: relative;
top: 0px !important;
left: 0px;
right: 0px;
bottom: 0px;
width: 30px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 4px;
/* opacity: 85%; */
font-size: 20px;
transition: all 0.3s;
}
.add-remove-fileds .add_more {
/* background: #01cdd1; */
color: #fff;
}
.add-remove-fileds .remove {
/* background: #ff0000; */
color: #fff !important;
}
.add-remove-fileds .add_more:hover,
.add-remove-fileds .remove:hover {
opacity: 100%;
}
/* Speakers Page Css */
.speaders-cards-list {
width: 100%;
/* display: flex;
flex-wrap: wrap;
gap: 20px; */
}
.speaders-cards-list .speaker-card {
width: 100%;
/* max-width: calc(20% - 16px);
flex: 0 0 auto; */
border-radius: 8px;
overflow: hidden;
margin-bottom: 25px;
position: relative;
}
.speaders-cards-list .speaker-card .card-header {
width: 100%;
position: relative;
padding-top: 30px;
}
.speaders-cards-list .speaker-card .card-header:before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 70%;
background: rgb(0, 82, 118);
background: linear-gradient(321deg,
rgba(0, 82, 118, 1) 0%,
rgba(1, 205, 209, 1) 100%);
}
.speaker-image {
width: 120px;
height: 120px;
border-radius: 50%;
overflow: hidden;
border: solid 3px #eee;
object-fit: cover;
margin: 0 auto;
position: relative;
}
.speaker-image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.speaders-cards-list .speaker-card .card-body {
padding: 20px 15px;
}
.speaker-name {
font-size: 20px;
color: #000;
font-family: "google_sansmedium" !important;
}
.speaker-designation {
font-size: 16px;
color: #000;
opacity: 80%;
font-family: "google_sansregular" !important;
}
.add-speakers-form .profile-input {
display: flex;
align-items: flex-end;
gap: 15px;
}
.add-speakers-form .profile-input .myProfile-avatar-cover-image {
width: 100px;
height: 100px;
flex: 0 0 auto;
object-fit: cover;
}
.add-speakers-form .profile-input .myProfile-avatar-cover-image img {
width: 100%;
height: 100%;
max-height: 100%;
object-fit: cover;
}
.speaker-card .dropdown {
position: absolute;
right: 10px;
top: 10px;
z-index: 999;
}
.speaker-card .dropdown svg {
max-width: 16px;
max-height: 16px;
}
/* Sponsors Page Css */
.sponsor-card {
width: 100%;
height: auto;
padding: 10px;
border-radius: 8px;
position: relative;
border-color: #f2f2f2;
margin-bottom: 20px;
}
.sponsor-card .dropdown {
position: absolute;
right: 10px;
top: 5px;
z-index: 999;
width: 20px;
height: 20px;
color: #787878;
border-radius: 50%;
}
.sponsor-card:hover .dropdown {
display: flex;
}
.sponsor-card .dropdown .dropdown_btn_v2 {
width: 20px;
height: 20px;
padding: 0px;
display: flex;
align-items: center;
justify-content: center;
}
.sponsor-card .dropdown svg {
max-width: 16px;
max-height: 16px;
}
.sponsor-name {
font-size: 14px;
/* background: #f2f7fa;
padding: 10px;
border-radius: 4px 4px 0px 0px; */
text-align: center;
}
.sponsor-image {
width: 100%;
height: auto;
/* padding: 10px; */
text-align: center;
display: block;
}
.sponsor-image img {
max-width: 100%;
max-height: 70px;
}
/* Announcement Page Css */
.single-announcement-card {
padding: 15px;
margin-bottom: 20px;
border-color: #e1e1e1;
border-radius: 5px;
}
.single-announcement-card .card-body {
display: flex;
justify-content: space-between;
gap: 15px;
}
.announcement-icon {
width: 40px;
height: 40px;
background: #d10000;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
flex: 0 0 auto;
}
.announcement-icon img {
max-width: 30px;
max-height: 30px;
}
.announcement-discription {
width: 100%;
}
.single-announcement-card .dropdown .dropdown_btn_v2 svg {
max-width: 12px;
max-height: 12px;
}
.border-devider {
width: 100%;
height: 1px;
background: #000;
opacity: 20%;
}
.add-remove-fileds.program-page {
flex-direction: column;
align-items: flex-start;
}
.add-remove-fileds.program-page .remove-btns {
color: #ff0000 !important;
font-size: 14px !important;
width: auto;
}
.add-remove-fileds.program-page .add_more_button {
color: #005276 !important;
font-size: 14px !important;
width: auto;
}
.add-remove-fileds.program-page .remove-btns:hover,
.add-remove-fileds.program-page .add_more_button:hover {
text-decoration: underline;
}
/* CRM Show Leads Page */
.show-leads-data-page {
display: flex;
flex-wrap: wrap;
}
.show-leads-data-page .box-body.body-col-4 {
width: 33.33% !important;
flex: 0 0 auto;
}
.show-leads-data-page .box-body.body-col-4 .control-label {
font-family: "google_sansregular" !important;
font-size: 14px;
color: #000;
opacity: 45%;
}
.show-leads-data-page .box-body.body-col-4 p {
font-family: "google_sansmedium" !important;
font-size: 14px;
}
.MenuParentTitle_li span {
color: #333;
}
/**** Partner View Card Page ****/
.partner-view-section {
width: 100%;
height: auto;
display: flex;
gap: 30px;
}
.partner-card-left {
flex: 0 0 auto;
width: 340px;
border: solid 1px #ebebeb;
border-radius: 5px;
}
.partner-info {
width: 100%;
height: auto;
padding: 20px 18px;
}
.partner-info.gray-bg {
background: #fbfbfb;
border-radius: 5px 5px 0px 0px;
--webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.16);
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.16);
}
.partner-info h3 {
font-size: 24px;
color: #005276;
margin-top: 0px;
margin-bottom: 10px;
}
.partner-info .partner-contact-info {
list-style-type: none;
}
.partner-info .partner-contact-info li a {
display: flex;
gap: 10px;
color: #333333;
font-size: 16px;
}
.partner-info .partner-contact-info li:not(:last-child) {
margin-bottom: 6px;
}
.edit-info-btn {
margin-left: 25px;
}
.partner-info .partner-contact-info li a .icon {
flex: 0 0 auto;
width: 15px;
height: 15px;
}
.partner-info .partner-contact-info li a .icon img,
.partner-info .partner-contact-info li a .icon svg {
max-width: 15px;
max-height: 15px;
}
.partner-disc {
width: 100%;
margin: 10px 0px;
}
.partner-disc h5 {
color: #333333;
opacity: 60%;
font-size: 14px;
font-family: "google_sansregular" !important;
margin-bottom: 5px;
margin-top: 0px;
}
.partner-disc h5 span {
font-size: 14px;
}
.partner-disc span {
color: #000000;
opacity: 80%;
font-size: 16px;
word-wrap: break-word;
}
.partner-disc span.text-primary {
color: #005276;
}
.text-blue {
color: #005276;
}
.partner-disc a {
color: #005276;
font-size: 16px;
word-wrap: break-word;
}
.mb-20 {
margin-bottom: 20px;
}
.mb-30 {
margin-bottom: 30px;
}
.partner-card-right {
width: calc(100% - 370px);
}
.partners-tabs {
width: 100%;
padding-bottom: 2px;
overflow-x: auto;
}
.partners-tabs::-webkit-scrollbar,
.partners-tabs::-webkit-scrollbar-webkit-scrollbar {
width: 5px;
height: 5px;
background-color: #f5f5f5;
}
.partners-tabs::-webkit-scrollbar-thumb {
background-color: #d1d1d1;
}
.partners-tabs ul {
width: auto;
min-width: 100%;
list-style-type: none;
padding: 0px;
margin: 0px;
display: inline-flex;
border-bottom: solid 1px #e3e3e3;
}
.partners-tabs ul li {
padding: 0px 13px;
margin-bottom: 2px;
}
.partners-tabs ul li:first-child {
padding-left: 0px;
}
.partners-tabs ul li:last-child {
padding-right: 0px;
}
.partners-tabs ul li a {
display: inline-block;
padding: 0px 12px 15px 12px;
position: relative;
font-size: 18px;
color: #333333;
font-family: "google_sansregular" !important;
}
.partners-tabs ul li a.active,
.partners-tabs ul li a:hover,
.partners-tabs ul li a:focus {
color: #fe6892;
font-family: "google_sansbold" !important;
}
.partners-tabs ul li a.active:after {
content: "";
position: absolute;
left: 0;
bottom: -2px;
width: 100%;
height: 2px;
background: #fe6892;
border-radius: 4px;
}
.partners-tabs-content {
height: calc(100% - 81px);
margin-top: 30px;
}
.content-border {
border: solid 1px #d9d9d9;
}
.partners-tabs-content .parters-detail {
width: 100%;
height: 100%;
padding: 30px;
border-radius: 3px;
}
.max-w-720 {
width: 100%;
max-width: 720px;
}
.parters-contacts .delete-btn {
color: #f51919;
}
.parters-contacts .delete-btn i {
font-size: 18px;
}
.parters-card-list {
/* width: 100%; */
height: auto;
display: flex;
flex-wrap: wrap;
margin-left: -15px;
margin-right: -15px;
}
.partner-card-col {
width: 50%;
flex: 0 0 auto;
height: auto;
padding: 0px 15px;
}
.partner-card {
width: 100%;
flex: 0 0 auto;
height: auto;
padding: 15px 25px;
margin-top: 20px;
border: solid 1px #dfdfdf;
border-radius: 3px;
position: relative;
}
.partner-card .row {
display: flex;
flex-wrap: wrap;
}
.partner-card .text-danger {
color: #ff0000;
}
.partner-card .action-btns {
position: absolute;
right: 5px;
top: 14px;
width: auto;
}
.partner-card .action-btns .dropdown-toggle-2 {
width: 20px;
display: flex;
justify-content: center;
}
.partners-filter-section {
width: 100%;
height: auto;
display: flex;
gap: 10px;
justify-content: space-between;
}
.partners-filter-section .action-btns {
margin-left: 0;
width: auto;
border: solid 1px #d9d9d9;
padding: 0px;
border-radius: 3px;
}
.partners-filter-section .action-btns .dropdown-toggle-2 {
height: auto !important;
}
.partners-filter-section .list_table_action {
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
padding: 10px;
}
.partners-filter-section .list_table_action.active {
color: #005276;
}
.partners-filter-section .list_table_action svg {
max-width: 18px;
max-height: 18px;
overflow: visible;
}
.partners-filter-section .dropdown02 .dropdown-menu {
min-width: 150px;
}
.partners-filter-section .dropdown02 .dropdown-menu .displayas {
font-size: 14px;
font-family: "google_sansmedium" !important;
margin-bottom: 8px;
color: #000000;
opacity: 80%;
}
.partners-filter-section .dropdown-menu .list-actions span {
gap: 7px;
align-items: center;
padding-left: 20px;
position: relative;
}
.partners-filter-section .dropdown-menu .list-actions span svg {
max-width: 18px;
max-height: 18px;
}
.partners-filter-section .dropdown-menu .list-actions span.active,
.partners-filter-section .dropdown-menu .list-actions span.active svg,
.partners-filter-section .dropdown-menu .list-actions span:hover,
.partners-filter-section .dropdown-menu .list-actions span:hover svg {
color: #005276;
}
.partners-filter-section .dropdown-menu .list-actions span.active:before {
content: "";
position: absolute;
left: 0px;
top: 0px;
background: url('data:image/svg+xml,');
background-position: left center;
background-repeat: no-repeat;
background-size: 12px;
width: 20px;
height: 20px;
}
.search-input {
width: 100%;
max-width: 260px;
border: solid 1px #d9d9d9;
border-radius: 3px;
max-height: 38px;
position: relative;
display: flex;
align-items: stretch;
}
.search-input .input-group-text {
padding: 5px 13px;
}
.search-input .form-control {
border: none;
height: 38px;
font-size: 16px;
padding: 0px !important;
background: rgba(0, 0, 0, 0);
padding-left: 15px !important;
}
.search-input .form-control::placeholder {
color: #000000;
opacity: 70%;
}
.pagination-section {
width: 100%;
height: auto;
display: flex;
align-items: center;
justify-content: end;
gap: 25px;
margin-top: 25px;
}
.pagination-section .select2-container {
height: auto;
}
.pagination-section .selection .select2-selection {
padding: 0px;
}
.pagination-section .selection .select2-selection--single {
height: auto;
border: 1px solid #e2e2e2;
}
.pagination-section .selection .select2-selection__rendered {
padding-left: 13px !important;
padding-right: 30px !important;
padding-top: 3px;
padding-bottom: 3px;
margin-top: 0px;
}
.pagination-section .select2-container--default .select2-selection--single .select2-selection__arrow::after {
content: "";
background-image: url('data:image/svg+xml,');
position: absolute;
right: 12px;
top: 5px;
background-position: right center;
background-repeat: no-repeat;
background-size: 10px;
width: 20px;
height: 20px;
}
.pagination-section .select2-container--default .select2-selection--single .select2-selection__arrow b {
display: none;
}
.pagination-section .page-of {
gap: 13px;
}
.pagination-section .page-of span {
font-size: 14px;
font-family: "google_sansregular";
letter-spacing: -0.4px;
}
.pagination-section .next-page {
font-size: 14px;
text-decoration: underline;
color: #000;
opacity: 70%;
font-family: "google_sansbold";
text-transform: uppercase;
}
.parters-list-view {
margin-top: 20px;
}
.parters-list-view .dash-data-table.table-responsive {
overflow: auto;
}
.partners-projects .partner-card h2 {
margin: 0px;
font-size: 18px;
font-family: "google_sansbold";
color: #000000;
opacity: 80%;
line-height: 22px;
}
.progress {
border-radius: 10px;
background-color: #f1f1f1;
margin-bottom: 1rem;
height: 1rem;
}
.progress-bar {
border-radius: 10px;
}
.progressbar {
width: 100%;
border: solid 1px #ebebeb;
border-radius: 20px;
padding: 2px;
margin-top: 40px;
}
.progressbar .progress {
margin-bottom: 0px;
background: #f6f6f6;
padding: 1px 2px;
border-radius: 20px;
height: auto;
overflow: unset;
display: flex;
}
.progressbar .progress .progress-bar {
height: 15px;
border-radius: 20px;
position: relative;
}
.progressbar .progress .progress-bar.radius-right-0 {
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
}
.progressbar .progress .progress-bar span {
color: #fff;
position: absolute;
right: -20px;
top: -40px;
background: #363636;
font-size: 14px;
padding: 4px 10px;
border-radius: 3px;
}
.progressbar .progress .progress-bar span:before {
content: "";
width: 0px;
height: 0px;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-top: 7px solid #363636;
position: absolute;
left: 50%;
bottom: -5px;
transform: translateX(-50%);
}
.progress-status {
margin-top: 10px;
font-size: 12px;
font-family: "google_sansmedium";
}
.partners-projects .partner-card .partner-footer {
width: calc(100% + 50px);
margin-left: -25px;
padding: 5px 25px 0px 25px;
border-top: solid 1px #dfdfdf;
margin-top: 15px;
}
.text-not-started {
color: #828282;
}
.text-in-progress {
color: #ff9900;
}
.text-finished {
color: #5fac1b;
}
.opacity-1 {
opacity: 1 !important;
}
.opacity-08 {
opacity: 80% !important;
}
.opacity-06 {
opacity: 60% !important;
}
.parters-orders .partner-card h5 {
margin: 0px;
font-size: 13px;
font-family: "google_sansbold";
line-height: 20px;
text-transform: uppercase;
}
.add-notes-modal {
position: fixed;
right: 0;
top: 0;
transition: all 0.3s;
transform: translateX(200%);
}
body.notes-modal-open .add-notes-modal {
right: 0;
z-index: 999999;
width: 500px;
height: 100vh;
background: #fff;
display: flex;
flex-direction: column;
transition: all 0.3s;
transform: translateX(0%);
}
.add-notes-modal .css-modal-close {
width: 32px;
height: 32px;
left: -50px;
background: #fff;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
position: absolute;
top: 20px;
cursor: pointer;
}
.notes-modal-header {
padding: 20px 30px;
border-bottom: solid 1px #e2e2e2;
}
.notes-modal-header h3 {
margin: 0px;
font-size: 22px;
color: #000000;
opacity: 80%;
}
.notes-modal-body {
max-height: calc(100vh - 140px);
padding: 20px 30px;
overflow: auto;
}
.notes-modal-body .form-group textarea {
min-height: 350px;
}
.notes-modal-foot {
border-top: solid 1px #e2e2e2;
padding: 20px 30px;
position: sticky;
margin-top: auto;
margin-bottom: 0px;
position: sticky;
}
.overlay2 {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.5);
opacity: 0;
visibility: hidden;
transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1);
}
body.notes-modal-open .overlay2 {
opacity: 1;
visibility: visible;
z-index: 999;
}
/* ===== CRM Dashboard Page CSS ===== */
.achievement-section {
width: 100%;
height: auto;
display: inline-flex;
flex-wrap: wrap;
border: solid 1px #dfdfdf;
border-radius: 5px;
padding: 5px;
}
.achievement-section .achievement-card {
display: flex;
align-items: center;
flex: 0 0 auto;
width: 33.33%;
height: auto;
padding: 18px 25px;
gap: 25px;
}
.achievement-section .achievement-card:not(:last-child) {
border-right: dashed 1px #b9b9b9;
}
.achievement-section .achievement-card .achievement-icon {
flex: 0 0 auto;
width: 99px;
height: 99px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 5px;
}
.achievement-section .achievement-card .achievement-icon svg,
.achievement-section .achievement-card .achievement-icon img {
max-width: 66px;
max-height: 66px;
}
.achievement-content {
width: 100%;
}
.achievement-content .achievement-title {
font-size: 20px;
font-family: "google_sansbold";
margin-bottom: 15px;
}
.quarterly-target span {
font-size: 14px;
color: #000000;
font-family: "google_sansregular";
}
.quarterly-target .achived-amount {
font-size: 30px;
font-family: "google_sansbold";
}
.monthly-target {
width: 100%;
display: flex;
gap: 20px;
}
.by-month-achievement {
width: 50%;
flex: 0 0 auto;
position: relative;
}
.by-month-achievement:not(:last-child):after {
content: "";
width: 3px;
height: 44px;
background: #005276;
border-radius: 5px;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
}
.by-month-achievement span {
font-size: 14px;
color: #000000;
font-family: "google_sansregular";
}
.by-month-achievement .achived-amount {
font-size: 20px;
font-family: "google_sansbold";
}
.achievement-box1 .achievement-icon {
background: #005276;
}
.achievement-box2 .achievement-icon {
background: #01cdd1;
}
.achievement-box3 .achievement-icon {
background: #fe6892;
}
.achievement-box1 .quarterly-target .achived-amount {
color: #005276;
}
.achievement-box2 .by-month-achievement .achived-amount {
color: #01cdd1;
}
.achievement-box3 .quarterly-target .achived-amount {
color: #fe6892;
}
.img-fluid {
max-width: 100%;
}
.crm-dashboard-page .select2-container .select2-selection--single {
padding: 3px 25px 3px 10px !important;
background-repeat: no-repeat;
background-position: right 8px center;
background-size: 10px;
border-color: #d9d9d9;
border-radius: 3px;
background-image: url('data:image/svg+xml,');
}
.crm-dashboard-page .select2-container .select2-selection .select2-selection__rendered {
padding: 0px !important;
}
.crm-dashboard-page .select2-container .select2-selection .select2-selection__arrow {
display: none;
}
.single-lead-card {
width: 100%;
height: auto;
min-height: 100%;
padding: 20px;
border: solid 1px #ddd;
border-radius: 5px;
}
.single-lead-card .lead-title {
font-size: 18px;
font-family: google_sansbold;
color: #000;
opacity: 80%;
margin-bottom: 5px;
}
.single-lead-card .lead-date {
font-size: 14px;
color: #000;
opacity: 80%;
}
.leads-counts-section {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
gap: 15px;
}
.leads-counts-section .lead-icon {
width: 48px;
height: 48px;
flex: 0 0 auto;
display: flex;
align-items: center;
justify-content: center;
background: #fff;
border: solid 1px #ddd;
border-radius: 50%;
}
.leads-counts-section .lead-icon img,
.leads-counts-section .lead-icon svg {
max-width: 30px;
max-height: 30px;
}
.leads-counts-section .lead-numbers {
font-size: 36px;
font-family: google_sansbold;
}
.lead-disc {
font-size: 12px;
color: #000;
opacity: 80%;
}
.closed-leads-card {
background: #f5f8ff;
border-color: #d1dbf1;
}
.leads-counts-section {
width: 100%;
padding: 0px 5px;
margin-top: 15px;
}
.closed-leads-card .lead-numbers,
.closed-leads-card .lead-icon {
color: #4e6eb5;
border-color: #d1dbf1;
}
.lost-leads-card {
background: #f9f5f8;
border-color: #ebd8e7;
}
.lost-leads-card .lead-numbers,
.lost-leads-card .lead-icon {
color: #c17eb3;
border-color: #ebd8e7;
}
.win-leads-card {
background: #fffbf5;
border-color: #f2e3cd;
}
.win-leads-card .lead-numbers,
.win-leads-card .lead-icon {
color: #e1a64f;
border-color: #f2e3cd;
}
.opportunities-leads-card {
background: #f1f9f3;
border-color: #dceee0;
}
.opportunities-leads-card .lead-numbers,
.opportunities-leads-card .lead-icon {
color: #59bb6e;
border-color: #dceee0;
}
.table-head-bg thead th {
background: #f5f5f5 !important;
}
.table-head-bg.table-head-bg-border,
.table-head-bg.table-head-bg-border thead tr th,
.table-head-bg.table-head-bg-border tbody tr td {
border-color: #f5f5f5 !important;
}
/*Case Management style start*/
.status-bg-row {
border: solid 1px #ebebeb;
/* padding: 4px; */
padding: 2px;
border-radius: 15px;
}
.progess-bgshow {
background: #f6f6f6 !important;
margin: 0px !important;
height: 15px !important;
}
.progess-bgshow .progress-bar {
font-size: 10px !important;
line-height: 15px !important;
}
.assign-imgs {
width: 28px;
flex: 0 0 auto;
height: 28px;
}
.assign-imgs img {
width: 100%;
height: 100%;
border-radius: 50%;
object-fit: cover;
}
.assign-texts {
width: 50%;
flex: 0 0 auto;
}
.color-dark-blue {
color: #005276 !important;
}
.border-radius-right-0 {
border-radius: 4px 0px 0px 4px !important;
}
.border-radius-left-0 {
border-radius: 0px 4px 4px 0px !important;
}
.btn-removes {
width: 25px;
height: 25px;
border-radius: 5px;
border: solid 1px #cccccc;
text-align: center;
fill: #f74747;
cursor: pointer;
display: flex;
justify-content: center;
transition: 0.2s;
align-items: center;
}
.btn-removes svg {
fill: #f74747;
font-weight: normal !important;
font-size: 12px;
}
.btn-removes:hover,
.btn-removes:focus {
border: solid 1px #f74747;
background: #f74747 !important;
}
.btn-removes:hover svg,
.btn-removes:focus svg {
fill: #fff;
}
.address-height {
max-height: 60px !important;
}
.add-more-links {
color: #005276;
cursor: pointer;
}
.add-more-links:hover,
.add-more-links:focus {
color: #005276;
text-decoration: underline;
}
.clinet-case-list {
background: none !important;
padding-left: 0px !important;
}
.h-35px {
height: 35px !important;
line-height: 35px !important;
}
.mailstone-left {
right: inherit !important;
left: -10px;
}
.mailstop-box-show {
width: 100%;
padding-left: 25px;
}
.mailstone-cards {
margin-bottom: 15px;
padding: 11px 15px;
margin-left: 20px;
position: relative;
}
.mailstone-cards::before {
content: "";
width: 11px;
height: 11px;
border: 1px solid #01cdd1;
display: inline-block;
position: absolute;
left: -7px;
margin: 0 auto;
transform: rotate(-45deg);
background: #fff;
z-index: 2;
border-width: 1px 0px 0px 1px;
top: 16px;
}
/*** Sunil Css ***/
.modal-header-body-footer-padding .modal-header {
padding: 20px !important;
}
.modal-header-body-footer-padding .modal-body {
padding: 20px !important;
}
.modal-header-body-footer-padding .modal-footer {
padding: 20px !important;
}
.google_sansregular {
font-family: "google_sansregular" !important;
}
.google_sansmedium {
font-family: "google_sansmedium" !important;
}
.google_sansbold {
font-family: "google_sansbold" !important;
}
.control-label {
font-family: "google_sansmedium" !important;
}
.btn-fixed-bottom {
position: fixed;
right: 25px;
bottom: 65px;
width: 55px;
height: 55px;
padding: 0;
font-size: 0;
border-radius: 50%;
background-repeat: no-repeat !important;
background-position: center !important;
background-size: 16px !important;
background-image: url('data:image/svg+xml,');
}
.btn-fixed-bottom.bottom-20 {
bottom: 20px;
}
.z-9 {
z-index: 9;
}
.no-hover-bg:hover,
.no-hover-bg:focus,
.no-hover-bg:active {
background-color: transparent !important;
border-color: transparent !important;
}
.input-fill-wrap .wrapper_block.p-0 {
padding: 0px !important;
margin-left: -15px;
margin-right: -15px;
}
.delete-btn {
border: solid 1px #cccccc;
width: 25px;
height: 25px;
display: inline-flex !important;
align-items: center;
justify-content: center;
margin: 0px !important;
border-radius: 4px;
}
.delete-btn i {
color: #f74747 !important;
font-size: 14px !important;
}
.delete-btn:hover {
border-color: #f74747;
background-color: #f74747;
}
.delete-btn:hover i {
color: #fff !important;
}
.max-w-300 {
width: 100%;
max-width: 300px;
}
.accordian-border-radius .accordion {
border-radius: 7px;
}
.accordian-border-radius .accordion.is-open {
border-radius: 7px 7px 0px 0px;
}
.accordian-border-radius .accordion-content-box {
border-radius: 0px 0px 7px 7px;
}
.accordian-border-radius .accordion+.accordion-content-box {
display: none;
}
.accordian-border-radius .accordion.is-open+.accordion-content-box {
display: block;
}
.flex-wrape {
flex-wrap: wrap;
}
.gap-40 {
gap: 40px;
}
.manage-error-message label.error {
left: 15px !important;
}
.word-break {
word-break: break-all;
}
.error-mtn-10 .error {
bottom: -10px !important;
}
/* .Milestones_outer .row.Pending_step + .cards-orders .mailstone-cards{
margin-left: 0px;
margin-right: 10px;
}
.Milestones_outer .row.Pending_step + .cards-orders .steps_card {
border-color: #C4C4C4;
}
.Milestones_outer .row.Pending_step + .cards-orders .mailstone-cards:before{
left: unset;
right: -7px;
transform: rotate(135deg);
border-color: #C4C4C4;
}
.Milestones_outer .row.Success_step + .cards-orders {
float: right;
}
.Milestones_outer .row.Success_step + .cards-orders .mailstone-cards {
margin-left: 5px;
} */
.Milestones_outer .cards-orders .steps_card.mailstone-cards {
width: 100%;
max-width: calc(50% - 40px);
margin-left: 0px;
float: left;
}
.Milestones_outer .cards-orders:nth-child(odd) .steps_card.mailstone-cards {
float: right;
}
.Milestones_outer .cards-orders:nth-child(even) .steps_card.mailstone-cards:before {
left: unset;
right: -7px;
transform: rotate(135deg);
}
.Pending_step+.steps_card.mailstone-cards {
border-color: #c4c4c4;
}
.Pending_step+.steps_card.mailstone-cards:before {
border-color: #c4c4c4;
}
.Milestones_outer .cards-orders .Success_step,
.Milestones_outer .cards-orders .Pending_step {
left: 50%;
max-width: 40px;
height: 100%;
position: absolute;
}
.InProgress_step+.steps_card.mailstone-cards {
border-color: #ffaa00;
}
.InProgress_step+.steps_card.mailstone-cards:before {
border-color: #ffaa00;
}
.Milestones_outer .cards-orders .Success_step,
.Milestones_outer .cards-orders .InProgress_step {
left: 50%;
max-width: 40px;
height: 100%;
position: absolute;
}
.cards-orders .stap-count .progress_colors {
height: calc(100% - 20px);
}
.cards-orders:last-child .stap-count .progress_colors:after {
display: none;
}
.height-36 {
min-height: 36px;
}
.all-clients-modal .assign-imgs.me-2 {
margin-right: 15px !important;
}
.all-clients-modal .Clients_List_item {
border-bottom: solid 1px #eee;
padding-bottom: 12px;
margin-bottom: 12px !important;
}
.filter-btn {
color: #005276 !important;
border-color: #d9d9d9 !important;
background: #fff !important;
}
/* .filter-btn:hover {
color: #fff !important;
border-color: #fff !important;
background: #005276 !important;
} */
.filter-btn .filter-icon {
display: flex;
align-items: center;
justify-content: center;
}
.filter-btn .filter-icon svg {
max-width: 20px;
max-height: 14px;
}
.nicEdit-main:focus-visible {
outline: none;
}
.parties-list .single-parties {
width: 32%;
margin: 5px 0px !important;
}
.border-bottom-1px .form-group.has-feedback {
border-bottom: solid 1px #ddd;
padding-bottom: 8px;
margin-bottom: 10px;
}
.image-circle {
border-radius: 50%;
}
body:has(#fileDetails.modal-header-body-footer-padding.in) {
#import_full_html.modal.modal-header-body-footer-padding.in {
z-index: 999999999 !important;
}
#allClients.modal.modal-header-body-footer-padding.in {
z-index: 999999999 !important;
}
#allParties.modal.modal-header-body-footer-padding.in {
z-index: 999999999 !important;
}
}
.svg-18px svg {
max-width: 18px;
}
.modal-width-760 {
max-width: 760px;
}
.modal-width-900 {
max-width: 900px;
}
.upload-notes-section {
width: 100%;
height: auto;
border: solid 1px #cccccc;
display: inline-block;
border-radius: 2px;
}
.upload-notes-single {
width: 100%;
height: auto;
padding: 15px 0px;
display: inline-block;
}
.upload-notes-single.border-bottom {
border-bottom: solid 1px #cccccc;
}
.radio-button-lable {
/* width: auto; */
width: 100%;
height: auto;
min-height: 42px;
display: inline-flex;
align-items: center;
padding: 8px;
border: solid 1px #cccccc;
border-radius: 2px;
}
.radio-button-lable .note_type {
flex: 0 0 18px;
}
.filename-with-backbtn {
width: auto;
display: flex;
align-items: center;
gap: 10px;
}
.filename-with-backbtn .btn-primary {
width: 30px;
height: 30px;
border-radius: 50%;
padding: 0px;
display: flex;
align-items: center;
justify-content: center;
}
.filename-with-backbtn .btn-primary svg {
max-width: 8px;
max-height: 12px;
}
#dynamic_fields.col-md-6 {
padding-right: 0px !important;
}
#dynamic_fields.col-md-6 .form-group.has-feedback {
margin-bottom: 15px;
}
.table-4th-td-with td {
max-width: 250;
white-space: normal;
}
.table-4th-td-with td:nth-child(4) {
min-width: 200px;
/* word-break: break-all; */
white-space: normal;
}
.edit-delete-btn-design .edititem {
width: 24px;
height: 24px;
display: inline-flex;
justify-content: center;
align-items: center;
border: solid 1px #cccccc;
border-radius: 3px;
color: #333333;
}
.edit-delete-btn-design .removemeitem {
width: 24px;
height: 24px;
display: inline-flex;
justify-content: center;
align-items: center;
border: solid 1px #cccccc;
border-radius: 3px;
color: #f74747;
margin-left: 8px;
}
.edit-delete-btn-design .edititem i,
.edit-delete-btn-design .removemeitem i {
font-size: 13px !important;
}
.edit-delete-btn-design .list-table--action-wrap {
width: auto;
}
.table-4th-td-with td:last-child {
white-space: nowrap;
}
.no-padding-height {
padding: 0px !important;
height: auto;
}
.dropdoenOpen.lessContentTable .content_table_scroll_viewport .table_scrollwrap {
overflow: initial;
}
.dropdoenOpen.lessContentTable .dash-data-table {
overflow: hidden !important;
}
.dropdoenOpen.lessContentTable .table_scrollwrap tr:first-child .list-table--action-wrap .dropdown-menu {
bottom: inherit !important;
top: 11px !important;
}
.dropdoenOpen.lessContentTable .table_have_action_sticky table th:last-child {
right: 1px;
}
.dropdoenOpen.lessContentTable .table_have_action_sticky table td:last-child {
right: 1px;
}
.dropdoenOpen.lessContentTable .table_have_action_sticky table th:last-child::after,
.dropdoenOpen.lessContentTable .table_have_action_sticky table td:last-child::after {
content: "";
position: absolute;
width: 1px;
height: 100%;
background: #dfe3eb;
top: 0;
right: -1px;
}
.notic-body-overlay ~ div .modal{z-index: 99999;}
.color_dynamic {
width: 100px;
height: 30px;
border-radius: 4px;
}
@media (max-width: 991px) {
.upload-notes-single.border-bottom .col-md-4:not(:last-child) {
margin-bottom: 15px;
}
}
@media (max-width: 767px) {
.daterangepicker .calendar-table th,
.daterangepicker .calendar-table td {
min-width: 28px !important;
width: 28px !important;
height: 14px !important;
line-height: 16px !important;
}
.mailstop-box-show {
padding-left: 5px;
padding-right: 10px;
}
.btn-fixed-bottom {
right: 10px;
bottom: 55px;
width: 45px;
height: 45px;
}
.Milestones_outer .cards-orders .Success_step,
.Milestones_outer .cards-orders .InProgress_step,
.Milestones_outer .cards-orders .Pending_step {
left: 10px;
}
.Milestones_outer .cards-orders .steps_card.mailstone-cards {
width: 100%;
max-width: calc(100% - 15px);
margin-left: 30px;
}
.Milestones_outer .cards-orders:nth-child(odd) .steps_card.mailstone-cards {
float: left;
}
.Milestones_outer .cards-orders:nth-child(even) .steps_card.mailstone-cards:before {
left: -7px;
right: unset;
transform: rotate(-45deg);
}
.cards-orders {
display: inline-block;
width: 100%;
}
.d-flex.flex-wrape.gap-40 {
gap: 10px 20px;
}
.Milestones_wrap .progress_colors::after {
margin: 0px;
}
}
@media (max-width: 575px) {
.form-group.d-flex.justify-content-between.align-items-center.manage-flex {
flex-wrap: wrap;
gap: 0px;
}
.form-group.d-flex.justify-content-between.align-items-center.manage-flex .filename-with-backbtn.mb-4 {
margin-bottom: 10px !important;
}
.site-accordion-v2 .panel-default>.panel-heading+.panel-collapse>.panel-body {
font-size: 13px;
line-height: 150%;
}
.panel-title {
font-size: 14px;
}
.fc .fc-toolbar {
flex-wrap: wrap;
gap: 10px;
}
.fc .fc-toolbar-title {
font-size: 20px;
}
.steps_card_body .font-18px {
font-size: 16px !important;
}
.content .validate div.filter-box-inner.filter-box-inner-pt-3-responsive .d-flex.flex-wrap .col-sm-2 .form-group .col-12.col-sm-8.col-md-8.col-lg-10 {
padding-left: 0px;
padding-right: 0px;
margin-bottom: 10px;
}
}
/* Sunil Css End */
/*Purchase Requisition style start*/
.attech-views {
padding: 0px;
margin: 0px;
}
.attech-views li {
list-style-type: none;
padding-bottom: 8px;
}
.attech-views li:last-child {
padding-bottom: 0px;
}
.attech-views li a {
color: #000000cc;
display: flex;
align-items: center;
font-size: 14px;
}
.attech-views li a:hover {
text-decoration: underline;
}
.new-purchase-tables table tr td {
vertical-align: middle;
}
.new-purchase-tables a.btn-danger,
.new-purchase-tables a.btn-success {
background: none !important;
}
.default-link,
.default-color {
color: #000000cc !important;
}
.default-link:hover {
color: #005276 !important;
}
.action-info-td i {
color: #000000cc;
font-size: 16px !important;
}
.max-w-1200 {
max-width: 1200px !important;
width: 100%;
}
.close-status {
position: absolute;
left: 49%;
top: -45px;
box-shadow: none;
opacity: 1;
}
.close-status:hover,
.close-status:focus {
opacity: 1;
}
.close-status span {
width: 30px;
height: 30px;
background: #fff;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
font-size: 18px;
color: #000;
}
.status-views {
padding: 0px;
margin: 0px;
}
.status-views li {
list-style-type: none;
color: #000000cc;
}
.status-views li a {
color: #00a0a4;
display: flex;
align-items: center;
padding-bottom: 5px;
font-size: 13px;
}
.status-views li a:hover {
text-decoration: underline;
}
.status-body-pad {
padding: 20px;
width: 100%;
overflow-x: auto;
}
.status-body-pad table tr td {
white-space: normal !important;
}
.border-none {
border: none !important;
}
.status-body-pad table th {
padding: 6px 10px !important;
vertical-align: middle !important;
text-align: left !important;
line-height: 18px !important;
}
.status-body-pad th:nth-last-child(3),
.status-body-pad td:nth-last-child(3) {
text-align: left !important;
}
.mx-pad-15px {
padding: 0px 15px;
}
.w-1400 {
max-width: 1400px !important;
width: 100% !important;
}
.side-bar-heads {
padding: 20px 20px;
font-size: 20px;
color: #000000cc;
}
.side-bar-body {
height: calc(100vh - 135px) !important;
padding: 10px 25px;
max-height: inherit !important;
}
.body-popup-box {
height: calc(100vh - 75px) !important;
padding: 10px 25px;
max-height: inherit !important;
}
.purchase-side-tabs {
width: 100%;
margin-bottom: 15px;
display: flex;
overflow-x: auto;
}
.purchase-side-tabs a {
padding: 11px 0px;
font-size: 18px;
color: #000000cc;
border-bottom: solid 3px transparent;
margin-right: 30px;
transition: 0.2s;
flex: 0 0 auto;
}
.purchase-side-tabs a.active,
.purchase-side-tabs a:hover {
color: #00c5c9;
border-bottom: solid 3px #00c5c9;
}
.purchases-details-rows {
width: 100%;
padding: 10px 0px !important;
}
.blue-links {
color: #005276 !important;
}
.blue-links:hover {
color: #000000cc !important;
}
.request-parch-table {
border: solid 1px #d9d9d9;
min-width: 100% !important;
}
.request-parch-table td:first-child {
border-right: solid 1px #d9d9d9;
}
.purchase-slide-box table tr th {
padding: 10px 10px;
vertical-align: middle;
text-align: left;
line-height: 18px;
}
.purchase-slide-box table tr td {
white-space: normal;
vertical-align: middle;
text-align: left;
border-right: solid 1px #d9d9d9;
line-height: 18px;
}
.purchase-slide-box table tr td:last-child {
border-right: none;
}
.purchase-closes {
left: -60px;
}
.user-icon-shows {
width: 28px;
height: 28px;
border-radius: 50%;
object-fit: cover;
flex: 0 0 auto;
}
.cls_red {
color: #ff0000 !important;
}
.light-gry {
color: #3a3a3a;
}
.approve-routing {
overflow-x: auto;
}
.store-status-tables tr td {
vertical-align: middle !important;
}
.blue-addmore {
color: #005276 !important;
}
.blue-addmore:hover {
color: #f51919 !important;
text-decoration: underline;
}
.delete-icons {
padding: 10px 15px;
border: solid 1px #cccccc;
display: flex;
border-radius: 5px;
height: 43px;
align-items: center;
fill: #f51919cc;
width: 45px;
flex: 0 0 auto;
}
.delete-icons:hover,
.delete-icons:focus {
fill: #fff;
border: solid 1px #f51919cc;
background: #f51919cc;
}
.qty-rows input,
select {
border-color: #cccccc;
border-radius: 0px;
}
.qty-rows input,
select {
border-color: #cccccc !important;
}
.border-right-none {
border-right: none !important;
}
.purchase-tables table tr th {
padding: 10px 10px;
vertical-align: middle;
text-align: left;
line-height: 18px;
}
.purchase-tables table tr th:nth-last-child(3) {
text-align: left !important;
}
.purchase-tables table tr td {
white-space: normal;
vertical-align: middle;
text-align: left;
border-right: solid 1px #d9d9d9;
line-height: 18px;
}
.purchase-tables table tr td:last-child {
border-right: none;
}
.items-bgs {
background: #005276;
border: solid 1px #005276;
border-radius: 3px;
font-size: 12px;
color: #fff;
padding: 4px 8px;
}
.items-bgs:hover,
.items-bgs:focus {
background: #063b53;
border: solid 1px #063b53;
color: #fff;
}
.purchase-btnss .btn-approve,
.purchase-btnss .btn-decline {
font-size: 14px;
height: 36px;
padding: 0 10px;
}
.yellow-color {
color: #ff9900 !important;
}
.green-color {
color: #1aa400 !important;
}
.store-content {
overflow: inherit !important;
max-height: auto !important;
}
.store-popups-body {
max-height: 270px;
}
.select-error {
position: relative;
}
.select-error label {
position: absolute;
bottom: -18px;
margin: 0px;
left: 0px;
}
.requistion-box .select2-container--default .select2-selection--single {
padding: 6px 4px 0;
height: 42px;
}
.uploads-filess input[type="file"] {
line-height: 30px !important;
}
.error {
font-size: 12px !important;
}
.border1 {
border: solid 1px #d9d9d9 !important;
}
.profiles-icon-shows {
width: 35px;
height: 35px;
border-radius: 50%;
object-fit: cover;
flex: 0 0 auto;
}
.task-add-btns {
background: #00c5c9;
border-radius: 2px;
font-size: 14px;
color: #fff;
transition: 0.2s;
padding: 7px 10px;
border: none;
}
.task-add-btns:hover,
.task-add-btns:focus {
background: #005276;
color: #fff;
}
.textarea-task {
width: 100%;
border: solid 1px #d9d9d9;
outline: none;
margin: 25px 0px 10px;
position: relative;
padding: 5px 10px;
border-radius: 5px;
}
.textarea-task::before {
content: "";
width: 15px;
height: 15px;
border: 1px solid #d9d9d9;
display: inline-block;
position: absolute;
top: -8px;
right: 45px;
margin: 0 auto;
transform: rotate(45deg);
background: #fff;
z-index: 2;
border-width: 1px 0px 0px 1px;
}
.textarea-task textarea {
width: 100%;
font-size: 14px !important;
height: 95px;
color: #666;
border: none;
outline: none;
}
.task-table-row {
padding: 25px 0px 10px;
}
.sumit-fixs {
position: absolute;
bottom: 10px;
right: 10px;
}
.plus-icons {
display: block;
}
.minus-icons {
display: block;
}
.attech-details {
width: 100%;
padding: 0px 0px 0px 25px;
}
.action-padss {
padding: 20px 20px 0px !important;
}
.max-100px {
max-width: 100% !important;
}
.textarea-task2 {
position: relative;
margin: 0px !important;
}
.textarea-task2::after {
content: "";
width: 15px;
height: 15px;
border: 1px solid #d9d9d9;
display: inline-block;
position: absolute;
top: -8px;
left: 35px;
margin: 0 auto;
transform: rotate(45deg);
background: #fff;
z-index: 2;
border-width: 1px 0px 0px 1px;
}
.textarea-task2::before {
display: none !important;
}
.clearfix {
clear: both !important;
}
.flex1 {
flex: 1;
}
.max-w-750 {
max-width: 750px !important;
width: 100%;
}
.max-w-800 {
max-width: 800px !important;
width: 100%;
}
.browser-btnss {
width: 131px;
border-radius: 0px 3px 3px 0px;
justify-content: center;
font-size: 16px;
cursor: pointer;
}
.browser-btnss:hover,
.browser-btnss:focus {
background: #00c5c9 !important;
}
.item-slide-700 .w-1400 {
max-width: 700px !important;
}
.item-slide-700 .body-popup-box,
.item-slide-700 .modal-body {
padding: 0px !important;
}
.items-section-bg {
background: #f6f6f6;
padding: 15px 20px;
width: 100%;
}
.items-body-show {
padding: 15px 20px;
width: 100%;
}
/*Purchase Requisition style End*/
.file-data-row {
white-space: normal !important;
line-break: anywhere !important;
}
.partys-bg {
background: #f2f7fa;
border: solid 1px #c2e0f2;
border-radius: 15px;
font-size: 13px;
color: #000000cc;
padding: 4px 10px;
}
.max-w-850 {
max-width: 850px;
width: 100%;
}
.dispute-list-row {
width: 100%;
background: #fff;
border-top: solid 3px #01cdd1 !important;
border: 1px solid #c2e0f2;
border-radius: 5px;
padding: 15px 15px 7px;
margin-bottom: 15px;
display: inline-block;
}
.dispute-list-row table tr th,
.dispute-list-row table tr td {
border: none !important;
padding: 0px 8px !important;
vertical-align: middle;
font-weight: normal !important;
}
.dispute-list-row table tr td {
font-family: "google_sansmedium" !important;
}
.dispute-list-row .drop-top-mid {
margin-top: -15px !important;
}
.no-data-box {
width: 100%;
min-height: 400px;
}
.client-info-modal input[type="file"] {
line-height: 30px;
}
.private-label {
border: solid 1px #01cdd1;
border-radius: 25px;
font-size: 11px;
color: #01cdd1;
padding: 4px 8px 2px;
}
.public-label {
border: solid 1px #005276;
border-radius: 25px;
font-size: 11px;
color: #005276;
padding: 4px 8px 2px;
}
.edit-modal-width {
max-width: 100% !important;
padding: inherit !important;
}
.events-details-boxs {
width: 20px !important;
}
.programme-page-innerss {
width: 100%;
position: relative;
}
.add-customs {
position: absolute;
bottom: -35px;
top: inherit !important;
left: 0px;
width: inherit;
height: inherit;
font-size: 14px !important;
}
.formio-form .form-group {
margin-bottom: 15px !important;
}
.formio-form .form-group .form-check {
padding-left: 0px !important;
}
/*Case Management style End*/
.card_v1_01>.row>div {
margin-top: 15px;
}
.card_v1_01>.row>div:first-child {
margin-top: 0;
}
.card_v1_01>.row>div:nth-child(2) {
margin-top: 0;
}
.card_v1_01_card .card-site-top {
padding: 20px 30px;
border-color: #c2e0f2 !important;
}
.card_v1_01_card {
border-color: #c2e0f2;
border-width: 1px;
border-left-width: 5px;
}
.card_v1_01_card {
border-left-color: #01cdd1;
}
.card-site-bottom {
padding: 22px 30px;
}
.card_v1_01_card .dropdown_btn_v2 svg {
max-width: 17px;
height: auto;
}
.top-1px {
top: 1px;
}
.top-2px {
top: 2px;
}
.top-3px {
top: 3px;
}
.top-4px {
top: 4px;
}
.top-5px {
top: 5px;
}
.card_numbes {
width: 36px;
height: 36px;
background: #ffffff 0% 0% no-repeat padding-box;
border: 1px solid #c2e0f2;
border-radius: 50%;
position: absolute;
left: -18px;
top: 45px;
z-index: 1;
display: flex;
align-items: center;
justify-content: center;
}
.card_numbes_text {
width: 22px;
height: 22px;
display: flex;
align-items: center;
border-radius: 50%;
color: #fff;
justify-content: center;
font-family: "google_sansmedium";
background: #01cdd1;
}
.Attendance_card_1 {
background: #ffffff 0% 0% no-repeat padding-box;
border: 1px solid #c2e0f2;
border-radius: 5px;
}
.Attendance_card_row {
margin: 0;
display: flex;
}
.Attendance_card_row>div {
padding: 15px 20px;
display: flex;
align-items: center;
}
.Attendance_card_row>div:first-child {
border-right: 1px solid #c2e0f2;
}
.DetailCard .card-site-bottom {
padding: 30px 30px;
}
.d-inline-flex {
display: inline-flex !important;
}
.link-primary-dark svg {
fill: #005276;
}
.link-primary-dark:hover svg {
fill: #fe6892;
}
a svg {
transition: all 0.3s ease;
}
.font-bold {
font-family: "google_sansbold" !important;
}
.Attendance_cardWrap {
max-height: 770px;
}
.Attendance_cardWrap .Attendance_card_1:not(:first-child) {
margin-top: 15px;
}
.Attendance_cardWrap .mCustomScrollBox {
max-width: inherit;
width: calc(100% + 15px);
}
.DetailCard {
border-width: 1px !important;
margin-bottom: 40px;
}
.CardTabs_wrapper>li>a {
color: #333 !important;
padding: 0;
border: none !important;
}
.CardTabs_wrapper>li {
margin-top: 20px;
}
.CardTabs_wrapper>li:first-child {
margin-top: 0px;
}
.CardTabs_wrapper>li.active .card_v1_01_card .card-site-top {
border-color: #01cdd1 !important;
}
.CardTabs_wrapper>li.active .card_v1_01_card {
border-color: #01cdd1;
border-width: 2px 2px 2px 5px;
}
.CardTabs_wrapper>li:hover a {
background-color: #fff;
}
.CardTabs_wrapper>li:hover .card_v1_01_card {
border-color: #01cdd1;
}
.CardTabs_wrapper>li div {
transition: all 0.3s ease;
}
.cardTabContents {
padding-left: 7px;
}
.arrowCard {
width: 15px;
height: 15px;
border: 2px solid #01cdd1;
border-top-width: 2px;
border-right-width: 2px;
border-bottom-width: 2px;
border-left-width: 2px;
display: inherit;
transform: rotate(45deg);
border-width: 2px 2px 0px 0px;
position: absolute;
right: -7px;
background: #fff;
transition: all 0.3s ease;
top: 25px;
opacity: 0;
}
.CardTabs_wrapper>li.active .arrowCard {
opacity: 1;
}
.Peoples_row.DisputesCaseList>div {
margin-top: 20px;
}
.CardTabs_wrapper .dropdown02 .dropdown-menu {
min-width: 180px;
}
.closeActn {
display: none;
}
.DetailCard .mCSB_container {
padding-bottom: 0;
}
.tabCard_wrap {
width: 100%;
}
.UploadAttachv1 {
padding-bottom: 0px !important;
}
.UploadAttachv1 .wrapper-block {
border: 1px solid #d9d9d9;
overflow: hidden;
padding: 20px 10px;
margin: 0;
align-items: center;
border-radius: 4px;
}
textarea {
border-radius: 4px;
}
.UploadAttachv1 input[type="file"] {
line-height: 30px;
}
.UploadAttachv1 .wrapper-block>div {
padding-left: 7px;
padding-right: 7px;
}
.PrivateColumm {
padding-top: 10px;
}
.hasDeleteBtn {
display: flex;
}
.hasDeleteBtn .delete-btn {
width: 44px;
height: 42px;
border: 1px solid #cccccc;
border-radius: 4px;
margin-left: 12px !important;
min-width: 44px;
}
.hasDeleteBtn .delete-btn i {
font-size: 17px !important;
}
.parties-list_wrap {
padding: 10px 15px;
border-radius: 4px;
}
/* .disputs-table_v1 td{ border-right-color: transparent ;}
.disputs-table_v1 td:nth-last-child(2){ border: 1px solid red ;} */
.DD_TT_input_wrap input {}
.inputDD {
background-image: url("../../assets/institution/img/calendar2.svg");
background-position: right 10px center;
background-repeat: no-repeat;
background-color: #fff !important;
}
.inputTT {
border-left: none;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
background-image: url("../../assets/institution/img/clock.svg");
background-position: right 10px center;
background-repeat: no-repeat;
background-color: #fff !important;
}
.max-w-480 {
max-width: 480px;
}
.form-control:focus {
border-color: #d2d6de;
box-shadow: none;
}
.max-w-780 {
max-width: 780px;
}
.Attendance_card_row_detail {
background: #f2f2f2;
}
#CourtAttendanceDetail .modal-body {
padding-top: 0px !important;
}
.Attendance_card_row_detail {
margin-left: -20px;
margin-right: -20px;
}
.Attendance_card_row.Attendance_card_row_detail>div {
border-right: 1px solid #e9e9e9;
}
.Attendance_card_row.Attendance_card_row_detail>div:last-child {
border-right: none;
}
.modal-header .close.close_v2_topPos {
display: block !important;
top: 20px;
margin: 0;
left: inherit;
right: 20px;
border: none;
}
.PartiesBadgeWrap>div {
margin-right: 10px;
margin-bottom: 10px;
}
.CaseSubTitle {
padding-right: 40px;
}
.clientnumlink {
display: flex;white-space: nowrap;
align-items: center;
}
.clientnumlink .assign-texts {
width: 90%;
}
.more-clients {
color: #2dd5d9 !important;
}
.EventsWrapperDash .steps_card_body {}
.EventsWrapperDash .topInfo_colum {
min-height: 57px;
padding-top: 10px;
padding-bottom: 15px;
margin-left: -20px;
margin-right: -20px;
padding-left: 20px;
padding-right: 20px;
}
.EventsWrapperDash .topInfo_colum .font-18px {
line-height: 140%;
}
.onGoingCard div.cardcontent_div::after,
.onGoingCard .topInfo_colum,
.onGoingCard .steps_card,
.onGoingCard .public_private_badge {
border-color: #ffaa00 !important;
}
.onGoingCard .public_private_badge {
color: #ffaa00;
}
.onGoingCard .progress_colors::after {
background-color: #ffaa00;
}
.EventsWrapperDash .progress_colors_circle svg {
opacity: 1;
}
.onGoingCard .progress_colors_circle {
background-color: #ffaa00;
width: 32px;
height: 32px;
border: 5px solid #ffeabf !important;
}
.upCoingCard div.cardcontent_div::after,
.upCoingCard .topInfo_colum,
.upCoingCard .steps_card,
.upCoingCard .public_private_badge {
border-color: #01cdd1 !important;
}
.upCoingCard .public_private_badge {
color: #01cdd1;
}
.upCoingCard .progress_colors_circle,
.upCoingCard .progress_colors::after {
background-color: #01cdd1;
}
.PastCard div.cardcontent_div::after,
.PastCard .topInfo_colum,
.PastCard .steps_card,
.PastCard .public_private_badge {
border-color: #fe6892 !important;
}
.PastCard .public_private_badge {
color: #fe6892;
}
.PastCard .progress_colors_circle,
.PastCard .progress_colors::after {
background-color: #fe6892;
}
.EventsWrapperDash .mCSB_container {
padding-bottom: 0;
}
.text-ongoing {
color: #de9400cc;
}
.text-Upcoming {
color: #01cdd1;
}
.text-Past {
color: #fe6892;
}
.date_th_2 {
min-width: 180px;
}
.send_alert_emailSMS {
border: 1px solid #ccc;
border-radius: 4px;
padding: 15px 20px;
position: relative;
}
.send_alert_emailSMS_inner {
display: flex;
}
.send_alert_emailSMS_inner>div {
margin-right: 20px;
}
.send_alert_emailSMS::before {
content: "";
position: absolute;
border: 1px solid #ccc;
width: 10px;
height: 10px;
display: inline-block;
top: -6px;
transform: rotate(45deg);
background: #fff;
border-width: 1px 0px 0px 1px;
left: 24px;
}
.sendAlert_group {
max-width: 287px;
margin-top: 15px;
}
.sendAlert_group .select2-container {
height: 28px;
}
.input-group-addon_alert {
padding: 0px;
}
.sendAlert_group .select2-container .select2-selection--single {
height: 36px !important;
border-radius: 4px;
border: none !important;
line-height: 36px;
padding-top: 0;
width: 85px !important;
text-align: left;
}
.sendAlert_group .select2-container--default .select2-selection--single .select2-selection__arrow {
height: 30px !important;
right: 0px !important;
top: 0 !important;
}
.my_status_w_90 {
width: 90px;
}
.InactiveColum_v1 .control_label_inactive {
height: 42px;
min-width: 42px;
width: 42px;
border: 1px solid #ccc;
border-radius: 4px;
display: flex;
align-items: center;
justify-content: center;
}
.InactiveColum_v1 .control_label_inactive input {
margin: 0px !important;
}
.InactiveColum_v1 .delete-btn {
height: 42px;
min-width: 42px;
width: 42px;
border: 1px solid #ccc;
border-radius: 4px;
display: flex;
margin-left: 10px !important;
}
.InactiveColum_v1 .delete-btn i {
font-size: 18px !important;
}
.link-primary-dark {
color: #005276 !important;
}
#btnAddMore.link-primary-dark {
color: #005276 !important;
}
.main_wrapper_practicegroup {
padding-bottom: 10px !important;
}
.main_wrapper_practicegroup .add_more_div {
border-top: none !important;
}
.upload-notes-section_v1 .radio-button-lable {
min-height: 36px;
border: none !important;
padding: 0;
}
.row.fieldAddDiv {
margin: 0px 0 !important;
padding-left: 7px;
padding-right: 7px;
}
.row.fieldAddDiv>div {
padding-left: 7px;
padding-right: 7px;
}
.row.fieldAddDiv>div {
margin-top: 10px;
margin-bottom: 10px;
}
.upload-notes-section_v1 input[type="radio"] {
margin-top: -2px;
margin-right: 3px;
}
.correspondenceRow .topInfo_colum {
border-bottom: 1px solid #e1e1e1;
padding: 10px 17px 21px;
/* padding-top: 7px; */
margin: 0 -20px;
}
.correspondenceRow .Notes_card_actions {
position: absolute;
right: 20px;
top: 30px;
}
.IsPrivate_corr {
margin-right: 33px;
text-transform: uppercase;
}
.IsPrivate_corr select {
font-size: 13px;
text-transform: uppercase;
width: 87px;
font-family: "google_sansmedium";
}
.phCall {
border-color: #005276;
color: #005276;
}
.on_meeting {
border-color: #fe6892;
color: #fe6892;
}
.emailBadge {
border-color: #01cdd1;
color: #01cdd1;
}
.WhatsAppBadge {
border-color: #36bd49;
color: #36bd49;
}
#main_wrapper.upload_notes_ist_v2 {
padding-bottom: 0px;
}
.upload_notes_ist_v2 .upload-notes-section {
margin-bottom: 15px;
}
.IsPrivate_col4 {
padding-top: 15px;
}
.upload_notes_ist_v2 .upload-notes-single {
margin-left: 15px;
padding-right: 81px;
position: relative;
border-radius: 0 !important;
}
.upload_notes_ist_v2 .upload-notes-section:first-child .upload-notes-single {
padding-right: 30px;
}
.upload_notes_ist_v2 .upload-notes-single>div {
padding-left: 5px;
padding-right: 5px;
}
.upload_notes_ist_v2 .upload-notes-single .delete-btn {
position: absolute;
top: 0;
right: 35px;
top: 44px;
width: 42px;
height: 42px;
}
/* Dashboard */
.dash-top-section-v2 .tab-block>div:first-child .box-show {
border-color: #ebd8e7;
background: #f9f5f8;
}
.dash-top-section-v2 .tab-block .sky-bg {
background: #fff;
width: 49px;
min-width: 49px;
height: 49px;
justify-content: center;
border-radius: 50%;
border: 1px solid #ebd8e7;
}
.dash-top-section-v2 .porject-txt {
font-size: 36px;
text-decoration: underline;
position: relative;
top: -2px;
color: #c17eb3 !important;
}
.text-decoration-none {
text-decoration: none !important;
}
.dash-top-section-v2 .tab-block>div:nth-child(2) .box-show {
border-color: #dceee0;
background: #f1f9f3;
}
.dash-top-section-v2 .tab-block>div:nth-child(2) .porject-txt {
color: #59bb6e !important;
}
.dash-top-section-v2 .tab-block>div:nth-child(3) .box-show {
border-color: #e1e8f6;
background: #f5f8ff;
}
.dash-top-section-v2 .tab-block>div:nth-child(3) .porject-txt {
color: #3366cc !important;
}
.dash-top-section-v2 .tab-block>div:nth-child(4) .box-show {
border-color: #f2e3cd;
background: #fffbf5;
}
.Satisfaction_chart {
margin-right: 15px;
max-width: 134px;
}
.Satisfaction_chart img {
max-width: 134px;
height: auto;
}
.Staisfaction-status {
/* UI Properties */
background: #fff4d4 0% 0% no-repeat padding-box;
border: 1px solid #ffca28;
padding: 3px;
border-radius: 80px;
}
.project-boxs-v2 {
padding: 0px;
display: flex;
flex-direction: column;
}
.project-boxs-v2 .box-top-section {
height: 60px;
padding: 0 20px;
}
.project-boxs-v2 .project-details-show {
padding: 20px;
flex: 1;
}
.dashboard_inputGroup {}
.dashboard_inputGroup .select2-container .select2-selection--single {
height: 36px;
border-radius: 0 4px 4px 0;
padding-top: 7px;
/* width: 72px; */
padding-left: 0;
}
.dashboard_inputGroup .select2-container {
height: 36px;
}
.dashboard_inputGroup .input-group .input-group-addon {
border-radius: 4px 0 0 4px;
}
.dashboard_inputGroup .select2-container--default .select2-selection--single .select2-selection__arrow {
height: 29px;
}
.performance_chart>img {
width: 100%;
}
.flex-0-0-auto {
flex: 0 0 auto;
}
.link-primary:hover {
color: #23527c !important;
}
.event_card {
background: #ffffff 0% 0% no-repeat padding-box;
border: 1px solid #dfdfdf;
padding: 15px 20px 15px;
margin-top: 10px;
border-radius: 5px;
}
.event_card:first-child {
margin-top: 0px;
}
.event_card_list {
max-height: 253px;
overflow: auto;
}
.span_icon {
width: 20px;
min-width: 20px;
}
/* custom scrollbar start */
.scroller {
--scrollbar-color-thumb: #868686;
--scrollbar-color-track: #eee;
--scrollbar-width: thin;
--scrollbar-width-legacy: 5px;
}
.scroller::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
background-color: #f5f5f5;
}
.scroller::-webkit-scrollbar {
width: 5px;
background-color: #f5f5f5;
}
.scroller::-webkit-scrollbar-thumb {
background-color: #868686;
border: 2px solid #555555;
border-radius: 10px;
}
/* custom scrollbar end */
.Task_chart {
max-width: 175px;
min-width: 175px;
height: auto;
}
.Task_chart>img {
max-width: 100%;
height: auto;
}
.Task_chart_row {
padding: 0 20px;
}
.Task_chart_rt {
padding-left: 50px;
max-width: 270px;
}
.pink_color {
color: #ff3169 !important;
}
.blue_color {
color: #403294 !important;
}
.yellow_color {
color: #feb626 !important;
}
.green_color {
color: #48bc8a !important;
}
.FileLoad_chart {
width: 160px;
min-width: 160px;
height: 160px;
border: 6px solid #01cdd1;
border-radius: 50%;
}
.FileLoad_chart_num {
font-size: 60px;
line-height: 60px;
}
.FileLoad_rt {
max-height: 255px;
overflow: auto;
}
.FileLoad_num {
height: 39px;
/* UI Properties */
display: flex;
justify-content: center;
align-items: center;
color: #fff;
background: #01cdd1 0% 0% no-repeat padding-box;
border-radius: 20px;
width: 72px;
}
.FileLoad_rt {
flex: 1;
padding: 0 20px 0 20px;
}
.FileLoad_col {
height: 39px;
margin-bottom: 6px;
/* UI Properties */
background: #f2f2f2 0% 0% no-repeat padding-box;
border-radius: 20px;
}
.FileLoad_info {
padding-left: 8px;
padding-right: 8px;
line-height: 14px;
}
.FileLoad_info_pic {
width: 25px;
min-width: 25px;
height: 25px;
border-radius: 50%;
margin-right: 8px;
border: 1px solid #ffffff;
}
.FileLoad_info_pic img {
max-width: 100%;
border-radius: 50%;
object-fit: cover;
}
.NewFiles_chart {
width: 188px;
min-width: 188px;
height: auto;
}
.NewFiles_chart>img {
width: 100%;
}
.Stages_chart {
width: 150px;
min-width: 150px;
height: auto;
}
.Stages_chart>img {
width: 100%;
}
.TotalFile_rt {
padding-left: 15px;
width: 100%;
}
.FilesName::before {
content: "";
width: 8px;
height: 6px;
/* UI Properties */
background: #005276 0% 0% no-repeat padding-box;
border-radius: 3px;
opacity: 1;
display: inline-block;
margin-right: 8px;
}
.text-gery-dark {
color: #000000cc;
}
.color_4 {
color: #27b0ec;
}
.color_5 {
color: #ef7171;
}
.TotalFile_rt_row {
max-height: 118px;
overflow: auto;
padding-right: 15px;
}
.TotalFile_rt_top {
padding-right: 15px;
}
.Outcome_col {
width: calc(50% - 4px);
height: 156px;
/* UI Properties */
background: #01cdd1 0% 0% no-repeat padding-box;
border-radius: 12px;
padding: 12px;
color: #fff;
display: flex;
flex-direction: column;
text-align: center;
}
/* .Outcome_col_top{ height: 26px;} */
.Outcome_col_content {
flex: 1;
}
.Outcome_num {
width: 48px;
height: 48px;
border-radius: 50%;
/* UI Properties */
color: #01cdd1;
background: #ffffff 0% 0% no-repeat padding-box;
}
.Outcome_col_2 {
background-color: #fe6892;
}
.Outcome_col_2 .Outcome_num {
color: #fe6892;
}
.Department_row {
height: 45px;
/* UI Properties */
background: #f6f6f6 0% 0% no-repeat padding-box;
border-radius: 5px;
}
.Department_row_num {
height: 45px;
/* UI Properties */
background: #01cdd1 0% 0% no-repeat padding-box;
border-radius: 5px;
width: 42px;
min-width: 42px;
}
.Department_contents {
max-height: 153px;
overflow: auto;
}
.Department_row:not(:first-child) {
margin-top: 10px;
}
.Satisfaction_chart img {
max-width: 100%;
}
.dash-top-section-v2>.row {
flex-wrap: wrap;
}
.addMore_v01 {
position: relative;
top: 30px;
padding-left: 0px;
}
.IsPrivate_v22 {
margin-top: 60px;
}
.edit_main_wrapper_v2 .edit_attachment-body-cl {}
.edit_main_wrapper_v2 .upload_notes_ist_v2 .upload-notes-single {
padding-bottom: 0px;
}
.sendAlert_group select.form-control {
width: 95px;
border: none;
height: 36px;
}
.send_alert_emailSMS .edit_sendAlert-wrapper,
.send_alert_emailSMS .sendAlert-wrapper {
display: flex;
align-items: end;
}
.send_alert_emailSMS .delete-btn {
width: 42px;
height: 42px;
border-radius: 2px !important;
margin-left: 12px !important;
}
.send_alert_emailSMS .edit_sendAlert-wrapper .delete-btn i,
.send_alert_emailSMS .sendAlert-wrapper .delete-btn i {
font-size: 18px !important;
}
.file-accordian-box .accordion-content-box {
overflow: auto;
}
/*close case style start*/
.btn-bg1 {
background: #01cdd1;
color: #fff;
padding: 0px 10px;
border-radius: 4px;
height: 42px;
line-height: 42px;
border: none;
outline: none;
}
.btn-bg1:hover,
.btn-bg1:focus {
background: #fe6892 !important;
color: #fff;
}
.gray-bg-top {
background: #f2f2f2;
border-top: solid 1px #e9e9e9;
border-bottom: solid 1px #e9e9e9;
padding: 15px 20px 5px;
}
.case-info-boxes {
padding: 20px;
}
.case-group label {
width: 100%;
}
.case-info input[type="radio"] {
background: none !important;
border: solid 2px #fff !important;
cursor: pointer;
}
.case-info input[type="radio"]:checked {
background: #005276 !important;
border: solid 4px #fff !important;
}
.radio-section-select {
overflow-x: auto;
}
.case-info {
display: flex;
flex: 0 0 auto;
width: 125px;
flex: 0 0 auto;
margin-right: 20px;
height: 115px;
justify-content: center;
align-items: center;
border-radius: 10px;
cursor: pointer;
}
.won-bg {
background: #01cdd1;
}
.lost-bg {
background: #fe6892;
}
.lost-bg span {
color: #fe6892;
}
.settled-bg {
background: #005276;
}
.settled-bg span {
color: #005276 !important;
}
.settled-bg .won-img,
.settled-bg .lost-img {
display: none;
}
.lost-bg .won-img,
.lost-bg .settled-img {
display: none;
}
.won-bg .settled-img,
.won-bg .lost-img {
display: none;
}
.float-1 {
float: left !important;
}
.h-120 {
height: 120px !important;
}
.upload-case-row {
padding: 15px;
}
.footer-case-row {
padding: 15px 20px;
}
.won-msg {
background: #01cdd1;
padding: 5px 13px;
border-radius: 4px;
float: left;
}
.won-msg img {
height: 17px;
}
.view-judge-row {
padding-bottom: 25px;
margin-bottom: 25px;
}
.judg-img {
width: 36px;
height: 36px;
border-radius: 50%;
object-fit: cover;
}
.clouser-details-btn {
color: #fff;
fill: #fff;
padding: 4px 8px;
border-radius: 4px;
background: none;
outline: none;
border: none !important;
}
.clouser-details-btn:hover,
.clouser-details-btn:focus {
color: #fff;
fill: #fff;
outline: none;
}
.clouser-details-btn svg {
fill: #01cdd1;
stroke: #fff;
}
.closer-active {
padding: 4px 8px;
background: #fff;
color: #01cdd1;
fill: #01cdd1;
border-radius: 4px;
}
.closer-active:hover,
.closer-active:focus {
background: #fff;
color: #01cdd1;
fill: #01cdd1;
}
.closer-active svg {
fill: #01cdd1;
stroke: #01cdd1;
}
.btn-rounds {
padding: 4px 5px;
border-radius: 4px;
}
.case-whitebg-none>li:hover a {
background: none !important;
}
/*close case style End*/
.text-break-row {
word-break: break-word !important;
}
.modal-overly-inherit {
max-height: inherit !important;
overflow: inherit !important;
}
.popup-body-overlays {
max-height: calc(100vh - 400px) !important;
}
.stage-list-drops select {
height: auto;
border: none !important;
outline: none;
margin-left: -8px;
}
.gap-10 {
gap: 10px;
}
.circle-30 {
width: 30px !important;
height: 30px !important;
}
.max-auto {
margin: 0px auto !important;
}
.mb-space-8 {
margin-bottom: 2.8rem;
}
.task-head-shows {
font-size: 18px;
border-bottom: solid 1px #d5d5d5;
padding: 10px 0px;
margin: 0px 0px 10px;
}
.new-files-heights {
max-height: 230px;
overflow-y: auto;
overflow-x: hidden;
}
.modal-full-white {
padding-right: 0px !important;
max-width: 100% !important;
}
.modals-overflow-scroll .modal-content {
max-height: inherit !important;
overflow: inherit !important;
}
.modals-overflow-scroll .modal-body {
max-height: calc(100vh - 300px);
overflow: auto;
}
.department-row-section {
margin-bottom: 15px;
background: #f4fdfd;
border: 1px solid #01cdd1;
border-radius: 5px;
}
.department-bg-section {
background: transparent linear-gradient(90deg, #01cdd1 0%, #ffffff 100%) 0% 0% no-repeat padding-box;
padding: 10px;
border-radius: 4px 4px 5px 5px;
}
.department-text {
background: #005276;
padding: 10px 15px;
color: #fff;
border-radius: 5px;
font-size: 18px;
position: relative;
margin-right: 20px;
}
.department-text::before {
content: "";
width: 14px;
height: 14px;
position: absolute;
top: 17px;
right: -6px;
margin: 0 auto;
transform: rotate(45deg);
background: #005276;
z-index: 2;
}
.department-bg {
max-width: 530px;
width: 100%;
background: #fff;
padding: 0px 20px 0px 10px;
border-radius: 5px;
}
.department-select-box {
width: 100%;
background: url("../../assets/institution/img/down-drop.png") !important;
background-repeat: no-repeat !important;
background-position: right center !important;
-webkit-appearance: none;
-moz-appearance: none;
font-size: 16px;
appearance: none;
cursor: pointer;
padding: 13px 10px;
height: 45px;
overflow: hidden !important;
border-radius: 5px;
border: none !important;
outline: none;
}
.department-bottom-row {
padding: 10px 15px;
display: flex;
overflow-x: auto;
}
.depart-names {
flex: 0 0 auto;
margin-right: 10px;
}
#department-details {
position: absolute;
left: 0px;
width: 100%;
box-shadow: 0px 1px 5px #00000029;
border: 1px solid #01cdd1;
border-radius: 0px 0px 5px 5px;
background: #fff;
padding: 5px 10px;
z-index: 99;
display: none;
}
.depart-info-box ul {
width: 100%;
overflow-y: auto;
max-height: 200px;
}
.depart-info-box ul li {
font-size: 16px;
font-family: "google_sansmedium" !important;
list-style: none;
color: #000;
display: block;
margin: 8px 0px;
width: 100%;
}
.depart-info-box ul li a {
font-size: 16px;
padding: 3px 10px;
line-height: 26px;
border: 1px solid transparent;
font-family: "google_sansmedium" !important;
color: #000;
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
}
.depart-info-box ul li a img {
flex: 0 0 auto;
margin-left: 10px;
width: 15px;
display: none;
}
.depart-info-box ul li a:hover {
font-size: 16px;
font-family: "google_sansmedium" !important;
background: #01cdd11a;
line-height: 26px;
border: 1px solid #62e0e3;
border-radius: 6px;
color: #000;
width: 100%;
}
.active-department {
font-size: 16px;
font-family: "google_sansmedium" !important;
background: #01cdd11a;
line-height: 26px;
border: 1px solid #62e0e3 !important;
border-radius: 6px;
color: #000;
width: 100%;
}
.active-department img {
display: block !important;
}
.scrollbar-custom::-webkit-scrollbar-track {
background-color: #d8d8d8;
}
.scrollbar-custom::-webkit-scrollbar {
width: 5px;
height: 5px;
background-color: #999;
}
.scrollbar-custom::-webkit-scrollbar-thumb {
background-color: #999;
}
.outcome-full {
width: 66.66% !important;
}
.by-depart-none {
display: none !important;
}
.task-histroy-row {
width: 100%;
padding: 15px 0px 15px 50px;
}
.history-details-box {
width: 33%;
}
.repeat-row-section {
position: relative;
padding-bottom: 20px;
}
.repeat-row-section::before {
content: "";
width: 18px;
height: 18px;
z-index: 2;
border-radius: 50%;
background-color: #01cdd1;
position: absolute;
left: -50px;
top: 13px;
}
.repeat-row-section::after {
content: "";
width: 4px;
height: 100%;
position: absolute;
top: 16px;
left: -43px;
background: #005276;
}
.history-box-content {
padding: 10px 15px;
position: relative;
border: solid 1px #01cdd1;
width: 100%;
border-radius: 4px;
}
.history-box-content p {
line-height: 28px;
margin: 0px;
font-size: 16px;
color: #000000cc;
}
.history-box-content::before {
content: "";
width: 11px;
height: 11px;
position: absolute;
top: 16px;
left: -6px;
border: 1px solid #01cdd1;
transform: rotate(225deg);
z-index: 1;
border-width: 1px 1px 0px 0;
background: #fff;
}
.history-box-row>.history-details-box .repeat-row-section:last-child::after {
display: none !important;
}
.leadCreated_lt {
width: 50%;
}
.leadCreated_rt {
flex: 1;
padding-left: 30px;
}
.listItem_01 {
padding-bottom: 10px;
}
.listItem_01_num {
width: 40px;
min-width: 40px;
}
.listItem_01_text::before {
content: "";
width: 8px;
height: 6px;
background: #333;
border-radius: 3px;
display: inline-block;
position: absolute;
top: 7px;
left: 0;
}
.listItem_01_text {
position: relative;
padding-left: 15px;
}
.color_01 .listItem_01_text {
color: #005276;
}
.color_01 .listItem_01_text::before {
background-color: #005276;
}
.color_02 .listItem_01_text {
color: #01cdd1;
}
.color_02 .listItem_01_text::before {
background-color: #01cdd1;
}
.color_03 .listItem_01_text {
color: #fe6892;
}
.color_03 .listItem_01_text::before {
background-color: #fe6892;
}
.color_04 .listItem_01_text {
color: #a26d3c;
}
.color_04 .listItem_01_text::before {
background-color: #a26d3c;
}
.color_05 .listItem_01_text {
color: #1c96d5;
}
.color_05 .listItem_01_text::before {
background-color: #1c96d5;
}
.color_06 .listItem_01_text {
color: #6b9a0a;
}
.color_06 .listItem_01_text::before {
background-color: #6b9a0a;
}
/* .notic-body-overlay {
position: fixed;
left: 0;
top: 6px;
width: 100%;
right: 0;
z-index: 9999;
max-width: 500px;
margin: 0 auto;
}
.notic-body-overlay .notification-bar-row {
padding: 2px 0px;
border-radius: 5px;
height: auto;
} */
.notic-body-overlay .container {
max-width: 800px;
}
.notic-body-overlay .notice-info-box {
position: fixed;
height: 100%;
align-items: top;
justify-content: center;
top: 0;
padding: 0;
max-height: inherit;
background: rgba(0, 0, 0, 0.7);
border-top: 3px solid #FE6892;
}
.notic-body-overlay .notice-info-box.show {
display: flex !important;
}
.notification-details {
width: 100%;
padding: 25px;
background: #fff;
line-height: 130%;
max-width: 100%;
border-radius: 0px;
margin: 0 auto;
height: 500px;
overflow: scroll;
}
.notification-details * {
line-height: 130%;
}
.close-btnss {
position: absolute;
background: #fff;
width: 34px;
height: 34px;
border-radius: 50%;
right: 0;
top: inherit;
border: none;
left: 0;
margin: 0 auto;
bottom: -50px;
}
.close-btnss svg {
max-width: 12px;
height: auto;
}
.body-overlay .notic-body-overlay {
min-height: initial !important;
height: auto !important;
float: none;
position: fixed;
}
.skin-blue .notic-body-overlay~.institutionDashboardWrapper .main-sidebar.institution_theme_sidebar .sidebar-menu>li>.treeview-menu {
top: 95px;
height: calc(100vh - 95px);
min-height: calc(100vh - 95px);
}
.skin-blue .notic-body-overlay~.institutionDashboardWrapper {
margin-top: 50px;
}
.skin-blue.app-sidebarClosed_default .notic-body-overlay ~ .institutionDashboardWrapper {
margin-top: 47px;
}
.notic-body-overlay {
position: fixed;
top: 0;
width: 100%;
z-index: 9999;
}
.skin-blue .notic-body-overlay ~ .institutionDashboardWrapper .institution-content-wrapper {
min-height: calc(100vh - 110px) !important;
max-height: calc(100vh - 110px);
height: calc(100vh - 110px);
}
.skin-blue .notic-body-overlay ~ .institutionDashboardWrapper .main-sidebar {
height: calc(100vh - 100px) !important;
}
.app-sidebarOpen .select2-container--default.select2-container--open {
z-index: 99999 !important;
}
.app-sidebarClosed_default.skin-blue.app-sidebarOpen-parent .notic-body-overlay ~ div .main-sidebar.institution_theme_sidebar {
top: 99px !important;
}
.top-list-zone {
display: flex;
align-items: center;
justify-content: space-between;
}
.cardsss {
background: #fff;
border-radius: 8px;
box-shadow: 0px 0px 6px #0000001a;
padding: 20px;
margin-bottom: 25px;
display: flex;
align-items: center;
justify-content: space-between;
opacity: 0;
transform: translateY(20px);
transition: all 0.8s ease;
}
.cardsss.visible {
opacity: 1;
transform: translateY(0);
}
.cardsss-icon {
width: 50px;
height: 50px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 22px;
color: #fff;
margin-left: 15px;
flex-shrink: 0;
}
.bg-green {
background: #27ae60;
}
.bg-yellow {
background: rgba(245, 158, 11, 0.12) !important;
}
.bg-orange {
background: rgba(245, 158, 11, 0.12) !important;
}
.fa-pie-chart {
color: #fd7e14;
}
.fa-refresh {
color: #fd7e14;
}
.cardsss h3 {
margin: 0;
font-weight: 600;
font-size: 18px;
color: #555;
}
.cardsss .amount {
font-size: 26px;
font-weight: 700;
color: #0d1a26;
}
.cardsss small {
color: #8c9aa3;
}
.cardsss .change {
font-size: 13px;
color: #2ecc71;
}
.chart-cardsss {
background: #fff;
border-radius: 8px;
box-shadow: 0px 0px 6px #0000001a;
padding: 25px;
opacity: 0;
transform: translateY(20px);
transition: all 0.8s ease;
}
.chart-cardsss.visible {
opacity: 1;
transform: translateY(0);
}
.chart-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 15px;
flex-wrap: wrap;
}
.chart-header h4 {
margin: 0;
font-weight: 600;
}
.btn-export {
border: 1px solid #28a745;
color: #28a745;
background: transparent;
border-radius: 4px;
padding: 5px 10px;
margin-top: 5px;
}
.btn-export:hover {
background: #28a745;
color: #fff;
}
.chart-container {
position: relative;
width: 100%;
height: 350px;
}
.background-color {
background: #01cdd112;
border-radius: 10px;
padding: 12px;
border: 1px solid #01cdd159;
}
.close-btnss {
right: 4px;
top: 22px;
margin: 0;
left: inherit;
}
/* .add-top{
padding-bottom: 100px;
} */
/* .adding-top {
padding-bottom: 150px;
} */
.treeview-menu > li:last-child{
padding-bottom: 30px;
}
/* .app-sidebarOpen-parent .notic-body-overlay ~ .wrapper .sidebar-menu{
padding-top: 60px;
} */
@media (max-width: 992px) {
.chart-container {
height: 300px;
}
}
@media (max-width: 767px) {
.chart-container {
height: 250px;
}
.cardsss {
flex-direction: row;
align-items: flex-start;
}
.cardsss .amount {
font-size: 22px;
}
}
/* Responsive start (re start) */
@media (min-width: 1200px) {
.close-btnss {
right: 4px;
top: 22px;
margin: 0;
left: inherit;
}
}
@media (min-width: 1599px) {
.partner-card-col {
width: 33.33%;
}
}
@media (max-width: 1700px) {
.Task_chart_rt {
padding-left: 20px;
}
.Task_chart {
max-width: 145px;
min-width: 145px;
height: auto;
}
.Task_chart_row {
padding: 0;
}
/* .Task_chart_rt .row > div{ padding-right: 0px;} */
.Satisfaction_chart {
margin-right: 10px;
max-width: 110px;
}
.dash-top-section-v2 {
margin-bottom: 0px !important;
}
.dash-top-section-v2>.row {
margin-left: -7px;
margin-right: -7px;
}
.dash-top-section-v2>.row>div {
padding-left: 7px;
padding-right: 7px;
margin-bottom: 15px !important;
}
.FileLoad_chart {
width: 134px;
min-width: 134px;
height: 134px;
}
.FileLoad_rt {
padding: 0 0px 0 20px;
}
.FileLoad_chart_num {
font-size: 52px;
line-height: 52px;
}
.NewFiles_chart {
width: 158px;
min-width: 158px;
height: auto;
}
.OutcomeMainCol {
padding: 0;
}
.Stages_chart {
width: 120px;
min-width: 120px;
height: auto;
}
/*
.desh-section-row_02 > .row > div{ width: 50%;}
.desh-section-row_02 > .row > div.AllCasesCol{ width: 100%;} */
}
@media (max-width: 1600px) {
.box-show {
padding: 10px;
}
.dash-left-head h6 {
font-size: 16px;
}
.dash-left-head h2 {
font-size: 30px;
}
.box-bottom-section ul li {
margin: 0px 0px;
font-size: 11px;
width: 32%;
}
.box-top-section h3 {
font-size: 18px !important;
}
.sky-bg {
width: 55px;
height: 55px;
}
.quarterly-target .achived-amount {
font-size: 26px;
}
.achievement-section .achievement-card .achievement-icon {
width: 89px;
height: 89px;
}
.by-month-achievement .achived-amount {
font-size: 16px;
}
.achievement-section .achievement-card .achievement-icon svg,
.achievement-section .achievement-card .achievement-icon img {
max-width: 51px;
max-height: 51px;
}
.leads-counts-section .lead-numbers {
font-size: 32px;
}
.leads-counts-section {
gap: 10px;
}
.achievement-section .achievement-card {
gap: 15px;
}
}
@media (max-width: 1540px) {
.desh-section-row_02>.row>div {
width: 50%;
}
.desh-section-row_02>.row>div.AllCasesCol {
width: 100%;
}
.Task_chart {
max-width: 165px;
min-width: 165px;
}
.Task_chart_rt {
padding-left: 50px;
}
.FileLoad_rt {
padding: 0 20px 0 30px;
}
.NewFiles_chart {
width: 178px;
min-width: 178px;
height: auto;
margin-left: 20px;
}
.Stages_chart {
width: 180px;
min-width: 180px;
height: auto;
}
.TotalFile_rt {
padding-left: 35px;
}
.FileLoad_chart {
width: 194px;
min-width: 194px;
height: 194px;
}
.FileLoad_chart_num {
font-size: 72px;
line-height: 72px;
}
/* .notic-body-overlay{ right: 110px; left: inherit;}
.body-overlay .notic-body-overlay{ float: right;} */
}
@media (max-width: 1440px) {
.box-bottom-section ul li {
font-size: 10px;
}
.achievement-section .achievement-card .achievement-icon {
width: 75px;
height: 75px;
}
.by-month-achievement .achived-amount {
font-size: 14px;
}
.achievement-content .achievement-title {
margin-bottom: 10px;
}
.quarterly-target .achived-amount {
font-size: 24px;
}
.achievement-content .achievement-title {
font-size: 18px;
}
.achievement-section .achievement-card {
padding: 12px 15px;
}
.crm-dashboard-page .box-top-section h3 {
font-size: 16px !important;
}
.leads-counts-section {
padding: 0px;
}
.table-cases {
overflow-x: auto;
width: 100%;
}
.table-cases table {
width: 1400px !important;
max-width: 1400px !important;
}
.disputs-table table {
width: 800px !important;
max-width: 800px !important;
}
.w-1400 {
max-width: 1100px !important;
}
.dash-top-section-v2 .porject-txt {
font-size: 28px;
}
.Satisfaction_chart {
max-width: 90px;
}
.history-details-box {
width: 45%;
}
.history-box-content p {
line-height: 26px;
font-size: 14px;
}
.listItem_01 {
padding-bottom: 2px;
font-size: 12px;
}
.leadCreated_rt {
padding-left: 0;
}
.listItem_01_num {
width: 35px;
min-width: 35px;
}
}
@media (max-width: 1360px) {
.FileLoad_chart {
width: 154px;
min-width: 154px;
height: 154px;
}
.dash-top-section-v2 .porject-txt {
font-size: 24px;
}
.Stages_chart {
width: 150px;
min-width: 150px;
height: auto;
}
.Task_chart_rt {
padding-left: 40px;
}
.FileLoad_chart_num {
font-size: 62px;
line-height: 62px;
}
.dash-top-section-v2 .tab-block .sky-bg {
margin-right: 10px !important;
}
}
@media (max-width: 1299px) {
.achievement-section .achievement-card {
width: 50%;
}
.achievement-section .achievement-card:nth-child(2) {
border: none;
}
.w-1400 {
max-width: 100% !important;
}
.purchase-closes {
left: inherit;
right: 0px;
}
.history-details-box {
width: 55%;
}
.leadCreated_detail {
flex-direction: column;
}
.leadCreated_lt {
width: 80%;
max-width: 250px;
margin: 0 auto;
}
}
@media (min-width: 1200px) and (max-width: 1449px) {
.leads-counts-section {
flex-wrap: wrap;
justify-content: flex-start;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.content-wrapper {
margin-left: 50px !important;
}
.app-sidebarOpen .content-wrapper {
margin-left: 265px !important;
}
}
@media (min-width: 1200px) {
.filter-box-inner .col-lg-10 {
width: 100%;
}
.BrowseFile_students_new {
right: 164px !important;
}
.BrowseFile_students {
right: 200px;
}
.BrowseFile_Col_marks {
right: 130px !important;
}
.BrowseFile_Col_marks {
right: 163px;
}
.BrowseFile-Col .file-upload-btn-02 {
margin-right: 0;
}
.form_tabContent:not(.form_tabContent_noForm) {
padding-right: 150px;
}
form.validate:not(form.form_tabContent) {
padding-right: 150px;
max-width: 1000px;
}
.form_tabContent .modal-content form.validate {
padding-right: 0px !important;
max-width: 100% !important;
}
form.validate.ImportForm {
padding-right: 0px !important;
}
form.validate.pe-0 {
padding-right: 0px !important;
max-width: 100% !important;
}
.modal form.validate {
padding-right: 0px;
}
.BrowseFile_students form.validate {
padding-right: 0px;
}
.form_validate_rt_space {
padding-right: 150px;
max-width: 1000px;
display: block;
overflow: hidden;
}
.max-with-all-form {
max-width: 1000px;
}
.new-width-form {
max-width: 100% !important;
}
.form-with-1000 {
max-width: 1000px;
}
.form-horizontal-oneLine .filter-box-inner .d-flex>div {
flex: 1;
width: auto;
margin-bottom: 1.3rem;
}
.form-horizontal-oneLine .filter-box-inner .d-flex>div:last-child {
flex: 0 0 auto;
text-align: right;
}
.d-lg-flex {
display: flex !important;
}
/* Sidebar new hover start */
.app-sidebarOpen .main-sidebar.institution_theme_sidebar {
width: 240px;
}
.app-sidebarClosed_default.app-sidebarOpen-parent .main-sidebar.institution_theme_sidebar,
.app-sidebarClosed_default.app-sidebarOpen-parent .main-sidebar.institution_theme_sidebar::after,
.app-sidebarClosed_default.app-sidebarOpen-parent .sidebarOpen_2 {
width: 460px;
height: calc(100vh);
position: fixed;
}
.app-sidebarClosed_default.app-sidebarOpen-parent .main-sidebar.institution_theme_sidebar::after {
opacity: 0;
}
.app-sidebarOpen-parent .main-sidebar.institution_theme_sidebar,
.app-sidebarOpen-parent .main-sidebar.institution_theme_sidebar::after,
.app-sidebarOpen-parent .sidebarOpen_2 {
width: 460px;
}
.app-sidebarOpen-parent .main-sidebar.institution_theme_sidebar .sidebar-menu>li>a.parent_li {
max-width: 230px;
}
li.li_search {
max-width: 230px;
}
/* .app-sidebarOpen-parent .main-sidebar.institution_theme_sidebar .sidebar-menu > li > a.parent_li::before{ content: ''; position: absolute; right: 0; top:0; height: 100%; width: 4px; background: #005276;} */
.sidebarOpen_2 {
max-width: 230px;
}
.app-sidebarOpen-parent .parent_li_span {
max-width: 230px;
}
.app-sidebarOpen-parent .main-sidebar.institution_theme_sidebar .sidebar-menu>li>a.parent_li {
max-width: 225px;
width: 225px;
border-radius: 3px 0 0 3px !important;
}
.app-sidebarOpen-parent .main-sidebar.institution_theme_sidebar .sidebar-menu>li:hover>a.parent_li {
max-width: 220px;
width: 220px;
border-radius: 3px !important;
}
.app-sidebarOpen-parent .main-sidebar.institution_theme_sidebar .sidebar-menu>li.menu-open>a.parent_li,
.app-sidebarOpen-parent .main-sidebar.institution_theme_sidebar .sidebar-menu>li.active>a.parent_li {
max-width: 225px;
width: 225px;
border-radius: 3px 0 0 3px !important;
}
.app-sidebarOpen-parent .main-sidebar.institution_theme_sidebar .sidebar-menu>li.active:not(.menu-open)>a.parent_li {
max-width: 220px;
width: 220px;
border-radius: 3px !important;
}
.app-sidebarClosed_default.app-sidebarOpen-parent .main-sidebar.institution_theme_sidebar .sidebar-menu>li>a.parent_li {
max-width: 215px;
width: 215px;
border-radius: 3px 3px 3px 3px !important;
}
.app-sidebarClosed_default.app-sidebarOpen-parent .main-sidebar.institution_theme_sidebar .sidebar-menu>li.sidebarOpen>a.parent_li {
max-width: 215px;
width: 215px;
border-radius: 3px 0 0 3px !important;
}
.app-sidebarClosed_default.app-sidebarOpen-parent .main-sidebar.institution_theme_sidebar .sidebar-menu>li:hover>a.parent_li {
max-width: 220px;
width: 220px;
border-radius: 3px !important;
}
.app-sidebarClosed_default.app-sidebarOpen-parent .main-sidebar.institution_theme_sidebar .sidebar-menu>li.menu-open>a.parent_li {
max-width: 225px;
width: 225px;
border-radius: 3px 0 0 3px !important;
}
.app-sidebarClosed_default.app-sidebarOpen-parent .main-sidebar.institution_theme_sidebar .sidebar-menu>li.menu-open:hover>a.parent_li {
max-width: 225px;
width: 225px;
border-radius: 3px 0 0 3px !important;
}
.app-sidebarOpen-parent .main-sidebar.institution_theme_sidebar .sidebar-menu>li>.treeview-menu {
left: 230px;
border-radius: 0px;
}
.app-sidebarOpen-parent .main-sidebar.institution_theme_sidebar .sidebar-menu>li>a>i+span {
left: 230px;
border-radius: 0px;
min-width: 230px;
padding-left: 17px;
}
.app-sidebarOpen-parent .main-sidebar.institution_theme_sidebar .sidebar-menu>li.active>a.parent_li {
max-width: 230px;
}
.app-sidebarOpen-parent .main-sidebar.institution_theme_sidebar .sidebar-menu>li.menu-open .li_a_2>i+span {
max-width: 230px;
}
/* .app-sidebarOpen-parent
.main-sidebar.institution_theme_sidebar
.sidebar-menu
> li.active
> .treeview-menu,
.app-sidebarOpen-parent
.main-sidebar.institution_theme_sidebar
.sidebar-menu
> li.menu-open
> .treeview-menu {
z-index: 8;
} */
.main-sidebar.institution_theme_sidebar {
background-color: transparent !important;
}
.app-sidebarOpen-parent .treeview-menu {
opacity: 1;
}
.app-sidebarOpen-parent .main-sidebar.institution_theme_sidebar .sidebar-menu>li>.treeview-menu,
.skin-blue .main-sidebar.institution_theme_sidebar .sidebar-menu>li>.treeview-menu {
width: 230px;
}
.main-sidebar.institution_theme_sidebar .sidebar-menu>li>a>i+span {
width: 230px;
}
.app-sidebarOpen .content-wrapper {
margin-left: 280px;
}
.app-sidebarOpen .main-header-app.main-header .col-logo-new {
width: 270px;
}
.app-sidebarOpen-parent.app-sidebarOpen .main-header-app.main-header .col-logo-new {
width: 229px;
}
.app-sidebarOpen-parent::before {
content: "";
position: fixed;
left: 0;
top: 0;
width: 100vw;
height: 100vh;
background: rgba(0, 0, 0, 0.6);
z-index: 10;
}
/**/
.mouse_leave_event {
display: none;
}
.app-sidebarClosed_default .mouse_leave_event {
position: fixed;
left: 230px;
top: 0;
background: green;
width: 100%;
opacity: 0;
height: 100%;
z-index: 11;
}
.app-sidebarClosed_default.app-sidebarOpen-parent .mouse_leave_event {
display: block;
}
.app-sidebarClosed_default.app-sidebarOpen-parent .mouse_leave_event.off {
display: none;
}
/**/
.CloseMenuCTA {
position: absolute;
right: 0;
width: 42px;
top: 0;
height: 42px;
justify-content: center;
align-items: center;
cursor: pointer;
display: none;
font-size: 0;
background-image: url("../../assets/institution/img/cross_ion.svg");
background-position: center center;
background-repeat: no-repeat;
/* background-color: #004968 !important;
border-radius: 50%; */
background-size: 15px;
}
.app-sidebarOpen-parent .CloseMenuCTA {
display: flex;
}
/* .main-sidebar.institution_theme_sidebar .sidebar-menu > li.treeview::before{content: '';
position: absolute;
left: 0;
top: 0;
background: red;
width: 100%;
height: 100%; opacity: 0.5;
z-index: 999;} */
/* Sidebar new hover end */
.Gallery__section_wrap {
padding-top: 10px !important;
}
.app-sidebarOpen-parent.skin-blue .main-sidebar.institution_theme_sidebar .sidebar-menu>li.active.menu-open>a {
background-color: #f2f7fa !important;
color: #fe6892 !important;
}
.app-sidebarOpen-parent.skin-blue .main-sidebar.institution_theme_sidebar .sidebar-menu>li.active.menu-open>a i svg {
fill: #fe6892 !important;
}
.app-sidebarOpen-parent.skin-blue .main-sidebar.institution_theme_sidebar .sidebar-menu>li.active.menu-open>a i {
color: #fe6892 !important;
}
.app-sidebarOpen-parent.skin-blue .sidebar-menu>li.menu-open {}
.app-sidebarOpen-parent.skin-blue .main-sidebar.institution_theme_sidebar .sidebar-menu>li.active>a {
background-color: transparent !important;
color: #fff !important;
}
.app-sidebarOpen-parent.skin-blue .main-sidebar.institution_theme_sidebar .sidebar-menu>li.active>a i {
color: #fff !important;
}
.app-sidebarOpen-parent.skin-blue .main-sidebar.institution_theme_sidebar .sidebar-menu>li.active>a i svg {
fill: #fff !important;
}
.app-sidebarOpen-parent.skin-blue .main-sidebar.institution_theme_sidebar .sidebar-menu>li.active:hover>a {
background: #00c5c9 !important;
/* color: #fff !important; */
}
.app-sidebarOpen-parent.skin-blue .main-sidebar.institution_theme_sidebar .sidebar-menu>li.active.menu-open:hover>a {
background-color: #f2f7fa !important;
}
/* .app-sidebarOpen-parent.skin-blue .main-sidebar.institution_theme_sidebar .sidebar-menu > li.active:hover > a i{ color: #fff !important;}
.app-sidebarOpen-parent.skin-blue .main-sidebar.institution_theme_sidebar .sidebar-menu > li.active:hover > a i svg {
fill: #fff !important;
} */
.app-sidebarClosed_default.app-sidebarOpen-parent.skin-blue .main-sidebar.institution_theme_sidebar .sidebar-menu>li.active>a {
background-color: transparent !important;
color: #fff !important;
}
.app-sidebarClosed_default.app-sidebarOpen-parent.skin-blue .main-sidebar.institution_theme_sidebar .sidebar-menu>li.active>a i svg {
fill: #fff !important;
}
.app-sidebarClosed_default.app-sidebarOpen-parent.skin-blue .main-sidebar.institution_theme_sidebar .sidebar-menu>li.active>a i {
color: #fff !important;
}
.app-sidebarClosed_default.app-sidebarOpen-parent.skin-blue .main-sidebar.institution_theme_sidebar .sidebar-menu>li.active:hover>a {
background: #00c5c9 !important;
}
/* Tooltip CSS Start */
.app-sidebarOpen-parent.skin-blue .main-sidebar.institution_theme_sidebar .sidebar-menu>li.treeview::before {
content: "Click to view the sub-menu";
position: absolute;
background-color: #000;
border-radius: 5px;
color: #fff;
padding: 7px 15px;
z-index: 999;
left: 255px;
top: 2px;
display: none;
/* background-image: url("../../assets/institution/img/cross_ion.svg");
background-position: -10px center;
background-repeat: no-repeat; */
}
.app-sidebarOpen-parent.skin-blue .main-sidebar.institution_theme_sidebar .sidebar-menu>li.treeview::after {
content: "";
background-color: #000;
left: 250px;
z-index: 999;
width: 10px;
height: 10px;
position: absolute;
top: 14px;
display: none;
transform: rotate(45deg);
}
.app-sidebarOpen-parent.skin-blue .main-sidebar.institution_theme_sidebar .sidebar-menu>li.treeview:not(.menu-open):hover::before,
.app-sidebarOpen-parent.skin-blue .main-sidebar.institution_theme_sidebar .sidebar-menu>li.treeview:not(.menu-open):hover::after {
display: block;
}
/* Tooltip CSS End */
}
@media (min-width: 992px) {
.me-lg-5 {
margin-right: 5px;
}
.me-lg-10 {
margin-right: 10px;
}
.me-lg-15 {
margin-right: 15px;
}
.me-lg-20 {
margin-right: 20px;
}
.me-lg-25 {
margin-right: 25px;
}
}
@media (min-width: 768px) {
.d-md-flex {
display: flex;
}
.pt-sm-0 {
padding-top: 0px;
}
}
@media (max-width: 1440px) {
.card-site-bottom-people .row {
display: flex;
flex-direction: column;
}
.card-site-bottom-people .row>div {
width: 100%;
}
.card-site-bottom-people .row>div:not(:last-child) {
margin-bottom: 10px;
}
.view_actionss a {
padding: 10px 11px;
}
.Project_cat_row .Project_cat_col:not(:first-child) {
margin-left: 34px;
}
.Project_cat_row {
display: flex;
overflow: auto;
}
.Project_cat_row>.Project_cat_col {
flex: 0 0 auto;
}
.task_top_row {
flex-direction: column-reverse;
align-items: end;
}
.task_top_row_left {
margin-top: 15px !important;
}
.task_top_row>div {
width: 100%;
display: flex;
}
.Project_cat_row .font-16 {
font-size: 14px;
}
.task_top_row_left_row>div {
margin-bottom: 15px;
}
.sales-box h3 {
font-size: 45px;
line-height: 40px;
margin: 20px 0px 5px;
}
.sales-box span {
font-size: 18px;
line-height: 18px;
padding: 10px 0px 15px;
}
.sales-box .view_btn svg {
width: 30px;
height: 30px;
}
.Attendance_card_row {
flex-direction: row !important;
}
.CaseLeft {
width: 40%;
}
.CaseRight {
width: 60%;
}
}
@media (max-width: 1280px) {
.academic_background .add_more,
.academic_background .remove {
top: inherit;
}
.inner-infoTrans.inner-infoTrans-1 {
width: 100% !important;
max-width: calc(100% - 100px);
}
.inner-infoTrans.inner-infoTrans-1 .journey_det>.row>div:first-child {
width: 100%;
border-bottom: 1px solid #ddd;
padding-bottom: 17px;
}
.inner-infoTrans.inner-infoTrans-1 .journey_det {
padding: 15px 15px 20px;
}
.partner-card-col {
width: 100%;
}
.approve-routing table {
width: 1400px !important;
}
}
@media (max-width: 1199px) {
.page_row1{ display: block !important;}
.box-header-max-1199 {
padding: 10px 15px;
}
.parent_li_span {
max-width: 40px;
min-width: 40px;
z-index: 115;
background: yellow;
opacity: 0;
}
.app-sidebarOpen-parent .parent_li_span {
max-width: 100%;
z-index: 2;
background: #005276;
opacity: 1;
}
.dash-data-table #closed_orders_datatables {
margin-bottom: 0px;
}
.dash-data-table #closed_orders_datatables.table {
margin-bottom: 0px;
}
.dash-data-table.has_pagination #closed_orders_datatables {
margin-bottom: 42px;
}
.dash-data-table #closed_orders_datatables+div {
bottom: 0px;
}
.p_right_0_panel_col {
padding-left: 0;
}
.btn-inlines .BrowseFile-Col {
flex-wrap: wrap;
}
.file-upload-btn {
min-width: 160px;
}
.file-upload-btn p {
padding: 10px 0;
max-width: 140px;
flex-basis: 140px;
}
/* .btn-inlines .btn {
padding: 6px 9px;
} */
.ImportForm {
margin: 0 11px 0 11px !important;
}
#applicant_tabs {
margin: 0;
}
#kcpe_info label~div {
width: 100px;
}
.id-card-cont {
width: 50% !important;
}
.student-ul-row>div {
width: 100%;
}
#personaldata .student-ul-row>div {
width: 50%;
}
.BrowseFile_students {
right: 183px !important;
}
#import_from_applicant {
margin-bottom: 0;
}
.devider_v {
margin-right: 9px;
}
.main-footer {
text-align: left;
}
.form-check-input,
input[type="checkbox"],
input[type="radio"] {
width: 16px;
height: 16px;
margin-top: 3px;
}
.filter-box-inner>div>div:last-child .control-label {
display: none;
}
.statistics_row {
margin-left: -5px;
margin-right: -5px;
}
.statistics_row>div {
padding-right: 5px;
padding-left: 5px;
}
.BrowseFile_Col_marks {
right: 151px !important;
}
.detailRow .font-16 {
font-size: 14px;
}
.cover-div .row-sub-left>div {
width: 50%;
}
.cover-div .row-sub .col-md-1 {
position: absolute;
right: inherit;
left: 0;
bottom: 0;
margin: 0;
padding-left: 0;
}
.cover-div .add_subject,
.cover-div .remove_subject {
margin: 0;
width: 100%;
border-radius: 4px;
padding: 0 0 4px;
display: flex;
align-items: center;
/* line-height: 17px; */
border: none !important;
justify-content: start;
font-size: 0;
}
.cover-div .add_subject::after {
content: "Add More";
font-size: 14px;
margin-left: 0;
line-height: 25px;
position: relative;
top: 2px;
text-decoration: underline;
}
.cover-div .remove_subject::after {
content: "Remove";
font-size: 14px;
margin-left: 0;
text-decoration: underline;
line-height: 25px;
position: relative;
top: 2px;
}
.cover-inn .row-sub {
padding-bottom: 0;
position: static;
margin-bottom: 0;
}
.cover-inn .row-sub {
padding-right: 0;
margin-left: 0;
}
.cover-inn {
padding-right: 0px;
}
.box-body-full-cover {
padding-bottom: 70px;
position: relative;
}
.box-body-full-cover {
padding-right: 0px;
}
.cover-div {
padding: 20px 0 0 10px;
}
.cover-div .row-sub .col-md-1 {
bottom: 23px;
padding-left: 15px;
}
.add_more_subject .row-sub,
.editPage_wrap .cover-inn {
position: relative;
padding-bottom: 26px;
}
.cover-div .add_more_subject .row-sub .col-md-1 {
bottom: 10px;
}
.add_more_subject .row-sub .col-md-1 {
padding-left: 0px;
}
.box-body-full-cover>.cover-inn .row-sub .col-md-1,
.editPage_wrap .cover-inn:first-child .row-sub .col-md-1,
.box-body-timeSlots .add_more_subject div.cover-inn:first-child .row-sub .col-md-1 {
border-top: 1px solid #ddd;
margin-left: -10px;
padding-left: 25px !important;
width: calc(100% + 10px);
}
.box-body-full-cover>.cover-inn .row-sub .col-md-1 .add_subject,
.editPage_wrap .cover-inn:first-child .row-sub .col-md-1 .add_subject {
margin-top: 20px !important;
}
.editPage_wrap .cover-inn:first-child {
position: static;
padding-bottom: 0px;
}
.academic_background_2 .cover-div>.box-body {
width: 100%;
}
.academic_background_2 .cover-div .row-sub-left>div {
width: 50%;
padding-left: 0px;
}
.box-body-timeSlots .add_more_subject div.cover-inn:first-child .row-sub {
position: static;
padding-bottom: 0;
}
.box-body-timeSlots {
position: relative;
padding-bottom: 80px !important;
}
.box-body-timeSlots .add_more_subject div.cover-inn:first-child .row-sub .col-md-1 {
margin-left: 0px;
padding-left: 0px !important;
}
.academic_background_showPage .add_more_subject .row-sub {
padding-bottom: 0;
}
.cover-div .editPage_wrap .cover-inn:not(:first-child) .row-sub .col-md-1 {
bottom: 16px;
}
.form-horizontal-oneLine .filter-box-inner .d-flex>div:last-child {
width: 100%;
}
.form-horizontal-oneLine.form-horizontal-oneLine-oneField .filter-box-inner .d-flex>div:last-child {
width: auto;
}
.box-body-timeSlots .add_more_subject div.cover-inn:first-child .row-sub .col-md-1 {
bottom: 30px;
}
.academic_background_wrap_2 .cover-inn>div {
margin-top: 0;
}
.academic_background_wrap_2 .render_html_wrap>div>span {
width: 900px;
}
.academic_background_wrap_2 .render_html_wrap .row.myline {
display: flex;
flex-wrap: nowrap;
}
.academic_background_wrap_2 .render_html_wrap .row.myline>div {
width: 20%;
}
.academic_background_wrap_2 .render_html_wrap {
top: 30px;
overflow: auto;
}
.academic_background_wrap_2 .boder_row_myline .row.myline {
flex-wrap: wrap;
}
.academic_background_wrap_2 .boder_row_myline .row.myline>div {
width: 25%;
}
.academic_background_wrap_2 .boder_row_myline .row.myline>div.col-sm-6 {
width: 50%;
}
.academic_background_wrap_2 .add_more_subject div.cover-inn:not(:first-child) .row-sub .col-md-1 {
bottom: -39px;
}
.academic_background_wrap_2 .add_more_subject div.cover-inn:not(:first-child) {
margin-bottom: 60px;
}
.academic_background_2 .cover-div .box-body-timeSlots-3 .row-sub {
flex-direction: row !important;
display: flex;
}
.filter-box-inner>.d-flex>.col-sm-3.checkbox_inline_responsive {
width: 100%;
}
.filter-box-inner>.d-flex>.col-sm-3.checkbox_inline_responsive {
padding-bottom: 0;
}
.academic_background_new2 .add_more_subject div.cover-inn>span {
overflow: auto;
}
.academic_background_new2 .add_more_subject div.cover-inn>span .span_wrap {
width: 1000px;
}
.academic_background_new2 .add_more_subject div.cover-inn>span .span_wrap.boder_row_myline {
max-width: 700px;
}
.academic_background_new2.academic_background_pe_20px {
padding-right: 0;
}
.academic_background_new2.academic_background_wrap_2 .render_html_wrap {
top: 0;
}
.RightColum .btn {
height: 100%;
line-height: 100%;
display: flex;
align-items: center;
justify-content: center;
min-height: 36px;
}
.BrowseFile-Col.BrowseFile_Col_subjects {
right: 188px !important;
position: absolute;
border-right: 1px solid #ccc;
}
.academic_background_n2_wrap {
padding-right: 0px;
}
.filter-row-with-buttons {
flex-direction: column-reverse;
}
.filter-box-inner>.d-flex>div:last-child {
margin-bottom: 1.3rem;
width: 100%;
margin-top: 10px;
}
.CustomerDetail_Row {
flex-direction: column-reverse;
display: flex;
}
.CustomerDetail_Row .btn-inlines {
margin-bottom: 15px;
}
form.validate .Recurring_Schedule label.error {
position: static;
margin: 0;
}
.BrowseFile_adje.BrowseFile_students {
right: 218px !important;
}
.BrowseFile_students.BrowseFile_items_inventory {
right: 162px !important;
}
.box-body-infoTop-withBtn>form.validate>.row .col-md-6 {
width: 100%;
}
.BrowseFile_students.BrowseFile_payment {
right: 138px !important;
}
.statistics_row_n1 {
flex-wrap: wrap;
justify-content: start;
}
.statistics_row_n1>div {
width: 20%;
padding: 0;
margin-top: 15px;
}
.stats_n1>div {
margin-left: 50px;
}
.BrowseFile-Col.assets_BrowseFile {
right: 168px !important;
}
.approve_table {
min-width: 1000px;
}
.add_more_routes {
max-width: calc(100%);
}
/* .VehicleSchedules_table{ margin-bottom: 74px !important;} */
.mangetable .table.VehicleSchedules_table {
min-width: 1350px !important;
}
.input-fill-wrap-vehicleShedule .wrapper_block {
padding-top: 0px !important;
}
.input-fill-wrap-vehicleShedule .wrapper_block>div:not(:last-child) {
width: 50%;
margin-top: 20px;
}
.BrowseFile_students.uploadinput {
right: 316px !important;
}
.checkbox_space_fix_responsove_0 input {
margin-right: 0px !important;
margin-top: 0px !important;
}
.academic_background_wrap_2_paymentPlan.academic_background_wrap_2 .render_html_wrap .row.myline div.col-md-4 {
width: 50%;
}
.academic_background_wrap_2 .render_html_wrap.render_html_wrap_01 .render_html .myline:first-child .col-md-1 {
bottom: 8px !important;
border-top: 1px solid #ccc;
width: 100%;
padding-left: 40px !important;
padding-top: 4px;
}
.academic_background_wrap_2 .render_html_wrap.render_html_wrap_01 .render_html .myline>.col-12 .col-md-1 {
border: none !important;
left: 15px;
bottom: 6px;
}
.academic_background_wrap_2 .render_html_wrap.render_html_wrap_01 {
top: 10px;
overflow: hidden;
}
.academic_background_wrap_2_paymentPlan .add_more_subject .row-sub {
padding-top: 6px;
padding-bottom: 5px;
}
.academic_background_wrap_2_paymentPlan .col-md-12.mt-4 {
margin-top: 0px !important;
}
.academic_background_pe_20px.academic_background_wrap_2_paymentPlan {
padding-right: 0;
}
.row_inline_02 {
display: flex;
flex-wrap: wrap;
}
.row_inline_02>div {
width: 33.33%;
height: 100%;
}
.summayinfo {
border: none !important;
padding: 0 !important;
}
.datestrip,
.Progress-div {
padding-left: 0px !important;
padding-right: 0px !important;
}
.infotab {
width: auto;
margin: 0 auto;
padding-left: 20px;
padding-right: 20px;
}
.infotab>div {
margin-top: 10px;
margin-bottom: 0px;
}
.map_page_body.app-sidebarOpen .content-wrapper {
margin-left: 239px !important;
}
.builder.formbuilder>div:first-child {
width: 203px;
}
.builder.formbuilder>div:last-child {
width: calc(100% - 203px);
}
.box-body-infoTop-statistics .statistics_row_n1>div {
width: 25%;
margin-top: 0;
}
.box-body-infoTop-statistics .btn {
height: 38px;
}
.detailRow>div {
margin-bottom: 10px;
}
.filter-box-hasOnefield .filter-box-inner .d-flex>div {
flex: 1;
width: auto;
margin-bottom: 1.3rem;
}
.filter-box-hasOnefield .filter-box-inner .d-flex>div:last-child {
flex: 0 0 auto;
text-align: right;
}
.app-sidebarOpen-parent .search-box-sidebar {
width: 250px;
}
.sidebar-overlay {
content: "";
position: fixed;
left: 0;
top: 46px;
width: 100vw;
height: 100vh;
background: rgba(0, 0, 0, 0.6);
z-index: 10;
}
.sidebar-open .sidebar-overlay {
display: block;
}
.treeview.active.sidebarOpen>ul.treeview-menu {
display: block !important;
}
.BrowseFile_students.BrowseFile_Col_insClass {
right: 173px !important;
}
.long_breadcrumb_has.content-header>.breadcrumb {
position: relative;
margin-top: 5px;
top: 0;
right: 0;
float: none;
background: #d2d6de;
padding-left: 10px;
}
.Overview_section_row {
flex-direction: column;
margin-left: -20px;
}
.Overview_section_row_left {
border-right: none !important;
border-bottom: 1px solid;
padding-right: 15px !important;
}
.site-accordion-v2 {
padding-right: 0px !important;
margin-right: 0px !important;
}
.Peoples_row>div {
margin-top: 20px;
}
.People_Section_head {
flex-wrap: wrap;
}
.Milestones_outer {
max-height: 600px;
}
.galler_item_box {
height: 180px;
}
.slick_site .slick-arrow {
width: 30px;
height: 30px;
}
.Gallery__section_wrap {
padding-right: 5px;
}
.Budget_infobox .InnerBox>div:first-child {
border-bottom: 1px solid #c2e0f2;
font-size: 12px;
line-height: 14px;
height: 42px;
display: flex;
align-items: center;
}
.Budget_infobox .InnerBox>div {
padding: 7px 8px;
font-size: 13px;
line-height: 16px;
}
.Kanban_grid_row {
width: 1400px;
}
.Kanban_grid_wrap {
overflow: auto;
}
.Kanban_grid_row>div {
flex: 1;
}
.LineOfIntern {
flex-wrap: wrap;
flex-direction: column;
align-items: start !important;
}
.LineOfIntern_rt {
margin: 0 0 15px;
line-height: 128%;
}
.LineOfIntern_rt .btn {
margin-top: 8px;
}
.content_rt_space_common {
padding-right: 0px;
}
.tab-block {
display: block !important;
}
.sales-box {
margin-bottom: 68px;
}
.CloseMenuCTA {
display: none !important;
}
.speaker-name {
font-size: 18px;
}
.speaker-designation {
font-size: 14px;
}
.partner-view-section {
flex-direction: column;
}
.partner-card-left {
width: 100%;
}
.partner-card-right {
width: 100%;
}
.partners-tabs-content {
height: auto;
}
.partner-card-col {
width: 50%;
}
/*legal tart*/
.CardTabs_wrapper {
padding-bottom: 25px;
}
.flex-column:not(.flex-sm-row).CardTabs_wrapper {
flex-direction: row !important;
overflow: auto;
}
.CardTabs_wrapper>li {
margin-top: 0;
min-width: 360px;
margin-left: 30px;
}
.CardTabs_wrapper>li:first-child {
margin-left: 20px;
}
.tabCard_wrap {
width: 100%;
}
.CaseLeft {
padding: 0px;
}
.arrowCard {
bottom: -8px;
top: inherit;
border-width: 0px 2px 2px 0px;
left: 0;
right: 0;
margin: 0 auto;
}
.card_v1_01>.row>div {
margin-top: 0;
}
.CaseLeft {
width: 100%;
overflow: hidden;
}
.CaseRight {
width: 100%;
overflow: hidden;
}
.DetailCard {
margin-bottom: 0;
}
.UploadAttachv1 .wrapper-block>div {
margin-top: 12px;
}
.UploadAttachv1 .wrapper-block>div:first-child {
margin-top: 0px;
}
.UploadAttachv1 .wrapper-block {
padding: 12px 12px;
}
.PrivateColumm {
padding-top: 4px;
}
#main_wrapper.main_wrapper_practicegroup {
padding-bottom: 55px;
}
#main_wrapper.main_wrapper_practicegroup .input-fill-wrap .wrapper_block {
margin-bottom: 25px !important;
}
.dash-top-section-v2 .box-show {
padding: 20px;
}
.Satisfaction_chart {
max-width: 130px;
margin-right: 20px;
}
.desh-section-row_02>.row>div {
width: 100%;
}
.OutcomeMainCol {
padding: 0 15px;
}
.Cases_info_col {
/* border-bottom: 1px solid #ddd; */
padding-bottom: 0px;
}
.UploadAttachv1 .wrapper-block>.row>div {
margin-top: 15px;
}
.UploadAttachv1 .wrapper-block>.row>div:first-child {
margin-top: 0px;
}
.department-text {
padding: 13px 10px;
font-size: 15px;
}
.department-row-section::before {
left: 210px;
}
.department-text {
padding: 10px 10px !important;
}
.department-row-section::before {
left: 20px;
top: 65px;
}
.department-select-box {
max-width: 100%;
width: 100%;
}
.outcome-full {
width: 100% !important;
}
.history-details-box {
width: 75%;
}
/* .notic-body-overlay {
right: 15px;
left: inherit;
top: 54px;max-width: 460px;
} */
/* .notic-body-overlay ~ .institutionDashboardWrapper .institution-content-wrapper {
margin-top: 70px;margin-bottom: 70px;
} */
.skin-blue .notic-body-overlay~.institutionDashboardWrapper .institution-content-wrapper {
margin-top: 23px;
padding-bottom: 50px;
}
.skin-blue.app-sidebarClosed_default .notic-body-overlay~.institutionDashboardWrapper {
margin-top: 44px;
}
.app-sidebarOpen-parent .notic-body-overlay ~ .wrapper .sidebar-menu{
padding-top: 0px;
}
}
/* 1199 end */
@media (max-width: 1023px) {
.BrowseFile_Col_marks {
position: absolute !important;
left: 168px !important;
right: inherit !important;
}
.BrowseFile_students.BrowseFile_Col_insClass {
position: absolute;
border-right: 1px solid #ccc !important;
}
.show-leads-data-page .box-body.body-col-4 {
width: 50% !important;
}
.department-text {
padding: 10px 0px;
background: none !important;
color: #000;
}
.department-text::before {
display: none;
}
.history-details-box {
width: 100%;
}
.task-histroy-row {
padding: 15px 0px 15px 35px;
}
.repeat-row-section::before {
left: -37px;
}
.repeat-row-section::after {
left: -30px;
}
.history-box-content p {
line-height: 20px;
}
}
@media (max-width: 991px) {
.mt-1199px {
margin-top: 15px;
}
a[href="#filtermis"]::after {
top: 44px;
}
a[href="#filtermis"].filtermis-2::after {
top: 41px;
}
a[href="#filtermis"].filtermis_ipadPortrait_top38::after {
top: 38px;
}
.content .validate .box-body {
width: 100%;
float: left;
padding-right: 0;
}
.content .validate .academic_background_n2_wrap .academic_background>div:last-child {
width: 100%;
}
.id-card-cont {
width: 100% !important;
}
.RightColum {
margin-top: 15px;
}
.RightColum.RightColum_ipad_mt_0 {
margin-top: 5px;
}
.add_more {
left: 35px;
}
.devider_v2 {
display: none;
}
.BrowseFile_students:not(.BrowseFile_students.BrowseFile_Col_assesment_objectives) {
border-right: none;
}
.BrowseFile_adje.BrowseFile_students {
position: absolute !important;
border-right: 1px solid #ccc !important;
}
.validate .box-body .form-group>div {
padding-left: 0px;
padding-right: 0px !important;
}
.validate .box-body .form-group>div+div {
padding-left: 0px;
}
.validate .box-body .form-group>div input[type="checkbox"],
.validate .box-body .form-group>div input[type="radio"] {
margin-right: 7px;
}
.validate .box-body .form-group.checkbox_space_fix_responsove>div input[type="checkbox"],
.validate .box-body .form-group.checkbox_space_fix_responsove>div input[type="radio"] {
margin-right: 0px;
}
.validate .box-body .form-group>label {
padding-left: 0px;
padding-right: 0px !important;
}
.content .validate>div:first-child:not(.rightstudent-panel-report) {
padding-top: 0px !important;
}
.content .validate>div:first-child.modal-body {
padding-top: 15px !important;
}
.content .validate div.filter-box-inner.filter-box-inner-pt-3-responsive {
padding-top: 14px !important;
}
.box.box-primary {
margin-bottom: 0;
}
.input-fill-wrap {
padding-right: 0;
}
.filtermis-btn-oneline {
margin-bottom: 12px;
}
.cover-div .row-sub-left>div {
width: 100%;
}
.validate .box-body .form-group>div input[type="checkbox"]+span.ms-2 {
margin-left: 0px !important;
}
.cover-inn .row-sub {
padding-right: 0px;
}
.download_icon_only {
padding-top: 0;
}
.search_criteria_with_btn {
flex-direction: column-reverse;
}
.search_criteria_with_btn .search_criteria_title {
font-size: 15px;
width: 100%;
text-align: left;
margin-top: 9px;
}
.btn-inlines-rtBtn {
display: flex;
flex-direction: column-reverse;
}
.btn-inlines-rtBtn form {
margin-top: 15px;
}
.filter-form-leftinline>div {
padding: 0px;
}
.BrowseFile_students.BrowseFile_items_inventory {
position: absolute;
border-right: 1px solid #ccc !important;
}
.BrowseFile_students.BrowseFile_payment {
position: absolute;
border-right: 1px solid #ccc !important;
right: 138px !important;
}
.BrowseFile_students.BrowseFile_Col_employ {
right: 110px !important;
position: absolute;
border-right: 1px solid #ccc !important;
}
.w-100-from-ipadPortrait {
width: 100% !important;
}
.academic_background_onelIne {
flex-wrap: wrap;
}
.academic_background_onelIne {
margin-left: -10px;
width: calc(100% + 10px) !important;
}
.academic_background_onelIne>div {
flex-basis: 50% !important;
padding-left: 10px !important;
}
.academic_background_onelIne>div:first-child {
flex-basis: 100% !important;
}
.content .validate .academic_background__div_lastChild_50 .academic_background>div:last-child {
width: 100%;
}
.WorkFlow_Approver_inFo .control-label {
display: block;
}
.Approver_addmore1 .row>div {
margin-bottom: 15px;
}
.Approver_addmore1:not(.Approver_addmore1_EditPage) .row>div {
padding: 0;
}
.Approver_addmore1:not(.Approver_addmore1_EditPage) .row {
padding-bottom: 15px;
}
.Approver_addmore1:not(.Approver_addmore1_EditPage) .row:last-child {
padding-bottom: 10px;
}
.Approver_addmore1:not(.Approver_addmore1_EditPage) {
padding-bottom: 55px !important;
margin-bottom: 0;
}
#main_wrapper.Approver_addmore1_EditPage {
padding-bottom: 20px;
}
.Approver_routing {
padding-right: 0px !important;
}
.Approver_routing_edit .Approver_addmore1 .WorkFlow_Approver_inFo:first-child {
margin-top: 20px !important;
}
.input-fill-wrap-vehicleShedule .wrapper_block>div:not(:last-child) {
width: 100%;
}
.validate .box-body .form-group>div.BrowseFile_students.BrowseFile-Col-sponsorship-alloc {
border-right: 1px solid #ccc !important;
padding-right: 10px !important;
}
#taskstats {
max-width: 400px;
}
.component-edit-container .component-edit-tabs,
.component-edit-container .component-edit-tabs+div {
width: 100%;
}
.component-edit-container .component-edit-tabs {
margin-bottom: 30px;
}
.infotab {
width: auto;
margin: 0 auto;
padding-left: 10px;
padding-right: 10px;
display: flex;
flex-wrap: nowrap;
overflow-y: hidden;
overflow-x: auto;
}
.infotab>div {
flex: 0 0 auto;
padding: 0px !important;
}
.right-box {
right: 15px;
}
.box-body-infoTop-statistics>.row {
flex-direction: column-reverse;
display: flex;
}
.box-body-infoTop-statistics .RightColum {
margin-top: 0;
}
.filter-box-hasOnefield a[href="#filtermis"]::after {
top: 34px;
}
.search_btn_only_Onpage a[href="#filtermis"]::after {
top: 39px;
}
.From_to_DD {
padding-top: 0px !important;
}
.form_tabContent_responsive_spaceFix.form_tabContent {
padding-left: 10px !important;
padding-right: 20px !important;
}
.dynamic_form_bank .formio-form>div {
width: 100%;
}
.dynamic_form_bank .formio-form>div:last-child {
margin-bottom: 0px;
}
.partner-card-col {
width: 100%;
}
.achievement-section .achievement-card {
width: 100%;
}
.achievement-section .achievement-card {
border-right: none !important;
}
.achievement-section .achievement-card:not(:last-child) {
border-bottom: dashed 1px #b9b9b9;
}
}
/* 991 end */
@media only screen and (max-width: 768px) {
.filter-box.filter-box-topResponsive {
top: 19px;
}
.partner-info .col-sm-6,
.partners-tabs-content .col-sm-6 {
width: 50%;
float: left;
}
.partner-card .col-sm-6 {
width: 50%;
float: left;
}
}
@media (max-width: 992px) {
.box-body-infoTop-withBtn.box-body-infoTop-withBtn-md-break {
flex-direction: column-reverse;
align-items: start;
}
.box-body-infoTop-withBtn.box-body-infoTop-withBtn-md-break .form-horizontal {
margin-top: 15px;
}
.add_more_custome_wrap {
width: 100%;
padding: 20px 20px 0;
}
.content .validate #Non_Registered_data .academic_background>div:last-child {
width: 100%;
}
.box-body-infoTop-withBtn.flex-lg-row {
flex-direction: column-reverse !important;
align-items: start;
}
.box-body-infoTop-withBtn.flex-lg-row .form-horizontal {
margin-top: 13px;
}
.row-skill>div {
margin-bottom: 22px;
}
.pb-3 {
padding-bottom: 0.5rem !important;
}
#viewDispute .pb-3 {
padding-bottom: 1rem !important;
}
#viewDispute .all-clients-modal .Clients_List_item {
margin-bottom: 5px !important;
}
#viewDispute .dash-data-table {
padding-bottom: 0;
}
.content .validate .academic_background_wrap_1 .academic_background .box-body:last-child {
width: 100%;
}
.statistics_row_n1>div {
width: 25%;
}
.Date_colum_3 {
width: 100% !important;
}
.BrowseFile-Col.catelog_BrowseFile {
right: 130px !important;
position: absolute;
border-right: 1px solid #ccc !important;
}
.BrowseFile-Col.assets_BrowseFile {
right: 168px !important;
position: absolute;
border-right: 1px solid #ccc !important;
}
.academic_background_wrap_2_paymentPlan .add_more_subject .row-sub {
margin-right: 0;
}
.academic_background_wrap_2_paymentPlan.academic_background_wrap_2 .render_html_wrap .row.myline div.col-md-4 {
width: 100%;
}
.academic_background_EditPage1.academic_background_wrap_2 .render_html_wrap.render_html_wrap_01 {
padding-left: 0px !important;
}
.academic_background_EditPage1.academic_background_wrap_2 .cover-inn:first-child .render_html_wrap.render_html_wrap_01 .render_html .myline:first-child .col-md-1 {
padding-left: 15px !important;
}
.contract_table_topTR {
display: flex;
flex-direction: column-reverse;
width: 100%;
}
.contract_table_topTR>td {
min-width: 100%;
}
.form_tabContent_contract {
padding-right: 20px;
}
.contract_table_topTR>td:first-child {
padding-top: 20px !important;
}
.Installments_htmlAdd {
margin-left: -10px !important;
margin-right: -10px !important;
}
.Installments_htmlAdd>div {
padding-left: 10px !important;
padding-right: 10px !important;
}
.progress_colors {
/* margin: 0 0 0 20px; */
margin: 0px;
}
.Milestones_wrap>.row {
padding-left: 60px;
}
.Milestones_wrap>.row>.col-xs-6 {
width: 100%;
}
.Milestones_wrap>.row>div:not(.progress_colors)::after {
left: 8px;
transform: rotate(-135deg);
}
.Milestones_wrap>.row:nth-child(2n)>div:not(.progress_colors)::after {
left: 8px;
}
.steps_card {
max-width: 100%;
margin-bottom: 20px;
}
.Milestones_wrap>.row:last-child .steps_card {
margin-bottom: 0;
}
.People_Section_head {
flex-direction: column;
align-items: start !important;
}
.People_Section_head>div:first-child {
margin-bottom: 10px;
}
.search-box-v2-wrap {
width: 100%;
}
.Milestones_outer_v2 .progress_colors {
left: 15px;
}
.Milestones_outer_v2 .Milestones_wrap>.row {
padding-top: 48px;
padding-left: 60px;
}
.Milestones_outer_v2 .card_dd_mm {
left: 75px;
top: 0;
}
.Milestones_outer_v2 .Milestones_wrap>.row>div:not(.progress_colors)::after {
left: 11px;
display: none;
}
.Milestones_outer_v2.clients_outer .Milestones_wrap>.row {
padding-top: 0;
}
.People_Section_head.task_top_row {
flex-direction: column-reverse;
}
.Project_cat_row {
margin-top: 0;
}
#work-managment-bar .work-details-page .mobile-show {
display: flex !important;
width: 1500px;
}
#work-managment-bar .work-details-page .mobile-show>div {
flex: 1;
}
.form_tabContent_space_ipad {
padding-left: 10px;
padding-top: 7px;
padding-right: 20px !important;
}
.infoRow_1>div:not(:last-child) {
margin-bottom: 10px;
}
.ProgressChart_wrap {
align-items: center !important;
}
.side-bar-heads h2 {
font-size: 20px;
}
.DetailCard .card-site-bottom {
padding: 20px;
}
.card_v1_01_card .card-site-top {
padding: 20px 20px;
}
.DetailCard .font-22px {
font-size: 18px;
}
.Attendance_card_row {
flex-direction: column !important;
}
.Attendance_card_row_detail {
flex-direction: row !important;
}
.card_v1_01>.row>div {
margin-top: 0;
}
.tabCard_wrap .card-site-bottom {
padding: 15px 20px;
}
.Attendance_card_row>div:last-child {
border-top: 1px solid #c2e0f2;
}
.Attendance_card_row_detail>div:last-child {
border-top: none;
}
.Attendance_card_row_detail .font-22px {
font-size: 18px;
}
.card-site-bottom-people .Attendance_card_row.row>div:not(:last-child) {
margin-bottom: 0;
}
.Attendance_card_row:not(.Attendance_card_row_detail)>div:first-child {
border-right: none;
}
.Attendance_card_row svg {
max-width: 30px;
}
.Milestones_outer_v2.EventsWrapperDash .Milestones_wrap>.row>div:not(.progress_colors)::after {
left: 9px;
}
#main_wrapper.main_wrapper_practicegroup .wrapper_block {
margin-bottom: 25px !important;
}
.upload_notes_ist_v2 .upload-notes-single>div:not(:first-child) {
margin-top: 15px;
}
.upload_notes_ist_v2 .upload-notes-single {
padding-right: 30px;
}
.upload_notes_ist_v2 .upload-notes-single .delete-btn {
position: absolute;
top: inherit !important;
right: 35px;
top: 44px;
width: 34px;
height: 34px;
bottom: 16px;
}
.IsPrivate_col4 {
margin-top: 8px;
margin-bottom: 6px;
}
.edit_main_wrapper_v2 .upload_notes_ist_v2 .upload-notes-single {
padding-right: 30px;
border-bottom: 1px solid #ccc;
padding-bottom: 40px !important;
margin-left: 0px;
padding-left: 20px;
}
.edit_main_wrapper_v2 .edit_attachment-body-cl {
overflow: hidden;
}
.upload_notes_ist_v2 .upload-notes-single .delete-btn {
left: 30px;
right: inherit;
border: none;
bottom: 6px;
text-decoration: underline;
}
.upload_notes_ist_v2 .upload-notes-single .delete-btn:hover {
background-color: transparent !important;
}
.upload_notes_ist_v2 .upload-notes-single .delete-btn::before {
content: "Remove";
}
.upload_notes_ist_v2 .upload-notes-single .delete-btn i {
display: none;
}
.edit_main_wrapper_v2 .upload_notes_ist_v2 .upload-notes-single:last-child {
border-bottom: none !important;
padding-bottom: 25px !important;
}
.edit_main_wrapper_v2 .upload_notes_ist_v2 .upload-notes-single:last-child .delete-btn {
bottom: -9px;
}
.progress_colors {
left: 15px;
}
.pad-10-tabs {
padding-left: 10px !important;
}
.gallery-pad-15 {
padding: 0px 15px !important;
}
}
/* 992 end */
@media (max-width: 767px) {
/* Sidebar and Header Start */
.main-header .headerTopRow-1 .sidebarOpen {
display: none;
}
.content-wrapper {
margin-left: 0px !important;
}
.app-sidebarOpen .content-wrapper {
margin-left: 0px !important;
}
.app-sidebarOpen .main-footer,
.content-wrapper,
.main-footer {
margin-left: 0px;
}
.skin-blue .main-sidebar.institution_theme_sidebar .sidebar-menu>li>.treeview-menu>li:first-child {
margin-top: 0;
}
.main-sidebar.institution_theme_sidebar .sidebar-menu>li>a>i+span {
top: 1px;
}
.main-sidebar.institution_theme_sidebar::after {
width: 38px;
}
.main-header-app.main-header .col-logo-new {
top: 0;
padding-top: 0px;
height: 45px;
}
.skin-blue .main-header .logo {
height: 36px;
padding-top: 6px !important;
}
.app-sidebarOpen .main-header-app.main-header .col-logo-new {
width: auto;
}
.main-header .sidebar-toggle::before {
color: #fff;
}
.institutionDashboardWrapper .header-right-part {
top: 0;
}
.main-header-app.main-header .headInstituteName {
position: fixed;
left: 0;
top: 43px;
background: #fe6892;
}
.main-header .headerTopRow-1 {
align-items: start;
}
.main-header-app.main-header .headInstituteName {
font-size: 13px;
line-height: 16px;
padding-right: 0;
}
.HeaderUserProfile.dropdown-menu-with-arrow .dropdown-toggle::after {
bottom: -9px;
}
.institution-content-wrapper {
margin-top: 65px;
padding-bottom: 45px;
}
.sidebar-open .content-wrapper,
.sidebar-open .main-footer {
transform: none !important;
}
/* .institution-content-wrapper {
min-height: calc(100vh - 85px) !important;
max-height: calc(100vh - 85px);
} */
.institution-content-wrapper {
min-height: inherit !important;
max-height: inherit;
height: auto;
}
.main-footer {
position: fixed !important;
}
.skin-blue .main-sidebar.institution_theme_sidebar .sidebar-menu>li>.treeview-menu {
top: 0px;
padding-top: 8px;
}
.app-sidebarOpen-parent .sidebar-menu>li,
.app-sidebarOpen-parent .treeview-menu>li {
background: #005276;
}
.main-sidebar.institution_theme_sidebar .sidebar-menu>li>.treeview-menu {
background-color: #f2f7fa !important;
}
.app-sidebarOpen-parent .main-sidebar.institution_theme_sidebar .sidebar-menu>li>a.parent_li {
width: calc(100% - 10px);
border-radius: 0px !important;
}
.app-sidebarOpen-parent .main-sidebar.institution_theme_sidebar .sidebar-menu>li.active>a.parent_li,
.app-sidebarOpen-parent .main-sidebar.institution_theme_sidebar .sidebar-menu>li.menu-open>a.parent_li {
border-radius: 4px !important;
}
.main-sidebar.institution_theme_sidebar .sidebar-menu>li>a>i+span {
width: 100%;
}
.app-sidebarOpen-parent .main-sidebar.institution_theme_sidebar .sidebar-menu>li>a>i+span {
width: calc(100% - 15px);
}
.app-sidebarOpen .main-sidebar.institution_theme_sidebar .sidebar-menu>li>.treeview-menu,
.skin-blue .main-sidebar.institution_theme_sidebar .sidebar-menu>li>.treeview-menu {
width: 100%;
}
/* Sidebar and Header end */
.box-header.with-border {
padding-top: 10px;
}
.filter-form .box-body {
padding-left: 0 !important;
padding-right: 0 !important;
}
.content {
padding-right: 0px;
padding-left: 0px !important;
}
.ImportForm {
margin: 0 11px 0 0px !important;
}
.BrowseFile_students.BrowseFile_items_strands .ImportForm {
margin-right: 0px !important;
}
.BrowseFile-Col.BrowseFile_students.BrowseFile_items_strands .file-upload-btn-02 {
margin-right: 0;
}
.BrowseFile-Col.BrowseFile_students.BrowseFile_items_strands .file-upload-btn {
min-width: 161px;
}
.BrowseFile-Col.BrowseFile_students.BrowseFile_items_strands.btn {
height: 34px;
}
#kcpe_info label~div {
width: 86px;
}
#kcpe_info .control-label~div {
min-width: calc(33.33% - 3px);
}
.content .modal-body .box-body {
padding-left: 0;
padding-right: 0;
}
.modal-body {
overflow: auto;
max-height: calc(100vh - 170px);
}
#import_dependent_issue_modal .modal-body,
#edit_import_dependent_issue_modal .modal-body {
max-height: calc(100vh - 170px);
}
#import_dependent_issue_modal .modal-dialog,
#edit_import_dependent_issue_modal .modal-dialog {
margin-top: 5px;
}
/* .tab-content-studentViewPage .student-ul-row > div {
display: flex;
padding-left: 0px;
padding-right: 0px;
line-height: 20px;
margin-bottom: 15px;
}
.tab-content-studentViewPage .student-ul-row > div > div:first-child {
width: 130px;
min-width: 130px;
}
.tab-content-studentViewPage .student-ul-row > div > div:last-child {
flex-grow: 1;
} */
.rt-btn-col.d-flex.justify-content-end {
padding-left: 0;
justify-content: start !important;
flex-wrap: wrap;
}
.rt-btn-col>.btn {
margin-bottom: 4px;
margin-left: 0px !important;
margin-right: 5px;
}
.filter-box-inner>div>div:last-child .btn {
height: 34px !important;
width: auto;
font-size: 14px;
}
.filter-box-inner>div>div:last-child .col-12 {
padding-left: 0px;
padding-right: 0px;
}
.box-header {
padding: 10px 15px;
}
.box-header>.validate .box-body {
padding-right: 0;
}
/* .validate .box-body .form-group > div,
.validate .box-body .form-group > label {
padding-right: 0px !important;
} */
.form_tabContent {
padding-right: 10px !important;
padding-bottom: 100px;
}
textarea.form-control {
height: auto;
max-height: 110px;
}
.search-box {
margin-right: 0px;
}
.filter-box-inner {
padding: 15px 5px 7px;
}
.pagination {
margin: 0px 0 0px;
}
.add_more {
left: 30px;
}
#myqualifications.has_add_more.myqualifications_pb_40px .add_more {
left: 35px;
}
.devider_v {
display: none;
}
.btn-inlines .BrowseFile-Col .ImportForm {
margin: 0 0px 0 0px !important;
}
.file-upload-btn {
min-width: 180px;
}
.student-ul-row>div {
padding: 0;
}
.academic-ul li {
padding-left: 0px !important;
}
.student-ul-row {
padding-bottom: 10px !important;
}
.leftstudent-panel-report,
.rightstudent-panel-report {
border: 1px solid #ddd;
padding: 15px 15px;
}
.modal-lg.w-600 {
width: 100% !important;
max-width: calc(100% - 30px);
margin-top: 0;
}
.mCSB_container {
padding-bottom: 52px;
min-height: calc(100vh - 85px);
}
.sweet-alert button {
padding: 6px 12px !important;
font-size: 14px !important;
}
form.validate .filter-box-inner label.error {
left: 0;
}
.form-horizontal-multiRow .filter-box-inner .col-sm-3 {
margin-bottom: 20px;
}
.search-box.showbox {
width: 100%;
}
.wrapper_block>div {
margin-bottom: 15px;
}
.btnRemoveApprover {
margin-top: 0px !important;
}
#btnAddMore {
margin-bottom: 0;
}
.wrapper_block {
margin-bottom: 5px;
}
#main_wrapper {
padding-bottom: 45px;
}
.filter-box.mt-1px {
margin-top: 4px !important;
}
.row-sub {
padding-left: 0;
}
.cover-div {
padding: 10px 0 0 8px;
}
.academic_background_pe_15px {
padding-right: 0;
}
.academic_background_pe_20px {
padding-right: 0;
}
.academic_background_wrap_2 .cover-div .add_more_subject .cover-inn:first-child .row-sub .col-md-1 {
bottom: 20px;
}
.academic_background_wrap_2 .box-body-full-cover {
padding-bottom: 50px !important;
}
.academic_background_wrap_2 .cover-inn>div {
padding-right: 10px;
}
.academic_background_new2.academic_background_wrap_2 .cover-inn>div {
padding-right: 0;
}
form.validate label.error {
line-height: 14px;
font-size: 11px !important;
}
.academic_background_new2 .add_more_subject .render_html {
padding-bottom: 54px;
}
.academic_background_new2 .add_more_subject div.cover-inn:first-child .add_remove_wrap {
bottom: 20px;
padding-left: 0;
}
.filter-box-2 {
margin-top: 0px;
}
.BrowseFile-Col.BrowseFile_Col_subjects {
position: static;
border: none;
margin-bottom: 10px;
}
.btn-inlines .BrowseFile-Col {
margin-bottom: 10px;
}
.filter-row-with-buttons .rt-btn-col {
margin-bottom: 12px;
}
.mb-mobile-10px {
margin-bottom: 10px !important;
}
.mb-mobile-15px {
margin-bottom: 15px !important;
}
.mb-mobile-20px {
margin-bottom: 20px !important;
}
.mb-mobile-25px {
margin-bottom: 25px !important;
}
.mb-mobile-30px {
margin-bottom: 30px !important;
}
.mb-mobile-35px {
margin-bottom: 35px !important;
}
/* .filter-box-transparent {
margin-left: 0px;
}
.filter-box-transparent .col-xs-12 {
padding-left: 0px;
padding-right: 0px;
}
.filter-box-transparent .filter-box-inner > .d-flex > .col-sm-3 {
padding-left: 0px;
padding-right: 0px;
} */
.BrowseFile_students.BrowseFile_Col_assesment_objectives .file-upload-btn {
min-width: inherit;
padding: 0 7px;
}
.BrowseFile_students.BrowseFile_Col_assesment_objectives .ImportForm {
margin: 0 0px 0 0px !important;
}
.BrowseFile_students.BrowseFile_Col_assesment_objectives {
right: 118px !important;
}
/* .Recurring_Schedule.p-4 {
padding: 1.1rem !important;
} */
.filter-form-leftinline>div .buttonColum {
padding-left: 0;
padding-top: 15px;
}
.BrowseFile_adje.BrowseFile_students {
position: static !important;
border: none !important;
}
.BrowseFile_students.BrowseFile_items_inventory,
.BrowseFile_students.BrowseFile_payment {
position: static;
border-right: none !important;
}
.BrowseFile_students.BrowseFile_Col_employ {
position: static;
border-right: none !important;
}
.box-body-Checkbox-alignMiddle-wrap {
flex-direction: column;
}
.box-header>.validate .box-body-Checkbox-alignMiddle {
padding-top: 0;
padding-bottom: 15px;
}
.validate .box-body.box-body-Checkbox-alignMiddle-wrap .form-group div input[type="checkbox"] {
margin-right: 0;
}
/* .academic_background_wrap_1 .add_more .academic_background, .academic_background_wrap_1 .academic_background{ padding: 0; border-width: 1px 0 0px 0 !important;} */
.academic_background_wrap_1 .add_more .academic_background,
.academic_background_wrap_1 .academic_background {
border: none !important;
border-top: 1px solid #ccc !important;
width: calc(100%);
padding: 20px 0px 0px;
margin-bottom: 35px !important;
}
.academic_background_wrap_1 #addMore .academic_background .remove {
bottom: -6px;
}
.academic_background_wrap_1>.academic_background {
border-top: none !important;
padding-top: 0px !important;
margin-bottom: 0px !important;
}
.Attendance_info_col {
min-height: 46px;
}
.Attendance_info .font-16px,
.Attendance_info .font-16 {
font-size: 14px !important;
}
.Attendance_info .font-20px {
font-size: 16px !important;
}
.statistics_row_n1>div {
width: 50%;
}
.font-22px {
font-size: 18px;
}
.font-16px {
font-size: 14px !important;
line-height: 20px;
}
.add_more_custome_wrap1 #addMore .academic_background:last-child {
padding-bottom: 20px;
}
.add_more_custome_wrap1 #addMore .academic_background:last-child .remove {
bottom: 14px;
}
.BrowseFile-Col.catelog_BrowseFile,
.BrowseFile-Col.assets_BrowseFile {
position: static;
border-right: none !important;
}
.BrowseFile-Col.catelog_BrowseFile .ImportForm {
margin: 0 0px 0 0px !important;
}
.stats_n1>div {
margin-left: 20px;
}
.inner-infoTrans .top-heading {
padding-bottom: 0;
}
#map {
max-height: 200px;
}
.academic_background_wrap_1.academic_background_wrap_1_routeEdit {
padding-bottom: 0;
border-top: 1px solid #ddd;
padding-top: 23px;
}
.academic_background_wrap_1.academic_background_wrap_1_routeEdit .remove {
bottom: 27px !important;
}
.academic_background_wrap_1>.academic_background.academic_background_hasDataDefault {
margin-bottom: 30px !important;
}
.academic_background_wrap_1>.academic_background.academic_background_hasDataDefault .remove {
bottom: -7px;
}
.academic_background_wrap_1>.academic_background.academic_background_hasDataDefault:first-child {
position: static !important;
margin-bottom: 25px !important;
}
.academic_background_wrap_1.academic_background_wrap_1_routeEdit .academic_background {
padding-bottom: 30px !important;
}
.academic_background_wrap_1>.academic_background.academic_background_hasDataDefault:first-child {
border-bottom: 1px solid #ddd !important;
}
.input-fill-wrap .wrapper_block>div:nth-last-child(2) {
margin-bottom: 5px !important;
}
.input-fill-wrap-vehicleShedule .wrapper_block {
padding-top: 20px !important;
}
.input-fill-wrap-vehicleShedule .wrapper_block>div:not(:last-child) {
margin-top: 0;
}
.input-fill-wrap-vehicleShedule .wrapper_block {
padding-top: 20px !important;
padding-bottom: 17px !important;
}
.inner-infoTrans.inner-infoTrans-1 {
width: 100% !important;
max-width: 100%;
}
.inner-infoTrans.inner-infoTrans-1 .close-link {
left: inherit;
right: -9px;
top: -14px;
}
.inner-infoTrans.inner-infoTrans-1 .journey_det>.row>div:first-child {
width: 100%;
border-bottom: 1px solid #ddd;
padding-bottom: 0;
display: inline-block;
}
.inner-infoTrans.inner-infoTrans-1 .journey_det .checked-in div {
margin-top: 15px;
}
.inner-infoTrans.inner-infoTrans-1 .journey_det .checked-in div:first-child {
margin-top: 8px;
}
.modalScroll .modal-dialog {
margin-top: inherit;
margin-bottom: 0;
}
.col-responsive-50 {
width: 50%;
}
.dform-radio-011 {
flex-direction: column !important;
}
.academic_background_pe_20px.academic_background_wrap_2_paymentPlan .academic_background.pt-3 {
padding-top: 0 !important;
}
.academic_background_pe_20px.academic_background_wrap_2_paymentPlan .cover-inn {
margin-top: 0px !important;
}
.chat-window--body {
padding: 15px 25px !important;
}
.cwMsg-grp--msg {
margin-top: 4px !important;
}
.cwMsg-grp {
margin-bottom: 0 !important;
}
.row_inline_02>div {
width: 50%;
height: 100%;
}
#taskstats {
max-width: 200px;
max-height: 200px;
}
.Progress-div {
overflow: hidden;
width: 100%;
}
.datestrip .row>div {
margin-bottom: 10px;
}
.datestrip {
padding-top: 0px !important;
padding-bottom: 0px !important;
}
#view_import_dependent_issue_modal .dash-data-table {
max-width: 100% !important;
overflow: auto;
}
#view_import_dependent_issue_modal .modal-dialog {
max-width: calc(100% - 50px);
}
.Tasks_col-122 {
padding-left: 15px !important;
padding-right: 15px !important;
}
.modal-body-responsive-h-170 .modal-body {
max-height: calc(100vh - 170px);
}
.chat-window--head {
height: 45px;
}
.map_page_body.app-sidebarOpen .content-wrapper {
margin-left: 0px !important;
}
.map_page_body.app-sidebarOpen .content-wrapper .mapview-det {
top: 99px;
}
.map_page_body #map {
max-height: inherit;
}
.map_page_body.app-sidebarOpen .mapview-det h2 {
font-size: 16px;
}
.infotab-innerCont span {
font-size: 13px;
}
.map_page_body.app-sidebarOpen .infotab-innerCont p {
font-size: 12px;
line-height: 18px;
}
.infotab {
width: auto;
margin: 0 auto;
padding-left: 10px;
padding-right: 10px;
display: flex;
flex-wrap: nowrap;
overflow-y: hidden;
overflow-x: auto;
}
.infotab>div {
flex: 0 0 auto;
padding: 0px !important;
}
.route-btn {
height: 30px;
width: 129px;
right: -100px;
font-size: 13px;
}
.route-btn {
position: relative;
left: inherit;
top: -80px;
right: -50px;
}
.right-box {
right: 15px;
}
.component-edit-tabs.col-sm-6 {
margin-top: 20px;
}
.formio-dialog-content .lead {
margin-bottom: 0px;
}
.formarea {
width: 100%;
margin-top: 15px;
}
.builder.formbuilder>div:first-child {
width: 100%;
}
.builder.formbuilder>div:last-child {
width: 100%;
}
div.drag-and-drop-alert {
margin-bottom: 0px !important;
}
.box-body-infoTop-statistics .statistics_row_n1>div {
width: 33%;
margin-top: 15px;
}
.detailRow>div {
margin-bottom: 7px;
}
.img-outer-w-100px {
width: 60px;
height: 60px;
}
.img-outer-w-90px {
width: 50px;
height: 50px;
}
.img-outer-w-80px {
width: 50px;
height: 50px;
}
.img-outer-w-70px {
width: 50px;
height: 50px;
}
.img-outer-w-60px {
width: 50px;
height: 50px;
}
.filter-box-hasOnefield .filter-box-inner .d-flex>div {
flex: 1;
width: 100%;
margin-bottom: 1.3rem;
}
.filter-box-hasOnefield .filter-box-inner .d-flex>div:last-child {
text-align: left;
}
.search_btn_only_Onpage a[href="#filtermis"]::after {
top: 44px;
}
.form_tabContent_responsive_spaceFix_767px.form_tabContent {
padding-right: 20px !important;
}
.totalWeightWrapper_div {
margin-right: 0;
}
#main_wrapper.main_wrapper_wrap_01 {
padding-bottom: 25px;
}
#mainDetailWrapper .inner-infoTrans {
width: 100% !important;
}
#mainDetailWrapper .close-link {
left: inherit;
right: 0;
border-radius: 50%;
top: -8px;
}
.Question_row {
margin-bottom: 15px;
padding-bottom: 5px;
}
li.li_search {
margin-bottom: 0px !important;
}
.app-sidebarOpen-parent .search-box-sidebar {
right: 0px;
}
.app-sidebarOpen-parent .search-box-sidebar .search-box .search-inputBox {
border-radius: 0px;
}
.app-sidebarOpen-parent .search-box-sidebar .search-box .search-inputBox {
height: 37px;
}
.app-sidebarOpen-parent .search-box-sidebar {
width: 260px;
}
.BrowseFile_students.BrowseFile_Col_insClass {
position: static;
border-right: none;
}
.add_more_wrapNew #addMore .academic_background:last-child {
margin-bottom: 50px !important;
}
#myModalForInfo .modal-dialog {
margin-top: 15px;
}
/*
.main-sidebar.institution_theme_sidebar .sidebar::before {
position: fixed;
z-index: -1;
height: 100vh;
background-color: yellow; content: ''; bottom: 0;
} */
.BrowseFile_students.BrowseFile_Col_insClass {
border-right: none !important;
}
.BrowseFile_students.BrowseFile_items_inventory.BrowseFile_items_substrands {
margin-bottom: 10px;
}
.sidebar-menu>li::before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 32px;
height: 100%;
background: #005276;
}
.sidebar-open .sidebar-menu>li {
border-radius: 0px 0 0 0px !important;
}
.app-sidebarOpen .main-sidebar.institution_theme_sidebar {
width: 260px;
}
.app-sidebarOpen-parent .main-sidebar.institution_theme_sidebar {
width: 260px;
}
.app-sidebarOpen-parent .main-sidebar.institution_theme_sidebar::after {
width: 260px;
}
.app-sidebarOpen-parent .sidebarOpen_2 {
width: 260px;
}
.app-sidebarOpen-parent .main-sidebar.institution_theme_sidebar {
background-color: #005276 !important;
}
.Overview_section_row_left {
padding-top: 15px !important;
}
.font-16 {
font-size: 14px;
}
.infoRow_1>div:not(:last-child) {
margin-bottom: 10px;
}
.cart_row1_wrap {
padding-top: 0px !important;
padding-bottom: 0px !important;
}
.font-20px {
font-size: 16px !important;
}
.Overview_section_row_right {
padding-top: 20px !important;
}
.siteProgress.pb-4 {
padding-bottom: 5px !important;
}
.Overview_section_row_right_inner {
padding-left: 0px !important;
padding-right: 0px !important;
}
.progress_colors {
/* width: 24px; */
width: 32px;
}
.progress_colors_circle {
/* width: 24px;
height: 24px; */
}
.progress_colors::after {
width: 4px;
left: 50%;
transform: translateX(-50%);
}
.Pending_step .progress_colors_circle {
/* left: 3px; */
position: relative;
}
.progress_colors_circle svg {
max-width: 16px;
max-height: 16px;
width: auto;
height: auto;
}
.Milestones_wrap>.row {
padding-left: 50px;
}
.Milestones_wrap>.row>div:not(.progress_colors)::after,
.Milestones_wrap>.row:nth-child(2n)>div:not(.progress_colors)::after {
left: 10px;
width: 10px;
height: 10px;
top: 20px;
}
.inBox_01 .row>.ps-0 {
padding-left: 15px !important;
}
.inBox_01 .row>.pe-0 {
padding-right: 15px !important;
}
.inBox_01 .InnerBox {
border-color: #cfedff !important;
border: 1px solid;
}
.form_tabContent.form_tabContent_mobile_ps_10px {
padding-left: 10px;
}
.slick_site .slick-arrow {
width: 30px;
height: 30px;
}
.gallery_title {
padding-bottom: 10px !important;
}
.galler_Sliderow_wrap {
padding-bottom: 0.7rem !important;
}
.Gallery_badge_item {
font-size: 13px;
height: 32px;
padding: 0 10px;
}
.Milestones_outer_v2 .Milestones_wrap>.row {
padding-left: 35px;
}
.Milestones_outer_v2 .card_dd_mm {
left: 50px;
}
.Milestones_outer_v2 {
max-height: inherit !important;
}
.Milestones_outer_v2 .mCSB_scrollTools {
display: none !important;
}
.topInfo_colum {
padding-right: 45px;
}
.Milestones_outer_v2 .mCSB_container {
padding-bottom: 20px;
min-height: inherit;
}
.Milestones_outer_v2.clients_outer .progress_colors_circle {
font-size: 12px;
width: 24px;
height: 24px;
/* min-width: 30px; */
}
.clientInfo_colum {
flex-direction: column;
}
.clientInfo_colum>div:first-child {
margin-bottom: 10px;
}
.Budget_infobox .InnerBox {
border-width: 1px !important;
}
.Budget_infobox .InnerBox>div:first-child {
border-bottom: none;
font-size: 13px;
height: auto;
}
.Budget_infobox .InnerBox>div {
padding: 4px 8px;
font-size: 13px;
}
.Budget_infobox .InnerBox>div:last-child {
border-right: none;
padding-bottom: 10px !important;
}
.Budget_infobox.inBox_01 .row>.pe-0,
.Budget_infobox.inBox_01 .row>.ps-0 {
padding-right: 0px !important;
padding-left: 0px !important;
}
.Budget_infobox .InnerBox>div:first-child {
padding-top: 11px !important;
padding-bottom: 0px !important;
}
.search-box-v2-wrap-tasks {
flex-wrap: wrap;
}
.search-box-v2-wrap-tasks .search-box.showbox {
order: 3;
width: 100%;
margin-top: 15px;
}
.view_actionss {
margin-right: 0px !important;
}
.People_Section_head.task_top_row {
margin-bottom: 0px !important;
}
.BackMenuAction {
width: 35px;
height: 38px;
/* background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAh0lEQVQ4T2NkwA8KoNITcCljxKMfpLkfiD8AsSEQP8CmFpcByJoLgRoXkOICojWDDEV3AUma0Q0gWTOyAWRphhkA00wgRrFLg8IAFFWw+CbZEFggIhviCDTlALEmIccCWYagRyPJhmBLiSQZgispE20IvsyEbAgoM10gJTPB1IIMAQFQhsIKADOHIg9f9iW7AAAAAElFTkSuQmCC) no-repeat center center; */
border-radius: 50%;
position: absolute;
background-size: 13px auto;
cursor: pointer;
top: 0px;
padding-left: 18px;
padding-top: 5px;
left: 0px;
align-items: center;
}
.BackMenuAction::before {
content: "\f104" !important;
font-size: 22px !important;
font: normal normal normal 14px/1 FontAwesome;
}
li.menu-open .BackMenuAction {
display: flex;
}
.skin-blue .main-sidebar.institution_theme_sidebar .sidebar-menu>li>.treeview-menu {
left: 0;
}
/* .main-sidebar.institution_theme_sidebar .sidebar-menu > li.treeview:hover > .treeview-menu, .main-sidebar.institution_theme_sidebar .sidebar-menu > li.treeview.menu-open > .treeview-menu {
z-index: 999;
} */
.main-sidebar.institution_theme_sidebar .sidebar-menu>li>a>i+span {
left: 0;
}
.main-sidebar.institution_theme_sidebar .sidebar-menu>li>a {
min-width: inherit;
}
.app-sidebarOpen .main-sidebar.institution_theme_sidebar .sidebar-menu>li>a>i+span {
padding-left: 40px;
opacity: 0;
display: none;
}
.app-sidebarOpen:not(.app-sidebarOpen-parent) .main-sidebar.institution_theme_sidebar .sidebar-menu>li>a.parent_li {
width: 0;
padding: 0;
}
/* .app-sidebarOpen:not(.app-sidebarOpen-parent) .main-sidebar.institution_theme_sidebar .sidebar-menu > li.treeview.menu-open > .treeview-menu{
z-index:999;}
.app-sidebarOpen:not(.app-sidebarOpen-parent) .main-sidebar.institution_theme_sidebar .sidebar-menu > li > a {
z-index: 0;
} */
.sidebarOpen_2 {
display: none;
}
.app-sidebarOpen:not(.app-sidebarOpen-parent) aside.main-sidebar {
overflow: hidden;
}
.app-sidebarOpen:not(.app-sidebarOpen-parent) li.menu-open {
z-index: 99999;
}
.app-sidebarOpen:not(.app-sidebarOpen-parent) li.menu-open>a.li_a_2 {
position: absolute;
}
.app-sidebarOpen:not(.app-sidebarOpen-parent) .main-sidebar.institution_theme_sidebar::after {
display: none;
}
.app-sidebarOpen:not(.app-sidebarOpen-parent) aside.main-sidebar .sidebar-menu {
background: #005276;
}
.app-sidebarOpen:not(.app-sidebarOpen-parent) .skin-blue .sidebar-menu>li.active {
z-index: 999;
}
.main-header-app.main-header .col-logo-new {
width: 260px;
}
.main-header-app.main-header .logo {
width: auto;
}
.sidebar-menu>li::before {
z-index: 99;
}
.drive-info {
padding: 15px 0px;
overflow: scroll;
width: 100%;
}
.drive-info table {
width: 800px;
}
/* .app-sidebarOpen-parent .main-sidebar.institution_theme_sidebar .sidebar-menu > li > a > i + span{} */
li.menu-open {
z-index: 9991;
}
/* .sidebar-menu{ padding-bottom: 100px !important;} */
.skin-blue .main-sidebar.institution_theme_sidebar .sidebar-menu>li>.treeview-menu {
transition: none !important;
}
.treeview-menu>li {
transition: none !important;
}
.main-sidebar a {
transition: none !important;
}
.MenuParentTitle_li {
display: flex !important;
background: #f2f7fa !important;
border-bottom: 1px solid #ccc;
border-radius: 0 !important;
padding-top: 0 !important;
padding-bottom: 0px !important;
margin: 0 0px !important;
position: sticky;
width: 100%;
top: 0;
height: 45px;
align-items: center;
z-index: 1;
}
.MenuParentTitle_li span {
margin-left: 40px;
flex: 1;
font-size: 14px;
font-family: "google_sansmedium";
}
.skin-blue .main-sidebar.institution_theme_sidebar .sidebar-menu>li>.treeview-menu {
padding-top: 0;
}
.skin-blue .main-sidebar.institution_theme_sidebar .sidebar-menu>li>.treeview-menu {
height: calc(100% - 40px);
min-height: 100%;
padding-bottom: 20px;
}
aside.main-sidebar {
height: calc(100% - 46px);
}
.treeview.active.sidebarOpen>ul.treeview-menu {
display: none !important;
}
/*iPhone safari target Start*/
/* @media not all and (min-resolution:.001dpcm) { @media {
aside.main-sidebar .sidebar-menu {
padding-bottom: 120px;
}
.skin-blue .main-sidebar.institution_theme_sidebar .sidebar-menu > li > .treeview-menu {
padding-bottom: 140px;
}
}} */
/*iPhone safari target End*/
.main-sidebar.institution_theme_sidebar .sidebar-menu>li.treeview.menu-open>.treeview-menu {
display: block !important;
z-index: 99999999;
}
.skin-blue .sidebar-menu .treeview-menu>li>a:hover {
padding-left: 15px;
}
#work-managment-bar .work-details-page .mobile-show {
width: 900px;
}
.order-heading {
font-size: 17px;
}
.order-scroll {
height: 400px;
}
#my_task_levels .my_levels>div {
margin-bottom: 10px;
}
.form_tabContent_mobile_ps_0px {
padding-left: 0px !important;
}
.form_tabContent_space_ipad {
padding-left: 10px;
padding-top: 7px;
padding-right: 20px !important;
}
.task_template_edit_form_class .taskEdit-top {
flex-direction: column;
}
.task_template_edit_form_class .taskEdit-top>div:not(:last-child) {
margin-bottom: 15px;
}
.filter_box_checkbox_col {
min-height: inherit !important;
}
.box-bottom-section ul li {
font-size: 12px;
}
.academic_background_nn1 .add_more {
left: 36px;
}
.mb-mobile-0px {
margin-bottom: 0px !important;
}
.MenuParentTitle_li span {
margin-left: 26px;
}
.main-sidebar.institution_theme_sidebar .sidebar-menu>li:hover>a,
.main-sidebar.institution_theme_sidebar .sidebar-menu>li.menu-open>a {
background: transparent !important;
}
.main-sidebar.institution_theme_sidebar .sidebar-menu>li.active>a i {
color: #fe6892 !important;
}
.event-content {
padding-left: 35px;
}
.create-event-section .mb-4 {
margin-bottom: 1.5rem !important;
}
.partners-tabs-content .parters-detail {
padding: 20px 18px;
}
.add-notes-modal .css-modal-close {
left: -40px;
}
.partners-projects .partner-card .row .col-sm-12 {
width: 100%;
}
.partners-projects .partner-card h2 {
font-size: 16px;
}
.side-bar-body {
height: calc(100vh - 125px) !important;
padding: 5px 15px 0px;
}
.purchase-side-tabs a {
font-size: 16px;
margin-right: 15px;
}
.purchase-closes {
top: 12px !important;
}
.modal-header-body-footer-padding .modal-header,
.modal-header-body-footer-padding .modal-footer {
padding: 15px 20px !important;
}
.CardTabs_wrapper>li {
min-width: 280px;
}
.CardTabs_wrapper {
border: none;
}
.CaseRight .cardTabContents {
padding-left: 0;
}
.CaseRight {
padding: 0px;
}
.Peoples_row.DisputesCaseList>div {
margin-top: 10px;
}
.mt-mobile-0 {
margin-top: 0px !important;
}
.Attendance_card_row_detail {
flex-direction: column !important;
}
.Attendance_card_row.Attendance_card_row_detail>div:not(:last-child) {
border-bottom: 1px solid #e9e9e9;
}
.PartiesBadgeWrap>div {
margin-right: 7px;
margin-bottom: 7px;
}
.Attendance_card_row>div {
padding: 10px 20px;
}
.CaseSubTitle {
font-size: 16px !important;
}
.EventsTitleText.font-20px {
font-size: 20px !important;
margin-bottom: 0px !important;
}
#main_wrapper.main_wrapper_practicegroup .wrapper_block {
margin-bottom: 0px !important;
display: flex;
}
#main_wrapper.main_wrapper_practicegroup .wrapper_block>div {
padding-right: 0px;
}
.InactiveColum_v1 .control_label_inactive {
margin: 0px !important;
}
.main_wrapper_practicegroup {
padding-bottom: 30px !important;
}
.correspondenceRow .Notes_card_actions {
top: 17px;
}
.correspondenceRow .topInfo_colum {
flex-direction: column;
align-items: start;
padding-bottom: 4px;
}
.upload_notes_ist_v2 .upload-notes-single>div:not(:first-child) {
margin-top: 10px;
}
.upload-notes-section:first-child .IsPrivate_col4 {
margin-top: 0;
}
.upload_notes_ist_v2 .upload-notes-section:first-child .upload-notes-single>div.IsPrivate_col4 {
margin-top: 0px;
}
.dash-top-section-v2 .box-show {
padding: 15px;
}
.Task_chart_row {
flex-direction: column;
width: 100%;
}
.Task_chart_rt {
width: 100%;
}
.Task_chart_rt {
width: 100%;
padding: 0;
max-width: 200px;
margin-top: 20px;
}
.FileLoadRoww {
flex-direction: column;
}
.FileLoad_rt {
padding: 0;
width: 100%;
margin-top: 20px;
}
.FileLoad_chart_num {
font-size: 52px;
line-height: 52px;
}
.Task_chart_rt_02 {
max-width: 100%;
}
.Stages_chart_roww {
flex-direction: column;
}
.TotalFile_rt {
padding-left: 0;
padding-top: 20px;
padding-bottom: 10px;
}
.Cases_info_col {
/* border-bottom: 1px solid #ddd; */
padding-bottom: 0px;
padding-top: 0px !important;
margin-bottom: 20px !important;
}
.ByDeptCol {
margin-bottom: 0px !important;
}
.ByDeptCol .Cases_info_col {
margin-bottom: 0px !important;
}
.send_alert_emailSMS .delete-btn {
width: 32px;
}
.sendAlert_group select.form-control {
width: 85px;
}
.sales-mangement-section .row>.sales-boxess:last-child .sales-box {
margin-bottom: 0px;
}
.mb-5 {
margin-bottom: 15px !important;
}
.notification-details {
width: 100%;
padding: 25px 10px;
}
.notic-body-overlay .notice-info-box {
align-items: start;
}
.sched-heading {
margin-bottom: 10px !important;
}
.sched-heading>* {
margin: 5px 0;
}
/* .notic-body-overlay {
right: 0;
left: inherit;
top: inherit;
max-width: 460px;
bottom: 42px;
}
.notic-body-overlay .notification-bar-row .notice-bar-top{ flex-wrap: nowrap !important;}
.notic-body-overlay .notification-bar-row{ border-radius: 0px;} */
.notice-bar-top {
flex-wrap: nowrap !important;
justify-content: start !important;
text-align: left;
height: 100%;
line-height: 20px;
align-items: center !important;
}
.notification-bar-row {
padding: 0px 0px;
height: 59px;
}
.skin-blue .notic-body-overlay~.institutionDashboardWrapper {
margin-top: 59px;
}
.skin-blue .notic-body-overlay~.institutionDashboardWrapper .main-header-app.main-header .headInstituteName {
position: fixed;
left: 0;
top: 100px;
background: #005276;
}
.skin-blue .notic-body-overlay~.institutionDashboardWrapper .institution-content-wrapper {
margin-top: 59px;
}
.notification-bar-row>.container {
height: 100%;
}
.skin-blue .notic-body-overlay~.institutionDashboardWrapper .main-header {
background: #004968;
}
.skin-blue.app-sidebarClosed_default .notic-body-overlay~.institutionDashboardWrapper {
margin-top: 59px;
}
/* .budgetChart-tooltip {
min-width: 200px;
top: 75% !important;
left: 0 !important;
width: 100% !important;
} */
}
/* 767 end */
@media (max-width: 567px) {
.box-body-infoTop-withBtn {
flex-direction: column-reverse;
align-items: start;
}
.box-body-infoTop-withBtn .form-horizontal {
margin-top: 10px;
}
.BrowseFile_Col_marks {
position: static !important;
}
.academic_background_2 .cover-div .box-body-timeSlots-3 .row-sub-left>div:first-child,
.academic_background_2 .cover-div .box-body-timeSlots-3 .row-sub-left>div:nth-child(2) {
width: 40%;
}
.box-body-timeSlots .form-control {
padding: 6px 8px 6px 8px;
}
.List_Students_flex1>.d-flex {
flex-direction: column;
align-items: start !important;
justify-content: start;
}
.List_Students_flex1 .file-upload-btn {
min-width: 142px;
}
.List_Students_flex1 .margin-leftl-auto {
margin-top: 8px;
}
/* sharwan CSS start */
.radio-cash span {
margin: 5px 0px;
float: left;
width: 100%;
}
.speaker-image {
width: 80px;
height: 80px;
}
.speaker-name {
font-size: 14px;
}
.speaker-designation {
font-size: 12px;
}
.show-leads-data-page .box-body.body-col-4 {
width: 100% !important;
}
body.notes-modal-open .add-notes-modal {
width: calc(100% - 50px);
}
.mb-pad-2 {
margin-bottom: 33px;
}
.depart-info-box ul li a {
font-size: 14px;
line-height: 22px;
}
}
@media (max-width: 575px) {
.notes-modal-body .form-group textarea {
min-height: 260px;
}
.partner-disc h5 {
font-size: 12px;
}
.partner-disc span {
font-size: 14px;
}
.partners-tabs ul li a {
font-size: 14px;
padding: 0px 5px 10px 5px;
}
.progressbar .progress .progress-bar {
height: 10px;
}
.partner-info h3 {
font-size: 20px;
}
.partner-info .partner-contact-info li a {
font-size: 14px;
}
.notes-modal-header,
.notes-modal-body,
.notes-modal-foot {
padding: 15px;
}
.leads-cards-section .col-xs-6 {
width: 100%;
}
}
@media (max-width: 480px) {
.pagination-section {
flex-wrap: wrap;
justify-content: center;
gap: 10px;
}
.pagination-section .record-perpage {
width: 100%;
}
.partners-projects .partner-card h2 {
font-size: 14px;
}
.department-select-box {
font-size: 14px !important;
}
}
@media (max-width: 400px) {
.due-fields-wrap .row>div:first-child label.error {
left: 84px;
bottom: -38px;
border-left: 1px solid #ccc;
padding-left: 10px;
line-height: 13px;
}
.box-bottom-section ul li {
font-size: 11px;
}
.partner-info .col-sm-6,
.partners-tabs-content .col-sm-6,
.partner-card .col-sm-6 {
width: 100%;
float: left;
}
.achievement-section .achievement-card .achievement-icon {
width: 70px;
height: 70px;
}
.achievement-section .achievement-card .achievement-icon svg,
.achievement-section .achievement-card .achievement-icon img {
max-width: 40px;
max-height: 40px;
}
.achievement-content .achievement-title {
font-size: 16px;
margin-bottom: 5px;
}
.quarterly-target span {
font-size: 12px;
}
.quarterly-target .achived-amount {
font-size: 20px;
}
.single-lead-card .lead-title {
font-size: 16px;
}
.leads-counts-section .lead-numbers {
font-size: 28px;
}
}
/* ===== HR Dashboard Start ===== */
.hr-dashboard-wrapper .row {
display: flex;
flex-wrap: wrap;
}
.hr-dashboard-card {
width: 100%;
height: auto;
min-height: 100%;
border: solid 1px #dfdfdf;
border-radius: 5px;
padding: 20px 25px;
}
.new-nav-tabs {
border-bottom: solid 2px #e5e5e5;
margin-bottom: 20px;
}
.tabs-new-design .nav-tabs {
border: none;
gap: 20px;
}
.tabs-new-design .nav-tabs li {
margin: 0px;
}
.tabs-new-design .nav-tabs li:not(:last-child) {
padding-right: 20px;
}
.tabs-new-design .nav-tabs li a {
border: none !important;
margin-bottom: 0px;
background: transparent;
color: #000;
font-size: 20px;
opacity: 0.8;
font-family: "google_sansmedium";
padding: 0px 4px 10px 4px;
}
.tabs-new-design .nav-tabs li:hover a,
.tabs-new-design .nav-tabs li:focus a,
.tabs-new-design .nav-tabs li.active a {
color: #fe6892;
}
.tabs-new-design .nav-tabs li.active a:after,
.tabs-new-design .nav-tabs li:hover a:after,
.tabs-new-design .nav-tabs li:focus a:after {
content: "";
position: absolute;
left: 0;
bottom: -2px;
width: 100%;
height: 2px;
background: #fe6892;
border-radius: 5px;
}
.hr-dashboard-chart {
width: 100%;
padding-left: 25px;
padding-right: 25px;
}
.hr-dashboard-card .tab-content .col-md-3:not(:last-child) .hr-dashboard-chart {
border-right: solid 1px #dfdfdf;
}
.employees-cards-list {
width: 100%;
height: auto;
display: flex;
flex-direction: column;
gap: 30px;
}
.single-employee-card {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
gap: 8px;
}
.single-employee-card .employe-img {
flex: 0 0 auto;
width: 35px;
height: 35px;
object-fit: cover;
}
.single-employee-card .employe-img img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 50%;
}
.single-employee-card .employe-info {
width: 100%;
height: auto;
}
.hr-dashboard-dropdown {
border: solid 1px #d9d9d9;
padding: 4px 10px;
border-radius: 3px;
}
.hr-dashboard-dropdown h4 {
padding-right: 10px;
margin-right: 10px;
}
.hr-dashboard-dropdown .border-right {
border-right: solid 1px #d9d9d9;
}
.hr-dashboard-dropdown .select2-container {
height: auto;
}
.hr-dashboard-dropdown .select2-container .select2-selection--single {
height: 26px;
border: none;
}
.hr-dashboard-dropdown .select2-container .select2-selection--single .select2-selection__arrow {
height: 22px;
background: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: center;
background-size: 10px;
}
.hr-dashboard-dropdown .select2-container .select2-selection--single .select2-selection__arrow b {
border: none;
}
.hr-dashboard-dropdown .select2-container .select2-selection__rendered {
font-family: "google_sansmedium";
}
.form-select.select2+.select2-container .select2-selection--single,
.form-select.select2+.select2-container .select2-selection--single .select2-selection__rendered {
padding-left: 0px !important;
}
.tabs-new-design .tab-font-15 li a {
font-size: 15px;
}
.text-secondary2 {
color: #fe6892;
}
.table-head-bg thead tr th {
background: #f5f5f5;
}
.table-last-child-left thead:first-child>tr:first-child>th {
text-align: left;
}
.holidays-list {
width: 100%;
height: auto;
display: flex;
flex-direction: column;
gap: 15px;
}
.single-holiday {
width: 100%;
height: auto;
background: #fff;
border-radius: 6px;
border: solid 1px #92ecee;
border-left-width: 6px;
padding: 13px 20px;
position: relative;
}
.single-holiday .holiday-date {
color: #005276;
}
.holiday-title {
width: 100%;
position: relative;
padding-left: 10px;
}
.holiday-title:before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 4px;
height: 100%;
border-radius: 6px;
background: #fe6892;
}
.send-greeting-btn {
background: #01cdd1;
border: none;
padding: 4px 10px;
border-radius: 20px;
}
.employees-cards-list.with-border {
gap: 5px;
}
.single-employee-card-with-age {
width: 100%;
height: auto;
display: flex;
justify-content: space-between;
align-items: end;
border: solid 1px #ebebeb;
border-radius: 3px;
padding: 10px;
}
.single-employee-card-with-age .age {
color: #4a4a4a;
font-size: 12px;
white-space: nowrap;
}
.max-height-300 {
max-height: 300px;
overflow: auto;
}
.number-of-employees {
width: 100%;
height: auto;
display: flex;
align-items: center;
gap: 20px;
}
.total-numbers-circle {
flex: 0 0 auto;
width: 130px;
height: 130px;
border: solid 5px #01cdd1;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
border-radius: 50%;
text-align: center;
padding: 10px;
}
.total-numbers-circle .total-numbers {
font-size: 40px;
color: #005276;
}
.total-numbers-circle span {
font-size: 10px;
color: #005276;
}
.active-employees {
font-size: 14px;
color: #01cdd1;
}
.active-employees span {
font-size: 26px;
}
.inactive-employees {
font-size: 14px;
color: #fe6892;
}
.inactive-employees span {
font-size: 26px;
}
.multiselect-selected-text {
padding-right: 15px;
width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.timeline-table-graph {
width: 100%;
overflow: auto;
}
.timeline-table-graph table {
width: 100%;
}
.timeline-table-graph table tbody td {
min-width: 130px;
border: dashed 1px #cccccc;
/* padding: 10px; */
padding: 2px;
}
.timeline-table-graph table tbody td,
.employee-card-height .single-employee-card {
height: 67px;
}
.employee-card-height {
gap: 0px;
}
.timeline-table-graph table thead td {
height: 63px;
padding: 15px 0px;
border: none;
color: #373737;
font-size: 11px;
text-align: center;
font-family: "google_sansmedium";
}
.timeline-table-graph table thead td strong {
font-size: 17px;
line-height: 16px;
color: #005276;
display: block;
}
.timeline-table-graph table tfoot td {
padding: 15px 0px;
border: none;
color: #005276;
font-size: 11px;
font-family: "google_sansmedium";
}
.contract-card {
height: 100%;
}
.contract-end {
background: #ffd1de;
padding: 10px;
}
.contract-card h5 {
margin-top: 0px;
margin-bottom: 8px;
font-size: 12px;
color: #000;
font-family: "google_sansmedium" !important;
}
.contract-card h6 {
margin: 0px;
font-size: 11px;
color: #000;
font-family: "google_sansregular" !important;
}
.employees-contract-timeline {
width: 100%;
height: auto;
max-height: 260px;
overflow-y: auto;
overflow-x: hidden;
}
.employee-card-height .employe-info h4 {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.employee-card-height .employe-info h6 {
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
}
.mt-63 {
margin-top: 63px;
}
.max-height-350 {
max-height: 350px;
}
.max-height-350.overflow-auto {
overflow: auto;
}
/* ===== HR Dashboard End ===== */
.align-items-start {
align-items: flex-start;
}
/* projectsInfoWrapper */
.innerContent {
padding-left: 15px;
padding-bottom: 50px;
}
.proCount {
font-size: 48px;
line-height: 54px;
}
.totalProCountColor {
color: #01CDD1;
}
.totalMileCountColor {
color: #01CDD1;
}
.proBox {
padding: 25px;
}
/* DashBoard Project Section */
.proNumSelectBox {
justify-content: space-between;
padding-bottom: 15px;
}
.proNum {
font-size: 22px;
text-transform: uppercase;
}
.selectDate {
border: 1px solid #CFCFCF;
padding: 5px 25px 5px 10px;
background: url(img/dateSelectArrow.png) no-repeat center right 8px;
border-radius: 2px !important;
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance: none;
appearance: none;
}
.dashProjectBoxWrapper {
border: 1px solid #E6E2E2;
border-radius: 5px;
border-top: 6px solid #005276;
padding: 20px;
}
/* DashBoard link Project Tab Section */
.linkProHeadingBtn {
display: flex;
align-items: center;
justify-content: space-between;
padding-bottom: 15px;
}
.linkedProHeading {
font-size: 18px;
font-family: "google_sansmedium";
}
.linedWingRow {
display: flex;
padding-bottom: 40px;
margin-left: -15px;
margin-right: -15px;
overflow-x: auto;
}
.linedWingCol {
padding-left: 15px;
padding-right: 15px;
width: 33.33%;
min-width: 488px;
}
.wingTowerWrapper {
border: 1px solid #CADAE3;
padding: 20px 15px 60px;
}
.wingHeadingView,
.progressSelectSec {
display: flex;
align-items: center;
justify-content: space-between;
border-bottom: 1px solid #CADAE3;
padding-bottom: 20px;
}
.wingHeading {
font-size: 20px;
font-family: "google_sansbold" !important;
}
.wingView a {
color: #01CDD1;
border: 1px solid #01CDD1;
padding: 7px 10px;
border-radius: 4px;
}
.wingView a:hover {
background: #01CDD1;
color: #fff;
}
.progressSelectSec {
padding-top: 20px;
border-bottom: 0;
}
.progressTillHeading {
font-size: 16px;
font-family: "google_sansmedium";
}
.progressSelectBox select {
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance: none;
appearance: none;
border: 1px solid #C8C8C8;
border-radius: 13px !important;
background: #F2F2F2 url(img/mProSelectArrow.png) no-repeat 93px center;
padding: 0px 14px;
width: 115px;
height: 26px;
}
.progressSelectBox select.inProgress {
border-color: #FB872E !important;
color: #FB872E;
background-color: #FFFAF6;
}
.progressSelectBox select.completed {
border-color: #00B542 !important;
color: #00B542;
background-color: #EFFBF6;
}
.progressTillDateSec {
display: flex;
align-items: center;
justify-content: space-between;
border-bottom: 1px solid #CADAE3;
padding-bottom: 20px;
}
.linkedProDateLabel {
font-size: 16px;
color: rgba(0, 0, 0, 0.66);
}
.linkedProDateInfo {
font-size: 16px;
font-family: "google_sansmedium";
}
.proMilestoneWrapper {
padding-top: 20px;
}
.milestonesBoxesWrapper {
overflow-y: auto;
}
.milestoneBoxOuter {
padding-left: 70px;
}
.milestoneBoxOuter:last-child {
overflow: hidden;
}
.milestoneBox {
border: 1px solid #01CDD1;
border-radius: 8px;
padding: 10px 20px;
margin-top: 18px;
max-width: 335px;
position: relative;
}
.milestoneBox:before {
content: '';
position: absolute;
top: 15px;
left: -7px;
transform: translateX(-50%);
width: 0;
height: 0;
border-top: 13px solid transparent;
border-right: 13px solid #C9DEEF;
border-bottom: 13px solid transparent;
}
.milestoneBox:after {
content: '';
position: absolute;
top: 18px;
left: -5px;
transform: translateX(-50%);
width: 0;
height: 0;
border-top: 10px solid transparent;
border-right: 12px solid #fff;
border-bottom: 10px solid transparent;
}
.innerContent {
padding-left: 15px;
padding-bottom: 50px;
}
.proCount {
font-size: 48px;
line-height: 54px;
}
.totalProCountColor {
color: #01CDD1;
}
.totalMileCountColor {
color: #01CDD1;
}
.proBox {
padding: 25px;
}
/* DashBoard Project Section */
.proNumSelectBox {
justify-content: space-between;
padding-bottom: 15px;
}
/* Reports Tabs */
.reportsViewSelect {
position: absolute;
right: 0;
top: 10px;
z-index: 2;
}
.reportSelect {
position: relative;
}
.reportSelect .reportSelectTop {
border: 1px solid #D9D9D9;
padding: 5px 25px 5px 10px;
background: #fff url(img/listGirdArrow.png) no-repeat center right 8px;
display: flex;
align-items: center;
cursor: default;
}
.reportSelect .reportSelectTop img {
margin-right: 3px;
}
.reportSelect ul {
list-style: none;
padding: 2px 0;
margin: 0;
border: 1px solid #D9D9D9;
position: absolute;
width: 100%;
border-top: 0;
}
ul.viewReportUl {
display: none;
}
.reportSelect ul li {
cursor: default;
display: flex;
align-items: center;
padding: 5px 8px;
background: #fff;
}
.reportSelect ul li img {
margin-right: 3px;
}
.reportSelect ul li:hover {
background: #f4f4f4;
}
.tabBarViewSelectWrapper {
position: relative;
}
.reportTabSection ul.nav-pills li {
margin-right: 20px;
}
.reportTabSection ul.nav-pills li a {
font-size: 18px;
font-family: "google_sansmedium";
color: #000;
border: 1px solid #01CDD1;
border-radius: 5px;
margin-right: 0px;
margin-left: 0;
}
.reportTabSection ul.nav-pills li.active a {
color: #fff;
font-weight: initial;
background: #01CDD1;
}
.reportTabSection ul.nav-pills li.active:after {
content: '';
border-width: 7px 7px 0 7px;
border-style: solid;
border-color: #01CDD1 transparent transparent transparent;
position: absolute;
bottom: -7px;
left: 50%;
transform: translateX(-50%);
}
.proNum {
font-size: 22px;
text-transform: uppercase;
}
.selectDate {
border: 1px solid #CFCFCF;
padding: 5px 25px 5px 10px;
background: url(img/dateSelectArrow.png) no-repeat center right 8px;
border-radius: 2px !important;
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance: none;
appearance: none;
}
.reportTabSection .tab-content {
padding: 15px 0 30px;
}
.reportCardBoxWrapper {
padding: 15px 0;
}
.reportBoxCard {
border: 1px solid #D9D9D9;
border-radius: 5px;
padding: 30px 25px;
position: relative;
}
.dashProjectBoxWrapper {
border: 1px solid #E6E2E2;
border-radius: 5px;
border-top: 6px solid #005276;
padding: 20px;
}
.reportCardBottomWrapper {
background: #F2F7FA;
max-width: calc(100% - 80px);
margin: 0 auto;
padding: 18px;
position: relative;
}
.reportCardBottomWrapper:before {
content: '';
border-width: 0px 13px 60px 0;
border-style: solid;
border-color: transparent #F2F7FA transparent transparent;
position: absolute;
left: -13px;
top: 0;
}
.reportCardBottomWrapper:after {
content: '';
border-width: 0px 0px 60px 13px;
border-style: solid;
border-color: transparent transparent transparent #F2F7FA;
position: absolute;
right: -13px;
top: 0;
}
.reportCardBottomWrapper a {
margin-right: 10px;
}
.reportCardBottomWrapper a:last-child {
margin-right: 0;
}
.reportSubmitBtn {
background: #E9F9FF;
border: 1px solid #005276;
color: #005276;
padding: 3px 10px;
border-radius: 13px;
}
.reportSubmitBtn:hover {
background: #005276;
color: #fff;
}
.reportDraftBtn {
background: #FFFAF2;
border: 1px solid #D88304;
color: #D88304;
padding: 3px 10px;
border-radius: 13px;
}
.reportDraftBtn:hover {
background: #D88304;
color: #fff;
}
.reportApproveBtn {
background: #EFFBF6;
border: 1px solid #00B542;
color: #00B542;
padding: 3px 10px;
border-radius: 13px;
}
.reportApproveBtn:hover {
background: #00B542;
color: #fff;
}
.reportHistory {
color: #005276;
font-family: "google_sansmedium";
}
.reportHistory:hover {
color: #005276;
opacity: .6;
}
.receiveForReWork {
background: #FFF9FB;
border: 1px solid #FE6892;
color: #FE6892;
padding: 3px 10px 3px 10px;
border-radius: 13px;
}
.receiveForReWork span {
background: #FE6892;
font-size: 13px;
border: 1px solid #FE6892;
color: #fff;
padding: 1px 8px;
border-radius: 13px;
margin-left: 5px;
}
.receiveForReWork:has(span) {
padding-right: 2px;
}
.receiveForReWork span img {
margin-left: 3px;
}
.receiveForReWork:hover {
background: #FE6892;
color: #fff;
}
.receiveForReWork:hover span {
background: #01CDD1;
border-color: #01CDD1;
}
.reportBoxTopRight {
position: absolute;
right: 25px;
top: 12px;
}
.reportPendingBtn {
background: #D8FEFF;
border: 1px solid #01CDD1;
color: #01CDD1;
padding: 3px 10px;
border-radius: 13px;
}
.reportPendingBtn:hover {
background: #01CDD1;
color: #fff;
}
.reportPagination {
display: flex;
align-items: center;
justify-content: flex-end;
padding-top: 20px;
}
.pageTxt {
padding: 0 10px 0 25px;
}
.ofTxt {
padding: 0 25px 0 5px;
}
.pageNext a {
text-transform: uppercase;
text-decoration: underline;
color: rgba(0, 0, 0, .7);
font-family: "google_sansbold";
}
.pageNext a:hover {
color: #01cdd1;
}
/* Report List View */
.reportListViewTable {
border: 1px solid #D9D9D9;
}
.reportListViewTable thead tr th,
.reportListViewTable tbody tr td {
border-bottom: 1px solid #D9D9D9;
padding: 15px 10px;
}
.reportListViewTable thead tr th:first-child,
.reportListViewTable tbody tr td:first-child {
padding-left: 20px;
}
.reportListViewTable thead tr th:last-child,
.reportListViewTable tbody tr td:last-child {
padding-right: 20px;
}
.reportAttachmentList img {
margin-right: 5px;
}
.reportAttachmentList img:last-child {
margin-right: 0;
}
.reportStatusListBtn a {
margin-right: 8px;
}
.reportStatusListBtn a:last-child {
margin-right: 0;
}
/* View History Popup */
#reportHistoryModal .modal-dialog {
max-width: 750px;
}
#reportHistoryModal .modal-header .close {
display: block !important;
bottom: inherit;
left: inherit;
right: 15px;
border: 0;
font-size: 30px !important;
}
#reportHistoryModal .modal-title {
font-size: 22px;
padding-left: 10px;
}
.historyModalWrapper {
padding: 8px 20px 10px;
overflow-y: auto;
}
.historyModalBox {
padding-left: 20px;
padding-bottom: 15px;
position: relative;
}
.historyModalBox:last-child {
padding-bottom: 0;
}
.historyModalBox:last-child::before {
display: none;
}
.historyModalBox:after {
content: '';
background: url(img/historyDot.png) no-repeat center right;
width: 16px;
height: 16px;
position: absolute;
left: -10px;
top: 0;
}
.historyModalBox:before {
content: '';
width: 1px;
height: 100%;
border: 1px solid #01CDD1;
position: absolute;
left: -3px;
top: 0;
}
.historymodStatus,
.historyModalDate {
padding-bottom: 8px;
font-family: "google_sansmedium";
}
.historyModalComment {
border: 1px solid #B4B4B4;
border-radius: 5px;
padding: 18px;
}
.historyModalComment h5 {
margin-top: 0;
}
.historyModalComment p {
margin-bottom: 0;
}
#reportHistoryModal .modal-footer {
padding-right: 35px;
}
/* Team Report Card */
.teamTopCardBox {
border: 1px solid #D9D9D9;
border-radius: 5px 5px 0 0;
padding: 15px 25px;
justify-content: space-between;
border-bottom: 0;
}
.teamPersonImg {
width: 36px;
height: 36px;
border-radius: 50%;
}
.teamPersonName {
font-size: 16px;
font-family: "google_sansbold";
padding-left: 12px;
}
.teamTopCardBox .reportBoxTopRight {
position: static;
}
.teamReportCardBoxWrapper .reportBoxCard {
border-top-right-radius: 0;
border-top-left-radius: 0;
}
/* Project page */
ul.linkedProUl {
list-style: none;
padding: 8px 0;
margin: 0;
}
ul.linkedProUl li {
background: url(img/linkedPro.jpg) no-repeat center left;
padding: 8px 0 8px 22px;
}
ul.linkedProStDate,
ul.linkedProEndDate,
ul.linkedProProgress {
list-style: none;
padding: 8px 0;
margin: 0;
}
ul.linkedProStatus {
list-style: none;
padding: 4px 0;
margin: 0;
}
ul.linkedProStDate li,
ul.linkedProEndDate li {
padding: 8px 0;
}
ul.linkedProProgress li {
padding: 3px 0;
}
ul.linkedProStatus li {
padding: 4px 0;
}
.taskChartWrapper {
width: 80%;
justify-content: space-between !important;
margin: 0 auto;
}
#taskChart {
width: 235px !important;
height: 235px !important;
margin-right: 6%;
}
.taskChartRight {
display: flex;
font-size: 16px;
width: 100%;
text-align: left;
justify-content: space-between;
}
.taskChartRight ul {
list-style: none;
padding: 0;
margin: 0;
font-family: "google_sansmedium";
color: #000000;
text-align: left;
}
.taskChartRight ul li {
padding: 8px 0;
display: flex;
align-items: center;
}
.taskChartR1,
.taskChartR2 {
width: 50%;
}
.taskChartR3 {
width: 40px;
}
.taskChartLabel {
color: #707070;
border-bottom: 1px solid #DEDEDE;
padding-bottom: 8px;
}
.taskChartR2 ul li {
color: #01CDD1;
}
.taskChartR1 ul li:before {
content: '';
display: inline-block;
width: 17px;
height: 17px;
border-radius: 50%;
background: #333;
margin-right: 8px;
}
.taskChartOverDue:before {
background: #FF3169 !important;
}
.taskCharttodo:before {
background: #403294 !important;
}
.taskChartInPro:before {
background: #FEB626 !important;
}
.taskChartComplete:before {
background: #00B4B0 !important;
}
.taskChartTable {
width: 100%;
text-align: left;
font-size: 16px;
font-family: "google_sansmedium";
color: #000;
}
.taskChartTable thead th {
color: #707070;
border-bottom: 1px solid #DEDEDE;
padding-bottom: 8px;
font-family: 'google_sansregular';
font-weight: normal;
}
.taskChartTable tbody tr td {
padding: 8px 0;
width: 50%;
}
.taskChartTable tbody tr td:nth-child(1) span {
display: inline-block;
width: 17px;
height: 17px;
border-radius: 50%;
background: #333;
margin-right: 8px;
vertical-align: text-top;
}
.taskChartTable tbody tr td:nth-child(2) {
color: #01CDD1;
width: 50%;
}
.taskChartTable tbody tr td:nth-child(3) {
width: 40px;
}
.my_status[data-attr-s="Not Started"] {
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance: none;
appearance: none;
border: 1px solid #C8C8C8 !important;
border-radius: 13px !important;
background: #F2F2F2 url(img/mProSelectArrow.png) no-repeat 93px center !important;
padding: 0px 14px;
width: 115px;
height: 26px;
}
.my_status[data-attr-s="In Progress"] {
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance: none;
appearance: none;
border: 1px solid #FB872E !important;
border-radius: 13px !important;
background: #FFFAF6 url(img/mProSelectArrow.png) no-repeat 93px center !important;
padding: 0px 14px;
width: 115px;
height: 26px;
color: #FB872E;
background-color: #FFFAF6;
}
.my_status[data-attr-s="Finished"] {
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance: none;
appearance: none;
border: 1px solid #00B542 !important;
border-radius: 13px !important;
background: #EFFBF6 url(img/mProSelectArrow.png) no-repeat 93px center !important;
padding: 0px 14px;
width: 115px;
height: 26px;
color: #00B542;
background-color: #EFFBF6;
}
.mileStoneCharWrapper {
display: flex;
width: 80%;
margin: 0 auto;
align-items: center;
justify-content: center;
padding-bottom: 40px;
}
.mileStoneCharWrapper canvas {
width: 125px !important;
height: 125px !important;
}
.mileStoneCharWrapper ul {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-wrap: wrap;
align-items: center;
width: 100%;
justify-content: space-around;
}
.mileStoneCharWrapper ul li {
width: 25%;
margin: 8px 0;
text-align: center;
border-right: 1px solid #C9C9C9;
}
.mileStoneCharWrapper ul li:last-child {
border-right: 0;
}
.mChartLabel {
font-size: 24px;
line-height: normal;
font-family: "google_sansmedium";
}
.mChartValue {
font-size: 16px;
line-height: normal;
}
/* Create New Report */
.newReportTop {
display: flex;
align-items: center;
justify-content: space-between;
border-bottom: 1px solid #DFDFDF;
padding-bottom: 15px;
}
.newReportTopLeft {
display: flex;
align-items: center;
}
.backArrowWrap {
padding-right: 10px;
}
.backArrowWrap span {
background: #01CDD1;
width: 24px;
height: 24px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
}
.backArrowWrap a:hover span {
background: #fe6892;
}
.heading_22 {
font-size: 22px;
font-family: "google_sansbold";
}
.newReportTopRight ul {
list-style: none;
padding: 0;
margin: 0;
display: flex;
font-size: 13px;
color: #5D5D5D;
}
.newReportTopRight ul li {
padding: 0 14px 0 8px;
background: url(img/breadCumArrow.png) no-repeat center right;
}
.newReportTopRight ul li:last-child {
background: none;
padding-right: 0;
}
.newReportTopRight ul li a {
color: #000;
}
.newReportTopRight ul li a:hover {
color: #01CDD1;
text-decoration: underline;
}
.createNewReportFormWrapper {
max-width: 600px;
padding: 20px 0 80px 0;
font-size: 16px;
}
.newReportFirstFiled {
border: 1px solid #CECECE;
border-radius: 2px;
padding: 10px 20px;
}
ul.createNewReportForm {
list-style: none;
padding: 0;
margin: 0;
}
ul.createNewReportForm li {
padding-bottom: 15px;
}
.newReportFirstFiled h4 {
font-family: "google_sansbold";
}
.newReportFirstFiled h5 {
font-size: 18px;
font-weight: normal;
font-family: 'google_sansregular' !important;
}
.reportTypeDateWrap {
display: flex;
gap: 18px;
align-items: center;
justify-content: space-between;
}
.reportTypeDateWrap label {
display: block;
font-family: "google_sansbold";
padding-bottom: 8px;
margin: 0;
}
.reportTypeDateWrap .reportTypeBox,
.reportTypeDateWrap .reportDateBox {
width: 100%;
}
.reportTypeDateWrap select,
.reportTypeDateWrap input[type="text"],
.reportTypeDateWrap input[type="date"],
.createNewReportFormWrapper textarea {
width: 100%;
border-radius: 2px;
border: 1px solid #CECECE;
height: 42px;
padding: 0 15px;
font-size: 16px;
}
.reportTypeDateWrap select {
padding: 0 30px 0 15px;
}
.createNewReportFormWrapper textarea {
height: 275px;
padding: 15px;
}
.attachmentTitle {
font-size: 18px;
font-family: "google_sansbold";
}
.attachSupportType {
font-family: "google_sansmedium";
padding-bottom: 10px;
font-size: 14px;
}
.fileUploadParentWrapper {
max-width: 430px;
}
.fileUploadWrap {
display: flex;
align-items: center;
justify-content: space-between;
border-radius: 2px;
border: 1px solid #CECECE;
padding: 10px;
position: relative;
}
.uploadTxtIcon i {
padding-right: 8px;
}
.uploadBtn button {
background: #979797;
background: -webkit-linear-gradient(top, #979797, #474747);
background: -moz-linear-gradient(top, #979797, #474747);
background: -o-linear-gradient(top, #979797, #474747);
background: linear-gradient(to bottom, #979797, #474747);
height: 26px;
width: 56px;
border: 0;
color: #fff;
border-radius: 3px;
font-size: 13px;
}
.fileUploadWrap input[type="file"] {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 1;
opacity: 0;
}
ul.attachedFileWrap {
list-style: none;
padding: 10px 0;
margin: 0;
}
ul.attachedFileWrap li {
display: flex;
align-items: center;
padding: 5px 0;
}
ul.attachedFileWrap li input {
width: 100%;
height: 50px;
border: 1px solid #CECECE;
border-radius: 2px;
padding: 15px;
}
ul.attachedFileWrap li .removeAttached {
font-size: 18px;
color: #CA202E;
margin: 0 8px;
}
.wFileIcon {
width: 58px;
height: 50px;
border: 1px solid #CECECE;
border-radius: 2px;
display: flex;
align-items: center;
justify-content: center;
margin-right: 12px;
}
.reportBtnWrap {
display: flex;
align-items: center;
gap: 8px;
}
.reportBtnWrap button {
height: 36px;
border-radius: 4px;
font-size: 14px;
padding: 0 15px;
}
.reportBtnWrap button.saveDraftBtn {
border: 1px solid #005276;
color: #005276;
background: #fff;
}
.reportBtnWrap button.saveDraftBtn:hover {
background: #005276;
color: #fff;
}
.reportBtnWrap button.fileCancelBtn {
border: 1px solid #DD4B39;
color: #fff;
background: #DD4B39;
}
.reportBtnWrap button.fileCancelBtn:hover {
background: #AE2D1E;
color: #fff;
}
@media (min-width:1200px) and (max-width:1400px) {
.mileStoneCharWrapper ul li {
width: 50%;
}
.mileStoneCharWrapper ul li:nth-child(2) {
border-right: 0;
}
}
@media (min-width:1200px) and (max-width:1500px) {
.taskChartWrapper {
flex-direction: column;
}
}
@media (min-width:768px) and (max-width:900px) {
.taskChartWrapper {
flex-direction: column;
}
}
@media (min-width:768px) and (max-width:800px) {
.mileStoneCharWrapper ul li {
width: 50%;
}
.mileStoneCharWrapper ul li:nth-child(2) {
border-right: 0;
}
}
@media(max-width:1700px) {
.mileStoneCharWrapper {
width: 100%;
}
.taskChartWrapper {
width: calc(100% - 50px);
}
}
@media(max-width:1400px) {
.overViewReportInfoWrapper {
max-width: 100%;
}
.overViewReportName {
font-size: 14px;
}
}
@media(max-width:600px) {
.overViewReportInfoWrapper {
max-width: 100%;
}
.overViewReportBox {
width: 50%;
padding-bottom: 15px;
}
.overViewReportWrapper {
padding-bottom: 10px;
}
.overViewLinkBtns {
padding-right: 0;
}
.overViewLinkBtns ul li {
width: 50%;
}
.taskChartWrapper {
flex-direction: column;
}
}
@media(max-width:500px) {
.totBudgetGrapInfo2 {
flex-direction: column;
align-items: flex-start;
}
.overViewLinkBtns ul li {
width: 100%;
}
.mileStoneCharWrapper ul li {
width: 50%;
}
.mileStoneCharWrapper ul li:nth-child(2) {
border-right: 0;
}
.taskChartTable {
font-size: 14px;
}
}
/* DashBoard link Project Tab Section */
.linkProHeadingBtn {
display: flex;
align-items: center;
justify-content: space-between;
padding-bottom: 15px;
}
.linkedProHeading {
font-size: 18px;
font-family: "google_sansmedium";
}
.linedWingRow {
display: flex;
padding-bottom: 40px;
margin-left: -15px;
margin-right: -15px;
overflow-x: auto;
}
.linedWingCol {
padding-left: 15px;
padding-right: 15px;
width: 33.33%;
min-width: 488px;
}
.wingTowerWrapper {
border: 1px solid #CADAE3;
padding: 20px 15px 60px;
}
.wingHeadingView,
.progressSelectSec {
display: flex;
align-items: center;
justify-content: space-between;
border-bottom: 1px solid #CADAE3;
padding-bottom: 20px;
}
.wingHeading {
font-size: 20px;
font-family: "google_sansbold" !important;
}
.wingView a {
color: #01CDD1;
border: 1px solid #01CDD1;
padding: 7px 10px;
border-radius: 4px;
}
.wingView a:hover {
background: #01CDD1;
color: #fff;
}
.progressSelectSec {
padding-top: 20px;
border-bottom: 0;
}
.progressTillHeading {
font-size: 16px;
font-family: "google_sansmedium";
}
.progressSelectBox select {
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance: none;
appearance: none;
border: 1px solid #C8C8C8;
border-radius: 13px !important;
background: #F2F2F2 url(img/mProSelectArrow.png) no-repeat 93px center;
padding: 0px 14px;
width: 115px;
height: 26px;
}
.progressSelectBox select.inProgress {
border-color: #FB872E !important;
color: #FB872E;
background-color: #FFFAF6;
}
.progressSelectBox select.completed {
border-color: #00B542 !important;
color: #00B542;
background-color: #EFFBF6;
}
.progressTillDateSec {
display: flex;
align-items: center;
justify-content: space-between;
border-bottom: 1px solid #CADAE3;
padding-bottom: 20px;
}
.linkedProDateLabel {
font-size: 16px;
color: rgba(0, 0, 0, 0.66);
}
.linkedProDateInfo {
font-size: 16px;
font-family: "google_sansmedium";
}
.proMilestoneWrapper {
padding-top: 20px;
}
.milestonesBoxesWrapper {
overflow-y: auto;
}
.milestoneBoxOuter {
padding-left: 70px;
}
.milestoneBoxOuter:last-child {
overflow: hidden;
}
.milestoneBox {
border: 1px solid #01CDD1;
border-radius: 8px;
padding: 10px 20px;
margin-top: 18px;
max-width: 335px;
position: relative;
}
.milestoneBox:before {
content: '';
position: absolute;
top: 15px;
left: -7px;
transform: translateX(-50%);
width: 0;
height: 0;
border-top: 13px solid transparent;
border-right: 13px solid #C9DEEF;
border-bottom: 13px solid transparent;
}
.milestoneBox:after {
content: '';
position: absolute;
top: 18px;
left: -5px;
transform: translateX(-50%);
width: 0;
height: 0;
border-top: 10px solid transparent;
border-right: 12px solid #fff;
border-bottom: 10px solid transparent;
}
.milestoneNum {
font-size: 18px;
font-family: "google_sansmedium";
}
.milestoneDateBox {
border: 1px solid #C2E0F2;
border-radius: 5px;
padding: 10px 20px;
display: flex;
justify-content: space-between;
margin: 10px 0;
}
.milestoneDateLabel {
font-size: 12px;
color: rgba(0, 0, 0, .66);
}
.mileCircle {
width: 24px;
height: 24px;
background: #403294;
border-radius: 50%;
display: inline-block;
position: absolute;
left: -55px;
top: 15px;
display: flex;
align-items: center;
justify-content: center;
z-index: 1;
}
.mileCircleLine {
background: #403294;
display: inline-block;
width: 5px;
height: calc(100% + 15px);
position: absolute;
left: -45px;
top: 18px;
}
.pendingStep .mileCircle svg {
display: none;
}
.completeStep .mileCircle {
width: 32px;
height: 32px;
background: #01CDD1;
left: -59px;
}
.completeStep .mileCircleLine {
background: #01CDD1;
}
/* linkProject_modal css */
#linkProject_modal .modal-lg.w-600 {
width: 745px !important;
max-width: 90%;
}
#linkProject_modal .modal-header {
padding: 15px 25px;
border-bottom-color: #DFDFDF;
}
#linkProject_modal .modal-header h4 {
font-size: 22px;
}
.modalParHeadWrap {
background: #F3F3F3;
padding: 15px 20px;
}
.modalParHead2 {
font-size: 18px;
color: #01CDD1;
font-family: "google_sansbold";
text-transform: uppercase;
}
#linkProject_modal .box-body {
font-size: 16px;
}
#linkProject_modal .box-body label {
padding-bottom: 5px;
}
#linkProject_modal form.validate .form-control+.select2-container .select2-selection--single {
height: 58px;
line-height: 25px;
border-radius: 2px;
}
#linkProject_modal form.validate .select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 58px;
}
#linkProject_modal form.validate .select2-container--default .select2-selection--single .select2-selection__arrow {
height: 52px;
}
#linkProject_modal .select2-container {
height: 50px;
}
#linkProject_modal .form-control {
height: 58px;
}
#linkProject_modal .select2-dropdown {
padding: 0 10px;
}
#linkProject_modal .validate .box-body .form-group>div,
#linkProject_modal .validate .box-body .form-group>label {
padding-right: 0 !important;
}
#linkProject_modal .modal-footer {
border-top-color: #DFDFDF;
padding-right: 25px;
}
#linkProject_modal form.validate label.error {
bottom: -37px;
}
#linkProject_modal .modal-header .close {
display: block !important;
left: inherit;
right: 15px;
bottom: inherit;
font-size: 35px !important;
border: 0;
}
/* OverView Page */
.overViewSelectInfoWrapper {
padding: 20px 0;
border-bottom: 1px solid #CFEDFF;
}
.overViewSelectBox {
max-width: 500px;
position: relative;
}
.overViewSelectUp {
border: 1px solid #CECECE;
border-radius: 2px;
padding: 8px 15px;
background: url(img/overViewSelectArrow.png) no-repeat center right 18px;
}
.overViewSelecttxt1 {
font-size: 12px;
}
.overViewSelecttxt2 {
font-size: 16px;
font-family: "google_sansmedium";
}
.overViewOption {
display: none;
}
.overViewOption ul {
list-style: none;
border-radius: 2px;
padding: 10px 15px;
margin: 0;
border: 1px solid #CECECE;
border-top: 0;
position: absolute;
left: 0;
right: 0;
background: #fff;
z-index: 1;
}
.overViewOption ul li {
font-size: 16px;
border: 1px solid #E5E5E5;
border-radius: 5px;
padding: 8px 15px;
margin: 10px 0;
cursor: default;
}
.overViewSelect {
background: #F1F8F4 url(img/overViewSelected.png) no-repeat center right 15px;
border: 1px solid #CBE6CF;
}
.totalBudgetGraphWrapper {
max-width: 500px;
padding: 30px 0;
margin: 0 auto;
display: flex;
align-items: center;
}
.totalBudgetGrapInfo {
padding-left: 30px;
width: 100%;
}
.totBudgetGrapInfo1 {
border-bottom: 1px solid #DCDCDC;
padding-bottom: 10px;
}
.totBudgetInfoAmt {
font-size: 22px;
font-family: "google_sansmedium";
color: #242424;
}
.totBudgetProgress {
font-size: 11px;
}
.budgetProIncresed {
color: #42A700;
}
.budgetProIncresed:before {
content: "\25B2";
padding-right: 5px;
}
.totBudgetGrapInfo2 {
display: flex;
align-items: center;
justify-content: space-between;
padding-top: 10px;
}
.graphInfoBox {
padding-left: 30px;
position: relative;
}
.infoBoxLabel {
font-size: 15px;
}
.infoBoxLabel::before {
content: '';
height: 4px;
width: 15px;
background: #01CDD1;
border-radius: 20px;
position: absolute;
left: 0;
top: 7px;
}
.infoBoxVal {
font-size: 20px;
font-family: "google_sansmedium";
text-transform: uppercase;
color: #01CDD1;
}
.spentGrapInfo .infoBoxLabel::before {
background: #EF626C;
}
.spentGrapInfo .infoBoxVal {
color: #EF626C;
}
.reportBtn a {
color: #01CDD1;
border: 1px solid #01CDD1;
padding: 10px 15px;
border-radius: 3px;
}
.reportBtn a:hover {
background: #01CDD1;
color: #fff;
}
.proReportWrap {
justify-content: space-between;
padding-right: 20px;
}
.overViewReportWrapper {
padding: 20px 0 50px;
}
.overViewReportInfoWrapper {
max-width: 90%;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
align-items: center;
}
.overViewReportBox {
width: 25%;
padding: 0 5px;
text-align: center;
}
.overViewReportVal {
font-size: 24px;
font-family: "google_sansbold";
width: 75px;
height: 75px;
border: 3px solid #6A6A6A;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto;
}
.overViewReportName {
padding-top: 10px;
font-size: 16px;
}
.filledReportBox {
color: #01CDD1;
}
.filledReportBox .overViewReportVal {
border-color: #01CDD1;
background: rgba(1, 205, 209, .16);
}
.dueReportBox {
color: #FE6892;
}
.dueReportBox .overViewReportVal {
border-color: #FE6892;
background: rgba(254, 104, 146, .19);
}
.notSubmitReportBox {
color: #005276;
}
.notSubmitReportBox .overViewReportVal {
border-color: #005276;
background: rgba(0, 82, 118, .12);
}
.overViewlinkProWrap {
padding: 20px 0;
}
.overViewLinkBtns {
padding-right: 30px;
}
.overViewLinkBtns ul {
list-style: none;
padding: 0;
margin: 0 -10px;
display: flex;
flex-wrap: wrap;
align-items: center;
}
.overViewLinkBtns ul li {
width: 33.33%;
padding: 5px 10px;
}
.overViewLinkBtns ul li a {
display: block;
border: 1px solid #D5D5D5;
background: #fff;
color: #005276;
border-radius: 4px;
padding: 16px 0;
text-decoration: underline;
text-align: center;
}
.overViewLinkBtns ul li a img {
margin-right: 13px;
}
/* Reports Tabs */
.reportsViewSelect {
position: absolute;
right: 0;
top: 10px;
}
.reportsViewSelect select {
border: 1px solid #D9D9D9;
padding: 5px 25px 5px 10px;
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance: none;
appearance: none;
background: #fff url(img/listGirdArrow.png) no-repeat center right 8px;
}
.tabBarViewSelectWrapper {
position: relative;
}
.reportTabSection ul.nav-pills li {
margin-right: 20px;
}
.reportTabSection ul.nav-pills li a {
font-size: 18px;
font-family: "google_sansmedium";
color: #000;
border: 1px solid #01CDD1;
border-radius: 5px;
margin-right: 0px;
margin-left: 0;
}
.reportTabSection ul.nav-pills li.active a {
color: #fff;
font-weight: initial;
background: #01CDD1;
}
.reportTabSection ul.nav-pills li.active:after {
content: '';
border-width: 7px 7px 0 7px;
border-style: solid;
border-color: #01CDD1 transparent transparent transparent;
position: absolute;
bottom: -7px;
left: 50%;
transform: translateX(-50%);
}
.reportTabSection ul.nav-pills li:last-child {
margin-right: 0;
}
.reportTabSection .tab-content {
padding: 30px 0;
}
.reportBoxCard {
border: 1px solid #D9D9D9;
border-radius: 5px;
padding: 30px 25px;
position: relative;
}
.reportBoxLabel {
font-family: "google_sansbold";
}
.reportBoxTxt {
padding-top: 3px;
}
.reportBoxBot {
padding-top: 20px;
}
.reportBoxLeft {
width: 60%;
}
.reportBoxTxt img {
margin-right: 15px;
}
.reportBoxTxt img:last-child {
margin-right: 0;
}
.reportCardBottomWrapper {
background: #F2F7FA;
max-width: calc(100% - 80px);
margin: 0 auto;
padding: 18px;
position: relative;
}
.reportCardBottomWrapper:before {
content: '';
border-width: 0px 13px 60px 0;
border-style: solid;
border-color: transparent #F2F7FA transparent transparent;
position: absolute;
left: -13px;
top: 0;
}
.reportCardBottomWrapper:after {
content: '';
border-width: 0px 0px 60px 13px;
border-style: solid;
border-color: transparent transparent transparent #F2F7FA;
position: absolute;
right: -13px;
top: 0;
}
.reportSubmitBtn {
background: #E9F9FF;
border: 1px solid #005276;
color: #005276;
padding: 3px 10px;
border-radius: 13px;
}
.reportBoxTopRight {
position: absolute;
right: 25px;
top: 12px;
}
#attchmentWrapper .attachment-div:first-child {
padding-top: 0;
}
#attchmentWrapper .attachment-div {
padding-top: 10px;
display: flex;
align-items: center;
gap: 15px;
justify-content: space-between;
}
@media(max-width:767px) {
.alertWrapper {
position: relative;
padding-right: 30px;
align-items: start;
}
.closeSvg_mark {
position: absolute;
right: 10px;
top: 7px;
}
}
@media(max-width:600px) {
.overViewReportInfoWrapper {
max-width: 100%;
}
.overViewReportBox {
width: 50%;
padding-bottom: 15px;
}
.overViewReportWrapper {
padding-bottom: 10px;
}
.overViewLinkBtns {
padding-right: 0;
}
.overViewLinkBtns ul li {
width: 50%;
}
}
@media(max-width:500px) {
.totBudgetGrapInfo2 {
flex-direction: column;
align-items: flex-start;
}
}
@media(max-width:500px) {
.overViewLinkBtns ul li {
width: 100%;
}
}
.dash-data-table span {
margin-right: 0 !important;
}
.main-divs {
border: 1px solid #f1f1f1;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
background-color: #fff;
border-radius: 5px;
}
.box-div {
border: 1px solid #e7e0e0;
border-radius: 50px;
display: flex;
align-items: center;
height: 42px;
}
.box-img img {
width: 25px;
height: 25px;
border-radius: 50%;
object-fit: cover;
border: 1px solid #d9d5d5;
background-color: #ccc;
}
.red-point {
width: 15px;
height: 15px;
background: #ff0000;
border-radius: 50%;
}
.text-light {
color: #919191;
}
.bg-message {
background-color: #f2f7fa;
padding: 10px;
border-radius: 10px;
}
.attchement-box {
border: 1px solid #e7e0e0;
border-radius: 10px;
padding: 10px;
}
.latest-box {
border: 1px solid #d9d5d5;
padding: 8px;
border-radius: 6px;
}
.unread-box {
border: 1px solid #d9d5d5;
padding: 8px;
border-radius: 6px;
background: #f2f7fa;
}
.main-bsic {
align-items: baseline !important;
}
.deastop {
margin-top: 8rem;
}
.main-prent {
display: flex;
align-items: center;
justify-content: space-between;
}
.main-prents {
display: flex;
align-items: baseline;
justify-content: space-between;
}
@media (max-width: 767px) {
.deastop {
margin-top: 1rem;
}
}
@media (max-width: 480px) {
.main-prent {
display: block;
}
.main-prents {
display: block;
}
}
/* trip CSS start */
.box-div.active {
border: 2px solid #3b82f9;
border-radius: 50px;
display: flex;
align-items: center;
height: 42px;
background-color: #3c8dbc08;
color: #3b82f9;
}
.gap-15px {
gap: 20px;
}
.border-lefta::before {
content: "";
border: 1px solid #a19c9c;
height: 15px;
width: 1px;
position: absolute;
right: -10px;
top: 7px;
}
.gap-10px {
gap: 10px;
}
.export-btn {
background-color: transparent;
color: #005276;
text-decoration: none;
border-radius: 5px;
position: relative;
text-align: center;
border-color: #ccc;
}
.main-divsxS {
margin-top: 25px;
margin-bottom: 25px;
}
.tabs-border-box {
border: 1px solid #f1f1f1;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
background-color: #fff;
border-radius: 5px;
margin-top: 20px;
margin-bottom: 25px;
}
.line-height-10px {
line-height: 20px;
}
.margin-btm {
margin-bottom: 20px;
}
.lists li {
list-style: none !important;
}
.border-sky2 {
border: solid 1px #cccccc54;
background: #fff;
}
.box-shows {
width: 100%;
border-radius: 5px;
padding: 15px 20px;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
.sky-bgs {
background: #DAEBFF;
width: 50px;
height: 50px;
justify-content: center;
border-radius: 10px;
}
.sky-bgss {
background: #FFEED6;
width: 50px;
height: 50px;
justify-content: center;
border-radius: 10px;
}
.sky-bgsaa {
background: #EEEBFF;
width: 50px;
height: 50px;
justify-content: center;
border-radius: 10px;
}
.sky-bgsaas {
background: #CFFAE6;
width: 50px;
height: 50px;
justify-content: center;
border-radius: 10px;
}
.text-dangers {
color: #a94442 !important;
}
.box-1 {
padding: 15px 20px;
}
.bg-bule-light {
background-color: #f2f7fa !important;
padding: 15px 20px;
}
.bg-light-green {
background: #CFFAE6;
padding: 10px;
height: 25px;
justify-content: center;
border-radius: 10px;
}
.bg-light-yellow {
background: #FFF1C5;
padding: 10px;
height: 25px;
justify-content: center;
border-radius: 10px;
color: #B07F59;
}
.bg-light-dangers {
background: #a944424f;
padding: 10px;
height: 25px;
justify-content: center;
border-radius: 10px;
}
.main-divsx {
margin-bottom: 25px;
}
.des-div {
display: flex;
align-items: center;
justify-content: space-between;
}
@media (max-width: 991px) {
.des-div {
display: block;
}
.height-309px {
height: 100% !important;
}
}
.height-309px {
height: 309px;
}
/* trip CSS end */
.page-1 {
display: none;
}
/* dashboard CSS start */
.dash-top-div {
display: flex;
gap: 10px;
}
.top-heading-das {
display: flex;
justify-content: space-between;
}
@media (max-width: 991px) {
.top-heading-das {
display: block;
}
}
.leads-counts-sections .lead-icon {
width: 48px;
height: 48px;
flex: 0 0 auto;
display: flex;
align-items: center;
justify-content: center;
background-color: rgba(255, 255, 255, 0.4);
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
border-radius: 20%;
}
.height-150px {
height: 150px;
}
.closed-leads-cards {
background: linear-gradient(109deg, #3A81F5 8.82%, #2964E2 89.14%);
border-radius: 10px;
}
.closed-leads-cards-2 {
border-radius: 10px;
background: linear-gradient(109deg, #0FB783 8.82%, #0C946B 89.14%);
}
.closed-leads-cards-3 {
border-radius: 10px;
background: linear-gradient(109deg, #8B5CF8 8.82%, #7B3EE8 89.14%);
}
.closed-leads-cards-4 {
border-radius: 10px;
background: linear-gradient(109deg, #6265F0 8.82%, #4F47EB 89.14%);
}
select:focus-visible {
outline: none !important;
}
.rounded-6px {
border-radius: 5px !important;
}
.das-li {
list-style: none !important;
}
.sideimg-das img {
width: 40px;
height: 40px;
object-fit: cover;
}
.dash-left-border::before {
content: "";
border: 2px solid #0C946B;
height: 128px;
width: 1px;
position: absolute;
top: 50px;
}
.dash-left-borders::before {
content: "";
border: 2px solid #4F47EB;
height: 128px;
width: 1px;
position: absolute;
}
.progress-container-custom {
display: flex;
flex-direction: column;
gap: 20px;
}
.progress-row-custom {
display: flex;
align-items: center;
justify-content: space-between;
}
.label-custom {
width: 80px;
font-weight: 500;
}
.bar-container-custom {
flex: 1;
margin: 0 10px;
background: #eee;
border-radius: 10px;
height: 10px;
position: relative;
max-width: 400px;
}
.bar-fill-custom {
height: 100%;
border-radius: 10px;
transition: width 0.5s ease;
}
.percentage-custom {
width: 40px;
text-align: right;
font-weight: bold;
}
.trips-custom .bar-fill-custom {
background-color: #1e90ff;
}
.activities-custom .bar-fill-custom {
background-color: #0ca678;
}
.clubs-custom .bar-fill-custom {
background-color: #8e44ec;
}
.height-250px {
height: 373px;
}
.height-393px {
height: 393px;
overflow-y: auto;
}
.bg-light-blues {
background: #e8f0ff;
padding: 10px;
height: 25px;
justify-content: center;
border-radius: 20px;
}
.dash-box-1 {
box-shadow: 0px 5px 25px 5px rgb(0 0 0 / 8%), 0px 10px 10px -5px rgba(0, 0, 0, 0.04);
border-radius: 10px;
}
.bg-light-blues-color {
background-color: #e8f0ff82;
border-radius: 10px;
border-bottom: 1px solid #cccccc4d;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.bg-light-greens-color {
background-color: #0c946b21;
border-radius: 10px;
border-bottom: 1px solid #cccccc4d;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.bg-light-purple-color {
background-color: #8e44ec1a;
border-radius: 10px;
border-bottom: 1px solid #cccccc4d;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.dash-box-1-pedding-bg {
padding: 20px;
background-color: #e8f0ff82;
display: flex;
align-items: center;
justify-content: space-between;
border-radius: 10px;
}
.text-blues {
color: #0b57d0
}
.text-greens {
color: #0ca678
}
.text-purple {
color: #8e44ec
}
.bg-light-greenss {
background-color: #0ca67817;
padding: 10px;
height: 25px;
justify-content: center;
border-radius: 20px;
}
.bg-light-purple {
background-color: #8e44ec29;
padding: 10px;
height: 25px;
justify-content: center;
border-radius: 20px;
}
.notify {
display: flex;
align-items: center;
width: 25px;
height: 25px;
}
.box-das-dev {
width: 100%;
padding: 15px 20px;
box-shadow: 0px 5px 25px 5px rgb(0 0 0 / 8%), 0px 10px 10px -5px rgba(0, 0, 0, 0.04);
border-radius: 10px;
border: solid 1px #cccccc54;
background: #fff;
}
.box-sd-das {
box-shadow: 0px 5px 25px 5px rgb(0 0 0 / 8%), 0px 10px 10px -5px rgba(0, 0, 0, 0.04);
border-radius: 10px;
}
.height-300px {
height: 350px;
overflow-y: auto;
}
@media (max-width: 1602px) {
.height-300px {
height: 100%;
}
}
@media (max-width: 1199px) {
.height-250px {
height: 100%;
}
.height-393px {
height: 100%;
}
}
@media (max-width: 767px) {
.dash-top-div {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
gap: 10px;
}
.proSelect,
.selectDate {
width: 100%;
}
}
@media (max-width: 450px) {
.dash-box-1-pedding-bg {
display: block;
}
.mobile-mx-bt {
margin-top: 10px;
}
}
/* dashboard CSS End */
.bg-danger {
background-color: red !important;
border-color: red !important;
}
.moderation-div {
display: flex;
gap: 10px;
align-items: center;
}
.bg-yellow-light {
background: #fff1c58a;
padding: 13px;
border-radius: 10px;
}
.bg-white-light {
background-color: #fff;
border-radius: 10px;
padding: 20px;
}
.main-theme-bg {
background-color: #f2f7fa;
width: 100%;
padding: 15px;
border-radius: 10px;
}
.message-div {
margin: 20px 0;
}
.send-dexlect {
width: 100%;
padding: 10px 12px;
font-size: 14px;
border-radius: 6px;
border: 1px solid #ccc;
margin-bottom: 10px;
}
.tag {
background-color: #e6f0fa;
color: #333;
border-radius: 20px;
padding: 4px 10px;
display: inline-block;
font-size: 13px;
margin-bottom: 10px;
}
.message-area {
display: flex;
align-items: center;
gap: 10px;
}
.avatar {
width: 32px;
height: 32px;
border-radius: 50%;
overflow: hidden;
}
.avatar img {
width: 100%;
height: 100%;
object-fit: cover;
}
.text-area {
flex: 1;
padding: 6px 12px;
font-size: 14px;
border: 1px solid #ccc;
border-radius: 6px;
outline: none;
color: #ccc;
}
.sideimg-dass img {
margin-right: 0px !important;
width: 30px !important;
height: 30px !important;
}
.bg-green-published {
background-color: #0c946b21 !important;
padding: 2px 10px;
border-radius: 20px;
font-size: 14px;
}
.bg-danger-warning {
background-color: #F1F5F8;
color: #4C4F54;
padding: 4px 10px;
border-radius: 20px;
font-size: 14px;
}
.bg-green-approved {
background-color: #D0FAE6;
padding: 4px 10px;
border-radius: 20px;
font-size: 14px;
color: #015E42;
}
.bg-green-published {
background-color: #D0FAE6;
padding: 4px 10px;
border-radius: 20px;
font-size: 14px;
color: #015E42;
}
.bg-yellow-pending {
background-color: #FFF2C6;
color: #9B633A;
padding: 4px 10px;
border-radius: 20px;
font-size: 14px;
}
.bg-yellow-draft {
background-color: #FFF2C6;
color: #9B633A;
padding: 4px 10px;
border-radius: 20px;
font-size: 14px;
}
.clsEntype_bg {
opacity: 0.2;
position: absolute;
width: 100%;
height: 100%;
border-radius: 20px;
}
.clsEntype {
color: #000;
padding: 4px 10px;
border-radius: 20px;
font-size: 14px;
position: relative;
}
.table-inner-img img {
background-color: #ccc !important;
}
.search-in {
width: unset !important;
height: unset !important;
}
.on-mobile-scroll {
flex-wrap: nowrap !important;
overflow: auto;
}
.min-width-div {
min-width: 380px;
}
.meel-image img {
width: 16px !important;
height: 16px !important;
margin-right: 4px !important;
}
.text-ks {
color: #00a65a;
}
.boll-box {
width: 12px;
height: 8px;
background: #00a65a;
border-radius: 10px;
}
.popupTrip {
display: flex;
gap: 10px;
padding-left: 0 !important;
}
.popupTrip li {
list-style: none;
background: #00527696;
padding: 5px;
border-radius: 3px;
color: #fff;
}
.bg-danger-past {
background-color: #FCE0E1;
color: #AB5966;
padding: 4px 10px;
border-radius: 20px;
font-size: 14px;
}
.new-skin-counter {
border-radius: 14px;
border: 1px solid red !important;
color: #fff;
background: red !important;
}
.new-skin-counter {
left: 14px !important;
padding: 11px;
}
.counter {
width: 20px;
height: 20px;
border-radius: 50%;
top: -12px;
/* right: -6px; */
font-size: 12px;
position: absolute;
display: -webkit-inline-flex;
display: -ms-inline-flex;
display: inline-flex;
justify-content: center;
align-items: center;
background-color: #ed1f24;
}
.notify {
z-index: 1;
padding: 4px;
margin-right: 10px;
position: relative;
display: -webkit-inline-flex;
display: -ms-inline-flex;
display: inline-flex;
align-items: center;
}
/* .table_have_action_sticky table td:last-child:before {
content: "";
position: absolute;
width: 1px;
height: 100%;
background: #dfe3eb;
top: 0;
left: -1px;
}
.table_have_action_sticky table td:last-child:after {
content: "";
position: absolute;
width: 1px;
height: 100%;
background: #dfe3eb;
top: 0;
right: -1px;
} */
/* .action_show_td {
z-index: 11 !important;
} */
/* Increase z-index when the action_show_td class is added */
.table_have_action_sticky table th:last-child {
right: 0;
}
.table_have_action_sticky table td:last-child {
position: sticky;
right: 0;
min-width: inherit;
max-width: 92px;
z-index: 9;
}
.table_have_action_sticky table td {
background: #fff;
}
.table_have_action_sticky table th:last-child {
z-index: 9;
position: sticky;
min-width: inherit;
max-width: 92px;
}
.action_show_td {
z-index: 99 !important;
/* Makes sure it's on top when dropdown is shown */
}
.list-head-div {
position: absolute;
top: 25px;
}
.list-font-size {
font-size: 18px;
color: #000;
}
@media screen and (max-width: 640px) {
.list-head-div {
top: -12px;
}
}
.job-search-input {
height: 45px;
display: flex;
position: relative;
border: 1px solid #E3E3E3;
color: #8F8F8F;
background-color: #fff;
border-radius: 4px;
width: 100%;
}
.job-search-input input {
z-index: 1;
width: 100%;
height: 100%;
padding-left: 15px;
padding-right: 15px;
border: none;
position: relative;
background-color: transparent;
color: #8F8F8F;
}
.svg-icons {
padding-left: 15px;
padding-top: 13px;
}
.chat-list {
border: 2px solid #ddd;
max-height: 300px;
overflow: auto;
padding-left: 0;
}
.chat-list li:first-child {
font-size: 18px;
font-weight: 600;
}
.chat-list li {
padding: 15px 30px 10px 30px;
display: flex;
font-size: 14px;
color: #666666;
margin-top: 0 !important;
display: flex;
align-items: center;
}
.active-chats-text {
display: flex;
align-items: center;
}
.chat_with_user.active {
background-color: #f6fffa;
border: 2px solid #e3f6ea;
margin: 5px;
}
.chat-list li {
padding: 15px 30px 10px 30px;
display: flex;
font-size: 14px;
color: #666666;
margin-top: 0 !important;
}
.chat-count {
width: 25px;
height: 25px;
background: #D03630;
display: inline-flex;
align-items: center;
justify-content: center;
color: #fff;
font-size: 12px;
border-radius: 50%;
margin: 3px 0 0 12px;
white-space: nowrap;
padding: 15px;
}
.chat-list img {
width: 40px;
height: 40px;
margin-right: 10px;
border-radius: 50%;
background: #ccc;
}
.user-info {
font-size: 16px;
color: #444;
margin-left: 10px;
border: none;
}
.chat_with_user.active {
background-color: #f6fffa;
border: 2px solid #e3f6ea;
margin: 5px;
}
#chat-profile-wrapper img {
width: 40px;
height: 40px;
border-radius: 50%;
background-color: #ccc;
}
#chat-profile-wrapper {
border-bottom: 1px solid #d2d2d2;
margin: 10px 10px;
padding-bottom: 15px;
display: flex;
padding-left: 0;
}
#chat-profile-wrapper li {
display: flex;
align-items: center;
}
#chat-profile-wrapper img {
width: 50px;
height: 50px;
border-radius: 50%;
margin-right: 0.5rem !important;
}
#chat-profile-wrapper li p {
margin-bottom: 0;
}
#chat-wrapper {
height: 500px;
position: relative;
overflow-y: auto;
padding: 5px 15px;
}
.chat-profile-wrapper,
#chat-wrapper {
text-align: right;
}
#send-msg-wrapper {
border: 2px solid #ddd;
margin: 10px 10px;
padding: 4px 15px;
border-radius: 25px;
}
#formSendMsg {
display: flex;
align-items: center;
}
.emojiPickerIconWrap {
display: inline-block;
position: relative;
}
.image-upload {
width: 45px;
display: flex;
height: 45px;
align-items: center;
justify-content: center;
cursor: pointer;
position: relative;
}
#btnSendMsg {
background: #00C5C9;
border: none;
color: #fff;
padding: 10px 25px;
border-radius: 25px;
font-size: 12px;
}
#send-msg-wrapper textarea {
border: 0;
width: 100%;
resize: none;
background-color: transparent;
outline: none !important;
min-height: unset !important;
}
.chat-left {
display: flex;
flex-direction: column;
/* justify-content: start; */
align-items: start;
}
.chat-main-left {
width: 45%;
text-align: left;
}
.chat-left img,
.chat-right img {
width: 60px;
height: 60px;
border-radius: 50%;
}
.chat-msg-left-show {
width: auto;
}
.msg-chat-ping {
background: #fff;
color: #333;
position: relative;
border-radius: 5px;
font-size: 12px;
margin: 5px 0px;
display: inline-flex;
}
.msg-write {
text-align: left;
line-height: 18px;
font-size: 12px;
color: #333;
padding: 2px 5px 2px 5px;
border-radius: 15px;
}
.btnPinUnpinMsg {
cursor: pointer;
}
.pin-icon-show {
position: absolute;
top: 10px;
right: 10px;
cursor: pointer;
}
.pin-icon-show img {
width: 12px !important;
height: auto;
cursor: pointer;
border-radius: inherit;
}
.chat-right {
display: flex;
align-items: end;
flex-direction: column;
}
.chat-main-right {
width: 45%;
text-align: right;
}
.chat-left span,
.chat-right span {
color: #fff;
font-size: 12px;
}
li#no_converstaions {
list-style: none;
text-align: center;
}
#message {
position: relative;
top: 11px;
}
.image-upload {
width: 45px;
display: flex;
height: 45px;
align-items: center;
justify-content: center;
cursor: pointer;
position: relative;
}
.image-upload input {
opacity: 0;
right: 0px;
position: absolute;
width: 46px;
}
.comman-border-div {
border: 1px solid #D2D2D2;
}
:root {
--bg: #f3f7fb;
--card-bg: #ffffff;
--muted: #6b7280;
--accent: #00a96e;
/* main green */
--accent-2: #c8cf2d;
/* gauge color */
--accent-blue: #3b82f6;
--accent-yellow: #f59e0b;
--shadow: rgba(16, 24, 40, 0.06);
--text: #24303a;
--soft-gray: #eef2f5;
}
/* =========== BASE =========== */
/* =========== CARD =========== */
.finance-card {
background: var(--card-bg);
border-radius: 10px;
padding: 18px;
box-shadow: 0px 0px 6px #0000001a;
border: 1px solid #e6e6e6;
margin-bottom: 25px;
border: 0;
}
.summary-card {
display: flex;
align-items: center;
justify-content: space-between;
padding: 18px;
}
.summary-left {
display: flex;
align-items: center;
}
.icon-circle {
width: 56px;
height: 56px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin-right: 14px;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05) inset;
}
.icon-paid {
background: rgba(34, 197, 94, 0.12);
color: var(--accent);
}
.icon-partial {
background: rgba(59, 130, 246, 0.12);
color: var(--accent-blue);
}
.icon-pending {
background: rgba(245, 158, 11, 0.12);
color: var(--accent-yellow);
}
.summary-title {
font-size: 13px;
color: var(--muted);
margin: 0;
}
.summary-value {
font-size: 20px;
font-weight: 700;
margin: 0;
color: var(--text);
}
/* =========== CHARTS =========== */
.chart-card .card-title {
font-weight: 700;
font-size: 16px;
margin-bottom: 8px;
color: var(--text);
}
.chart-wrap {
height: 320px;
position: relative;
}
canvas {
max-width: 100% !important;
}
/* gauge container */
.gauge-wrap {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 320px;
}
.gauge-value {
position: absolute;
font-size: 36px;
font-weight: 800;
color: var(--text);
transform: translateY(30px);
pointer-events: none;
top: 60%;
}
.gauge-sub {
margin-top: 60px;
font-size: 14px;
color: var(--muted);
}
/* pie area */
.pie-wrap {
height: 260px;
display: flex;
align-items: center;
justify-content: center;
}
/* table */
.table thead th {
background: transparent;
color: var(--muted);
border-bottom: none;
font-weight: 700;
}
.table>tbody>tr>td {
vertical-align: middle;
}
.label-status-pending {
background: rgba(245, 158, 11, 0.12);
color: #b45309;
padding: 6px 10px;
border-radius: 14px;
font-weight: 600;
}
.label-status-partial {
background: rgba(59, 130, 246, 0.12);
color: #1e3a8a;
padding: 6px 10px;
border-radius: 14px;
font-weight: 600;
}
.label-status-due {
color: #ef4444;
font-weight: 700;
}
/* small helpers */
.muted {
color: var(--muted);
font-size: 13px;
}
.text-accent {
color: var(--accent);
font-weight: 800;
font-size: 20px;
}
.btn-toggle {
border-radius: 18px;
padding: 6px 12px;
font-size: 12px;
margin-left: 6px;
}
/* responsive tweaks */
@media (max-width: 991px) {
.chart-wrap {
height: 260px;
}
.gauge-wrap {
height: 260px;
}
}
@media (max-width: 575px) {
.summary-left {
margin-bottom: 10px;
}
}
#closed_orders_datatables thead tr th,
.dash-data-table table tr th {
background: #F8F8F8;
padding: 10px 13px;
/* border-color: #C9C9C9 !important; */
border-bottom: none;
vertical-align: middle;
color: #000;
}
#closed_orders_datatables thead tr th:first-child,
.dash-data-table table tr th:first-child {
border-left: solid 1px #C9C9C9;
border-bottom: none;
}
#closed_orders_datatables tr td,
.dash-data-table table tr td {
border-color: #C9C9C9 !important;
padding: 13px 13px;
vertical-align: middle;
color: #333;
}
.table>thead>tr>th,
.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>tbody>tr>td,
.table>tfoot>tr>td {
border-top: 1px solid #f4f4f4;
}
.icon-circle i {
font-size: 24px;
}
.media-body {
font-size: 16px;
}
.lite-dashboard {
display: none;
}
.mt-134px {
margin-top: 134px;
}
@media (max-width: 500px) {
.main-ks {
display: block !important;
}
.border-left-add::before {
display: none;
}
}
.card-soft {
border: 0;
border-radius: 12px;
box-shadow: 0px 0px 6px #0000001a;
border: 1px solid #e6e6e6;
background: #fff;
padding: 15px;
margin-bottom: 25px;
}
.metric-card {
display: flex;
align-items: center;
gap: 12px;
}
.metric-icon {
width: 46px;
height: 46px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 1.3rem;
}
.metric-label {
font-size: 0.9rem;
color: #6c757d;
}
.metric-value {
font-size: 1.3rem;
font-weight: 700;
}
.table thead th {
color: #5b6e77;
font-weight: 600;
font-size: 0.9rem;
}
.status-pill {
font-size: 14px;
border-radius: 20px;
padding: 3px 15px;
font-weight: 600;
display: inline-block;
}
.chart-container {
height: 300px;
}
.bg-opacity-10 {
opacity: 0.1;
}
.border-opacity-25 {
opacity: 0.25;
}
.table-bordered>thead>tr>th {
border-left-width: 0px !important;
border-right-width: 0px !important;
padding-top: 15px;
padding-bottom: 15px;
background: #f2f7fa;
font-family: "google_sansmedium";
font-weight: 400;
font-size: 14px;
}
.metric-icon i {
font-size: 18px;
}
.metric-icon i {
font-size: 20px;
}
.btn-default {
background-color: transparent !important;
color: #005276 !important;
outline: none !important;
border-color: #ccc !important;
padding: 6px 12px !important;
margin-bottom: 0;
font-size: 14px !important;
font-weight: 400 !important;
}
.list-zones {
display: flex;
align-items: center;
gap: 10px;
}
@media (max-width: 1199px) {
.institution-content-wrapper {
margin-top: 0px !important;
}
.lite-dashboard {
display: block !important;
}
/* .old-header {
display: none;
} */
.old-wrapper {
margin-top: 0;
margin-left: 0 !important;
}
/* .old-sidebar {
display: none;
} */
.main-lite-dashborad-bg {
background-color: #004968;
padding: 7px 9px;
}
.img-bg {
background-color: #fff;
border-radius: 6px;
width: 31px;
height: 31px;
display: flex;
align-items: center;
justify-content: center;
}
.main-lite-inner-content {
display: flex;
align-items: center;
gap: 9px;
}
.font-16px {
font-size: 16px;
}
.lite-inner-div {
display: flex;
justify-content: space-between;
}
.rounded-100 {
border-radius: 50%;
}
.lite-card-box {
border-radius: 10px;
border: 1px solid #7EFAFD;
background: linear-gradient(180deg, #FFF 0%, #DEFEFF 100%);
padding: 18px 21px;
margin-bottom: 10px;
}
.lite-card-section {
margin-top: 16px;
}
.gap-10 {
gap: 14px;
}
.mb-8px {
margin-bottom: 8px !important;
}
.gap-18px {
gap: 18px;
}
.font-16px {
font-size: 16px !important;
}
.lite-card-box2 {
border-radius: 10px;
border: 1px solid #ADE6FF;
background: linear-gradient(180deg, #FFF 0%, #D0F0FF 100%);
padding: 18px 21px;
margin-bottom: 10px;
}
.lite-card-box3 {
border-radius: 10px;
border: 1px solid #F8CD98;
background: linear-gradient(180deg, #FFF 0%, #FFEDD7 100%);
padding: 18px 21px;
margin-bottom: 10px;
}
.lite-card-box4 {
border-radius: 10px;
border: 1px solid rgba(255, 216, 61, 0.50);
background: linear-gradient(180deg, #FFF 0%, #FFFAEB 100%);
padding: 18px 21px;
margin-bottom: 10px;
}
.lite-card-box5 {
border-radius: 10px;
border: 1px solid #CAF1DE;
background: linear-gradient(180deg, #FFF 0%, #DAFFED 100%);
padding: 18px 21px;
margin-bottom: 10px;
}
.lite-card-box6 {
border-radius: 10px;
border: 1px solid #E1DAFF;
background: linear-gradient(180deg, #FFF 0%, #EAE5FF 100%);
padding: 18px 21px;
margin-bottom: 10px;
}
.lite-card-box7 {
border-radius: 10px;
border: 1px solid #FFD0C7;
background: linear-gradient(180deg, #FFF 0%, #FFF0ED 100%);
padding: 18px 21px;
margin-bottom: 10px;
}
.gap-6px {
gap: 1px !important;
}
.notice-container {
margin: auto;
text-align: center;
position: relative;
}
.notice-wrapper {
position: relative;
height: 90px;
}
.notice-card {
position: absolute;
top: 0;
left: 0;
right: 0;
border-radius: 10px;
border: 1px solid #E5E5E5;
background: linear-gradient(91deg, #FFF 0.57%, #FFFAE4 100%);
padding: 15px;
display: flex;
align-items: center;
transition: transform 0.4s ease, opacity 0.4s ease;
}
.notice-card:nth-child(1) {
z-index: 3;
top: 0;
}
.notice-card:nth-child(2) {
transform: translateY(6px) scale(0.98);
z-index: 2;
opacity: 0.9;
top: 0;
}
.notice-card:nth-child(3) {
transform: translateY(12px) scale(0.96);
z-index: 1;
opacity: 0.8;
top: 0;
}
.notice-icon {
font-size: 22px;
margin-right: 10px;
}
.notice-text {
flex: 1;
margin: 0;
font-size: 18px;
}
.notice-arrow {
font-size: 22px;
color: #555;
}
.notice-dots {
display: flex;
justify-content: center;
margin-top: 0px;
gap: 6px;
}
.notice-dots span {
width: 10px;
height: 10px;
border-radius: 50%;
background: #ddd;
display: block;
transition: background 0.3s;
}
.notice-dots .active {
background: #F9D237;
}
.gap-10px {
gap: 10px;
}
.font-20px {
font-size: 20px !important;
}
.mb-21px {
margin-bottom: 21px;
}
.mt-21px {
margin-top: 21px;
}
.box-mini {
border-radius: 10px;
border: 1px solid #CEF0FF;
background: #FFF;
margin-bottom: 10px;
}
.box-mini-heading {
border-radius: 10px 10px 0 0;
background: linear-gradient(90deg, #005276 1.24%, #0077AC 99.79%);
padding: 11px 13px;
}
.progress-bar-containers {
background-color: #D9D9D9;
border-radius: 20px;
overflow: hidden;
height: 12px;
}
.custom-progresss {
height: 100%;
width: 75%;
background: linear-gradient(90deg, #00CC89 -7.74%, #C5FF77 82.9%);
background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2) 8px, transparent 5px, transparent 14px), linear-gradient(90deg, #00CC89 -7.74%, #C5FF77 82.9%);
}
.inner-mini-box {
padding: 15px 14px;
}
.gap-14px {
gap: 14px;
}
.box-mini2 {
border-radius: 10px;
border: 1px solid #CEF0FF;
background: #FFF;
margin-bottom: 10px;
}
.box-mini-heading2 {
border-radius: 10px 10px 0 0;
background: linear-gradient(90deg, #01CDD1 0%, #88FBFF 100%);
padding: 11px 13px;
}
.border-left-add {
position: relative;
}
.border-left-add::before {
content: "";
position: absolute;
border-right: 1px solid #CEF0FF;
right: -40px;
height: 46px;
left: 0;
}
.left-border-add {
position: relative;
}
.left-border-add::before {
content: "";
position: absolute;
border-top: 4px solid #28C46E;
top: 3px;
height: 4px;
width: 12px;
left: -15px;
border-radius: 10px;
}
.box-mini3 {
border-radius: 10px;
border: 1px solid #F3F0FF;
background: #FFF;
margin-bottom: 10px;
}
.box-mini-heading3 {
border-radius: 10px 10px 0 0;
background: linear-gradient(90deg, #6852CF 2.55%, #9D8AF9 100%);
padding: 11px 13px;
}
.percentegae {
border: 2px solid #6852CF;
border-radius: 50%;
width: 48px;
height: 48px;
display: flex;
align-items: center;
justify-content: center;
color: #6852CF;
}
.box-mini4 {
border-radius: 10px;
border: 1px solid #FFF4C8;
background: #FFF;
margin-bottom: 55px;
}
.box-mini-heading4 {
border-radius: 10px 10px 0 0;
background: linear-gradient(91deg, #F2C824 28.27%, #F9E7A0 100%);
padding: 11px 13px;
}
/* .bottom_nav_mobile_flat_bottom__1eUeH {
position: fixed;
bottom: 0;
width: 100%;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2);
border-top: 1px solid #eee;
background-color: #fff;
z-index: 999;
padding: 8px 0;
display: block !important;
}
.bottom_nav_icon_box___ngxQ {
display: flex;
justify-content: space-around;
}
.bottom_nav_box__t8t_1 {
text-align: center;
} */
/* Bottom Nav */
.bottom-nav {
position: fixed;
bottom: 15px;
left: 15px;
right: 15px;
height: 70px;
background-color: #014b70;
display: flex;
justify-content: space-around;
align-items: center;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px;
box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.2);
z-index: 1000;
}
.nav-item {
position: relative;
color: #9EC5FA;
text-decoration: none;
font-size: 14px;
display: flex;
flex-direction: column;
align-items: center;
transition: all 0.3s ease;
}
.nav-item .icon {
margin-bottom: 0px;
}
.nav-item .dot-img {
position: absolute;
top: -38px;
display: none;
width: 34px;
height: 34px;
}
.nav-item.active .dot-img {
display: block;
}
.nav-item.active {
color: #fff;
}
.nav-item.active .icon {
color: #ff5fa2;
}
.plus {
position: fixed;
bottom: 20px;
z-index: 999;
right: 10px;
}
/* Bottom Modal Style */
.modal.bottom .modal-dialog {
position: fixed;
bottom: 0;
margin: 0;
width: 100%;
}
.modal.bottom .modal-content {
border-radius: 10px 10px 0 0;
}
.modal.bottom .modal-header {
position: relative;
padding: 15px;
}
.modal.bottom .new {
position: absolute;
top: -55px;
left: 0;
right: 0;
display: flex;
margin: 0 auto;
justify-content: center;
}
.accordion {
border-top: 1px solid #ddd;
}
.accordion-item {
border-bottom: 1px solid #ddd;
}
.accordion-header {
display: flex;
justify-content: space-between;
align-items: center;
padding: 14px 10px;
background-color: #fff;
cursor: pointer;
}
.accordion-header:hover {
background-color: #f9f9f9;
}
.icon-title {
display: flex;
align-items: center;
gap: 8px;
font-weight: bold;
color: #00536d;
}
.icon {
width: 20px;
height: 20px;
}
.toggle-icon {
font-size: 17px;
color: #fff;
font-weight: bold;
background-color: #005276;
width: 20px;
height: 20px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
}
.accordion-body {
display: none;
padding: 0px 12px;
background-color: #fff;
}
.accordion-body ul {
padding-left: 20px;
}
.accordion-body li {
padding: 8px 0;
color: #000;
cursor: pointer;
list-style: none;
}
.accordion-item.active .accordion-body {
display: block;
}
.accordion-item.active .toggle-icon {
content: '−';
}
.main-ks {
display: flex;
align-items: center;
gap: 18px;
}
.main-kss {
display: flex;
align-items: center;
gap: 18px;
}
.new-inharit {
position: unset !important;
display: flex !important;
margin-top: 0 !important;
}
.light-toogle {
position: inherit !important;
}
.nav>li>a:hover,
.nav>li>a:active,
.nav>li>a:focus {
background-color: transparent !important;
}
.main-footer {
display: none;
}
.lite-coustom {
width: 100%;
display: block;
overflow: hidden;
}
.app-sidebarClosed_default.skin-blue.app-sidebarOpen-parent .notic-body-overlay ~ div .main-sidebar.institution_theme_sidebar {
top: 56px !important;
}
}
/* table, tr, td, th {
background: transparent !important;
background-color: transparent !important;
} */
@media (max-width:767px) {
.parties-list .single-parties {
width: 48%;
margin: 5px 0px !important;
}
.skin-blue .notic-body-overlay ~ .institutionDashboardWrapper .main-sidebar {
/* height: calc(100vh - 50px); */
height: calc(100% - 141px) !important;
top: 141px !important;
}
.skin-blue .notic-body-overlay ~ .institutionDashboardWrapper .main-sidebar.institution_theme_sidebar .sidebar-menu > li > .treeview-menu {
top: 0;
}
.app-sidebarClosed_default.skin-blue.app-sidebarOpen-parent .notic-body-overlay ~ div .main-sidebar.institution_theme_sidebar {
top: 141px !important; height: calc(100% - 141px) !important;
}
}