:root{ --bg-main-color : #f8f8f8; --clr-main-black-title : #222222; --clr-border: #e1e1e1; --clr-lightgrey : #8D8D8D; --clr-main : #666666; --clr-orange :#f05a1a; --clr-white :#fff; --clr-green :#198754; } /*General CSS*/ html,body {height: 100%;} body {background-color:var(--bg-main-color);color:var(--clr-main);font-family:Ubuntu-Regular;font-size:14px;} .adaptiveheight {height:100%;display:flex;min-height:100vh;flex-direction:column;justify-content:space-between;} .form-control {color:var(--clr-lightgrey);background-color:var(--clr-white);background-clip:padding-box;border:1px solid var(--clr-border);border-radius:0px;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;} input,select,textarea {color: var(--clr-lightgrey);} input::placeholder, select::placeholder, textarea::placeholder {color: var(--clr-lightgrey);} .ml-auto {margin-left:auto!important;} .mr-0 {margin-right:0px!important;} .btn-check:focus+.btn-primary, .btn-primary:focus {box-shadow:0 0 0 0rem rgb(49 132 253 / 50%);} .btn-check:focus+.btn, .btn:focus {outline:0;box-shadow:0 0 0 0.0rem rgb(13 110 253 / 25%);} .margin-top-0 {margin-top:0px;} .margin-top-5 {margin-top:5px;} .margin-top-10 {margin-top:10px;} .margin-top-15 {margin-top:15px;} .nav-tabs {border-bottom:0px;} .card {font-family: Ubuntu-Regular;position:relative;display:flex;flex-direction:column;min-width:0;word-wrap:break-word;background-color:var(--clr-white);background-clip:border-box;border:1px solid var(--clr-border);border-radius:0px;box-shadow:0 0 20px 0 rgb(76 87 125 / 2%);} .card-title {font-size:16px;font-family:Ubuntu-Medium;margin-bottom: 20px;color:var(--clr-main-black-title);} .card .card-header {padding: 20px 20px 20px 20px;border-bottom: 1px solid var(--clr-border);background: var(--clr-white);} .table-timesheet td {padding:4px !important; text-align: center; width:30px !important;} .table-timesheet .weekday {background-color:var(--clr-white);} .table-timesheet .dayoff {background-color:#F0F0F0;} .table-responsive::-webkit-scrollbar {-webkit-border-radius:6px;border-radius:6px;width:7px;height:7px;background-color:#d8d8d8;} .table-responsive::-webkit-scrollbar-track {-webkit-border-radius:6px;border-radius:6px;width:7px;background-color:transparent} .table-responsive::-webkit-scrollbar-scrollbar-track-piece {-webkit-border-radius:6px;border-radius:6px;background-color:#d8d8d8;} .table-responsive::-webkit-scrollbar-thumb {-webkit-border-radius:6px;border-radius:6px;background-color:#7f7f7f;} .modal-header {color:var(--clr-orange);font-size:18px;text-decoration:none;font-family:Ubuntu-Bold;background:#e1e1e1} .expenses-table tbody tr {cursor: pointer;} table.dataTable thead th {font-family:Ubuntu-Bold;font-size: 14px;border-right: 0px;background-color:var(--bs-table-bg);border-bottom-width:1px;box-shadow:inset 0 0 0 9999px var(--bs-table-accent-bg);} table.dataTable td {font-size: 14px;font-family:Ubuntu-Regular;} strong {font-family:Ubuntu-Bold;} table th {font-size: 14px;font-family:Ubuntu-Bold;color:var(--clr-main-black-title);} table td {font-size: 14px;font-family:Ubuntu-Regular;color:var(--clr-main-black-title);} .form-select:focus {border-color:#ced4da;outline:0;box-shadow:0 0 0 0rem rgb(13 110 253 / 25%);} h1 {font-size:30px;font-family:Ubuntu-Bold;font-weight:normal;margin-bottom:0px;color:var(--clr-main-black-title);} h2 {font-size:25px;font-family:Ubuntu-Bold;font-weight:normal;margin-bottom:0px;color:var(--clr-main-black-title);} h3 {font-size:20px;font-family: Ubuntu-Bold;font-weight:normal;margin-bottom: 0px;color:var(--clr-main-black-title);} .fa-bookmark,.fa-calendar-check {color: var(--clr-orange);} .menu-summary .left-dt {background:#f5f5f5;padding:0px;margin-top:-3px;text-align:center!important;height:auto!important;width:80px!important;border-bottom:1px dashed #337ab7!important;border-radius:0px!important;} .menu-summary .left-dt:hover {color:red;text-decoration:none;cursor:pointer;} .menu-summary .field-left-dt {border:0px;width:100px;} .ui-datepicker-calendar {display:none;} .btn-leave-apply {background: var(--clr-orange);color: var(--clr-white);border: 0px;border-radius:0px;font-family:Ubuntu-Regular;font-size:14px;} .btn-leave-apply:hover {color:var(--clr-white);} .btn-submit-expenses {background: var(--clr-orange);color: var(--clr-white);border: 0px;border-radius:0px;font-family:Ubuntu-Regular;font-size:14px;} .btn-submit-expenses:hover {color:var(--clr-white);} .dataTables_info {font-family:Ubuntu-Regular;font-size: 13px;} .paginate_button.current {font-size:14px;font-family:Ubuntu-Bold;background:var(--clr-orange);border-radius:50%;height:30px;display:inline-block;width:30px;text-align:center;line-height:30px;text-decoration:none;padding:0px;margin-right:10px;margin-left:10px;color:var(--clr-white);} .paginate_button {border:none;background:transparent;font-family:Ubuntu-Bold;color:#868686;vertical-align:middle;} .paginate_button.next ,.paginate_button.previous {text-decoration: none;font-size:14px;font-family:Ubuntu-Bold;background:#FF7F00;border-radius:50%;height:30px;display:inline-block;width:30px;text-align:center;line-height:30px;text-decoration:none;padding:0px;margin-right:10px;margin-left:10px;color:var(--clr-white);} .paginate_button.next:hover ,.paginate_button.previous:hover {background:var(--clr-orange);color:var(--clr-white);} .paginate_button.current:hover {color:var(--clr-white);} .paginate_button:hover {color:var(--clr-orange);} .btn_orange {font-size:14px;font-family:Ubuntu-Bold;background:var(--clr-orange);margin-left:0px;font-weight:normal;color:var(--clr-white);border:none;border-radius:0px;} .btn_orange.disabled, .btn_orange:disabled {color:var(--clr-white);background-color:var(--clr-orange);border-color:var(--clr-orange);} .btn_orange:hover {background:var(--clr-orange);color:var(--clr-white);} .redstar {color:var(--clr-orange);} p {color:var(--clr-main);} ul li {color:var(--clr-main);font-size: 14px;font-family:Ubuntu-Regular;font-weight:normal;} .margin-bottom-80 {margin-bottom:80px;} /*.day_need_to_close .fa-user-clock {color: var(--clr-orange);}*/ .currentdayspan {opacity: 0.5;color: var(--clr-orange);-webkit-animation: .75s linear infinite spinner-grow;animation: .75s linear infinite spinner-grow;} /*end of General CSS*/ /**CSS per sections**/ header .bg-light {background-color:var(--clr-border)!important;} header .stylealogo {color:var(--clr-orange);font-size:18px;text-decoration:none;font-family: Ubuntu-Bold;} header .stylealogo:hover {color:var(--clr-orange);} header .navbar {padding: 30px;} footer {width: 100%;background-color:var(--clr-border);padding-top:30px;padding-bottom:30px;} footer span {font-family:Ubuntu-Regular;font-size: 16px;} footer p {margin-bottom:0px;font-family:Ubuntu-Regular;font-size: 16px;} footer strong {font-family:Ubuntu-Bold;} footer a {color: var(--clr-lightgrey);font-family:Ubuntu-Bold;text-decoration:none;} footer a:hover {color: var(--clr-orange);} #login_form {margin-top:40px;margin-bottom:40px;} #login_form h2 {font-size: 40px;line-height: 120%;font-family:Ubuntu-Bold;margin-bottom: 0px;color:var(--clr-main-black-title);} #login_form label {color:var(--clr-lightgrey);font-size: 18px;line-height: 120%;font-family: Ubuntu-Bold;margin-bottom: 0.5rem;} #login_form h3 {color:var(--clr-lightgrey);font-family:Ubuntu-Medium;font-size:20px;text-align:center;line-height:120%;margin-top:20px;} #login_form input {height:50px;color: var(--clr-lightgrey);} #login_form .btn_login {background-color:var(--clr-orange);color:var(--clr-white);border-radius:0px;border:none;width:auto;font-size:18px;height:50px;padding-left:52px;padding-right:52px;padding-top:0px;padding-bottom:0px;line-height:50px;font-family:'Ubuntu-Medium';} #login_form .btn_login:hover {opacity:0.85;} #login_form .forgotpassastyle {text-decoration:none;color:var(--clr-lightgrey);font-size:19px;line-height:120%;font-family:Ubuntu-Bold;margin-bottom:0px;} #login_form .forgotpassastyle:hover {color:var(--clr-orange);} #forgot_pass {margin-top:40px;margin-bottom:40px;} #forgot_pass .stylea {text-decoration:none;color:var(--clr-lightgrey);font-size:19px;line-height:120%;font-family:Ubuntu-Bold;margin-bottom:0px;} #forgot_pass .stylea:hover {color:var(--clr-orange);} #forgot_pass h2 {font-size: 40px;line-height: 120%;font-family:Ubuntu-Bold;margin-bottom: 0px;color:var(--clr-main-black-title);} #forgot_pass label {color: var(--clr-lightgrey);font-size: 18px;line-height: 120%;font-family: Ubuntu-Bold;margin-bottom: 0.5rem;} #forgot_pass h3 {color:var(--clr-lightgrey);font-family:Ubuntu-Medium;font-size:20px;text-align:center;line-height:120%;margin-top:20px;} #forgot_pass input {height:50px;color: var(--clr-lightgrey);} #forgot_pass .btn_reset {background-color:var(--clr-orange);color:var(--clr-white);border-radius:0px;border:none;width:auto;font-size:18px;height:50px;padding-left:52px;padding-right:52px;padding-top:0px;padding-bottom:0px;line-height:50px;font-family:'Ubuntu-Medium';} #forgot_pass .btn_reset:hover {opacity:0.85;} #forgot_pass .forgotpassastyle {text-decoration:none;color:var(--clr-lightgrey);font-size:19px;line-height:120%;font-family:Ubuntu-Bold;margin-bottom:0px;} #forgot_pass .forgotpassastyle:hover {color:var(--clr-orange);} #reset_password {margin-top:40px;margin-bottom:40px;} #reset_password .stylea {text-decoration:none;color:var(--clr-lightgrey);font-size:19px;line-height:120%;font-family:Ubuntu-Bold;margin-bottom:0px;} #reset_password .stylea:hover {color:var(--clr-orange);} #reset_password h2 {font-size: 40px;line-height: 120%;font-family:Ubuntu-Bold;margin-bottom: 0px;color:var(--clr-main-black-title);} #reset_password label {color: var(--clr-lightgrey);font-size: 18px;line-height: 120%;font-family: Ubuntu-Bold;margin-bottom: 0.5rem;} #reset_password h3 {color:var(--clr-lightgrey);font-family:Ubuntu-Medium;font-size:20px;text-align:center;line-height:120%;margin-top:20px;} #reset_password input {height:50px;color: var(--clr-lightgrey);} #reset_password .btn-reset {background-color:var(--clr-orange);color:var(--clr-white);border-radius:0px;border:none;width:auto;font-size:18px;height:50px;padding-left:52px;padding-right:52px;padding-top:0px;padding-bottom:0px;line-height:50px;font-family:'Ubuntu-Medium';} #reset_password .btn-reset:hover {opacity:0.85;} #reset_password .forgotpassastyle {text-decoration:none;color:var(--clr-lightgrey);font-size:19px;line-height:120%;font-family:Ubuntu-Bold;margin-bottom:0px;} #reset_password .forgotpassastyle:hover {color:var(--clr-orange);} #reset_password .signin {margin-top:5px;font-family:Ubuntu-Bold;color: #212529;text-decoration: none;font-size: 17px;} #interactive_weekly_schedule_per_carer #days_tab .linka.active + li {background: var(--clr-orange);} #interactive_weekly_schedule_per_carer #days_tab .linka.active {background: var(--clr-orange);color:var(--clr-white);font-size:14px;text-decoration:none;font-family:Ubuntu-Bold} #interactive_weekly_schedule_per_carer #days_tab .linka {font-size: 14px;color: #495057;font-family: Ubuntu-Bold;padding: 10px 0px 10px 0px;border: 0px;} #interactive_weekly_schedule_per_carer .nav-tabs .nav-link {margin-bottom:-1px;background:0 0;border:1px solid transparent;border-top-left-radius:0.25rem;border-top-right-radius:0.25rem;padding:0px;border:none;border-radius:0px;margin-bottom:0px} #interactive_weekly_schedule_per_carer .stylweektext {text-decoration:none;font-size:12px;font-family:Ubuntu-Regular;color: var(--clr-main-black-title);} #interactive_weekly_schedule_per_carer .card-title {margin-bottom:0px;} #interactive_weekly_schedule_per_carer .card .card-header {padding: 20px 20px 20px 20px;border-bottom: 2px solid var(--clr-border);background: var(--clr-white);} #interactive_weekly_schedule_per_carer #days_tab {border-bottom: 1px solid #dee2e6;} #interactive_weekly_schedule_per_carer .card .card-body {padding-top:0px;} #interactive_weekly_schedule_per_carer .stylweektext:hover {color:var(--clr-orange);} #interactive_weekly_schedule_per_carer .styleptable {margin-bottom:5px;color:var(--clr-main-black-title);} #leaveschart .strikethrough {text-decoration: line-through; }; #leaveschart td {font-family: Ubuntu-Regular;font-size:14px;color: var(--clr-main-black-title);} #leaveschart th {font-size:14px;font-family:Ubuntu-Bold;color: var(--clr-main-black-title);} #leaveschartdoughnut .strikethrough {text-decoration: line-through; }; #leaveschartdoughnut td {font-family: Ubuntu-Regular;font-size:14px;color: var(--clr-main-black-title);} #leaveschartdoughnut th {font-size:14px;font-family:Ubuntu-Bold;color: var(--clr-main-black-title);} #home .left-menu {padding-left: 0px;margin-bottom:0px;list-style:none;} #home .left-menu a {position:relative;display:block;padding:10px;color:#212529;text-decoration:none;background-color:transparent;border:1px solid rgba(0,0,0,.125);font-size:15px;font-family:Ubuntu-Medium;} #home .left-menu a:hover {background:var(--clr-orange);color:var(--clr-white);} #home .left-menu a.active {background:var(--clr-orange);color:var(--clr-white);} .payslips-table tbody tr { cursor: pointer; } #my_agenda .btn_search {font-size:14px;font-family:Ubuntu-Bold;background:var(--clr-orange);margin-left:20px;font-weight:normal;color:var(--clr-white);border:none;border-radius:0px;} #my_agenda .btn_search:hover {color:var(--clr-white);} #my_agenda .col-form-label {font-family:Ubuntu-Regular;font-size: 14px;border-radius:0px;} #my_agenda .form-select {font-family:Ubuntu-Regular;font-size: 14px;border-radius:0px;} #my_profile .btn_update_personal_details:hover {color:var(--clr-white);opacity: 0.85;} #my_profile .btn_update_personal_details {width:auto;height:50px; padding-left:30px;padding-right:30px;border:0px;border-radius:0px;padding-top:0px;padding-bottom:0px; background: var(--clr-orange);color: var(--clr-white);font-size:16px;line-height:50px;text-align:center;font-family: Ubuntu-Regular;} #my_profile .btn_update_contact_details:hover {color:var(--clr-white);opacity: 0.85;} #my_profile .btn_update_contact_details {width:auto;height:50px; padding-left:30px;padding-right:30px;border:0px;border-radius:0px;padding-top:0px;padding-bottom:0px; background: var(--clr-orange);color: var(--clr-white);font-size:16px;line-height:50px;text-align:center;font-family: Ubuntu-Regular;} #my_profile h4 {font-size:20px;font-family:Ubuntu-Bold;font-weight:normal;margin-bottom:0px;color:var(--clr-orange);} #my_profile .nav-pills .nav-link.active, #my_profile .nav-pills .show>.nav-link {color:var(--clr-white);background-color:var(--clr-orange);} #my_profile .nav-link {display:block;padding:0.5rem 1rem;color:#212529;font-size:16px;font-family:Ubuntu-Regular;text-decoration:none;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;} #my_profile .btn_update_login_details {width:auto;height:50px; padding-left:30px;padding-right:30px;border:0px;border-radius:0px;padding-top:0px;padding-bottom:0px; background: var(--clr-orange);color: var(--clr-white);font-size:16px;line-height:50px;text-align:center;font-family: Ubuntu-Regular;} #my_profile .btn_update_login_details:hover {color:var(--clr-white);opacity: 0.85;} #my_profile .btn_update_carer_details {width:auto;height:50px; padding-left:30px;padding-right:30px;border:0px;border-radius:0px;padding-top:0px;padding-bottom:0px; background: var(--clr-orange);color: var(--clr-white);font-size:16px;line-height:50px;text-align:center;font-family: Ubuntu-Regular;} #my_profile .btn_update_carer_details:hover {color:var(--clr-white);opacity: 0.85;} #my_profile .btn_update_carer_disabilities {width:auto;height:50px; padding-left:30px;padding-right:30px;border:0px;border-radius:0px;padding-top:0px;padding-bottom:0px; background: var(--clr-orange);color: var(--clr-white);font-size:16px;line-height:50px;text-align:center;font-family: Ubuntu-Regular;} #my_profile .btn_update_carer_disabilities:hover {color:var(--clr-white);opacity: 0.85;} #my_profile .btn_update_carer_interests {width:auto;height:50px; padding-left:30px;padding-right:30px;border:0px;border-radius:0px;padding-top:0px;padding-bottom:0px; background: var(--clr-orange);color: var(--clr-white);font-size:16px;line-height:50px;text-align:center;font-family: Ubuntu-Regular;} #my_profile .btn_update_carer_interests:hover {color:var(--clr-white);opacity: 0.85;} .timesheet-day hr {margin-bottom:0px;margin-top:0px;background-color:var(--clr-main);} .timesheet-day .btn-post-day {background: var(--clr-orange);color: var(--clr-white);border: 0px;border-radius:0px;font-family:Ubuntu-Regular;font-size:14px;} .timesheet-day .btn-post-day:hover {opacity:0.85;} #calendarmonth_timesheets .statusiconstyle .fa-user-clock {color: var(--clr-main-black-title);} #modal-leave-apply .btn-leave-submit {width:auto;height:50px; padding-left:30px;padding-right:30px;border:0px;border-radius:0px;padding-top:0px;padding-bottom:0px; background: var(--clr-orange);color: var(--clr-white);font-size:16px;line-height:50px;text-align:center;font-family: Ubuntu-Regular;} #modal-leave-apply .btn-leave-submit:hover {color:var(--clr-white);opacity: 0.85;} #leave_management .paginate_button.current {font-size:14px;font-family:Ubuntu-Bold;background:var(--clr-orange);border-radius:50%;height:30px;display:inline-block;width:30px;text-align:center;line-height:30px;text-decoration:none;padding:0px;margin-right:10px;margin-left:10px;color:var(--clr-white);} #leave_management .paginate_button {border:none;background:transparent;font-family:Ubuntu-Bold;color:#868686;vertical-align:middle;} #leave_management .paginate_button.next ,#leave_management .paginate_button.previous {text-decoration: none;font-size:14px;font-family:Ubuntu-Bold;background:#FF7F00;border-radius:50%;height:30px;display:inline-block;width:30px;text-align:center;line-height:33px;text-decoration:none;padding:0px;margin-right:10px;margin-left:10px;color:var(--clr-white);} #leave_management .paginate_button.next:hover ,#leave_management .paginate_button.previous:hover {background:var(--clr-orange);color:var(--clr-white);} #leave_management .paginate_button.current:hover {color:var(--clr-white);} #leave_management .paginate_button:hover {color:var(--clr-orange);} #leave_management .page-item.disabled .page-link {border: 0px;padding: 0px;color:var(--clr-white);pointer-events:none;background-color:transparent;border-color:transparent;} #leave_management .page-item.active:hover {color:var(--clr-white);} #leave_management .page-item.active .page-link {border-color:transparent;font-size:14px;font-family:Ubuntu-Bold;background:var(--clr-orange);border-radius:50%;height:30px;display:inline-block;width:30px;text-align:center;line-height:30px;text-decoration:none;padding:0px;margin-right:10px;margin-left:10px;color:var(--clr-white);} #leave_management .page-link:focus {z-index:3;color:inherit;background-color:transparent;outline:0;box-shadow:0 0 0 0rem rgb(13 110 253 / 25%)} #leave_management table.dataTable {margin-bottom: 20px!important;} #leave_management .dataTables_info {font-family:Ubuntu-Regular;font-size: 13px;} #leave_management .page-item.previous.disabled , #leave_management .page-item.next.disabled {opacity:0.5;cursor: not-allowed;} #leave_management .page-item.previous .page-link {margin-right:0;margin-left:0;color:var(--clr-white)} #leave_management .page-item.next .page-link {margin-right:0;margin-left:0;color:var(--clr-white)} #leave_management .page-item .page-link {border-color:transparent;font-size:14px;font-family:Ubuntu-Bold;background:transparent;border-radius:50%;height:30px;display:inline-block;width:30px;text-align:center;line-height:30px;text-decoration:none;padding:0px;margin-right:10px;margin-left:10px;color:var(--clr-orange);} #leave_management div.dataTables_wrapper div.dataTables_paginate {display: flex;justify-content: end;} #leave_management .paginate_button.next a, #leave_management .paginate_button.previous a {text-decoration:none;color:var(--clr-white);} #leave_management .paginate_button a {border-color:transparent;font-size:14px;font-family:Ubuntu-Bold;background:transparent;border-radius:50%;height:30px;display:inline-block;width:30px;text-align:center;line-height:30px;text-decoration:none;padding:0px;color:var(--clr-orange);} #leave_management .paginate_button.active a {border-color:transparent;font-size:14px;font-family:Ubuntu-Bold;background:var(--clr-orange);border-radius:50%;height:30px;display:inline-block;width:30px;text-align:center;line-height:30px;text-decoration:none;padding:0px;margin-right:10px;margin-left:10px;color:var(--clr-white);} #modal-leave-apply .bootstrap-datetimepicker-widget table td.disabled, #modal-leave-apply .bootstrap-datetimepicker-widget table td.disabled:hover {background: none;color: #777777;cursor: not-allowed;} .worksphgreen {background:green;width:8px;height:8px;border-radius:50%;display:inline-block;vertical-align: middle;} .noworksphgreen {background:red;width:8px;height:8px;border-radius:50%;display:inline-block;vertical-align: middle;} .statusiconstyle .fa-xmark {font-size: 20px;line-height: 30px;} #days_tab::-webkit-scrollbar{width:3px; /*for vertical scrollbars*/height:5px; /*for horizontal scrollbars*/} #days_tab::-webkit-scrollbar-track{background:transparent;-webkit-box-shadow:inset 0 0 0px rgba(0,0,0,0.3);border-radius:9px;} #days_tab::-webkit-scrollbar-thumb{background:rgba(0,0,0,0.4);-webkit-box-shadow:inset 0 0 0px rgba(0,0,0,0.5);background-color:#818B99;border:0px solid transparent;border-radius:9px;-moz-background-clip:content-box;-webkit-background-clip:content-box;background-clip:content-box;} .leave_day,.off_day {color:var(--clr-green);} #my_agenda hr {margin-bottom: 0px;margin-top: 0px;background-color: var(--clr-main);} .currentdayspangreen{opacity:0.5;color:var(--clr-green);-webkit-animation:.75s linear infinite spinner-grow;animation:.75s linear infinite spinner-grow} .accordion-button:not(.collapsed){color:#fff;background-color:var(--clr-orange);box-shadow:inset 0 -1px 0 rgb(0 0 0 / 13%)} .accordion-button:not(.collapsed)::after{background-image:url("data:image/svg+xml,%3csvg xmlns=!string!viewBox=!string!fill=!string!%3e%3cpath fill-rule=!string!d=!string!/%3e%3c/svg%3e");transform:rotate(-180deg)} .alert-success p{color:#0f5132;background-color:#d1e7dd;border-color:#badbcc;} footer a:focus { color: var(--clr-orange); } .form-select:disabled {background-image:none;}