@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.3.0/font/bootstrap-icons.css");

[dir] .card-nav .tab-content {
  border-radius: 0;
}

[dir] .btn {
  border-radius: 0;
}

body.font-exo2 {
  @import url("https://fonts.googleapis.com/css2?family=Exo+2&display=swap");
  font-family: "Exo 2", sans-serif !important;
}

body.font-oswald {
  @import url("https://fonts.googleapis.com/css2?family=Oswald&display=swap");
  font-family: "Oswald", sans-serif !important;
}

body.font-lato {
  @import url("https://fonts.googleapis.com/css2?family=Lato&display=swap");
  font-family: "Lato", sans-serif !important;
}

body.font-montserat {
  @import url("https://fonts.googleapis.com/css2?family=Montserrat&display=swap");
  font-family: "Montserrat", sans-serif !important;
}

body.font-roboto {
  @import url("https://fonts.googleapis.com/css2?family=Roboto&display=swap");
  font-family: "Roboto", sans-serif !important;
}

body.font-inter {
  @import url("https://fonts.googleapis.com/css2?family=Inter&display=swap");
  font-family: "Inter", sans-serif !important;
}

.header-btn a {
  background-color: #323a45 !important;
  border-color: #323a45 !important;
  box-shadow: none !important;
}

.edit-hover a,
.link-1-hover a {
  color: deepskyblue;
  margin-right: 2px;
}

.delete-hover a {
  color: red;
  margin-left: 2px;
}

.link-2-hover a {
  color: red;
  margin-left: 2px;
}

.image-output {
  text-align: center;
}

.img-output {
  object-fit: cover;
}

.lead-info-heading {
  background-color: #ecf0f1;
}

.staff-profile-xs-image {
  width: 35px;
  border-radius: 50%;
  object-fit: cover;
}

.staff-ticket-report-period span.select2 {
  margin: 0 !important;
}

.input-group-addon {
  padding: 10%;
  margin-left: 1%;
}

.wrapper {
  border: 2px solid #ecf0f1;
  border-radius: 7px;
  background-color: #ecf0f1;
}

.tab-show {
  background-color: white;
  /*margin-bottom: -16px;*/
  border-radius: 10px;
}

.title-tab {
  padding: 1%;
  cursor: pointer;
}

.title-wrapper {
  font-weight: 600;
}

.grey-text {
  color: grey;
}

.eraser {
  margin-top: 2%;
}

.img-table {
  height: 30px;
  width: 30px;
}

.tags-box {
  /* border: 1px solid grey; */
  padding: 2px;
  border-radius: 6px;
  margin: 2px;
  text-align: center;
}

.scrollable-x {
  overflow-x: scroll;
  max-height: 410px;
  /*white-space: nowrap;*/
  /*flex-wrap: nowrap;*/
}
#milestones_output {
  overflow-x: auto;
}
.text-title-milestone {
  color: white;
  text-shadow: 1px -1px 11px #000000;
}

.milestone-div {
  max-height: 410px;
  overflow-y: auto;
  height: 100%;
}

.milestone-body {
  height: 590px;
}

#show_to_customer_label {
  margin-left: 3px;
}

.trigger {
  cursor: pointer;
}

.taskStyles p,
.taskStyles span,
.taskStyles div {
  font-size: 13px !important;
}

.taskStyles .right-task {
  background-color: #f5f7fa !important;
  /* padding: 30px 25px; */
}

.tags-input {
  padding: 0px !important;
}
.notify-email {
  display: flex !important;
  padding: 0px !important;
}
/* .container-fluid.page__container.page-task-section{
    padding: 0px!important;
} */
a#create_reminder:focus {
  border-color: #ed0b4c !important;
}
.taskStyles .buttons {
  display: flex;
  align-items: center;
}

.taskStyles .buttons p {
  margin: 0 5px;
}

.taskStyles i.fa {
  margin-right: 7px;
  margin-left: 7px;
  margin-top: 2px;
}

.select-followers select option {
  font-size: 14px;
}

#modal {
  overflow: auto !important;
  height: auto !important;
  max-height: 95%;
  max-width: 60% !important;
}
@media (max-width: 415px) {
  #modal {
    max-width: 95% !important;
  }
}
#convert_lead_to_client_modal {
  overflow-y: auto !important;
  height: auto !important;
  max-height: 95%;
  max-width: 60% !important;
}
.headline {
  background: #34495e;
  height: 7%;
  justify-content: center;
  align-items: center;
}

.headline h4 {
  color: white;
  padding: 14px;
}

.cursor {
  cursor: pointer;
}

.mark-as i {
  padding: 8%;
  margin-left: 2px !important;
  margin-right: 2px !important;
}

.mark-as {
  margin: 2% !important;
}

.butonikuqTest {
  color: red;
  background-color: red;
  border-color: red;
}

.img-comment {
  width: 100%;
  object-fit: contain;
  height: 100%;
}

.img-comment-container {
  background: rgb(215 229 243);
  margin-right: 7% !important;
  margin-bottom: 2% !important;
}

#comment_section {
  max-height: 400px;
  overflow-y: scroll;
}

.red {
  color: red;
}

.image-link {
  padding-top: 26%;
  padding-bottom: 28%;
}

.zip-file {
  text-align: center;
  padding: 2%;
}

.zip-file a {
  font-size: 12px !important;
}

.img-attachment {
  width: 68px;
}

.attachment-wrapper {
  height: 200px;
  overflow-y: scroll;
}

.no-img-attachment {
  width: 42px;
  margin-left: -22px;
}

.hide {
  display: none;
}

.text-transform-normal {
  text-transform: none;
}

.checkbox label {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  padding-left: 5px;
}

.input-group-text {
    height: 34px !important;
    width: 45px !important;
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    justify-content: center;
    background-color: #eee;
    border: 1px solid #ccc !important;
    border-radius: 5px;
}


/*.input-group-append a {
  max-height: 34px;
  border: 1px solid #ccc !important;
}*/

#form_settings input[name="tags[1]"] {
    border-radius: 0px !important;
}

#number {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.input-group-append a i {
    margin-bottom: 0px !important;
}

.input-group-addon .radio {
    margin: 0;
}

.kanban-main {
  width: 100%;
  overflow-x: auto;
  white-space: nowrap;
  display: inline-flex;
  flex-wrap: nowrap;
}

.client-kanban-container {
  width: 300px;
  height: 500px;
  padding: 2%;
  background-color: #ecf0f1;
  overflow-y: scroll;
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}

.client-kanban-container::-webkit-scrollbar {
  display: none;
}

.kanban-body {
  margin-top: 5px;
}

.kanban-container {
    padding: 2%;
    height: 700px;
    background-color: #ecf0f1;
    overflow-y: scroll;
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */

}
.kanban-container::-webkit-scrollbar {
  display: none;
}

.kanban-header {
  height: 40px;
  text-align: center;
  padding: 1.5%;
  font-weight: 500;
  color: white;
}

.kanban-1 {
  background-color: #e74c3c;
}

.kanban-2 {
  background-color: #3498db;
}

.kanban-3 {
  background-color: #f1c40f;
}

.kanban-4 {
  background-color: #16a085;
}

.kanban-5 {
  background-color: #2ecc71;
}

.project-logged-time-container ul li {
  padding: 5px;
}
.project-logged-time-container ul li a:hover {
  color: black;
}
#dropdownMenuProjectLoggedTime:hover {
  color: unset;
}

.project-logged-time-container ul li:first-child {
  padding-top: 0;
}

.project-logged-time-container ul li:last-child {
  padding-bottom: 0;
}

.pie_progress {
  width: 160px;
  margin: 10px auto;
}
.pie_progress:hover {
  color: #771732d2 !important;
  font-weight: 600;
}

.pie_progress__number {
  font-size: 25px !important;
}
@media all and (max-width: 768px) {
  .pie_progress {
    width: 80%;
    max-width: 300px;
  }
}

.kanban-cpicker {
  width: 15px;
  height: 15px;
  margin-right: 2% !important;
  cursor: pointer;
}

.kan-ban-settings {
  margin-left: 0% !important;
  margin-top: 2% !important;
  background-color: white;
  width: 47%;
  padding: 1%;
}

.go-right {
  float: right;
}

.cpicker-small {
  width: 10px;
  height: 10px;
}

.cpicker {
  float: left;
  margin-right: 15px;
  border-radius: 1px;
}

.cpicker {
  cursor: pointer;
  border-radius: 2%;
}

.cpicker-big {
  width: 20px;
  height: 20px;
}

.search-results {
  position: fixed;
  z-index: 10;
  background: #fff;
  top: 65px;
  width: calc(100% - 30px);
  max-width: 100%;
  max-height: 400px;
  overflow-y: scroll;
  left: 15px;
  border-bottom-left-radius: 0.5rem !important;
  border-bottom-right-radius: 0.5rem !important;
}

#top_search_dropdown {
  list-style: none;
}

.li-search-item {
  padding: 1%;
}

.li-search-item a {
  color: #0d8bbd;
}

.li-search-it em:hover {
  background-color: #ecf0f1;
  color: #0d8bbd;
  border-radius: 13px;
}

.project-activity {
  max-height: 264px;
  overflow-y: scroll;
}

.amsify-suggestags-input {
  border-color: #cccccc;
}


/* .select2-selection {
  border-color: #cccccc !important;
  max-height: 34px;
  border-radius: 0px !important;
}

.page__container input.form-control,
.page__container select:not(.select2-search__field) {
  border-color: #cccccc !important;
  border-radius: 0;
  border-radius: 0px !important; */


/*max-height: 34px;*/


/* margin-bottom: 15px;
} */

.page__container select[multiple] {
  /*max-height: unset;*/
}

.page__container textarea {
  border-color: #cccccc !important;
  border-radius: 0.5rem !important;
  /*margin-bottom: 15px;*/
}

[dir] .custom-file-label {
  border-color: #cccccc !important;
  padding: 5px 0.75rem;
  max-height: 34px;
}

[dir="ltr"] .custom-file-label:after {
  border-radius: 0 !important;
  border-top-right-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important;
}

.fileInputCustom {
  margin-bottom: 15px !important;
}

.customMB15 {
  margin-bottom: 15px;
}

.select2 {
  margin-bottom: 15px;
}

.iziModal {
  display: none;
  position: fixed;
  top: 50% !important;
  bottom: unset !important;
  left: 0;
  transform: translateY(-50%);
  right: 0;
  margin: auto;
  background: #fff;
  box-shadow: 0 0 8px rgb(0 0 0 / 30%);
  transition: margin-top 0.3s ease, height 0.3s ease, top 0.3s ease,
    transform 0.3s ease;
  transform: translateZ(0) translateY(-50%) !important;
}

#staff_filter input {
  margin-left: 0px !important;
}

table.dataTable {
  width: 100% !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
  /*border: none !important;*/
}

.dataTables_empty {
    text-align: center !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current {
  background: #c0392b !important;
  color: white !important;
  font-weight: bolder;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  background: #e74c3c !important;
  color: white !important;
  font-weight: bolder !important;
}

.dataTables_wrapper .dataTables_paginate .previous,
.dataTables_wrapper .dataTables_paginate .next {
  border: 1px solid #3d4352 !important;
  background: #3d4352 !important;
  color: white !important;
  font-weight: bolder !important;
}

.dataTables_wrapper .dataTables_paginate .previous .disabled,
.dataTables_wrapper .dataTables_paginate .next .disabled {
  color: white !important;
}

.navbar-expand-sm .nav-link {
  height: 40px;
  font-size: 14px;
}


/* .mdk-header-layout__content {
  z-index: 10;
} */

table.dataTable {
  width: 100% !important;
}

.dataTables_wrapper .dataTables_filter {
  color: #272c33 !important;
  font-size: 0.8125rem !important;
  font-family: exo\2, Helvetica Neue, Arial, sans-serif !important;
  letter-spacing: 1px !important;
  margin-bottom: 0 !important;
}

.dataTables_wrapper .dataTables_filter input {
  border-color: #cccccc !important;
  border-radius: 0px !important;
  max-height: 34px !important;
  margin-bottom: 15px !important;
}

.dataTables_length select {
  box-sizing: border-box !important;
  display: inline-block !important;
  margin: 0 !important;
  position: relative !important;
  vertical-align: middle !important;
  padding: 0.5rem 0.75rem !important;
  border: 1px solid #edf0f2 !important;
  border-radius: 0.25rem !important;
  background-color: #fff !important;
  background-clip: padding-box !important;
}

.dataTables_wrapper .dataTables_info {
  color: #333 !important;
  font-weight: 300 !important;
}

table.dataTable.no-footer {
  border-bottom: none !important;
}

.powerp-badge {
  color: #fff;
  font-weight: 500;
  padding: 0.65em 0.95em;
  white-space: nowrap;
}
span.powerp-badge.powerp-badge-warning.outline.powerp-badge-lg.powerp-badge-pill {
  color: #f6c660 !important;
  border-color: #f5e7c6 !important;
  font-size: 13.5px !important;
}
.powerp-badge.powerp-badge-lg {
  padding: 0.85em 1.1em;
}

.powerp-badge.powerp-badge-sm {
    padding: 0.45em 0.7em;
}


/*.powerp-badge-primary {
  color: #fff;
  background-color: #4466f2;
}

.powerp-badge-secondary {
  color: #fff;
  background-color: #6c757d;
}

.powerp-badge-success {
  color: #fff;
  background-color: #46c35f;
}

.powerp-badge-danger {
  color: #fff;
  background-color: #f96868;
}

.powerp-badge-warning {
  color: #fff;
  background-color: #f6e84e;
}*/

.powerp-badge-info {
    color: #fff;
    background-color: #46c35f;
}

.powerp-badge-dark {
    color: #fff;
    background-color: #57c7d4;
}

.powerp-badge-pill {
    border-radius: 11rem !important;
}

[dir] label {
    margin-bottom: 0.5rem;
    font-size: 14px;
}

[dir] .table tbody td {
    padding: 0.45rem;
}

input[type="checkbox"] {
    --active: red;
}

[dir] .custom-control-label:before {
    border: 1px solid #d0d4d6;
}

[dir="ltr"] .custom-file-label:after {
    max-height: 33px;
    background-color: steelblue;
}

body {
    -webkit-animation: fadein 0.5s;
    /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 0.5s;
    /* Firefox < 16 */
    -ms-animation: fadein 0.5s;
    /* Internet Explorer */
    -o-animation: fadein 0.5s;
    /* Opera < 12.1 */
    animation: fadein 0.5s;
}

@keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}


/* Firefox < 16 */

@-moz-keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}


/* Safari, Chrome and Opera > 12.1 */

@-webkit-keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}


/* Internet Explorer */

@-ms-keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}


/* Opera < 12.1 */

@-o-keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.status {
    padding-bottom: 3px !important;
}

.status div i {
    font-size: 16px !important;
}

.taskStyles div {
    padding-top: 1% !important;
}

.status form {
    padding-right: 3% !important;
}

ul.sidebar-menu ul ul li a {
    padding-left: 3rem !important;
}

.ck-editor__editable_inline {
    min-height: 125px;
}

.image-thumbnail {
    max-height: 50px;
    max-width: 50px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
    cursor: not-allowed !important;
}

body .fc {
    margin-top: 35px !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    border: 1px solid #e74c3c !important;
}


/*.col-md-4:hover,
.row.col-md {
  margin-top: 8px;
  margin-left: 4px;
}*/

[type="search"] {
    outline: 0;
    border: solid 1px !important;
    padding: 0.5rem 0.75rem;
}

textarea#description {
    margin-top: 10px;
    margin-bottom: 10px;
}

#description {
    border-radius: 0;
}

h2.iziModal-header-title {
    text-transform: uppercase;
}
.iziModal.hasShadow::after{
    height: 30px;
    opacity: 0 !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: white !important;
    border: 1px solid #e74c3c !important;
}


/* @media (max-width: 766px)} { */

.fc-toolbar.fc-header-toolbar>* {
    margin-bottom: 1em;
}


/* } */

.dt-button-collection {
    margin-bottom: 5px;
}

button.p8-half {
    height: 34px !important;
}

.brsw-fill {
    padding-top: 4px !important;
    padding-bottom: 0px !important;
}

#table_id_paginate {
    margin-bottom: 15px;
}

.p7 {
    max-height: 34px !important;
}

.optios-mrg-top {
    padding-top: 15px;
}

.clm-gr-cstm {
    margin-left: 16px;
}


/* ?? form selector with stactic URL | Admin Dashbord - New checklist item */

body form[action="http://apps.build/admin/dashboard/add_todo"] {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
}


/* -- end of CSS for form --*/

.email-template-heading {
    margin-top: 15px !important;
    margin-left: 10px;
}

.email-template-heading>* {
    margin-left: 5px;
}

[dir] .badge {
    padding: 0.25rem 0.5rem;
    border-radius: 100px !important;
    font-size: 0.8125rem;
    cursor: default;
}

a.eml-lnks {
    font-size: 1.25rem;
}

.row.col-md {
    margin-left: 1px;
    margin-top: 8px;
    margin-bottom: 8px;
}

.form-control {
    border-radius: 0.5rem !important;
}

input#submit_task,
#blocked_senders_paginate {
    margin-bottom: 15px;
}

.card.card-body.mb-32pt.customer-data.active.data {
    margin-top: 20px;
}

input#Subject {
    border-radius: 0px;
    /*margin-left: 12px;*/
}


/*select#Department,
#Priority,
#Service {
  border-radius: 0px;
  margin-left: 12px;
}*/

.form-control {
    margin-top: 5px;
    margin-bottom: 5px;
    height: calc(2rem + 2px) !important;
}

button.btn.btn-success.add_more_attachments.p8-half {
    padding: 18.5px 15px;
    background-color: #10ca93;
    border-color: #10ca93;
    transition: .2s;
}

button.btn.btn-success.add_more_attachments.p8-half:hover {
    background-color: #0ab985 !important;
    border-color: #0ab985 !important;
}

button.btn.p8-half.remove_attachment.btn-danger {
    padding: 18.5px 15px;
    background-color: #ed0b4c !important;
    border-color: #ed0b4c !important;
    transition: .2s;
}

button.btn.p8-half.remove_attachment.btn-danger:hover {
    background-color: #cc0b42 !important;
    border-color: #cc0b42 !important;
}

.card-body {
    flex: none;
}

#Service {
    margin-bottom: 20px;
}

#Subject,
#Department,
#Priority,
#Service {
    margin-bottom: 7px;
}


/*label#Subject_label,
#Department_label,
#Service_label,
#Priority_label {
  margin-left: 12px;
}*/

.ck.ck-toolbar.ck-toolbar_grouping {
    border: solid 1px #edf0f2;
}

.ck.ck-content.ck-editor__editable.ck-rounded-corners.ck-editor__editable_inline.ck-blurred {
    border: solid 1px #ccc;
    border-radius: 0px !important;
    margin-bottom: 15px;
    border-bottom-left-radius: 0.5rem !important;
    border-bottom-right-radius: 0.5rem !important;
}

[dir] .btn-success.focus,
[dir] .btn-success:focus {
    box-shadow: none;
}

.card-header.pb-0.border-0.d-flex {
    margin-bottom: 15px;
}

h4.card-title {
    margin-bottom: 16px !important;
}

.mb-32pt .text-center a {
    font-weight: 600 !important;
}

.fc-month-button.fc-button.fc-state-default.fc-corner-left.fc-state-active,
.fc-agendaWeek-button.fc-button.fc-state-default.fc-state-active,
.fc-agendaDay-button.fc-button.fc-state-default.fc-corner-right.fc-state-active {
    z-index: 0;
}

.fc-month-button.fc-button.fc-state-default.fc-corner-left.fc-state-hover,
.fc-agendaWeek-button.fc-button.fc-state-default.fc-state-hover,
.fc-agendaDay-button.fc-button.fc-state-default.fc-corner-right.fc-state-hover {
    z-index: 0;
}

.fc-prev-button.fc-button.fc-state-default.fc-corner-left,
.fc-next-button.fc-button.fc-state-default.fc-corner-right {
    z-index: 0;
}

.col-md-4 {
    transition: 0.5s;
    cursor: pointer;
}
.col-3xl-4 {

    position: relative;
    width: 100%;

}
@media (min-width: 1650px) {
    .col-3xl-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%;
    }
}



/*.col-md-4:hover{
.col-md-4:hover {
.col-md-4:hover {
  transform: translateY(-5px);
}*/

.list-group.list-group-form {
    margin-left: -24px;
    border-radius: 0px;
}
button.btn.btn-outline-accent.display-block.export_excel:focus{
    box-shadow: 0 0 0 1px transparent!important;
}

a.btn.btn-outline-secondary.btn-warning {
    border: none;
}

p.mb-0.awaitingPayments {
    color: #f40909;
}

p.mb-0.tasksNotFinished {
    color: #989898;
}

p.mb-0.projectsInProgress {
    color: #4ba2ee;
}

.btn.btn-accent.test_email.p7 {
    padding: 18px 18px;
    background-color: rgb(6, 188, 194);
}

.btn.btn-accent.test_email.p7:hover {
    background-color: #03979c;
}

a:hover {
    color: #072a52;
    /* text-decoration: underline; */
}


/* new Project -- Visible tabs -- leads/form */

span.selection>span.select2-selection--multiple {
    overflow: auto;
}

/* new Project -- Visible tabs -- leads/form */

span.selection>span.select2-selection--multiple {
    overflow: auto;
}

.lnk-bld-itm,
.lnk-bld-inl a,
.strng-ttl-prjt {
    font-weight: 500;
}

.lnk-bld-itm:hover,
.drpd-tpp-mnu a:hover {
    color: #4aa2ee;
}

.selected-module {
    -webkit-box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px !important;
    -moz-box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px !important;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px !important;
    transition: 0.2s ease-in all;
    transform: scale(0.95);
    border: 1px solid #e1244e !important;
}

[dir] .card--elevated:hover {
    /*transition: .5s cubic-bezier(1,-0.55,1,1)*/
    transition: 0.2s cubic-bezier(0.68, -0.55, 0.27, 1.55);
}

.col-lg-8.mb-0.text {
    color: white;
    font-size: 15px;
    font-weight: bolder !important;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
}

.card-title.mb-4pt.moduleTitle {
    margin-top: -10px;
    font-weight: bold !important;
}

#nextButton {
    margin-left: -20px;
}

.fa.fa-star.checked {
    color: #ffa500;
}

.card.card--elevated.card-group-row__card.inner-module {
    border-radius: 5px !important;
    padding-top: 0;
    cursor: pointer;
}

#staff_filter label {
    display: flex;
    flex-direction: row;
    gap: 5px;
}

.page__container textarea {
    width: 100% !important;
    height: max-content;
    border: 1px solid #edf0f2;
}

[dir] .mb-8pt {
    margin-bottom: 0.3rem !important;
    margin-top: 0.5rem !important;
}

.rmv-tpp-pdig-ofbtn {
    padding-left: 0 !important;
}

.rmv-tpp-pdig-ofbtn a {
    margin-bottom: 30px;
}

#t1_paginate {
    margin-bottom: 15px;
}

[dir="ltr"] .mtop5 {
    margin-top: 15px;
    padding-left: 0 !important;
}

.strn-accnt strong {
    font-weight: 600;
}

.page-separator.modules {
    width: 100%;
}

.totalPurchases {
    float: right;
}

.fa.fa-shopping-cart {
    color: #272c33;
}

.fa.fa-chevron-right {
    margin-left: 8px;
}

[dir] .mb-2.glb-tp-mb {
    padding-left: 0;
    padding-bottom: 0.5rem !important;
}

.fa.fa-chevron-left {
    margin-right: 8px;
}

.card.card-body.mb-32pt.text-center a,
.card.card-body.mb-32pt.text-center a:hover {
    font-weight: 600;
    text-decoration: none;
}

.card.card-body.mb-32pt.text-center a:hover {
    color: #4aa2ee;
}

div.rmv-expenses-pdin {
    padding-left: 0 !important;
}

form>div.dz-default.dz-message {
    background-color: transparent !important;
    border: dashed !important;
}

.col-md-6.col-lg-3.card-group-row__col.module-div.select-this {
    transition: 0.2s;
}


/*.col-md-6.col-lg-3.card-group-row__col.module-div.select-this:hover{
  transform: translateY(-3px);
}*/

.mb-0.class-not_started,
.mb-0.class-finished,
.mb-0.class-in_progress,
.mb-0.class-on_hold,
.mb-0.class-cancelled {
    color: white !important;
}

.col.mt-2.mb-2.border-right {
    transition: 0.2s;
    cursor: pointer;
}

.col.mt-2.mb-2.border-right:hover {
    transform: scale(1.01);
}

.fc-toolbar button:focus {
    z-index: 0 !important;
    outline: none !important;
}

button.fc-today-button.fc-button.fc-state-default.fc-corner-left.fc-corner-right:hover {
    z-index: 0 !important;
    background: #1d6ff6 !important;
    color: white !important;
}

.card-img-top {
    border-top-left-radius: 0.3rem;
    border-top-right-radius: 0.3rem;
}

.projects-new-btn,
.task-two-btns {
    padding-left: 0 !important;
}

.task-two-btns {
    display: flex;
    gap: 5px;
}

#submit_form_vault {
    margin-right: 16px !important;
    float: right !important;
}

#vault_form {
    margin-top: 15px;
}

#ShowAdvancedOptions {
    cursor: pointer;
    font-weight: 700;
}

#ShowAdvancedOptions:hover {
    color: #4aa2ee !important;
}

.mat-slide-toggle.mat-checked .mat-slide-toggle-thumb {
    background-color: #fff !important;
    border: solid 1px #d1d3d3 !important;
}

.mat-content {
    font-weight: 500;
}

.mat-expansion-panel-header {
    transition: 0.5s;
}

/* TOGGLE BAR WIDTH */

.mat-slide-toggle-bar {
    position: relative;
    width: 36px !important;
    height: 19px !important;
    flex-shrink: 0;
    border-radius: 12px !important;
}


/* TOGGLE THUMB */

.mat-slide-toggle-thumb {
    height: 19px !important;
    width: 20px;
    border-radius: 50%;
    margin-top: 2.5px !important;
}


/* PREVIEW & BUILDER CENTER */

.mat-drawer.mat-sidenav.ng-tns-c128-2.ng-trigger.ng-trigger-transform.mat-drawer-end.mat-drawer-over.ng-star-inserted.mat-drawer-opened {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) !important;
}


/* MODAL HEADER */

.mat-toolbar.mat-primary {
    color: white !important;
}

.mat-flat-button.mat-primary {
    background-color: #00bcc2 !important;
}

.mat-elevation-z2 {
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.11), 0 2px 2px 0 rgba(0, 0, 0, 0.007), 0 1px 5px 0 rgba(0, 0, 0, 0.04) !important;
}

.mat-focus-indicator.mat-icon-button.mat-button-base.mat-accent._mat-animation-noopable {
    margin-right: 4px;
    margin-top: 4px;
}


/*.mat-button-wrapper{
  color: #415164;
}*/

.mat-drawer.mat-sidenav.ng-tns-c128-2.ng-trigger.ng-trigger-transform.mat-drawer-end.mat-drawer-over.ng-star-inserted.mat-drawer-opened {
    height: 65%;
}

.mat-dialog-actions {
    margin-bottom: -15px !important;
}


/* TABLE WIDTH */

.sorting_asc,
.sorting {
    width: 5% !important;
    font-size: 11px !important;
}

.page-section.pt-lg-112pt {
    font-size: 15px;
}

.inner {
    overflow: hidden;
    background: black;
    border-top-left-radius: 0.6rem;
    border-top-right-radius: 0.6rem;
}

.inner img {
    transition: all 0.5s ease;
}

.selected-module:hover .inner img {
    background-color: black;
    filter: opacity(40%);
}

.text-70.mb-0.text {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-top: 40%;
    color: white !important;
    font-weight: bold !important;
    padding: 2px;
    text-shadow: 2px 2px 2px black !important;
}

.card-text.price {
    color: #e1244e;
}

.card-text.price {
    font-size: 19px;
    font-weight: bolder !important;
    text-transform: none !important;
}

.page-separator__text.buy {
    color: #e1244e;
    font-size: 15px;
}

div.dz-default.dz-message button.dz-button {
    border: none;
    background: transparent;
    font-weight: 600;
    color: #646c7f;
    font-size: 20px;
}

.select2 [type="search"] {
    border: none !important;
}

button.select2-selection__choice__remove {
    border: none;
    max-height: min-content;
    background: transparent !important;
}

.sidebar-menu-button {
    transition: 0.2s;
}

.sidebar-menu-button:hover:not(.layout-compact .sidebar-menu-button:hover) {
    transform: translateX(5px);
}

.nav-link.active {
    border-bottom: solid 3px #4aa2ee !important;
}

.fc-other-month.fc-past,
.fc-other-month.fc-future {
    cursor: not-allowed;
    background-color: #f9f9fa !important;
}

.fc-view-container {
    margin-bottom: 25px;
}

.fc-unthemed td.fc-today {
    background: rgba(184, 226, 243, 0.5) !important;
}

.fc-unthemed th,
.fc-unthemed td,
.fc-unthemed thead,
.fc-unthemed tbody,
.fc-unthemed .fc-divider,
.fc-unthemed .fc-row,
.fc-unthemed .fc-content,
.fc-unthemed .fc-popover,
.fc-unthemed .fc-list-view,
.fc-unthemed .fc-list-heading td {
    border-color: #f0efef !important;
    font-weight: 300;
}

.card {
    border-radius: 0.5rem !important;
}

.material-icons.icon-32pt.text-20.mb-4pt.cards-icon,
.h2.mb-0.mr-3.cards-header,
.mb-0.awaitingPayments,
.mb-0.projectsInProgress,
.mb-0.tasksNotFinished {
    color: white !important;
}

.card-body.d-flex.flex-column.align-items-center.invoices {
    transition: 0.2s;
    border-radius: 0.5rem !important;
    background: linear-gradient( 45deg, rgba(246, 53, 92, 1) 30%, rgba(246, 92, 55, 1) 100%);
}

.card-body.d-flex.flex-column.align-items-center.projects {
    transition: 0.2s;
    border-radius: 0.5rem !important;
    background: linear-gradient( 45deg, rgba(17, 118, 236, 1) 30%, rgba(17, 200, 238, 1) 100%);
}

.card-body.d-flex.flex-column.align-items-center.task {
    transition: 0.2s;
    background: linear-gradient( 45deg, rgb(242, 178, 23) 30%, rgb(242, 211, 139) 100%);
    border-radius: 0.5rem;
}

.card-body.d-flex.flex-column.align-items-center.projects:hover,
.card-body.d-flex.flex-column.align-items-center.task:hover,
.card-body.d-flex.flex-column.align-items-center.invoices:hover {
    transform: scale(1.01);
}

.fc-day-header.fc-widget-header {
    text-align: center;
    font-size: 14px;
    text-transform: uppercase;
    border: none !important;
    color: #98a0a6;
}

.fc-day-number {
    color: #98a098;
}

.iziModal {
    position: fixed;
    top: 20% !important;
    bottom: unset !important;
    left: 0;
    right: 0;
    margin: auto;
    background: #fff;
    box-shadow: 0 0 8px rgb(0 0 0 / 30%);
    transition: margin-top 0.3s ease, height 0.3s ease, top 0.3s ease, transform 0.3s ease !important;
    transform: none !important;
    max-height: 70% !important;
    overflow-y: scroll;
}

.dz-default.dz-message {
    background: transparent !important;
    border: 1px dashed black !important;
    padding: 2rem 4rem !important;
}

div.dz-default.dz-message button.dz-button {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}

.taskStyles .buttons {
    margin-top: -25px;
}
.dropzone-div-output {
    padding: 0px!important;
}
i.fa.fa-plus-circle {
    color: #2ecc71;
}

.card.border-left-4.border-left-success {
    background: #d3fcf0;
}

.iziModal {
    border-radius: 0.5rem !important;
}


/* SELECT FORMS RADIUS */

.form-control.flatpickr-input,
.select2-selection.select2-selection--single,
.dataTables_wrapper .dataTables_filter input {
    border-radius: 0.5rem !important;
}

.btn {
    border-radius: 0.25rem !important;
}

.z-index-1 {
    z-index: 1;
}
.amsify-suggestags-input-area {
    margin-top: 0 !important;
}

.amsify-suggestags-input-area.amsify-suggestags-input-area-default.form-control {
    padding: 5px 5px !important;
    border-color: #ccc !important;
    height: auto !important;
    min-height: 34px !important;
}

.inner.text-40.mb-0.text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    font-weight: bold;
    color: white;
    opacity: 0;
}

.selected-module:hover .text-40.mb-0.text {
    opacity: 1;
}

.card.card--elevated.card-group-row__card.inner-module:hover .text-40.mb-0.text {
    opacity: 1;
}

.progress-bar {
    background-image: linear-gradient( 60deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
}

.col-md-4.right-task {
    background-color: #f0f5f7;
    border-left: solid 1px #e6e5e5;
}

#comment_label_id {
    color: rgba(39, 44, 51, 0.7) !important;
    font-weight: 400;
    font-size: 12px;
}

#comment_label_id:hover {
    text-decoration: underline;
    color: #072a52 !important;
    cursor: pointer;
}

.fa.fa-plus-circle {
    cursor: pointer;
}

.content {
    padding-left: 10px!important;
    padding-right: 10px !important;
    /* margin-top: -33px; */
}

.page-section.bg-alt.border-bottom-2 {
    border-radius: 0.5rem !important;
}

.text-40.mb-0.text {
    position: absolute;
    font-size: 15px;
    top: 35%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    color: white;
    opacity: 0;
    text-shadow: 2px 2px 2px black !important;
    transition: 0.2s ease-in;
    width: 100%;
}

.text-40.mb-0.text:hover {
    opacity: 1;
}

.h2.mb-0.class-body-not_started,
.h2.mb-0.class-body-in_progress,
.h2.mb-0.class-body-on_hold,
.h2.mb-0.class-body-cancelled,
.h2.mb-0.class-body-finished,
.material-icons.text-50 {
    color: white !important;
}

.card-header.pb-0.border-0.d-flex.class-header-not_started,
.card.mb-md-0.class-borderline-not_started {
    background: linear-gradient(45deg, rgba(97, 90, 219, 1) 30%, rgba(177, 121, 248, 1) 100%);
}

.card-header.pb-0.border-0.d-flex.class-header-in_progress,
.card.mb-md-0.class-borderline-in_progress {
    background: linear-gradient(45deg, rgba(6, 132, 253, 1) 30%, rgba(2, 193, 247, 1) 100%);
}

.card-header.pb-0.border-0.d-flex.class-header-on_hold,
.card.mb-md-0.class-borderline-on_hold {
    background: linear-gradient(45deg, rgba(248, 113, 32, 1) 30%, rgba(252, 147, 19, 1) 100%);
}

.card-header.pb-0.border-0.d-flex.class-header-cancelled,
.card.mb-md-0.class-borderline-cancelled {
    background: linear-gradient(45deg, rgba(246, 54, 49, 1) 30%, rgba(252, 106, 155, 1) 100%);
}

.card-header.pb-0.border-0.d-flex.class-header-finished,
.card.mb-md-0.class-borderline-finished {
    background: linear-gradient( 45deg, rgba(16, 202, 147, 1) 30%, rgba(47, 255, 194, 1) 100%);
}

.codeComponents {
    color: #e1244e;
    font-weight: 700;
}

.btn.pull-right.btn-info,
.btn.pull-right.btn-danger,
.btn.pull-right.btn-warning,
.btn.pull-right.btn-secondary,
.btn.pull-right.btn-set,
.btn.pull-right.btn-accent {
    padding: 3px;
    width: 26px;
    height: 26px;
    min-width: 26px;
    min-height: 26px;
}

.btn.pull-right.btn-info {
    background-color: #337ab7;
    border-color: #337ab7;
    box-shadow: 0 5px 15px 0 rgba(58, 122, 254, 0.2) !important;
}

.btn.pull-right.btn-info:hover {
    background-color: #2d70a8;
    border-color: #2d70a8;
}

.btn.pull-right.btn-danger {
    background-color: #f25b65;
    border-color: #f25b65;
    box-shadow: 0 5px 15px 0 rgba(242, 87, 103, 0.2) !important;
}

.btn.pull-right.btn-danger:hover {
    background-color: #ef3347;
    border-color: #ee283c;
}

.btn.pull-right.btn-warning {
    box-shadow: 0 5px 15px 0 rgba(197, 163, 70, 0.2) !important;
}

.mat-icon.notranslate.material-icons.mat-icon-no-color {
    color: #272c33;
}

.list-group.list-group-form {
    border-radius: 0.5rem !important;
}

.search-form.navbar-search.d-none.d-md-flex.mr-16pt {
    border-radius: 0.5rem !important;
}


/* Theme - Dark Mode */

html.dark-mode label, html.dark-mode .dataTables_wrapper .dataTables_info, html.dark-mode .alert.alert-soft-warning.mb-24pt small, html[dir].dark-mode .card-header a {
    color: white !important;
}

html.dark-mode .nav-tabs .nav-link.active {
    background-color: rgb(26, 35, 47);
}

html.dark-mode .nav-link:hover:not(.dropdown-toggle,
.col-lg-3 a.nav-link,
.nav-link.active) {
    background-color: rgb(56, 61, 65);
    border-bottom: solid 3px #22282e !important;
    color: #fff !important;
}

html.dark-mode:not(body.layout-sticky-subnav div.mdk-header-layout__content.page-content) .nav-link:not(.dropdown-toggle, .col-lg-3 a.nav-link, .nav-link.active) {
    background-color: rgb(31, 41, 55);
    color: #fff !important;
    border-bottom: solid 0px #fff !important;
}

html[dir].dark-mode div.alert a {
    color: inherit !important;
}

html[dir].dark-mode .text-black-50 {
    color: gray !important;
}

html[dir].dark-mode .text-black-100,
html[dir].dark-mode .text-black-70 {
    color: rgba(250, 250, 250, 0.7) !important;
}

html[dir].dark-mode div.sidebar-account.dropdown,
html[dir].dark-mode div.list-group {
    background: transparent !important;
    border: 1px solid rgb(150 150 150 / 20%);
}

html[dir].dark-mode .card.card-body.mb-32pt.text-center a.tab {
    color: rgb(150 150 150 / 85%) !important;
}

html[dir].dark-mode .card.card-body.mb-32pt.text-center a:hover {
    color: #4aa2ee !important;
}

html[dir].dark-mode i.material-icons {
    color: white;
}

html.dark-mode .container-fluid.page__container.page-section,
html.dark-mode div.wrapper,
html.dark-mode .dataTables_empty {
    background-color: #20262d !important;
}

html.dark-mode div.amsify-suggestags-area {
    background-color: transparent !important;
}

html.dark-mode input.amsify-suggestags-input,
html.dark-mode div.wrapper div.tab-show,
html.dark-mode textarea.select2-search__field {
    background: transparent !important;
}

/* html.dark-mode .ck.ck-editor__main,
html.dark-mode input.amsify-suggestags-input,
html.dark-mode input.select2-search__field[type="search"] {
    color: #000000 !important;
} */

html.dark-mode .elfinder-workzone {
    background: rgb(36, 36, 36) !important;
}

html.dark-mode .elfinder .elfinder-navbar {
    background: rgb(24, 24, 24) !important;
}

html.dark-mode div.ui-dialog>* {
    background: rgb(85, 85, 85);
}

/* html.dark-mode td.fc-other-month.fc-future,
html.dark-mode td.fc-other-month.fc-past {
    background: none !important;
    background: rgba(65, 65, 65, 0.3) !important;
} */

/* html.dark-mode .fc-unthemed td.fc-today {
    background: rgba(0, 212, 255, 0.3) !important;
} */

html.dark-mode table.dataTable tbody tr {
    background-color: transparent !important;
}

html[dir].dark-mode .page-nav .page-nav__menu a:not(.active)::before {
    background-color: #d2d5d9;
}

.dark-mode .select2 .select2-selection,
.dark-mode input:not(input[type="submit"],
[type="checkbox"]),
.dark-mode div[role="textbox"],
.dark-mode textarea,
.dark-mode select[type="select"] {
    background-color: transparent !important;
    border: 0.5px solid #595e6a !important;
    color: white !important;
}

.dark-mode div.amsify-suggestags-input-area.amsify-suggestags-input-area-default.form-control-flush-modifier,
.dark-mode div.custom-file.fileInputCustom input.custom-file-input[type="file"],
.dark-mode div.custom-file.fileInputCustom label.custom-file-label,
.dark-mode div.amsify-suggestags-input-area.amsify-suggestags-input-area-default.form-control {
    background: transparent !important;
}

.dark-mode div[role="toolbar"] {
    background-color: rgba(255, 255, 255, 0.801) !important;
}

.dark-mode label#ticketToContact:hover {
    color: #ffffff !important;
}

html[dir].dark-mode .bg-alt {
    background: #1f2937 !important;
}

.dark-mode p.text-dark {
    color: #ffffffbb !important;
}

html[dir].dark-mode .page-nav::before {
    background: rgb(187, 182, 182) !important;
}


/* End - Theme - Dark Mode */

.form-control.flatpickr-input {
    margin-top: 0;
    height: calc(2rem + 2px);
}

.powerp-badge.powerp-badge-primary.powerp-badge-lg.powerp-badge-pill {
    line-height: 1.5;
    border-radius: 1rem !important;
    padding: 2px 7px;
    border: 1px solid transparent;
    color: #4466f2;
    background: rgba(68, 102, 242, 0.3) !important;
    box-shadow: 0 5px 15 0 rgba(68, 102, 242, 0.2) !important;
}

.badge.badge-accent {
    color: #1bc3c9;
    background: rgba(0, 188, 194, 0.3) !important;
    box-shadow: 0 5px 15 0 rgba(0, 188, 194, 0.3) !important;
}

.badge.badge-notifications.badge-accent {
    background-color: #00bcc2 !important;
    color: white !important;
    border: solid 1px #00bcc2;
}

tr {
    text-align: left !important;
}

.powerp-badge {
    line-height: 1.5 !important;
    border-radius: 1rem !important;
    padding: 2px 7px !important;
    border: 1px solid transparent !important;
}

.powerp-badge-success {
    background: rgba(70, 195, 95, 0.3) !important;
    color: #46c35f !important;
}

.powerp-badge-primary {
    color: #4466f2 !important;
    background: rgba(68, 103, 242, 0.3) !important;
}

.powerp-badge-accent {
    color: #00bcc2;
    background: rgba(0, 188, 194, 0.3) !important;
}

.powerp-badge-danger {
    color: #f96868 !important;
    background: rgba(249, 104, 104, 0.3) !important;
}

.powerp-badge-warning {
    color: #f6c14e !important;
    background: rgba(246, 193, 78, 0.3) !important;
}

.powerp-badge-secondary {
    color: #6c757d !important;
    background: rgba(108, 117, 125, 0.3) !important;
}

.card.border-left-4.border-left-warning {
    background: #fff3e0 !important;
}

[dir="ltr"] .border-left-warning {
    border-color: #ffa005 !important;
}

[dir="ltr"] .border-left-success {
    border-color: #10ca93 !important;
}

.card.border-left-4.border-left-info {
    background-color: #e0f7ff !important;
}

.card.border-left-4.border-left-danger {
    background-color: #fde5e7 !important;
}

[dir="ltr"] .border-left-danger {
    border-color: #f2606f !important;
}

[dir="ltr"] .border-left-info {
    border-color: #00afef !important;
}

.success {
    color: #10ca93 !important;
}

.warning {
    color: #ffa005 !important;
}

.danger {
    color: #f2606f !important;
}

.info {
    color: #00afef !important;
}

.card-body.d-flex.flex-column.align-items-center.newStaff {
    background: linear-gradient( 45deg, rgba(156, 54, 175, 1) 30%, rgba(236, 57, 115, 1) 100%);
    border-radius: 0.5rem !important;
    transition: 0.2s !important;
}

.card-body.d-flex.flex-column.align-items-center.totalStaff {
    background: linear-gradient( 45deg, rgba(236, 39, 18, 1) 30%, rgba(251, 89, 137, 1) 100%);
    border-radius: 0.5rem !important;
    transition: 0.2s !important;
}

.card-body.d-flex.flex-column.align-items-center.newStaff:hover,
.card-body.d-flex.flex-column.align-items-center.totalStaff:hover,
.card-body.d-flex.flex-column.align-items-center.working:hover,
.card-body.d-flex.flex-column.align-items-center.group:hover,
.card-body.d-flex.flex-column.align-items-center.personAdd:hover {
    transform: scale(1.01);
}

.card-body.d-flex.flex-column.align-items-center.working {
    background: linear-gradient( 45deg, rgba(68, 171, 93, 1) 30%, rgba(70, 223, 167, 1) 100%);
    border-radius: 0.5rem !important;
    transition: 0.2s !important;
}

.card-body.d-flex.flex-column.align-items-center.personAdd {
    background: linear-gradient( 45deg, rgba(68, 171, 93, 1) 30%, rgba(70, 223, 167, 1) 100%);
    border-radius: 0.5rem !important;
    transition: 0.2s !important;
}

.card-body.d-flex.flex-column.align-items-center.group {
    background: linear-gradient( 45deg, rgba(219, 79, 106, 1) 30%, rgba(222, 109, 74, 1) 100%);
    border-radius: 0.5rem !important;
    transition: 0.2s !important;
}

.card-body.d-flex.flex-column.align-items-center.work {
    background: linear-gradient( 45deg, rgba(75, 0, 130, 1) 30%, rgb(173, 3, 173) 100%);
    border-radius: 0.5rem !important;
    transition: 0.2s !important;
}

html[dir].dark-mode div.dropdown-menu.show {
    background: #1f2937 !important;
    border: 1px solid rgba(150 150 150 / 50%) !important;
}

html[dir].dark-mode div.dropdown-menu.show>*,
html[dir].dark-mode div.dropdown-menu.show .dropdown-header strong {
    color: rgba(230 230 230 / 85%) !important;
}

html.dark-mode .text-70 {
    color: white !important;
}

html[dir="ltr"].dark-mode .border-left-warning {
    border-left-color: #ffa005 !important;
}

html[dir="ltr"].dark-mode .border-left-success {
    border-left-color: #10ca93 !important;
}

html[dir="ltr"].dark-mode .border-left-danger {
    border-left-color: #f2606f !important;
}

html[dir="ltr"].dark-mode .border-left-info {
    border-left-color: #00afef !important;
}

html[dir="ltr"].dark-mode .card.border-left-4.border-left-success {
    background-color: #d3fcf0 !important;
}

html[dir].dark-mode .page-separator::before {
    background: #767676 !important;
}

/* konflikt me superadmin*/

body.layout-sticky-subnav div.mdk-header-layout__content.page-content:not(.super-adm-toolbar) {
    z-index: 10 !important;
}

.card-body.d-flex.flex-column.align-items-center.work {
    background: linear-gradient( 45deg, rgba(75, 0, 130, 1) 30%, rgb(173, 3, 173) 100%);
    border-radius: 0.5rem !important;
    transition: 0.2s !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current {
    background-color: #1f74ff !important;
    border: none !important;
    color: white !important;
    box-shadow: rgba(31, 117, 255, 2) !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    border: none !important;
    box-shadow: rgba(31, 117, 255, 0.3) !important;
}

.dataTables_wrapper .dataTables_paginate .previous,
.dataTables_wrapper .dataTables_paginate .next {
    /* background: #f0f0f0 !important; */
    border: none !important;
    color: #3d4352 !important;
    font-weight: bolder !important;
    transition: 0.2s;
}

.dataTables_wrapper .dataTables_paginate .previous:hover,
.dataTables_wrapper .dataTables_paginate .next:hover {
    background: #3d4352 !important;
    color: #f0f0f0 !important;
    border: none !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover {
    background: #cdd0d5 !important;
    box-shadow: rgba(58, 122, 254, 0.2) !important;
    color: white !important;
    border: none !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    transition: 0.2s;
    border: none !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: rgba(31, 117, 255, 0.3) !important;
    border: none !important;
    color: #3d4352 !important;
}

html[dir].dark-mode .dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
    background: #3d4352 !important;
    border: none !important;
    color: dimgray !important;
}

/* html[dir].dark-mode .dataTables_wrapper .dataTables_paginate .paginate_button:hover:not(.paginate_button.current,
.paginate_button.previous.disabled,
.paginate_button.next.disabled) {
    background: #4d91ff !important;
} */

/* html[dir].dark-mode .dataTables_wrapper .paginate_button.current,
html[dir].dark-mode .dataTables_wrapper .paginate_button.previous,
html[dir].dark-mode .dataTables_wrapper .paginate_button.next {
    background: #1f74ff !important;
} */

html[dir].dark-mode span.ellipsis,
html[dir].dark-mode .dataTables_wrapper .dataTables_paginate .paginate_button {
    color: #fff !important;
    border: none !important;
}

.fc-prev-button.fc-button.fc-state-default.fc-corner-left {
    background: transparent !important;
    border: solid 1px #1f74ff !important;
    color: #1f74ff;
    transition: 0.2s;
}

.fc-prev-button.fc-button.fc-state-default.fc-corner-left:hover,
.fc-next-button.fc-button.fc-state-default.fc-corner-right:hover,
.fc-today-button.fc-button.fc-state-default.fc-corner-left.fc-corner-right:hover .fc-agendaWeek-button.fc-button.fc-state-default:hover {
    background: #1f74ff !important;
    border: solid 1px #1f74ff !important;
    color: white !important;
}

.fc-next-button.fc-button.fc-state-default.fc-corner-right {
    background: transparent !important;
    border: solid 1px #1f74ff !important;
    color: #1f74ff !important;
    box-shadow: rgba(31, 117, 255, 0.2) !important;
    transition: 0.2s;
}

.fc-today-button.fc-button.fc-state-default.fc-corner-left.fc-corner-right,
.fc-agendaWeek-button.fc-button.fc-state-default,
.fc-agendaDay-button.fc-button.fc-state-default.fc-corner-right,
.fc-month-button.fc-button.fc-state-default.fc-corner-left {
    background: transparent !important;
    border: solid 1px #1f74ff !important;
    color: #1f74ff !important;
    box-shadow: rgba(31, 117, 255, 0.2) !important;
    transition: 0.2s;
    text-transform: capitalize !important;
    text-shadow: none !important;
}

.fc-today-button.fc-button.fc-state-default.fc-corner-left.fc-corner-right.fc-state-disabled {
    background: rgba(31, 117, 255, 0.2) !important;
    border: solid 1px rgba(31, 117, 255, 0.2) !important;
    color: white !important;
    cursor: not-allowed !important;
}

.fc-month-button.fc-button.fc-state-default.fc-corner-left.fc-state-active,
.fc-agendaDay-button.fc-button.fc-state-default.fc-corner-right.fc-state-active,
.fc-agendaWeek-button.fc-button.fc-state-default.fc-state-active {
    background-color: #1f74ff !important;
    color: white !important;
    border: solid 1px #1f74ff !important;
    transition: 0.2s;
    text-transform: capitalize !important;
    text-shadow: none !important;
}

.fc-agendaWeek-button.fc-button.fc-state-default:hover,
.fc-agendaDay-button.fc-button.fc-state-default.fc-corner-right:hover {
    background: #1f74ff !important;
    color: white !important;
}

.fc-unthemed td.fc-today {
    background: #e2edff !important;
    font-weight: bold !important;
}

.fc-day-number {
    font-size: 15px;
}

.dropdown-toggle.class-output-1 {
    line-height: 1.5;
    border-radius: 1rem !important;
    padding: 0px 7px;
    border: 1px solid transparent;
    color: #f96868 !important;
    background: #f6ccce !important;
    font-weight: 500;
    cursor: pointer;
    text-decoration: none;
}

.dropdown-toggle.class-output-2 {
    line-height: 1.5;
    border-radius: 1rem !important;
    padding: 0px 7px;
    border: 1px solid transparent;
    color: #4466f2 !important;
    background: #bfccf8 !important;
    font-weight: 500;
    cursor: pointer;
    text-decoration: none !important;
}

.dropdown-toggle.class-output-3 {
    line-height: 1.5;
    border-radius: 1rem !important;
    padding: 0px 7px;
    border: 1px solid transparent;
    color: #f6c457 !important;
    background: #f5e7c6 !important;
    font-weight: 500;
    cursor: pointer;
    text-decoration: none !important;
}

.dropdown-toggle.class-output-5 {
    line-height: 1.5;
    border-radius: 1rem !important;
    padding: 0px 7px;
    border: 1px solid transparent;
    color: #64cc79 !important;
    background: #c0e8cb !important;
    font-weight: 500;
    cursor: pointer;
    text-decoration: none !important;
}

.dropdown-toggle.class-output-4 {
    line-height: 1.5;
    border-radius: 1rem !important;
    padding: 0px 7px;
    border: 1px solid transparent;
    color: #27aaae !important;
    background: #abe6ea !important;
    font-weight: 500;
    cursor: pointer;
    text-decoration: none !important;
  }

.text-black-70 {
    color: rgb(104, 104, 104) !important;
}

.dropdown-header {
    font-size: 13px;
}

.dropdown-menu.dropdown-menu-right.show {
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}

.list-group-item.notification-item.list-group-item-action.unread {
    background: #f5f7fa;
    z-index: 0;
}

.mark {
    background: transparent !important;
    font-weight: 500;
    margin-top: -12px;
    transition: 0.2s;
}

.mark:hover {
    color: #007d81;
    transform: scale(1.01);
    text-decoration: none !important;
}

[dir] .list-group-item {
    padding: 0.75rem 0.5rem !important;
}

.text-black-50.text-right {
    margin-right: 5px;
}

[dir] .dropdown-item {
    cursor: pointer;
}

.dropdown-toggle,
.dropdown-item {
    cursor: pointer !important;
}

.ml-2.project-status-output-2 {
    color: #6682f3;
    text-shadow: 0px 1px 2px rgba(102, 130, 243, 0.48) !important;
}

.ml-2.project-status-output-1 {
    color: #6c757d;
    text-shadow: 0px 1px 2px rgba(108, 117, 125, 0.48) !important;
}

.ml-2.project-status-output-3 {
    color: #f6c459;
    text-shadow: 0px 1px 2px rgba(246, 196, 89, 0.48) !important;
}

.ml-2.project-status-output-5 {
    color: #f96969;
    text-shadow: 0px 1px 2px rgba(249, 105, 105, 0.48) !important;
}

.ml-2.project-status-output-4 {
    color: #5cca73;
    text-shadow: 0px 1px 2px rgba(92, 202, 115, 0.48);
}

.fas.fa-circle {
    font-size: 10px !important;
}

.flatpickr-day.today {
    background: #1d6ff6;
    color: white;
}

.flatpickr-weekday {
    text-transform: uppercase;
    font-weight: normal !important;
    margin-top: 20px !important;
    margin-bottom: 12px !important;
    color: black !important;
}

.flatpickr-months .flatpickr-next-month:hover svg,
.flatpickr-months .flatpickr-prev-month:hover svg {
    fill: #1d6ff6 !important;
}

.cur-month {
    color: #1d6ff6 !important;
}

.dropdown-menu.dropdown-menu-right.show {
    width: 240px;
}

.dropdown-header.textOutput {
    text-align: center;
}

#start_timer_top_bar {
    width: 192px;
}

.powerp-badge.powerp-badge-primary.outline.powerp-badge-lg.powerp-badge-pill {
    background: transparent !important;
    border: solid 2px #bfccf8 !important;
}

.powerp-badge.powerp-badge-success.outline.powerp-badge-lg.powerp-badge-pill {
    background: transparent !important;
    border: solid 2px #c0e8cb !important;
}

.powerp-badge.powerp-badge-accent.outline.powerp-badge-lg.powerp-badge-pill {
    background: transparent !important;
    border: solid 2px #abe6ea !important;
}

.powerp-badge.powerp-badge-danger.outline.powerp-badge-lg.powerp-badge-pill {
    background: transparent !important;
    border: solid 2px #f6c1c2 !important;
}

.powerp-badge.powerp-badge-warning.outline.powerp-badge-lg.powerp-badge-pill {
    background: transparent !important;
    border: solid 2px #f5e7c6 !important;
}

.powerp-badge.powerp-badge-secondary.outline.powerp-badge-lg.powerp-badge-pill {
    background: transparent !important;
    border: solid 2px #cbd0d5 !important;
}

.card-body.d-flex.flex-column.align-items-center.projects-2 {
    background: linear-gradient( 45deg, rgba(106, 80, 179, 1) 30%, rgba(70, 93, 225, 1) 100%);
    border-radius: 0.5rem !important;
    transition: 0.2s;
}

.card-body.d-flex.flex-column.align-items-center.task-2 {
    background: linear-gradient( 45deg, rgba(254, 138, 146, 1) 30%, rgba(254, 181, 128, 1) 100%);
    border-radius: 0.5rem !important;
    transition: 0.2s;
}

.card-body.d-flex.flex-column.align-items-center.invoices-2 {
    background: linear-gradient( 45deg, rgba(65, 171, 170, 1) 30%, rgba(81, 216, 203, 1) 100%);
    border-radius: 0.5rem !important;
    transition: 0.2s;
}

.card-body.d-flex.flex-column.align-items-center.projects-2:hover,
.card-body.d-flex.flex-column.align-items-center.task-2:hover,
.card-body.d-flex.flex-column.align-items-center.invoices-2:hover {
    transform: scale(1.01);
}

.dropdown-toggle.priority-output-1 {
    line-height: 1.5;
    border-radius: 1rem !important;
    padding: 0px 7px;
    border: 2px solid #abe6ea !important;
    color: #00bcc2 !important;
    background: transparent !important;
    font-weight: 500;
    cursor: pointer;
    text-decoration: none !important;
    transition: 0.2s;
}

.dropdown-toggle.priority-output-1:hover {
    line-height: 1.5;
    border-radius: 1rem !important;
    padding: 0px 7px;
    border: 2px solid #abe6ea !important;
    color: #00bcc2 !important;
    background: #abe6ea !important;
    font-weight: 500;
    cursor: pointer;
    text-decoration: none !important;
}

.dropdown-toggle.priority-output-2 {
    line-height: 1.5;
    border-radius: 1rem !important;
    padding: 0px 7px;
    border: 2px solid #bfccf8 !important;
    color: #4466f2 !important;
    background: transparent !important;
    font-weight: 500;
    cursor: pointer;
    text-decoration: none !important;
    transition: 0.2s;
}

.dropdown-toggle.priority-output-2:hover {
    line-height: 1.5;
    border-radius: 1rem !important;
    padding: 0px 7px;
    border: 2px solid #bfccf8 !important;
    color: #4466f2 !important;
    background: #bfccf8 !important;
    font-weight: 500;
    cursor: pointer;
    text-decoration: none !important;
}

.dropdown-toggle.priority-output-3 {
    line-height: 1.5;
    border-radius: 1rem !important;
    padding: 0px 7px;
    border: 2px solid #f5e7c6 !important;
    color: #f5ca6b !important;
    background: transparent !important;
    font-weight: 500;
    cursor: pointer;
    text-decoration: none !important;
    transition: 0.2s;
}

.dropdown-toggle.priority-output-3:hover {
    line-height: 1.5;
    border-radius: 1rem !important;
    padding: 0px 7px;
    border: 2px solid #f5e7c6 !important;
    color: #f5ca6b !important;
    background: #f5e7c6 !important;
    font-weight: 500;
    cursor: pointer;
    text-decoration: none !important;
}

.dropdown-toggle.priority-output-4 {
    line-height: 1.5;
    border-radius: 1rem !important;
    padding: 0px 7px;
    border: 2px solid #f6ccce !important;
    color: #f96c6c !important;
    background: transparent !important;
    font-weight: 500;
    cursor: pointer;
    text-decoration: none !important;
    transition: 0.2s;
}

.dropdown-toggle.priority-output-4:hover {
    line-height: 1.5;
    border-radius: 1rem !important;
    padding: 0px 7px;
    border: 2px solid #f6ccce !important;
    color: #f96c6c !important;
    background: #f6ccce !important;
    font-weight: 500;
    cursor: pointer;
    text-decoration: none !important;
}

@media (min-width: 992px) {
    .mg-top-48 {
        margin-top: 48px !important;
    }
}

body.theme-dark-dodger-blue div.iziModal-header,
body.theme-light-dodger-blue div.iziModal-header,
body.theme-dark-dodger-blue div.iziModal input[type="submit"],
body.theme-light-dodger-blue div.iziModal input[type="submit"],
body.theme-dark-dodger-blue .table thead,
body.theme-light-dodger-blue .table thead,
body.theme-dark-dodger-blue .btn-outline-primary:hover:not(:disabled),
body.theme-light-dodger-blue .btn-outline-primary:hover:not(:disabled) {
    background-color: #5567ff !important;
}

body.theme-dark-dodger-blue div.iziModal input[type="submit"],
body.theme-light-dodger-blue div.iziModal input[type="submit"],
body.theme-dark-dodger-blue .btn-outline-primary,
body.theme-light-dodger-blue .btn-outline-primary {
    border-color: #5567ff !important;
}

body.theme-light-dodger-blue .btn-outline-primary,
body.theme-dark-dodger-blue .btn-outline-primary {
    color: #5567ff !important;
}

body.theme-light-dodger-blue .btn-outline-primary:hover:not(:disabled),
body.theme-dark-dodger-blue .btn-outline-primary:hover:not(:disabled) {
    color: #ffffff !important;
}

body.theme-light-dodger-blue div.iziModal input[type="submit"]:hover,
body.theme-dark-dodger-blue div.iziModal input[type="submit"]:hover {
    background-color: #2f45ff !important;
    border-color: #2f45ff !important;
}

.table thead th:nth-child(2n),
.layout- .table thead th:nth-child(2n) {
    background-color: rgba(0 0 0 /5%);
}


/* theme 1ld */

body.theme-dark div.iziModal-header,
body.theme-dark div.iziModal input[type="submit"],
body.theme-light div.iziModal-header,
body.theme-light div.iziModal input[type="submit"],
body.theme-dark .table thead,
body.theme-light .table thead {
    background-color: #00bcc2 !important;
}


/*html.dark-mode body.theme-dark div.iziModal input[type="submit"],*/

body.theme-dark div.iziModal input[type="submit"],
body.theme div.iziModal input[type="submit"] {
    border-color: #00bcc2 !important;
}


/*html.dark-mode body.theme-dark div.iziModal input[type="submit"]:hover,*/

body.theme-dark div.iziModal input[type="submit"]:hover,
body.theme div.iziModal input[type="submit"]:hover {
    background-color: #00979c !important;
    border-color: #00979c !important;
}


/* theme 2ld */

body.theme-dark-blue div.iziModal-header,
body.theme-dark-blue div.iziModal input[type="submit"],
body.theme-light-yellow div.iziModal-header,
body.theme-light-yellow div.iziModal input[type="submit"],
body.theme-dark-blue .table thead,
body.theme-light-yellow .table thead {
    background-color: #e4a93c !important;
}

body.theme-dark-blue div.iziModal input[type="submit"],
body.theme-light-yellow div.iziModal input[type="submit"] {
    border-color: #e4a93c !important;
}

body.theme-dark-blue div.iziModal input[type="submit"]:hover,
body.theme-light-yellow div.iziModal input[type="submit"]:hover {
    background-color: #db991e !important;
    border-color: #db991e !important;
}

body.theme-dark-blue .btn.btn-outline-accent:hover:not(:disabled):not(.disabled),
body.theme-light-yellow .btn.btn-outline-accent:hover:not(:disabled):not(.disabled) {
    background-color: #e4a93c !important;
    border-color: #e4a93c !important;
}

body.theme-dark-blue .btn.btn-outline-accent,
body.theme-light-yellow .btn.btn-outline-accent {
    color: #e4a93c !important;
    border-color: #e4a93c !important;
}

body.theme-dark-blue .show>.btn-accent-yellow.dropdown-toggle,
body.theme-dark-blue .show>.btn-outline-accent.dropdown-toggle,
body.theme-light-yellow .show>.btn-accent-yellow.dropdown-toggle,
body.theme-light-yellow .show>.btn-outline-accent.dropdown-toggle {
    color: #ffffff !important;
}

body.theme-dark-blue .show>.btn-outline-accent.dropdown-toggle,
body.theme-light-yellow .show>.btn-outline-accent.dropdown-toggle {
    background-color: #e4a93c !important;
}


/* theme 3ld */

body.theme-black div.iziModal-header,
body.theme-black div.iziModal input[type="submit"],
body.theme-light-red div.iziModal-header,
body.theme-light-red div.iziModal input[type="submit"],
body.theme-black .table thead,
body.theme-light-red .table thead {
    background-color: #ed0b4c !important;
}

body.theme-black div.iziModal input[type="submit"],
body.theme-light-red div.iziModal input[type="submit"] {
    border-color: #ed0b4c !important;
}

body.theme-black div.iziModal input[type="submit"]:hover,
body.theme-light-red div.iziModal input[type="submit"]:hover {
    background-color: #c80940 !important;
    border-color: #c80940 !important;
}


/* theme 5ld */

body.theme-light-purple div.iziModal-header,
body.theme-light-purple div.iziModal input[type="submit"],
body.theme-dark-purple div.iziModal-header,
body.theme-dark-purple div.iziModal input[type="submit"],
body.theme-light-purple .table thead,
body.theme-dark-purple .table thead,
body.theme-light-purple .btn-outline-primary:hover:not(:disabled),
body.theme-dark-purple .btn-outline-primary:hover:not(:disabled),
body.theme-light-purple .show>.btn-outline-primary.dropdown-toggle,
body.theme-dark-purple .show>.btn-outline-primary.dropdown-toggle {
    background-color: #824ee1 !important;
}

/* body.theme-light-purple div.iziModal input[type="submit"],
body.theme-dark-purple div.iziModal input[type="submit"],
body.theme-light-purple .btn-outline-primary,
body.theme-dark-purple .btn-outline-primary {
    border-color: #ed0b4c !important;
} */

body.theme-light-purple .btn-outline-primary,
body.theme-dark-purple .btn-outline-primary {
    color: #ed0b4c !important;
}

body.theme-light-purple .btn-outline-primary:hover:not(:disabled),
body.theme-dark-purple .btn-outline-primary:hover:not(:disabled),
body.theme-dark-purple .show>.btn-outline-primary.dropdown-toggle,
body.theme-light-purple .show>.btn-outline-primary.dropdown-toggle {
    background-color: #824ee1 !important;
    color: #ffffff !important;
}

body.theme-light-purple div.iziModal input[type="submit"]:hover,
body.theme-dark-purple div.iziModal input[type="submit"]:hover {
    background-color: #6b2ddb !important;
    border-color: #6b2ddb !important;
}


/* theme 4-ld */

.dropdown-header {
    display: flex;
    justify-content: center;
    align-content: center;
    color: #00bcc2;
    font-size: 15px;
    text-transform: capitalize;
}

.btn-accent-yellow:disabled,
body.theme-dark-dodger-blue .show>.btn-outline-primary.dropdown-toggle,
body.theme-light-dodger-blue .show>.btn-outline-primary.dropdown-toggle {
    color: #ffffff !important;
}

body.theme-dark-dodger-blue .btn-primary,
body.theme-light-dodger-blue .btn-primary,
body.theme-dark-dodger-blue .show>.btn-outline-primary.dropdown-toggle,
body.theme-light-dodger-blue .show>.btn-outline-primary.dropdown-toggle {
    background-color: #5567ff !important;
    /*border-color: #5567ff !important;*/
}

body.theme-dark-dodger-blue .btn-primary:hover:not(.btn:disabled),
body.theme-light-dodger-blue .btn-primary:hover:not(.btn:disabled) {
    background-color: #2f45ff !important;
    border-color: #2f45ff !important;
}

body.theme-dark-dodger-blue .btn-accent,
body.theme-light-dodger-blue .btn-accent {
    background-color: #303956 !important;
    border-color: #303956 !important;
}

body.theme-dark-dodger-blue .btn-outline-accent,
body.theme-light-dodger-blue .btn-outline-accent {
    border-color: #303956 !important;
    color: #303956 !important;
}

body.theme-dark-dodger-blue .btn-outline-accent:hover:not(.btn:disabled),
body.theme-light-dodger-blue .btn-outline-accent:hover:not(.btn:disabled) {
    background-color: #303956 !important;
    border-color: #303956 !important;
}

body.theme-dark-dodger-blue .btn-outline-accent:hover:not(:disabled):not(.disabled),
body.theme-light-dodger-blue .btn-outline-accent:hover:not(:disabled):not(.disabled),
body.theme-dark-dodger-blue .show>.btn-outline-accent.dropdown-toggle,
.btn-outline-accent:hover:not(:disabled):not(.disabled),
body.theme-light-dodger-blue .show>.btn-outline-accent.dropdown-toggle {
    background-color: #00bcc2 !important;
    color: #fff !important;
}

body.theme-dark-dodger-blue .btn-accent:hover:not(.btn:disabled),
body.theme-light-dodger-blue .btn-accent:hover:not(.btn:disabled) {
    background-color: #22293d !important;
    border-color: #22293d !important;
}

body.theme-black .btn-primary,
body.theme-light-red .btn-primary {
    background-color: #4aa2ee !important;
    border-color: #4aa2ee !important;
}

body.theme-black .btn-primary:hover:not(.btn:disabled),
body.theme-light-red .btn-primary:hover:not(.btn:disabled) {
    background-color: #316c9e !important;
    border-color: #316c9e !important;
}

body.theme-black .btn-accent,
body.theme-light-red .btn-accent {
    background-color: #ed0b4c !important;
    border-color: #ed0b4c !important;
}

.theme-black .btn-accent:hover:not(:disabled):not(.disabled),
.theme-light .btn-accent:hover:not(:disabled:not(.disabled)) {
    background-color: #c80940 !important;
    border-color: #c80940 !important;
}

.theme-dark-purple .btn-outline-accent,
.theme-light-purple .btn-outline-accent {
    border-color: #824ee1 !important;
    color: #824ee1 !important;
}

.theme-dark-purple .btn-outline-accent:hover:not(:disabled):not(.disabled),
.theme-light-purple .btn-outline-accent:hover:not(:disabled):not(.disabled),
.theme-dark-purple .show>.btn-outline-accent.dropdown-toggle,
.theme-light-purple .show>.btn-outline-accent.dropdown-toggle {
    background-color: #6b2ddb !important;
    color: white !important;
}

body.theme-dark-dodger-blue .btn-outline-accent:hover:not(.btn:disabled),
body.theme-light-dodger-blue .btn-outline-accent:hover:not(.btn:disabled),
body.theme-light-dodger-blue .show>.btn-outline-accent.dropdown-toggle,
body.theme-dark-dodger-blue .show>.btn-outline-accent.dropdown-toggle {
    background-color: #303956 !important;
    border-color: #303956 !important;
}

body.theme-dark-dodger-blue .show>.btn-primary.dropdown-toggle,
body.theme-light-dodger-blue .show>.btn-primary.dropdown-toggle {
    border-color: #5567ff !important;
}

.theme-dark-dodger-blue .dataTables_wrapper .dataTables_paginate .paginate_button.current,
.theme-light-dodger-blue .dataTables_wrapper .dataTables_paginate .paginate_button.current {
    background: #5567ff !important;
}

.theme-dark-dodger-blue .dataTables_wrapper .dataTables_paginate .paginate_button:hover,
.theme-light-dodger-blue .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: rgba(85, 103, 255, 0.3) !important;
    border: none !important;
    color: #3d4352 !important;
}

.theme-dark-blue .dataTables_wrapper .dataTables_paginate .paginate_button.current,
.theme-light-yellow .dataTables_wrapper .dataTables_paginate .paginate_button.current {
    background: #e4a93c !important;
}

.theme-dark-blue .dataTables_wrapper .dataTables_paginate .paginate_button:hover,
.theme-light-yellow .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: rgba(228, 169, 60, 0.3) !important;
    border: none !important;
    color: #3d4352 !important;
}

.theme-dark-purple .dataTables_wrapper .dataTables_paginate .paginate_button.current {
    background: #824ee1 !important;
}

.theme-dark-purple .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: rgba(130, 78, 225, 0.3) !important;
    border: none !important;
    color: #3d4352 !important;
}

.theme-black .dataTables_wrapper .dataTables_paginate .paginate_button.current,
.theme-light-purple .dataTables_wrapper .dataTables_paginate .paginate_button.current,
.theme-light-red .dataTables_paginate .paginate_button.current {
    background: #ed0b4c !important;
}

.theme-black .dataTables_wrapper .dataTables_paginate .paginate_button:hover,
.theme-light-purple .dataTables_wrapper .dataTables_paginate .paginate_button:hover,
.theme-light-red .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: rgba(237, 11, 76, 0.3) !important;
    border: none !important;
    color: #3d4352 !important;
}

.theme-light .dataTables_wrapper .dataTables_paginate .paginate_button.current {
    background: #00bcc2 !important;
}

.theme-light .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: rgba(0, 188, 194, 0.3) !important;
    border: none !important;
    color: #3d4352 !important;
}

.theme-dark .dataTables_wrapper .dataTables_paginate .paginate_button.current {
    background: #00bcc2 !important;
}

.theme-dark .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: rgba(0, 188, 194, 0.3) !important;
    border: none !important;
    color: #3d4352 !important;
}

.theme-dark-dodger-blue .badge.badge-notifications.badge-accent,
.theme-light-dodger-blue .badge.badge-notifications.badge-accent {
    background: #5567ff !important;
    border-color: #5567ff !important;
}

.theme-dark-blue .badge.badge-notifications.badge-accent,
.theme-light-yellow .badge.badge-notifications.badge-accent {
    background: #e4a93c !important;
    border-color: #e4a93c !important;
}

.theme-dark-purple .badge.badge-notifications.badge-accent,
.theme-light-purple .badge.badge-notifications.badge-accent,
.theme-black .badge.badge-notifications.badge-accent,
.theme-light-red .badge.badge-notifications.badge-accent {
    background: #ed0b4c !important;
    border-color: #ed0b4c !important;
}


/* THEME DARK DODGER & LIGHT DODGER BLUE CALENDAR BUTTONS */

.theme-dark-dodger-blue .fc-prev-button.fc-button.fc-state-default.fc-corner-left,
.theme-light-dodger-blue .fc-prev-button.fc-button.fc-state-default.fc-corner-left {
    border-color: #5567ff !important;
    color: #5567ff !important;
}

.theme-dark-dodger-blue .fc-prev-button.fc-button.fc-state-default.fc-corner-left:hover,
.theme-light-dodger-blue .fc-prev-button.fc-button.fc-state-default.fc-corner-left:hover {
    background: #5567ff !important;
    color: white !important;
}

.theme-dark-dodger-blue .fc-next-button.fc-button.fc-state-default.fc-corner-right,
.theme-light-dodger-blue .fc-next-button.fc-button.fc-state-default.fc-corner-right {
    border-color: #5567ff !important;
    color: #5567ff !important;
}

.theme-dark-dodger-blue .fc-next-button.fc-button.fc-state-default.fc-corner-right:hover,
.theme-light-dodger-blue .fc-next-button.fc-button.fc-state-default.fc-corner-right:hover {
    background: #5567ff !important;
    color: white !important;
}

.theme-dark-dodger-blue button.fc-today-button.fc-button.fc-state-default.fc-corner-left.fc-corner-right,
.theme-light-dodger-blue button.fc-today-button.fc-button.fc-state-default.fc-corner-left.fc-corner-right {
    z-index: 0 !important;
    background: #5567ff !important;
    border-color: #5567ff !important;
    color: white !important;
}

.theme-dark-dodger-blue .fc-month-button.fc-button.fc-state-default.fc-corner-left.fc-state-active,
.fc-agendaDay-button.fc-button.fc-state-default.fc-corner-right.fc-state-active,
.fc-agendaWeek-button.fc-button.fc-state-default.fc-state-active,
.theme-light-dodger-blue .fc-month-button.fc-button.fc-state-default.fc-corner-left.fc-state-active,
.fc-agendaDay-button.fc-button.fc-state-default.fc-corner-right.fc-state-active,
.fc-agendaWeek-button.fc-button.fc-state-default.fc-state-active {
    background-color: #5567ff !important;
    color: white !important;
    border: solid 1px #5567ff !important;
    transition: 0.2s;
    text-transform: capitalize !important;
    text-shadow: none !important;
}

.theme-dark-dodger-blue .fc-agendaWeek-button.fc-button.fc-state-default,
.theme-light-dodger-blue .fc-agendaWeek-button.fc-button.fc-state-default {
    background: transparent !important;
    border: solid 1px #5567ff !important;
    color: #5567ff !important;
    transition: 0.2s;
    text-transform: capitalize !important;
    text-shadow: none !important;
}

.theme-dark-dodger-blue .fc-month-button.fc-button.fc-state-default.fc-corner-left,
.theme-light-dodger-blue .fc-month-button.fc-button.fc-state-default.fc-corner-left {
    border-color: #5567ff !important;
    color: #5567ff !important;
}

.theme-dark-dodger-blue .fc-agendaWeek-button.fc-button.fc-state-default.fc-state-active,
.theme-light-dodger-blue .fc-agendaWeek-button.fc-button.fc-state-default.fc-state-active {
    background: #5567ff !important;
    border: solid 1px #5567ff !important;
    color: white !important;
    transition: 0.2s;
    text-transform: capitalize !important;
    text-shadow: none !important;
}

.theme-dark-dodger-blue .fc-agendaDay-button.fc-button.fc-state-default.fc-corner-right,
.theme-light-dodger-blue .fc-agendaDay-button.fc-button.fc-state-default.fc-corner-right {
    border-color: #5567ff !important;
    color: #5567ff !important;
}

.theme-dark-dodger-blue .fc-agendaWeek-button.fc-button.fc-state-default:hover,
.fc-agendaDay-button.fc-button.fc-state-default.fc-corner-right:hover,
.theme-light-dodger-blue .fc-agendaWeek-button.fc-button.fc-state-default:hover,
.fc-agendaDay-button.fc-button.fc-state-default.fc-corner-right:hover {
    background: #5567ff !important;
    color: white !important;
}

.theme-dark-dodger-blue .fc-month-button.fc-button.fc-state-default.fc-corner-left:hover,
.theme-light-dodger-blue .fc-month-button.fc-button.fc-state-default.fc-corner-left:hover {
    background: #5567ff !important;
    color: white !important;
}

.theme-dark-dodger-blue .fc-agendaDay-button.fc-button.fc-state-default.fc-corner-right.fc-state-active,
.theme-light-dodger-blue .fc-agendaDay-button.fc-button.fc-state-default.fc-corner-right.fc-state-active {
    background: #5567ff !important;
    color: white !important;
}


/* end THEME DARK DODGER & LIGHT DODGER BLUE CALENDAR BUTTONS */


/* THEME DARK & LIGHT CALENDAR BUTTONS */

.theme-dark .fc-prev-button.fc-button.fc-state-default.fc-corner-left,
.theme-light .fc-prev-button.fc-button.fc-state-default.fc-corner-left {
    border-color: #00bcc2 !important;
    color: #00bcc2 !important;
}

.theme-dark .fc-prev-button.fc-button.fc-state-default.fc-corner-left:hover,
.theme-light .fc-prev-button.fc-button.fc-state-default.fc-corner-left:hover {
    background: #00bcc2 !important;
    color: white !important;
}

.theme-dark .fc-next-button.fc-button.fc-state-default.fc-corner-right,
.theme-light .fc-next-button.fc-button.fc-state-default.fc-corner-right {
    border-color: #00bcc2 !important;
    color: #00bcc2 !important;
}

.theme-dark .fc-next-button.fc-button.fc-state-default.fc-corner-right:hover,
.theme-light .fc-next-button.fc-button.fc-state-default.fc-corner-right:hover {
    background: #00bcc2 !important;
    color: white !important;
}

.theme-dark button.fc-today-button.fc-button.fc-state-default.fc-corner-left.fc-corner-right,
.theme-light button.fc-today-button.fc-button.fc-state-default.fc-corner-left.fc-corner-right {
    z-index: 0 !important;
    background: #00bcc2 !important;
    border-color: #00bcc2 !important;
    color: white !important;
}

.theme-dark .fc-month-button.fc-button.fc-state-default.fc-corner-left.fc-state-active,
.fc-agendaDay-button.fc-button.fc-state-default.fc-corner-right.fc-state-active,
.fc-agendaWeek-button.fc-button.fc-state-default.fc-state-active,
.theme-light .fc-month-button.fc-button.fc-state-default.fc-corner-left.fc-state-active,
.fc-agendaDay-button.fc-button.fc-state-default.fc-corner-right.fc-state-active,
.fc-agendaWeek-button.fc-button.fc-state-default.fc-state-active {
    background-color: #00bcc2 !important;
    color: white !important;
    border: solid 1px #00bcc2 !important;
    transition: 0.2s;
    text-transform: capitalize !important;
    text-shadow: none !important;
}

.theme-dark .fc-agendaWeek-button.fc-button.fc-state-default,
.theme-light .fc-agendaWeek-button.fc-button.fc-state-default {
    background: transparent !important;
    border: solid 1px #00bcc2 !important;
    color: #00bcc2 !important;
    transition: 0.2s;
    text-transform: capitalize !important;
    text-shadow: none !important;
}

.theme-dark .fc-agendaWeek-button.fc-button.fc-state-default:hover,
.theme-light .fc-agendaWeek-button.fc-button.fc-state-default:hover {
    background: #00bcc2 !important;
    border: solid 1px #00bcc2 !important;
    color: white !important;
    transition: 0.2s;
    text-transform: capitalize !important;
    text-shadow: none !important;
}

.theme-dark .fc-month-button.fc-button.fc-state-default.fc-corner-left,
.theme-light .fc-month-button.fc-button.fc-state-default.fc-corner-left {
    border-color: #00bcc2 !important;
    color: #00bcc2 !important;
}

.theme-dark .fc-agendaWeek-button.fc-button.fc-state-default.fc-state-active,
.theme-light .fc-agendaWeek-button.fc-button.fc-state-default.fc-state-active {
    background: #00bcc2 !important;
    border: solid 1px #00bcc2 !important;
    color: white !important;
    transition: 0.2s;
    text-transform: capitalize !important;
    text-shadow: none !important;
}

.theme-dark.fc-agendaDay-button.fc-button.fc-state-default.fc-corner-right,
.theme-light .fc-agendaDay-button.fc-button.fc-state-default.fc-corner-right {
    border-color: #00bcc2 !important;
    color: #00bcc2 !important;
}

.theme-dark.fc-agendaWeek-button.fc-button.fc-state-default:hover,
.fc-agendaDay-button.fc-button.fc-state-default.fc-corner-right:hover,
.theme-light .fc-agendaWeek-button.fc-button.fc-state-default:hover,
.fc-agendaDay-button.fc-button.fc-state-default.fc-corner-right:hover {
    background: #00bcc2 !important;
    color: white !important;
}

.theme-dark .fc-month-button.fc-button.fc-state-default.fc-corner-left:hover,
.theme-light .fc-month-button.fc-button.fc-state-default.fc-corner-left:hover {
    background: #00bcc2 !important;
    color: white !important;
}

.theme-dark .fc-agendaDay-button.fc-button.fc-state-default.fc-corner-right.fc-state-active,
.theme-light .fc-agendaDay-button.fc-button.fc-state-default.fc-corner-right.fc-state-active {
    background: #00bcc2 !important;
    color: white !important;
}

.theme-dark .fc-agendaDay-button.fc-button.fc-state-default.fc-corner-right,
.theme-light .fc-agendaDay-button.fc-button.fc-state-default.fc-corner-right {
    border-color: #00bcc2 !important;
    color: #00bcc2 !important;
}

.theme-dark .fc-agendaDay-button.fc-button.fc-state-default.fc-corner-right:hover,
.theme-light .fc-agendaDay-button.fc-button.fc-state-default.fc-corner-right:hover {
    border-color: #00bcc2 !important;
    background: #00bcc2 !important;
    color: white !important;
}


/* end THEME DARK & LIGHT CALENDAR BUTTONS */


/* THEME DARK BLUE & LIGHT YELLOW CALENDAR BUTTONS */

.theme-dark-blue .fc-prev-button.fc-button.fc-state-default.fc-corner-left,
.theme-light-yellow .fc-prev-button.fc-button.fc-state-default.fc-corner-left {
    border-color: #e4a93c !important;
    color: #e4a93c !important;
}

.theme-dark-blue .fc-prev-button.fc-button.fc-state-default.fc-corner-left:hover,
.theme-light-yellow .fc-prev-button.fc-button.fc-state-default.fc-corner-left:hover {
    background: #e4a93c !important;
    color: white !important;
}

.theme-dark-blue .fc-next-button.fc-button.fc-state-default.fc-corner-right,
.theme-light-yellow .fc-next-button.fc-button.fc-state-default.fc-corner-right {
    border-color: #e4a93c !important;
    color: #e4a93c !important;
}

.theme-dark-blue .fc-next-button.fc-button.fc-state-default.fc-corner-right:hover,
.theme-light-yellow .fc-next-button.fc-button.fc-state-default.fc-corner-right:hover {
    background: #e4a93c !important;
    color: white !important;
}

.theme-dark-blue button.fc-today-button.fc-button.fc-state-default.fc-corner-left.fc-corner-right,
.theme-light-yellow button.fc-today-button.fc-button.fc-state-default.fc-corner-left.fc-corner-right {
    z-index: 0 !important;
    background: #e4a93c !important;
    border-color: #e4a93c !important;
    color: white !important;
}

.theme-dark-blue .fc-month-button.fc-button.fc-state-default.fc-corner-left.fc-state-active,
.fc-agendaDay-button.fc-button.fc-state-default.fc-corner-right.fc-state-active,
.fc-agendaWeek-button.fc-button.fc-state-default.fc-state-active,
.theme-light-yellow .fc-month-button.fc-button.fc-state-default.fc-corner-left.fc-state-active,
.fc-agendaDay-button.fc-button.fc-state-default.fc-corner-right.fc-state-active,
.fc-agendaWeek-button.fc-button.fc-state-default.fc-state-active {
    background-color: #e4a93c !important;
    color: white !important;
    border: solid 1px #e4a93c !important;
    transition: 0.2s;
    text-transform: capitalize !important;
    text-shadow: none !important;
}

.theme-dark-blue .fc-agendaWeek-button.fc-button.fc-state-default,
.theme-light-yellow .fc-agendaWeek-button.fc-button.fc-state-default {
    background: transparent !important;
    border: solid 1px #e4a93c !important;
    color: #e4a93c !important;
    transition: 0.2s;
    text-transform: capitalize !important;
    text-shadow: none !important;
}

.theme-dark-blue .fc-agendaWeek-button.fc-button.fc-state-default:hover,
.theme-light-yellow .fc-agendaWeek-button.fc-button.fc-state-default:hover {
    background: #e4a93c !important;
    border: solid 1px #e4a93c !important;
    color: white !important;
    transition: 0.2s;
    text-transform: capitalize !important;
    text-shadow: none !important;
}

.theme-dark-blue .fc-month-button.fc-button.fc-state-default.fc-corner-left,
.theme-light-yellow .fc-month-button.fc-button.fc-state-default.fc-corner-left {
    border-color: #e4a93c !important;
    color: #e4a93c !important;
}

.theme-dark-blue .fc-agendaWeek-button.fc-button.fc-state-default.fc-state-active,
.theme-light-yellow .fc-agendaWeek-button.fc-button.fc-state-default.fc-state-active {
    background: #e4a93c !important;
    border: solid 1px #e4a93c !important;
    color: white !important;
    transition: 0.2s;
    text-transform: capitalize !important;
    text-shadow: none !important;
}

.theme-dark-blue .fc-agendaDay-button.fc-button.fc-state-default.fc-corner-right,
.theme-light-yellow .fc-agendaDay-button.fc-button.fc-state-default.fc-corner-right {
    border-color: #e4a93c !important;
    color: #e4a93c !important;
}

.theme-dark-blue .fc-agendaWeek-button.fc-button.fc-state-default:hover,
.fc-agendaDay-button.fc-button.fc-state-default.fc-corner-right:hover,
.theme-light-yellow .fc-agendaWeek-button.fc-button.fc-state-default:hover,
.fc-agendaDay-button.fc-button.fc-state-default.fc-corner-right:hover {
    background: #e4a93c !important;
    color: white !important;
}

.theme-dark-blue .fc-month-button.fc-button.fc-state-default.fc-corner-left:hover,
.theme-light-yellow .fc-month-button.fc-button.fc-state-default.fc-corner-left:hover {
    background: #e4a93c !important;
    color: white !important;
}

.theme-dark-blue .fc-agendaDay-button.fc-button.fc-state-default.fc-corner-right.fc-state-active,
.theme-light-yellow .fc-agendaDay-button.fc-button.fc-state-default.fc-corner-right.fc-state-active {
    background: #e4a93c !important;
    color: white !important;
}

.theme-dark-blue .fc-agendaDay-button.fc-button.fc-state-default.fc-corner-right,
.theme-light-yellow .fc-agendaDay-button.fc-button.fc-state-default.fc-corner-right {
    border-color: #e4a93c !important;
    color: #e4a93c !important;
}

.theme-dark-blue .fc-agendaDay-button.fc-button.fc-state-default.fc-corner-right:hover,
.theme-light-yellow .fc-agendaDay-button.fc-button.fc-state-default.fc-corner-right:hover {
    border-color: #e4a93c !important;
    background: #e4a93c !important;
    color: white !important;
}


/* end THEME DARK BLUE & LIGHT YELLOW CALENDAR BUTTONS */


/* THEME DARK PURPLE & LIGHT PURPLE CALENDAR BUTTONS */

.theme-dark-purple .fc-prev-button.fc-button.fc-state-default.fc-corner-left,
.theme-light-purple .fc-prev-button.fc-button.fc-state-default.fc-corner-left {
    border-color: #824ee1 !important;
    color: #824ee1 !important;
}

.theme-dark-purple .fc-prev-button.fc-button.fc-state-default.fc-corner-left:hover,
.theme-light-purple .fc-prev-button.fc-button.fc-state-default.fc-corner-left:hover {
    background: #824ee1 !important;
    color: white !important;
}

.theme-dark-purple .fc-next-button.fc-button.fc-state-default.fc-corner-right,
.theme-light-purple .fc-next-button.fc-button.fc-state-default.fc-corner-right {
    border-color: #824ee1 !important;
    color: #824ee1 !important;
}

.theme-dark-purple .fc-next-button.fc-button.fc-state-default.fc-corner-right:hover,
.theme-light-purple .fc-next-button.fc-button.fc-state-default.fc-corner-right:hover {
    background: #824ee1 !important;
    color: white !important;
}

.theme-dark-purple button.fc-today-button.fc-button.fc-state-default.fc-corner-left.fc-corner-right,
.theme-light-purple button.fc-today-button.fc-button.fc-state-default.fc-corner-left.fc-corner-right {
    z-index: 0 !important;
    background: #824ee1 !important;
    border-color: #824ee1 !important;
    color: white !important;
}

.theme-dark-purple .fc-month-button.fc-button.fc-state-default.fc-corner-left.fc-state-active,
.fc-agendaDay-button.fc-button.fc-state-default.fc-corner-right.fc-state-active,
.fc-agendaWeek-button.fc-button.fc-state-default.fc-state-active,
.theme-light-purple .fc-month-button.fc-button.fc-state-default.fc-corner-left.fc-state-active,
.fc-agendaDay-button.fc-button.fc-state-default.fc-corner-right.fc-state-active,
.fc-agendaWeek-button.fc-button.fc-state-default.fc-state-active {
    background-color: #824ee1 !important;
    color: white !important;
    border: solid 1px #824ee1 !important;
    transition: 0.2s;
    text-transform: capitalize !important;
    text-shadow: none !important;
}

.theme-dark-purple .fc-agendaWeek-button.fc-button.fc-state-default,
.theme-light-purple .fc-agendaWeek-button.fc-button.fc-state-default {
    background: transparent !important;
    border: solid 1px #824ee1 !important;
    color: #824ee1 !important;
    transition: 0.2s;
    text-transform: capitalize !important;
    text-shadow: none !important;
}

.theme-dark-purple .fc-agendaWeek-button.fc-button.fc-state-default:hover,
.theme-light-purple .fc-agendaWeek-button.fc-button.fc-state-default:hover {
    background: #824ee1 !important;
    border: solid 1px #824ee1 !important;
    color: white !important;
    transition: 0.2s;
    text-transform: capitalize !important;
    text-shadow: none !important;
}

.theme-dark-purple .fc-month-button.fc-button.fc-state-default.fc-corner-left,
.theme-light-purple .fc-month-button.fc-button.fc-state-default.fc-corner-left {
    border-color: #824ee1 !important;
    color: #824ee1 !important;
}

.theme-dark-purple .fc-agendaWeek-button.fc-button.fc-state-default.fc-state-active,
.theme-light-purple .fc-agendaWeek-button.fc-button.fc-state-default.fc-state-active {
    background: #824ee1 !important;
    border: solid 1px #824ee1 !important;
    color: white !important;
    transition: 0.2s;
    text-transform: capitalize !important;
    text-shadow: none !important;
}

.theme-dark-purple .fc-agendaDay-button.fc-button.fc-state-default.fc-corner-right,
.theme-light-purple .fc-agendaDay-button.fc-button.fc-state-default.fc-corner-right {
    border-color: #824ee1 !important;
    color: #824ee1 !important;
}

.theme-dark-purple .fc-agendaWeek-button.fc-button.fc-state-default:hover,
.fc-agendaDay-button.fc-button.fc-state-default.fc-corner-right:hover,
.theme-light-purple .fc-agendaWeek-button.fc-button.fc-state-default:hover,
.fc-agendaDay-button.fc-button.fc-state-default.fc-corner-right:hover {
    background: #824ee1 !important;
    color: white !important;
}

.theme-dark-purple .fc-month-button.fc-button.fc-state-default.fc-corner-left:hover,
.theme-light-purple .fc-month-button.fc-button.fc-state-default.fc-corner-left:hover {
    background: #824ee1 !important;
    color: white !important;
}

.theme-dark-purple .fc-agendaDay-button.fc-button.fc-state-default.fc-corner-right.fc-state-active,
.theme-light-purple .fc-agendaDay-button.fc-button.fc-state-default.fc-corner-right.fc-state-active {
    background: #824ee1 !important;
    color: white !important;
}

.theme-dark-purple .fc-agendaDay-button.fc-button.fc-state-default.fc-corner-right,
.theme-light-purple .fc-agendaDay-button.fc-button.fc-state-default.fc-corner-right {
    border-color: #824ee1 !important;
    color: #824ee1 !important;
}

.theme-dark-purple .fc-agendaDay-button.fc-button.fc-state-default.fc-corner-right:hover,
.theme-light-purple .fc-agendaDay-button.fc-button.fc-state-default.fc-corner-right:hover {
    border-color: #824ee1 !important;
    background: #824ee1 !important;
    color: white !important;
}


/* end THEME DARK PURPLE & LIGHT PURPLE CALENDAR BUTTONS */


/* THEME BLACK & LIGHT RED CALENDAR BUTTONS */

.theme-black .fc-prev-button.fc-button.fc-state-default.fc-corner-left,
.theme-light-red .fc-prev-button.fc-button.fc-state-default.fc-corner-left {
    border-color: #ed0b4c !important;
    color: #ed0b4c !important;
}

.theme-black .fc-prev-button.fc-button.fc-state-default.fc-corner-left:hover,
.theme-light-red .fc-prev-button.fc-button.fc-state-default.fc-corner-left:hover {
    background: #ed0b4c !important;
    color: white !important;
}

.theme-black .fc-next-button.fc-button.fc-state-default.fc-corner-right,
.theme-light-red .fc-next-button.fc-button.fc-state-default.fc-corner-right {
    border-color: #ed0b4c !important;
    color: #ed0b4c !important;
}

.theme-black .fc-next-button.fc-button.fc-state-default.fc-corner-right:hover,
.theme-light-red .fc-next-button.fc-button.fc-state-default.fc-corner-right:hover {
    background: #ed0b4c !important;
    color: white !important;
}

.theme-black button.fc-today-button.fc-button.fc-state-default.fc-corner-left.fc-corner-right,
.theme-light-red button.fc-today-button.fc-button.fc-state-default.fc-corner-left.fc-corner-right {
    z-index: 0 !important;
    background: #ed0b4c !important;
    border-color: #ed0b4c !important;
    color: white !important;
}

.theme-black .fc-month-button.fc-button.fc-state-default.fc-corner-left.fc-state-active,
.fc-agendaDay-button.fc-button.fc-state-default.fc-corner-right.fc-state-active,
.fc-agendaWeek-button.fc-button.fc-state-default.fc-state-active,
.theme-light-red .fc-month-button.fc-button.fc-state-default.fc-corner-left.fc-state-active,
.fc-agendaDay-button.fc-button.fc-state-default.fc-corner-right.fc-state-active,
.fc-agendaWeek-button.fc-button.fc-state-default.fc-state-active {
    background-color: #ed0b4c !important;
    color: white !important;
    border: solid 1px #ed0b4c !important;
    transition: 0.2s;
    text-transform: capitalize !important;
    text-shadow: none !important;
}

.theme-black .fc-agendaWeek-button.fc-button.fc-state-default,
.theme-light-red .fc-agendaWeek-button.fc-button.fc-state-default {
    background: transparent !important;
    border: solid 1px #ed0b4c !important;
    color: #ed0b4c !important;
    transition: 0.2s;
    text-transform: capitalize !important;
    text-shadow: none !important;
}

.theme-black .fc-agendaWeek-button.fc-button.fc-state-default:hover,
.theme-light-red .fc-agendaWeek-button.fc-button.fc-state-default:hover {
    background: #ed0b4c !important;
    border: solid 1px #ed0b4c !important;
    color: white !important;
    transition: 0.2s;
    text-transform: capitalize !important;
    text-shadow: none !important;
}

.theme-black .fc-month-button.fc-button.fc-state-default.fc-corner-left,
.theme-light-red .fc-month-button.fc-button.fc-state-default.fc-corner-left {
    border-color: #ed0b4c !important;
    color: #ed0b4c !important;
}

.theme-black .fc-agendaWeek-button.fc-button.fc-state-default.fc-state-active,
.theme-light-red .fc-agendaWeek-button.fc-button.fc-state-default.fc-state-active {
    background: #ed0b4c !important;
    border: solid 1px #ed0b4c !important;
    color: white !important;
    transition: 0.2s;
    text-transform: capitalize !important;
    text-shadow: none !important;
}

.theme-black .fc-agendaDay-button.fc-button.fc-state-default.fc-corner-right,
.theme-light-red .fc-agendaDay-button.fc-button.fc-state-default.fc-corner-right {
    border-color: #ed0b4c !important;
    color: #ed0b4c !important;
}

.theme-black .fc-agendaWeek-button.fc-button.fc-state-default:hover,
.fc-agendaDay-button.fc-button.fc-state-default.fc-corner-right:hover,
.theme-light-red .fc-agendaWeek-button.fc-button.fc-state-default:hover,
.fc-agendaDay-button.fc-button.fc-state-default.fc-corner-right:hover {
    background: #ed0b4c !important;
    color: white !important;
}

.theme-black .fc-month-button.fc-button.fc-state-default.fc-corner-left:hover,
.theme-light-red .fc-month-button.fc-button.fc-state-default.fc-corner-left:hover {
    background: #ed0b4c !important;
    color: white !important;
}

.theme-black .fc-agendaDay-button.fc-button.fc-state-default.fc-corner-right.fc-state-active,
.theme-light-red .fc-agendaDay-button.fc-button.fc-state-default.fc-corner-right.fc-state-active {
    background: #ed0b4c !important;
    color: white !important;
}

.theme-black .fc-agendaDay-button.fc-button.fc-state-default.fc-corner-right,
.theme-light-red .fc-agendaDay-button.fc-button.fc-state-default.fc-corner-right {
    border-color: #ed0b4c !important;
    color: #ed0b4c !important;
}

.theme-black .fc-agendaDay-button.fc-button.fc-state-default.fc-corner-right:hover,
.theme-light-red .fc-agendaDay-button.fc-button.fc-state-default.fc-corner-right:hover {
    border-color: #ed0b4c !important;
    background: #ed0b4c !important;
    color: white !important;
}


/* end THEME DARK PURPLE & LIGHT PURPLE CALENDAR BUTTONS */


/* SIDEBAR ICONS COLORS
.theme-black .sidebar-menu-button,
.theme-light-red .sidebar-menu-button {
  color: #1d2126 !important;
}*/

.theme-black .material-icons.sidebar-menu-icon.sidebar-menu-icon--left,
.theme-light-red .material-icons.sidebar-menu-icon.sidebar-menu-icon--left {
    color: #ed0b4c !important;
}

.theme-dark-purple .material-icons.sidebar-menu-icon.sidebar-menu-icon--left:not(.layout-app.layout-sticky-subnav.theme-dark-purple .sidebar-dark-purple .material-icons.sidebar-menu-icon.sidebar-menu-icon--left,
.layout-sticky.layout-sticky-subnav.theme-dark-purple .sidebar-dark-purple .material-icons.sidebar-menu-icon.sidebar-menu-icon--left),
.theme-light-purple .material-icons.sidebar-menu-icon.sidebar-menu-icon--left {
    color: #824ee1 !important;
}

.theme-dark-blue .material-icons.sidebar-menu-icon.sidebar-menu-icon--left,
.theme-light-yellow .material-icons.sidebar-menu-icon.sidebar-menu-icon--left {
    color: #e4a93c !important;
}

.theme-dark .material-icons.sidebar-menu-icon.sidebar-menu-icon--left,
.theme-light .material-icons.sidebar-menu-icon.sidebar-menu-icon--left {
    color: #00bcc2 !important;
}

.theme-dark-dodger-blue .material-icons.sidebar-menu-icon.sidebar-menu-icon--left,
.theme-light-dodger-blue .material-icons.sidebar-menu-icon.sidebar-menu-icon--left {
    color: #5567ff !important;
}


/* boxed - theme-dark-dodger-blu - font-color
.theme-light-dodger-blue .sidebar-menu-button,
.theme-dark-dodger-blue .sidebar-menu-button {
  color: #303956;
}*/

.layout-boxed.theme-dark-dodger-blue .sidebar-dark-pickled-bluewood .sidebar-menu-button {
    color: #acafb3 !important;
}


/* START & DUE CALENDAR */
.theme-dark-dodger-blue .flatpickr-day.today,
.theme-light-dodger-blue .flatpickr-day.today{
    background-color: transparent;
    border: solid 1px #5567ff;
    color: #5567ff;
}

.theme-dark .flatpickr-day.today,
.theme-light .flatpickr-day.today{
    background-color: transparent;
    border: solid 1px #00bcc2;
    color: #00bcc2;
}

.theme-dark-blue .flatpickr-day.today,
.theme-light-yellow .flatpickr-day.today{
    background-color: transparent;
    border: solid 1px #e4a93c;
    color: #e4a93c;
}


.theme-dark-purple .flatpickr-day.today,
.theme-light-purple .flatpickr-day.today{
    background-color: transparent;
    border: solid 1px #824ee1;
    color: #824ee1;
}

.theme-black .flatpickr-day.today,
.theme-light-red .flatpickr-day.today{
    background-color: transparent;
    border: solid 1px #ed0b4c;
    color: #ed0b4c;
}


.theme-dark-dodger-blue .flatpickr-day.selected,
.theme-light-dodger-blue .flatpickr-day.selected {
    background: #5567ff !important;
    color: white !important;
}

.theme-dark-dodger-blue .cur-month,
.theme-light-dodger-blue .cur-month {
    color: #5567ff !important;
}

.theme-dark .flatpickr-day.selected,
.theme-light .flatpickr-day.selected {
    background: #00bcc2 !important;
    color: white !important;
    border: solid 1px #00bcc2;
}

.theme-dark .cur-month,
.theme-light .cur-month {
    color: #00bcc2 !important;
}

.theme-dark-blue .flatpickr-day.selected,
.theme-light-yellow .flatpickr-day.selected {
    background: #e4a93c !important;
    color: white !important;
    border: solid 1px #e4a93c !important;
}

.theme-dark-blue .cur-month,
.theme-light-yellow .cur-month {
    color: #e4a93c !important;
}

.theme-dark-purple .flatpickr-day.selected,
.theme-light-purple .flatpickr-day.selected {
    background: #824ee1 !important;
    color: white !important;
    border: solid 1px #824ee1 !important;
}

.theme-dark-purple .cur-month,
.theme-light-purple .cur-month {
    color: #824ee1 !important;
}

.theme-black .flatpickr-day.selected,
 .theme-light-red .flatpickr-day.selected{
    background:  #ed0b4b !important;
    color: white !important;
    border-radius: 50px!important;
    border: solid 0px  #ed0b4b !important;
}

.theme-black .cur-month,
.theme-light-red .cur-month {
    color: #ed0b4c !important;
}


/* NOTIFICATION FONT COLOR */

.theme-dark-dodger-blue .dropdown-header,
.theme-light-dodger-blue .dropdown-header {
    color: #5567ff;
}

.theme-dark .dropdown-header,
.theme-light .dropdown-header {
    color: #00bcc2;
}

.theme-dark-blue .dropdown-header,
.theme-light-yellow .dropdown-header {
    color: #e4a93c;
}

.theme-dark-purple .dropdown-header,
.theme-light-purple .dropdown-header {
    color: #ed0b4c;
}

.theme-black .dropdown-header,
.theme-light-red .dropdown-header {
    color: #ed0b4c;
}

.theme-dark-dodger-blue .mark,
.theme-light-dodger-blue .mark {
    color: #5567ff;
}

.theme-dark .mark,
.theme-light .mark {
    color: #00bcc2;
}

.theme-dark-blue .mark,
.theme-light-yellow .mark {
    color: #e4a93c;
}

.theme-dark-purple .mark,
.theme-light-purple .mark {
    color: #ed0b4c;
}

.theme-black .mark,
.theme-light-red .mark {
    color: #ed0b4c;
}


/* .tags-box {
  line-height: 2;
  border-radius: 1rem !important;
  border: 1px solid transparent;
  color: #4466f2;
  background: rgba(68, 102, 242, 0.3) !important;
  box-shadow: 0 5px 15 0 rgba(68, 102, 242, 0.2) !important;
} */

.tag.status_sent {
    background: transparent !important;
    border-color: #cbd0d5 !important;
    color: #7b838b !important;
}


/* TABS BORDER THEME COLORS */

.theme-dark-dodger-blue .nav-link.active,
.theme-light-dodger-blue .nav-link.active {
    border-bottom: solid 3px #5567ff !important;
    color: #5567ff;
}

.theme-dark .nav-link.active,
.theme-light .nav-link.active {
    border-bottom: solid 3px #00bcc2 !important;
    color: #00bcc2;
}

.theme-dark-blue .nav-link.active,
.theme-light-yellow .nav-link.active {
    border-bottom: solid 3px #e4a93c !important;
    color: #e4a93c;
}

.theme-dark-purple .nav-link.active,
.theme-light-purple .nav-link.active {
    border-bottom: solid 3px #824ee1 !important;
    color: #824ee1;
}

.theme-black .nav-link.active,
.theme-light-red .nav-link.active {
    border-bottom: solid 3px #ed0b4c !important;
    color: #ed0b4c;
}

.label.status-label.status_label_unpaid.tags-box.label-tag {
    background-color: #fef2f2 !important;
    color: #de2661 !important;
    border: 1px solid #feeeee !important;
    padding: 5px 10px !important;
}

.label.status-label.status_label_Unpaid.tags-box.label-tag {
    background-color: #fef2f2 !important;
    color: #de2661 !important;
    border: 1px solid #feeeee !important;
    padding: 5px 10px !important;
}

.label.status-label.status_label_closed.tags-box.label-tag {
    background-color: #fef2f2 !important;
    color: #de2661 !important;
    border: 1px solid #feeeee !important;
    padding: 5px 10px !important;
}

.disabled {
    background-color: #f0f0f0 !important;
    pointer-events: none !important;
    touch-action: none !important;
    cursor: not-allowed !important;
}

.label.status-label.status_label_paid.tags-box.label-tag {
    background-color: #f0fdf4 !important;
    color: #4cac7d !important;
    border: 1px solid #d8fae4 !important;
    padding: 5px 10px;

}

.label.status-label.status_label_Paid.tags-box.label-tag {
    background-color: #f0fdf4 !important;
    color: #4cac7d !important;
    border: 1px solid #d8fae4 !important;
    padding: 5px 10px;

}

.label.status-label.status_label_accepted.tags-box.label-tag {
    background-color: #f0fdf4 !important;
    color: #4cac7d !important;
    border: 1px solid #d8fae4 !important;
    padding: 5px 10px;
}

.label.status-label.status_label_cancelled.tags-box.label-tag {
    background-color: #f8fafc !important;
    color: #334155 !important;
    border: 1px solid #eef2f6 !important;
    padding: 5px 10px;

}

.label.status-label.status_label_open.tags-box.label-tag {
    background-color: #f8fafc !important;
    color: #334155 !important;
    border: 1px solid #eef2f6 !important;
    padding: 5px 10px !important;
}

.label.status-label.status_label_draft.tags-box.label-tag {
    background-color: #f8fafc !important;
    color: #334155 !important;
    border: 1px solid #eef2f6 !important;
    padding: 5px 10px;

}

.label.status-label.status_label_partially.paid.tags-box.label-tag {
    color: orange !important;
    border: 1px solid #ffe0a7 !important;
    background: #fff2d9 !important;
    padding: 5px 10px;
}

.label.status-label.status_label_partially.tags-box.label-tag {
    color: orange !important;
    border: 1px solid #ffe0a7 !important;
    background: #fff2d9 !important;
    padding: 5px 10px;
}
.label.status-label.status_label_overdue.tags-box.label-tag {
    background-color: #fefce8 !important;
    color: #e1a904 !important;
    border: 1px solid #fef08a !important;
    padding: 5px 10px;
}

.label.status-label.status_label_sent.tags-box.label-tag {
    background-color: #f7faff !important;
    color: #4186f7 !important;
    border: 1px solid #b1cdfb !important;
    padding: 5px 10px;

}

.fas.fa-circle {
    animation: rays 2s infinite;
}

@-webkit-keyframes rays {
    from {
        opacity: 1;
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    to {
        opacity: 0;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes rays {
    from {
        opacity: 1;
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    to {
        opacity: 0;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.bg-primary-red,
.bg-accent-yellow,
.bg-accent {
    animation: notification 2s infinite;
}

@keyframes notification {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.5);
    }
    100% {
        transform: scale(1);
    }
}

.theme-dark-dodger-blue .mdk-drawer__content,
.theme-light-dodger-blue .mdk-drawer__content {
    background: white !important;
    box-shadow: 0 3px 3px 0px rgba(39, 44, 51, 0.1), 0 3px 4px 0 rgba(39, 44, 51, 0.04), 0 1px 8px 0 rgba(39, 44, 51, 0.02);
}

.theme-dark .mdk-drawer__content,
.theme-light .mdk-drawer__content {
    background: white !important;
    box-shadow: 0 3px 3px 0px rgba(39, 44, 51, 0.1), 0 3px 4px 0 rgba(39, 44, 51, 0.04), 0 1px 8px 0 rgba(39, 44, 51, 0.02);
}

.theme-dark-blue .mdk-drawer__content,
.theme-light-yellow .mdk-drawer__content {
    background: white !important;
    box-shadow: 0 3px 3px 0px rgba(39, 44, 51, 0.1), 0 3px 4px 0 rgba(39, 44, 51, 0.04), 0 1px 8px 0 rgba(39, 44, 51, 0.02);
}

.theme-dark-purple .mdk-drawer__content,
.theme-light-purple .mdk-drawer__content {
    background: white !important;
    box-shadow: 0 3px 3px 0px rgba(39, 44, 51, 0.1), 0 3px 4px 0 rgba(39, 44, 51, 0.04), 0 1px 8px 0 rgba(39, 44, 51, 0.02);
}

.theme-black .mdk-drawer__content,
.theme-light-red .mdk-drawer__content {
    background: white !important;
    box-shadow: 0 3px 3px 0px rgba(39, 44, 51, 0.1), 0 3px 4px 0 rgba(39, 44, 51, 0.04), 0 1px 8px 0 rgba(39, 44, 51, 0.02);
}

.sidebar-account.mx-16pt.mb-16pt.dropdown {
    border-radius: 5rem !important;
}

[dir] .layout-boxed #default-drawer .sidebar .open {
    background: #f5f7fa !important;
}

.sidebar-menu {
    margin-top: 15px !important;
}

.theme-dark-dodger-blue .btn.btn-light.mb-2,
.theme-light-dodger-blue .btn.btn-light.mb-2 {
    background: #5567ff !important;
    color: white !important;
    transition: 0.2s;
    border-color: #5567ff;
}

.theme-dark-dodger-blue .btn.btn-light.mb-2:hover,
.theme-light-dodger-blue .btn.btn-light.mb-2:hover {
    background: #4858d9 !important;
    color: white !important;
}

.theme-dark .btn.btn-light.mb-2,
.theme-light .btn.btn-light.mb-2 {
    background: #00bcc2 !important;
    color: white !important;
    transition: 0.2s;
    border-color: #00bcc2;
}

.theme-dark .btn.btn-light.mb-2:hover,
.theme-light .btn.btn-light.mb-2:hover {
    background: #00a0a5 !important;
}

.theme-dark-blue .btn.btn-light.mb-2,
.theme-light-yellow .btn.btn-light.mb-2 {
    background: #e4a93c !important;
    color: white !important;
    transition: 0.2s;
    border-color: #e4a93c;
}

.theme-dark-blue .btn.btn-light.mb-2:hover,
.theme-light-yellow .btn.btn-light.mb-2:hover {
    background: #c29033 !important;
}

.theme-dark-purple .btn.btn-light.mb-2,
.theme-light-purple .btn.btn-light.mb-2 {
    background: #824ee1 !important;
    color: white !important;
    transition: 0.2s;
    border-color: #824ee1;
}

.theme-dark-purple .btn.btn-light.mb-2:hover,
.theme-light-purple .btn.btn-light.mb-2:hover {
    background: #6f42c0 !important;
}

.theme-black .btn.btn-light.mb-2,
.theme-light-red .btn.btn-light.mb-2 {
    background: #ed0b4c !important;
    color: white !important;
    transition: 0.2s;
    border-color: #ed0b4c;
}

.theme-black .btn.btn-light.mb-2:hover,
.theme-light-red .btn.btn-light.mb-2:hover {
    background: #ca0941 !important;
}

.theme-dark-dodger-blue .sidebar-dark-pickled-bluewood .sidebar-submenu .sidebar-menu-text::after,
.theme-light-dodger-blue .sidebar-dark-pickled-bluewood .sidebar-submenu .sidebar-menu-text::after {
    background-color: #5567ff !important;
}

.theme-dark-blue .sidebar-submenu .sidebar-menu-text::after,
.theme-light-yellow .sidebar-dark-pickled-bluewood .sidebar-submenu .sidebar-menu-text::after {
    background: #e4a93c !important;
}

.theme-dark-dodger-blue .custom-control-input:checked~.custom-control-label::before,
.theme-light-dodger-blue .custom-control-input:checked~.custom-control-label::before {
    border-color: #5567ff;
    background-color: #5567ff;
}

.theme-dark .custom-control-input:checked~.custom-control-label::before,
.theme-light .custom-control-input:checked~.custom-control-label::before {
    border-color: #00bcc2;
    background-color: #00bcc2;
}

.theme-dark-blue .custom-control-input:checked~.custom-control-label::before,
.theme-light-yellow .custom-control-input:checked~.custom-control-label::before {
    border-color: #e4a93c;
    background-color: #e4a93c;
}

.theme-dark-purple .custom-control-input:checked~.custom-control-label::before,
.theme-light-purple .custom-control-input:checked~.custom-control-label::before {
    border-color: #824ee1;
    background-color: #824ee1;
}

.theme-black .custom-control-input:checked~.custom-control-label::before,
.theme-light-red .custom-control-input:checked~.custom-control-label::before {
    border-color: #ed0b4c;
    background-color: #ed0b4c;
}

.flatpickr-input,
.select2-selection.select2-selection--single,
.search-tabs,
.form-control.brsw-fill,
.select2-selection.select2-selection--multiple {
    border-color: #ccc !important;
}

.material-icons.sidebar-menu-icon.sidebar-menu-icon--left {
    font-size: 1.25rem;
}

.theme-dark-dodger-blue .mat-slide-toggle.mat-checked .mat-slide-toggle-bar,
.theme-light-dodger-blue .mat-slide-toggle.mat-checked .mat-slide-toggle-bar {
    background: #5567ff !important;
}

.theme-dark .mat-slide-toggle.mat-checked .mat-slide-toggle-bar,
.theme-light .mat-slide-toggle.mat-checked .mat-slide-toggle-bar {
    background: #00bcc2 !important;
}

.theme-dark-blue .mat-slide-toggle.mat-checked .mat-slide-toggle-bar,
.theme-light-yellow .mat-slide-toggle.mat-checked .mat-slide-toggle-bar {
    background: #e4a93c !important;
}

.theme-dark-purple .mat-slide-toggle.mat-checked .mat-slide-toggle-bar,
.theme-light-purple .mat-slide-toggle.mat-checked .mat-slide-toggle-bar {
    background: #824ee1 !important;
}

.theme-black .mat-slide-toggle.mat-checked .mat-slide-toggle-bar,
.theme-light-red .mat-slide-toggle.mat-checked .mat-slide-toggle-bar {
    background: #ed0b4c !important;
}

.theme-dark-dodger-blue .mat-icon.notranslate.material-icons.mat-icon-no-color,
.theme-light-dodger-blue .mat-icon.notranslate.material-icons.mat-icon-no-color {
    color: #5567ff !important;
}

.theme-dark .mat-icon.notranslate.material-icons.mat-icon-no-color,
.theme-light .mat-icon.notranslate.material-icons.mat-icon-no-color {
    color: #00bcc2 !important;
}

.theme-dark-blue .mat-icon.notranslate.material-icons.mat-icon-no-color,
.theme-light-yellow .mat-icon.notranslate.material-icons.mat-icon-no-color {
    color: #e4a93c !important;
}

.theme-dark-purple .mat-icon.notranslate.material-icons.mat-icon-no-color,
.theme-light-purple .mat-icon.notranslate.material-icons.mat-icon-no-color {
    color: #824ee1 !important;
}

.theme-black .mat-icon.notranslate.material-icons.mat-icon-no-color,
.theme-light-red .mat-icon.notranslate.material-icons.mat-icon-no-color {
    color: #ed0b4c !important;
}

.mat-focus-indicator.capitalize.mat-flat-button.mat-button-base.mat-primary._mat-animation-noopable.ng-star-inserted,
.mat-focus-indicator.mat-menu-trigger.mat-flat-button.mat-button-base._mat-animation-noopable {
    border-radius: 0.25rem !important;
}

.theme-dark-dodger-blue .mat-focus-indicator.mat-flat-button.mat-button-base.mat-accent._mat-animation-noopable,
.theme-light-dodger-blue .mat-focus-indicator.mat-flat-button.mat-button-base.mat-accent._mat-animation-noopable {
    background-color: #5567ff !important;
    border-radius: 0.25rem;
}

.theme-dark .mat-focus-indicator.mat-flat-button.mat-button-base.mat-accent._mat-animation-noopable,
.theme-light .mat-focus-indicator.mat-flat-button.mat-button-base.mat-accent._mat-animation-noopable {
    background-color: #00bcc2 !important;
    border-radius: 0.25rem;
}

.theme-dark-blue .mat-focus-indicator.mat-flat-button.mat-button-base.mat-accent._mat-animation-noopable,
.theme-light-yellow .mat-focus-indicator.mat-flat-button.mat-button-base.mat-accent._mat-animation-noopable {
    background-color: #e4a93c !important;
    border-radius: 0.25rem;
}

.theme-dark-purple .mat-focus-indicator.mat-flat-button.mat-button-base.mat-accent._mat-animation-noopable,
.theme-light-purple .mat-focus-indicator.mat-flat-button.mat-button-base.mat-accent._mat-animation-noopable {
    background-color: #ed0b4c !important;
    border-radius: 0.25rem;
}

.theme-black .mat-focus-indicator.mat-flat-button.mat-button-base.mat-accent._mat-animation-noopable,
.theme-light-red .mat-focus-indicator.mat-flat-button.mat-button-base.mat-accent._mat-animation-noopable {
    background-color: #ed0b4c !important;
    border-radius: 0.25rem;
}

.mat-focus-indicator.mat-flat-button.mat-button-base.mat-primary._mat-animation-noopable {
    border-radius: 0.25rem !important;
}

.sidebar-account.mx-16pt.mb-16pt.dropdown {
    margin-left: 25px !important;
    margin-right: 16px !important;
}

[dir] .form-control {
    border-color: #ccc !important;
}

.form-control.searchNav {
    border-color: transparent !important;
}

.theme-dark-dodger-blue .mat-focus-indicator.capitalize.mat-flat-button.mat-button-base.mat-primary._mat-animation-noopable.ng-star-inserted,
.theme-light-dodger-blue .mat-focus-indicator.capitalize.mat-flat-button.mat-button-base.mat-primary._mat-animation-noopable.ng-star-inserted {
    background-color: #5567ff !important;
}

.theme-dark .mat-focus-indicator.capitalize.mat-flat-button.mat-button-base.mat-primary._mat-animation-noopable.ng-star-inserted,
.theme-light .mat-focus-indicator.capitalize.mat-flat-button.mat-button-base.mat-primary._mat-animation-noopable.ng-star-inserted {
    background-color: #00bcc2 !important;
}

.theme-dark-blue .mat-focus-indicator.capitalize.mat-flat-button.mat-button-base.mat-primary._mat-animation-noopable.ng-star-inserted,
.theme-light-yellow .mat-focus-indicator.capitalize.mat-flat-button.mat-button-base.mat-primary._mat-animation-noopable.ng-star-inserted {
    background-color: #e4a93c !important;
}

.theme-dark-purple .mat-focus-indicator.capitalize.mat-flat-button.mat-button-base.mat-primary._mat-animation-noopable.ng-star-inserted,
.theme-light-purple .mat-focus-indicator.capitalize.mat-flat-button.mat-button-base.mat-primary._mat-animation-noopable.ng-star-inserted {
    background-color: #824ee1 !important;
}

.theme-black .mat-focus-indicator.capitalize.mat-flat-button.mat-button-base.mat-primary._mat-animation-noopable.ng-star-inserted,
.theme-light-red .mat-focus-indicator.capitalize.mat-flat-button.mat-button-base.mat-primary._mat-animation-noopable.ng-star-inserted {
    background-color: #ed0b4c !important;
}


/* TABLE SORTING PROBLEM FIXED */

.sorting_desc {
    width: 5% !important;
}

.sorting_asc,
.sorting {
    font-size: 0.8125rem !important;
}

* {
    scrollbar-width: thin !important;
    scrollbar-color: transparent !important;
}

.theme-dark-dodger-blue .ml-auto.sidebar-menu-toggle-icon,
.theme-light-dodger-blue .ml-auto.sidebar-menu-toggle-icon {
    color: #5567ff !important;
}

.theme-dark .ml-auto.sidebar-menu-toggle-icon,
.theme-light .ml-auto.sidebar-menu-toggle-icon {
    color: #52c7da !important;
}

.theme-dark-blue .ml-auto.sidebar-menu-toggle-icon,
.theme-light-yellow .ml-auto.sidebar-menu-toggle-icon {
    color: #e4a93c !important;
}

.theme-dark-purple .ml-auto.sidebar-menu-toggle-icon,
.theme-light-purple .ml-auto.sidebar-menu-toggle-icon {
    color: #824ee1 !important;
}

.theme-dark-purple .ml-auto.sidebar-menu-toggle-icon::before {
    color: rgba(255 255 255 / 85%) !important;
}

.theme-black .ml-auto.sidebar-menu-toggle-icon,
.theme-light-red .ml-auto.sidebar-menu-toggle-icon {
    color: #ed0b4c !important;
}

.theme-dark-dodger-blue .theme-black .fc-agendaWeek-button.fc-button.fc-state-default:hover,
.fc-agendaDay-button.fc-button.fc-state-default.fc-corner-right:hover,
.theme-light-red .fc-agendaWeek-button.fc-button.fc-state-default:hover,
.fc-agendaDay-button.fc-button.fc-state-default.fc-corner-right:hover,
.theme-light-dodger-blue .theme-black .fc-agendaWeek-button.fc-button.fc-state-default:hover,
.fc-agendaDay-button.fc-button.fc-state-default.fc-corner-right:hover,
.theme-light-red .fc-agendaWeek-button.fc-button.fc-state-default:hover,
.fc-agendaDay-button.fc-button.fc-state-default.fc-corner-right:hover {
    background-color: #5364fb !important;
}

.container-fluid.page__container.page-section.report-bug {
    margin-top: -40px;
}

body.layout-mini.theme-dark-dodger-blue .sidebar-submenu .sidebar-menu-text::after,
body.layout-mini.theme-light-dodger-blue .sidebar-submenu .sidebar-menu-text::after {
    background-color: #5567ff !important;
}

body.layout-mini.theme-light-yellow .sidebar-submenu .sidebar-menu-text::after {
    background-color: #e4a93c !important;
}

body.layout-mini.theme-dark-purple .sidebar-submenu .sidebar-menu-text::after,
body.layout-mini.theme-light-purple .sidebar-submenu .sidebar-menu-text::after {
    background-color: #824ee1 !important;
}

body.layout-mini.theme-black .sidebar-submenu .sidebar-menu-text::after,
body.layout-mini.theme-light-red .sidebar-submenu .sidebar-menu-text::after {
    background-color: #e30b49 !important;
}

body.layout-app .sidebar-dark-purple .sidebar-submenu .sidebar-menu-text::after,
body.layout-sticky.layout-sticky-subnav .sidebar-dark-purple .sidebar-submenu .sidebar-menu-text::after {
    background-color: #fff !important;
}

.form-label {
    margin-top: 8px !important;
}


/* REVIEW STAFF INPUT FORM MARGIN TOP */

#Sex_label,
#Birthday_label,
#Birthplace_label,
#PlaceOfIssue_label,
#PlaceOfIssue_label,
#CurrentAddress_label,
#Literacy_label,
#EmployeStatus_label,
#JobPosition_label,
#Resident_label,
#skype_label,
#default_language_label,
#default_language_label {
    /* margin-top: 22px !important; */
}
.task-name{
    color: rgb(170, 170, 170)!important;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    /* font-family: "Montserrat", sans-serif !important; */
    font-weight: 600 !important;
}

.btn {
    font-weight: 800 !important;
}
/*
.h2.mb-0.mr-3.cards-header {
     font-family: "Montserrat", sans-serif !important;
}
*/
.theme-dark-dodger-blue .dropdown-item.active::after,
.theme-light-dodger-blue .dropdown-item.active::after {
    border-radius: 1px;
    background-color: #5567ff !important;
}

.theme-dark .dropdown-item.active::after,
.theme-light .dropdown-item.active::after {
    border-radius: 1px;
    background-color: #00bcc2 !important;
}

.theme-dark-blue .dropdown-item.active::after,
.theme-light-yellow .dropdown-item.active::after {
    border-radius: 1px;
    background-color: #e4a93c !important;
}

.theme-dark-purple .dropdown-item.active::after,
.theme-light-purple .dropdown-item.active::after {
    border-radius: 1px;
    background-color: #824ee1 !important;
}

.theme-black .dropdown-item.active::after,
.theme-light-red .dropdown-item.active::after {
    border-radius: 1px;
    background-color: #ed0b4c !important;
}

.layout-compact .sidebar-account {
    border-radius: 5% !important;
}

.layout- #secondary-navbar .navbar-nav .nav-link:hover,
.layout- #secondary-navbar .navbar-nav .show>.nav-link {
    color: rgba(0 0 0 /63%) !important;
}

.layout-.theme-dark-dodger-blue #secondary-navbar .navbar-nav a.dropdown-item:hover:not(.active),
.layout-.theme-light-dodger-blue #secondary-navbar .navbar-nav a.dropdown-item:hover {
    background-color: rgba(85 103 255 /30%) !important;
}

.layout-.theme-dark-dodger-blue #secondary-navbar .navbar-nav .dropdown-item.active:after,
.layout-.theme-dark-dodger-blue #secondary-navbar .navbar-nav .dropdown-item:active:after,
.layout-.theme-light-dodger-blue #secondary-navbar .navbar-nav .dropdown-item.active:after,
.layout-.theme-light-dodger-blue #secondary-navbar .navbar-nav .dropdown-item:active:after {
    background-color: rgb(85, 103, 255) !important;
}

.layout-.theme-dark #secondary-navbar .navbar-nav a.dropdown-item:hover,
.layout-.theme-light #secondary-navbar .navbar-nav a.dropdown-item:hover {
    background-color: rgba(0 188 194 /30%) !important;
}

.layout-.theme-dark #secondary-navbar .navbar-nav .dropdown-item.active:after,
.layout-.theme-dark #secondary-navbar .navbar-nav .dropdown-item:active:after,
.layout-.theme-light #secondary-navbar .navbar-nav .dropdown-item.active:after,
.layout-.theme-light #secondary-navbar .navbar-nav .dropdown-item:active:after {
    background-color: rgb(0, 188, 194) !important;
}

.layout-.theme-dark-blue #secondary-navbar .navbar-nav a.dropdown-item:hover,
.layout-.theme-light-yellow #secondary-navbar .navbar-nav a.dropdown-item:hover {
    background-color: rgba(228 169 60 /30%) !important;
}

.layout-.theme-dark-blue #secondary-navbar .navbar-nav .dropdown-item.active:after,
.layout-.theme-dark-blue #secondary-navbar .navbar-nav .dropdown-item:active:after,
.layout-.theme-light-yellow #secondary-navbar .navbar-nav .dropdown-item.active:after,
.layout-.theme-light-yellow #secondary-navbar .navbar-nav .dropdown-item:active:after {
    background-color: rgb(228, 169, 60) !important;
}

.layout-.theme-dark-purple #secondary-navbar .navbar-nav a.dropdown-item:hover,
.layout-.theme-light-purple #secondary-navbar .navbar-nav a.dropdown-item:hover {
    background-color: rgba(127 76 221 /30%) !important;
}

.layout-.theme-dark-purple #secondary-navbar .navbar-nav .dropdown-item.active:after,
.layout-.theme-dark-purple #secondary-navbar .navbar-nav .dropdown-item:active:after,
.layout-.theme-light-purple #secondary-navbar .navbar-nav .dropdown-item.active:after,
.layout-.theme-light-purple #secondary-navbar .navbar-nav .dropdown-item:active:after {
    background-color: rgb(127, 76, 221) !important;
}

.layout-.theme-black #secondary-navbar .navbar-nav a.dropdown-item:hover,
.layout-.theme-light-red #secondary-navbar .navbar-nav a.dropdown-item:hover {
    background-color: rgba(237 11 76 /30%) !important;
}

.layout-.theme-black #secondary-navbar .navbar-nav .dropdown-item.active:after,
.layout-.theme-black #secondary-navbar .navbar-nav .dropdown-item:active:after,
.layout-.theme-light-red #secondary-navbar .navbar-nav .dropdown-item.active:after,
.layout-.theme-light-red #secondary-navbar .navbar-nav .dropdown-item:active:after {
    background-color: rgb(237, 11, 76) !important;
}

a[data-toggle="dropdown"] {
    cursor: pointer;
}

.layout- .toast.toast-success {
    background-color: #77c13a;
    color: #fff;
}

.layout- .toast.toast-warning {
    color: #fff;
    background-color: #e4a93c;
}

.layout- .toast.toast-error {
    background-color: #d9534f;
    color: #fff;
}

.layout- .toast.toast-info {
    background-color: #17a2b8;
    color: #fff;
}

.layout-app.theme-dark-purple .sidebar-dark-purple .sidebar-submenu .sidebar-menu-text::after {
    background-color: #ffffff !important;
}

.amsify-select-tag.col-bg {
    border-radius: 0.25rem !important;
}

.theme-dark-dodger-blue .amsify-select-tag.col-bg,
.theme-light-dodger-blue .amsify-select-tag.col-bg {
    color: white !important;
    background: #5567ff !important;
}

.theme-dark .amsify-select-tag.col-bg,
.theme-light .amsify-select-tag.col-bg {
    color: white !important;
    background: #00bcc2 !important;
}

.theme-dark-blue .amsify-select-tag.col-bg,
.theme-light-yellow .amsify-select-tag.col-bg {
    color: white !important;
    background: #e4a93c !important;
}

.theme-dark-purple .amsify-select-tag.col-bg,
.theme-light-purple .amsify-select-tag.col-bg {
    color: white !important;
    background: #824ee1 !important;
}

.theme-black .amsify-select-tag.col-bg,
.theme-light-red .amsify-select-tag.col-bg {
    color: white !important;
    background: #ed0b4c !important;
}

.fa.fa-question-circle.pull-left {
    margin-top: 12px;
    /* margin-right: 40px !important; */
}

/* .custom-control.custom-checkbox.col-md.billable {
    margin-right: 140px !important;
} */
.custom-checkbox.col-md-12{
    text-align: left!important;
}

#attachments_label {
    border-top-left-radius: 0.5rem !important;
    border-bottom-left-radius: 0.5rem !important;
}

.custom-file-label::after {
    border-top-right-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
}

.theme-dark-dodger-blue .custom-file-label::after,
.theme-light-dodger-blue .custom-file-label::after {
    background-color: #5567ff !important;
}

.theme-dark .custom-file-label::after,
.theme-light .custom-file-label::after {
    background-color: #00bcc2 !important;
}

.theme-dark-blue .custom-file-label::after,
.theme-light-yellow .custom-file-label::after {
    background-color: #e4a93c !important;
}

.theme-dark-purple .custom-file-label::after,
.theme-light-purple .custom-file-label::after {
    background-color: #824ee1 !important;
}

.theme-black .custom-file-label::after,
.theme-light-red .custom-file-label::after {
    background-color: #ed0b4c !important;
    padding-top: 6px!important;
}

.sorting_disabled {
    width: 5% !important;
}

#toggle_attach {
    margin-right: -13px !important;
}

.card.kanban {
    margin-top: 20px !important;
}

.sorting,
.sorting_asc,
.sorting_desc,
.sorting_disabled {
    /* font-family: "Montserrat" !important; */
    font-size: 0.75rem !important;
    font-weight: 600 !important;
}

td {
    font-size: 0.8rem !important;
}

.form-label,
label {
    /* font-family: "Montserrat" !important; */
    font-weight: 500 !important;
}
/*
.iziModal-header-subtitle {
     font-family: "Montserrat" !important;
}
*/
.btn,
.sidebar-heading {
    /* font-family: "Montserrat" !important; */
    font-weight: 600 !important;
}

.page-separator__text {
    /* font-family: "Montserrat"; */
    font-weight: bold !important;
}

.alert.alert-soft-warning.mb-24pt {
    background-color: #fff3e0 !important;
    border-left: solid 4px #ffa005 !important;
    border: solid 1px #ffa005;
    box-shadow: 0 3px 3px -2px rgba(39, 44, 51, 0.1), 0 3px 4px 0 rgba(39, 44, 51, 0.04), 0 1px 8px 0 rgba(39, 44, 51, 0.02);
    border-radius: 0.5rem !important;
}

.material-icons.warning {
    color: #ffa005;
}

.alert.alert-soft-success.mb-24pt {
    background-color: #d3fcf0 !important;
    border-left: solid 4px #10ca93 !important;
    border: solid 1px #10ca93;
    box-shadow: 0 3px 3px -2px rgba(39, 44, 51, 0.1), 0 3px 4px 0 rgba(39, 44, 51, 0.04), 0 1px 8px 0 rgba(39, 44, 51, 0.02);
    border-radius: 0.5rem !important;
}

.material-icons.check_circle {
    color: #10ca93;
}

.alert.alert-soft-danger.mb-24pt {
    background-color: #fde5e7 !important;
    border-left: solid 4px #f2606f !important;
    border: solid 1px #f2606f;
    box-shadow: 0 3px 3px -2px rgba(39, 44, 51, 0.1), 0 3px 4px 0 rgba(39, 44, 51, 0.04), 0 1px 8px 0 rgba(39, 44, 51, 0.02);
    border-radius: 0.5rem !important;
}

.material-icons.error {
    color: #f2606f;
}

.alert.alert-soft-info.mb-24pt {
    background-color: #e0f7ff !important;
    border-left: solid 4px #00afef !important;
    border: solid 1px #00afef;
    box-shadow: 0 3px 3px -2px rgba(39, 44, 51, 0.1), 0 3px 4px 0 rgba(39, 44, 51, 0.04), 0 1px 8px 0 rgba(39, 44, 51, 0.02);
    border-radius: 0.5rem !important;
}

.material-icons.info {
    color: #00afef;
}

.form-control.brsw-fill {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-right: none !important;
}

.btn.btn-accent.ml-auto.submitBug {
    margin-right: 12px !important;
}
.btn.btn-accent.ml-auto:focus{
    border:1px solid #ed0b4c!important;
}
.row.attendance-row {
    gap: 4px;
}

.button-attendance{
    gap: 5px;
}
button.btn.btn-outline-accent.display-block.export_excel {
    margin-right: -23px;
}
.col-lg-12.row.repbug {
    margin-left: 2px;
}

.bold.well.email-template-heading {
    margin-top: 50px !important;
}

th {
    /* font-family: "Montserrat" !important; */
}

.theme-dark-dodger-blue .mat-focus-indicator.mat-flat-button.mat-button-base.mat-primary._mat-animation-noopable,
.theme-light-dodger-blue .mat-focus-indicator.mat-flat-button.mat-button-base.mat-primary._mat-animation-noopable {
    background: #303956 !important;
}

.theme-dark .mat-focus-indicator.mat-flat-button.mat-button-base.mat-primary._mat-animation-noopable,
.theme-light .mat-focus-indicator.mat-flat-button.mat-button-base.mat-primary._mat-animation-noopable {
    background: #4aa2ee !important;
}

.theme-dark-blue .mat-focus-indicator.mat-flat-button.mat-button-base.mat-primary._mat-animation-noopable,
.theme-light-yellow .mat-focus-indicator.mat-flat-button.mat-button-base.mat-primary._mat-animation-noopable {
    background: #4aa2ee !important;
}

.theme-dark-purple .mat-focus-indicator.mat-flat-button.mat-button-base.mat-primary._mat-animation-noopable,
.theme-light-purple .mat-focus-indicator.mat-flat-button.mat-button-base.mat-primary._mat-animation-noopable {
    background: #ed0b4c !important;
}

.theme-black .mat-focus-indicator.mat-flat-button.mat-button-base.mat-primary._mat-animation-noopable,
.theme-light-red .mat-focus-indicator.mat-flat-button.mat-button-base.mat-primary._mat-animation-noopable {
    background: #4aa2ee !important;
}

.theme-dark-dodger-blue .text-body.project.status,
.theme-light-dodger-blue .text-body.project.status {
    color: #5567ff !important;
}

.theme-dark .text-body.project.status,
.theme-light .text-body.project.status {
    color: #00bcc2 !important;
}

.theme-dark-blue .text-body.project.status,
.theme-light-yellow .text-body.project.status {
    color: #e4a93c !important;
}

.theme-dark-purple .text-body.project.status,
.theme-light-purple .text-body.project.status {
    color: #824ee1 !important;
}

.theme-black .text-body.project.status,
.theme-light-red .text-body.project.status {
    color: #ed0b4c !important;
}

.card-title.mb-4pt.moduleTitle {
    /* font-family: "Montserrat", sans-serif !important; */
    font-weight: 600 !important;
}

.layout-boxed .sidebar.sidebar-left.sidebar-light:not(sidebar-dark) .sidebar-menu-button,
.layout-boxed.theme-dark-blue .sidebar.sidebar-left:not(sidebar-dark) .sidebar-menu-button,
.layout-boxed.theme-dark-purple .sidebar.sidebar-left:not(sidebar-dark) .sidebar-menu-button,
.layout-app .sidebar.sidebar-left.sidebar-light .sidebar-menu-button {
    color: rgba(0 0 0 / 65%) !important;
}

.layout-mini .sidebar.sidebar-left.sidebar-dark:not(sidebar-light) .sidebar-menu-button,
.layout-app.theme-dark-dodger-blue .sidebar.sidebar-left.sidebar-dark-pickled-bluewood .sidebar-menu-button,
.layout-app .sidebar.sidebar-left.sidebar-dark-blue .sidebar-menu-button,
.layout-app .sidebar.sidebar-left.sidebar-dark .sidebar-menu-button,
.layout-app .sidebar.sidebar-left.sidebar-black .sidebar-menu-button,
.layout-sticky .sidebar.sidebar-left.sidebar-dark .sidebar-menu-button,

/*.layout-sticky
  .sidebar.sidebar-left.sidebar-dark-purple
  .sidebar-menu-button
  .sidebar-menu-icon,*/

.layout-compact .sidebar.sidebar-mini.sidebar-dark {
    color: rgba(255 255 255 / 85%) !important;
}

[dir="ltr"] .sidebar-dark .sidebar-submenu .sidebar-menu-text {
    border-left: 1px solid rgba(255 255 255 / 15%) !important;
}

[dir="ltr"] .sidebar-light .sidebar-submenu .sidebar-menu-text,
[dir="ltr"] .sidebar-light-blue .sidebar-submenu .sidebar-menu-text,
[dir="ltr"] .sidebar-light-purple .sidebar-submenu .sidebar-menu-text {
    border-left: 1px solid rgba(0 0 0 / 15%) !important;
}


/* REMOVED IZIMODAL HEADER ANIMATION */

.iziModal.transitionIn .iziModal-header {
    animation: none !important;
}


/* HOVER EFFECT ON NOTIFICATION DROPDOWN */

.list-group-item.notification-item.list-group-item-action:hover {
    transition: 0.2s;
}

.list-group-item.notification-item.list-group-item-action:hover {
    background-color: #dbdbdb;
}

.search-results {
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border-left: 1px rgba(255, 255, 255, 0.5) !important;
}

.li-search-item {
    text-transform: capitalize;
    border-bottom: solid 1px #cccccc38;
    margin-left: -40px;
    transition: 0.2s;
}

.li-search-item:hover {
    background: #f5f7fa;
}

.li-search-item>a {
    text-decoration: none !important;
    font-size: 16px;
}

.theme-dark-dodger-blue .li-search-item>a,
.theme-light-dodger-blue .li-search-item>a {
    color: #303956;
    transition: 0.2s;
}

.theme-dark-dodger-blue .li-search-item>a:hover,
.theme-light-dodger-blue .li-search-item>a:hover {
    color: #5567ff;
}

.theme-dark .li-search-item>a,
.theme-light .li-search-item>a {
    color: #303840;
    transition: 0.2s;
}

.theme-dark .li-search-item>a:hover,
.theme-light .li-search-item>a:hover {
    color: #00bcc2;
}

.theme-dark-blue .li-search-item>a,
.theme-light-yellow .li-search-item>a {
    color: #0c2440;
    transition: 0.2s;
}

.theme-dark-blue .li-search-item>a:hover,
.theme-light-yellow .li-search-item>a:hover {
    color: #e4a93c;
}

.theme-dark-purple .li-search-item>a,
.theme-light-purple .li-search-item>a {
    color: #8849fd;
    transition: 0.2s;
}

.theme-dark-purple .li-search-item>a:hover,
.theme-light-purple .li-search-item>a:hover {
    color: #ed0b4c;
}

.theme-black .li-search-item>a,
.theme-light-red .li-search-item>a {
    color: #1d2126;
    transition: 0.2s;
}

.theme-black .li-search-item>a:hover,
.theme-light-red .li-search-item>a:hover {
    color: #ed0b4c;
}

.iziModal-overlay.comingIn,
.iziModal.comingIn {
    -webkit-animation: none !important;
    -moz-animation: none !important;
    animation: none !important;
}

.table thead th {
    padding: 0.5rem 0.25rem !important;
}

.theme-dark-dodger-blue .card-text.price.text-left,
.theme-light-dodger-blue .card-text.price.text-left {
    color: #5567ff;
}

.theme-dark-dodger-blue .selected-module,
.theme-light-dodger-blue .selected-module {
    border-color: #5567ff !important;
}

.theme-dark .card-text.price.text-left,
.theme-light .card-text.price.text-left {
    color: #00bcc2;
}

.theme-dark .selected-module,
.theme-light .selected-module {
    border-color: #00bcc2 !important;
}

.theme-dark-blue .card-text.price.text-left,
.theme-light-yellow .card-text.price.text-left {
    color: #e4a93c;
}

.theme-dark-blue .selected-module,
.theme-light-yellow .selected-module {
    border-color: #e4a93c !important;
}

.theme-dark-purple .card-text.price.text-left,
.theme-light-purple .card-text.price.text-left {
    color: #824ee1;
}

.theme-dark-purple .selected-module,
.theme-light-purple .selected-module {
    border-color: #824ee1 !important;
}

.theme-black .card-text.price.text-left,
.theme-light-red .card-text.price.text-left {
    color: #ed0b4c;
}

.theme-black .selected-module,
.theme-light-red .selected-module {
    border-color: #ed0b4c !important;
}

.btn.btn-light.mb-2 {
    margin-top: 0px;
    margin-bottom: 22px !important;
}

#myRange {
    width: 100%;
}

.theme-dark-dodger-blue .mat-toolbar.mat-primary,
.theme-light-dodger-blue .mat-toolbar.mat-primary {
    background-color: #303956 !important;
}

.theme-dark .mat-toolbar.mat-primary,
.theme-light .mat-toolbar.mat-primary {
    background-color: #303840 !important;
}

.theme-dark-blue .mat-toolbar.mat-primary,
.theme-light-yellow .mat-toolbar.mat-primary {
    background-color: #0c2440 !important;
}

.theme-dark-purple .mat-toolbar.mat-primary,
.theme-light-purple .mat-toolbar.mat-primary {
    background: linear-gradient( 0deg, rgba(128, 68, 253, 1) 30%, rgba(152, 84, 253, 1) 100%) !important;
}

.theme-black .mat-toolbar.mat-primary,
.theme-light-red .mat-toolbar.mat-primary {
    background: #1d2126 !important;
}

.btn.pull-right.btn-set {
    background-color: #5cca73;
    color: white;
    border-color: #5cca73;
    box-shadow: 0 5px 15px 0 rgba(92, 202, 115, 0.2) !important;
}

.btn.pull-right.btn-set:hover {
    background-color: #2bd653;
    border-color: #2bd653;
}

.page-section.margins {
    margin-left: -22px !important;
}

.theme-dark-dodger-blue .page-nav .page-nav__menu a.active::before,
.theme-light-dodger-blue .page-nav .page-nav__menu a.active::before {
    background-color: #5567ff !important;
}

.theme-dark .page-nav .page-nav__menu a.active::before,
.theme-light .page-nav .page-nav__menu a.active::before {
    background-color: #00bcc2 !important;
}

.theme-dark-blue .page-nav .page-nav__menu a.active::before,
.theme-light-yellow .page-nav .page-nav__menu a.active::before {
    background-color: #e4a93c !important;
}

.theme-dark-purple .page-nav .page-nav__menu a.active::before,
.theme-light-purple .page-nav .page-nav__menu a.active::before {
    background-color: #824ee1 !important;
}

.theme-black .page-nav .page-nav__menu a.active::before,
.theme-light-red .page-nav .page-nav__menu a.active::before {
    background-color: #ed0b4c !important;
}

.iziModal .list-group.list-group-form {
    margin-left: 0px !important;
}

.iziModal .page-section .list-group-item {
    border: none !important;
}

.iziModal .page-section .list-group {
    box-shadow: none !important;
}

.progress-message-output {
    border-radius: 0.25rem !important;
}

.form-control.card-number {
    border: none;
    transition: 0.2s ease-in-out;
    outline: 0 !important;
    border-radius: 0 !important;
    border-bottom: solid 1px #ccc;
}

.form-control.card-number:focus {
    border-bottom: solid 3px #ed0b4c !important;
    box-shadow: none !important;
}

.form-control.cvv {
    border: none;
    transition: 0.2s ease-in-out;
    outline: 0 !important;
    border-radius: 0 !important;
    border-bottom: solid 1px #ccc;
    max-width: 50px !important;
}

.form-control.cvv:focus {
    border-bottom: solid 3px #ed0b4c !important;
    box-shadow: none !important;
}

#expire_month {
    border: none;
    transition: 0.2s ease-in-out;
    outline: 0 !important;
    border-radius: 0 !important;
    border-bottom: solid 1px #ccc;
}

#expire_month:focus {
    border-bottom: solid 3px #ed0b4c !important;
    box-shadow: none !important;
}

#expire_year {
    border: none;
    transition: 0.4s ease-in-out;
    outline: 0 !important;
    border-radius: 0 !important;
    border-bottom: solid 1px #ccc;
}

#expire_year:focus {
    border-bottom: solid 3px #ed0b4c !important;
    box-shadow: none !important;
}

.form-label.theme {
    font-size: 15px;
}

.roboto {
    font-family: "Roboto", sans-serif !important;
    font-weight: 400 !important;
}

.inter {
    font-family: "Inter", sans-serif !important;
    font-weight: 400 !important;
}

.progress {
    font-size: 16px !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.toast-message {
    font-size: 16px;
}

.m-0.leads {
    font-size: 18px !important;
}

.navbar-brand-icon.mr-0.mr-lg-8pt.mb-32pt.logo {
    max-height: 150px !important;
    max-width: 150px !important;
}

.thead-second-row {
    background: white !important;
}

.amount {
    border-radius: 0.5rem !important;
    border: solid 1px #ccc;
    background: transparent;
    width: 60px;
    text-align: center !important;
}

.form-control.input-transparent.text-right {
    border: solid 1px #ccc !important;
    margin-top: 5px;
}

.form-control.input-transparent.text-right {
    max-width: 100px !important;
}

.amsify-suggestags-input-area.amsify-suggestags-input-area-default.form-control-flush-modifier {
    margin-right: 24px;
    border-radius: 0.5rem;
    padding: 0.7rem 0.75rem !important;
}

[dir] .select2-container--bootstrap4 .select2-search--dropdown .select2-search__field,
[dir] .select2-container--bootstrap4 .select2-selection--multiple,
[dir] .select2-container--bootstrap4.select2-container--focus .select2-selection--multiple,
[dir] .select2-container .select2-selection--single {
    border-radius: 0.5rem !important;
}

.card.card--elevated.card-group-row__card.inner-module:hover .inner img {
    background-color: black;
    filter: opacity(40%);
}

.material-icons.sidebar-menu-icon.sidebar-menu-icon--left {
    animation: waterfall 1s;
}

@-webkit-keyframes waterfall {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-250%);
        transform: translateY(-250%);
    }
    40%,
    60% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

.theme-light-red .btn-outline-accent,
.theme-dark .btn-outline-accent {
    border-color: #ed0b4c !important;
    color: #ed0b4c !important;
}

.theme-light-red .btn-outline-accent:hover:not(:disabled):not(.disabled),
.theme-light-red .show>.btn-outline-accent.dropdown-toggle,
.theme-dark .btn-outline-accent:hover:not(:disabled):not(.disabled),
.theme-dark .show>.btn-outline-accent.dropdown-toggle {
    background-color: #ed0b4c !important;
    color: #fff !important;
}

.theme-dark .btn-outline-accent {
    border-color: #00bcc2 !important;
    color: #00bcc2 !important;
}

.theme-dark .btn-outline-accent:hover:not(:disabled):not(.disabled),
.theme-dark .show>.btn-outline-accent.dropdown-toggle,
.theme-light .btn-outline-accent:hover:not(:disabled):not(.disabled),
.theme-light .show>.btn-outline-accent.dropdown-toggle {
    background-color: #00bcc2 !important;
    color: #fff !important;
}

.theme-dark .btn-accent:hover:not(:disabled):not(.disabled),
.theme-dark .show>.btn-accent.dropdown-toggle,
.theme-light .btn-accent:hover:not(:disabled):not(.disabled),
.theme-light .show>.btn-accent.dropdown-toggle {
    background-color: #00979c !important;
    border-color: #00979c !important;
    color: #fff !important;
}

.theme-light-yellow .btn-accent,
.theme-dark-blue .btn-accent {
    background-color: #e4a93c !important;
    border-color: #e4a93c !important;
}

.theme-light-yellow .btn-accent:hover:not(:disabled):not(.disabled),
.theme-dark-blue .btn-accent:hover:not(:disabled):not(.disabled) {
    background-color: #db991e !important;
    border-color: #db991e !important;
}

body.theme-light-purple .btn-primary,
body.theme-dark-purple .btn-primary {
    background-color: #ed0b4c !important;
    border-color: #ed0b4c !important;
}

body.theme-light-purple .btn-primary:hover:not(:disabled):not(.disabled),
body.theme-dark-purple .btn-primary:hover:not(:disabled):not(.disabled) {
    background-color: #c80940 !important;
    border-color: #c80940 !important;
}

.theme-dark-purple .btn-accent,
.theme-light-purple .btn-accent {
    background-color: #824ee1 !important;
    border-color: #824ee1 !important;
}

.theme-dark-purple .btn-accent:hover:not(:disabled):not(.disabled),
.theme-light-purple .btn-accent:hover:not(:disabled):not(.disabled) {
    background-color: #6b2ddb !important;
    border-color: #6b2ddb !important;
}

body.theme-black .btn-outline-accent,
body.theme-light-red .btn-outline-accent {
    color: #ed0b4c !important;
    border-color: #ed0b4c !important;
}

body.theme-black .btn-outline-accent:hover:not(:disabled):not(.disabled),
body.theme-light-red .btn-outline-accent:hover:not(:disabled):not(.disabled),
body.theme-light-red .show>.btn-outline-accent.dropdown-toggle,
body.theme-black .show>.btn-outline-accent.dropdown-toggle {
    background-color: #ed0b4c !important;
    border-color: #ed0b4c !important;
}

body.theme-light-red .btn-accent:hover:not(:disabled):not(.disabled) {
    background-color: #c80940 !important;
    border-color: #ed0b4c !important;
}

body.theme-light-red .show>.btn-outline-accent.dropdown-toggle,
body.theme-black .show>.btn-outline-accent.dropdown-toggle {
    color: #fff !important;
}


/* TASK ADD COMMENT LABEL */

#comment_label_id {
    font-weight: 400 !important;
    font-size: 12px !important;
}


/* TEMPLATE BUILDER EDIT BUTTON STYLE */

.theme-dark-dodger-blue .mat-focus-indicator.mat-button.mat-button-base.mat-primary._mat-animation-noopable,
.theme-light-dodger-blue .mat-focus-indicator.mat-button.mat-button-base.mat-primary._mat-animation-noopable {
    color: #303956;
}

.theme-dark .mat-focus-indicator.mat-button.mat-button-base.mat-primary._mat-animation-noopable,
.theme-light .mat-focus-indicator.mat-button.mat-button-base.mat-primary._mat-animation-noopable {
    color: #00bcc2;
}

.theme-dark-blue .mat-focus-indicator.mat-button.mat-button-base.mat-primary._mat-animation-noopable,
.theme-light-yellow .mat-focus-indicator.mat-button.mat-button-base.mat-primary._mat-animation-noopable {
    color: #e4a93c;
}

.theme-dark-purple .mat-focus-indicator.mat-button.mat-button-base.mat-primary._mat-animation-noopable,
.theme-light-purple .mat-focus-indicator.mat-button.mat-button-base.mat-primary._mat-animation-noopable {
    color: #824ee1;
}

.theme-black .mat-focus-indicator.mat-button.mat-button-base.mat-primary._mat-animation-noopable,
.theme-light-red .mat-focus-indicator.mat-button.mat-button-base.mat-primary._mat-animation-noopable {
    color: #ed0b4c;
}

.ck.ck-content.ck-editor__editable.ck-rounded-corners.ck-editor__editable_inline.ck-blurred {
    height: 200px;
}

.ck.ck-content.ck-editor__editable.ck-rounded-corners.ck-editor__editable_inline.ck-focused {
    height: 200px;
    margin-bottom: 15px !important;
}

.add_merge_field {
    font-weight: bolder !important;
}

[dir] .select2-container--bootstrap4 .select2-search--dropdown .select2-search__field,
[dir] .select2-container--bootstrap4 .select2-selection--multiple,
[dir] .select2-container--bootstrap4.select2-container--focus .select2-selection--multiple,
[dir] .select2-container .select2-selection--single {
    width: 100%!important;
    padding: 2.5px !important;
}

#LeaveTypeName_label,
#positionName_label {
    margin-bottom: 10px !important;
}


/*
#client_form {
  margin-left: 10px;
}
*/

.mb-0.hrmDashboardText {
    color: white !important;
}

#profile_image_label {
    border-radius: 0.5rem !important;
}

#resetFilters{
    margin-top: 38px !important;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
    overflow: hidden !important;
}

.select2-selection__rendered:first-child {
    margin-top: 5px;
    margin-left: 10px;
}

.select2-container .select2-selection--single {
    height: calc(2rem + 2px) !important;
}

/* Multiple select */

[dir] .select2-container--bootstrap4 .select2-selection--multiple, [dir] .select2-container--bootstrap4.select2-container--focus .select2-selection--multiple {
    height: calc(2rem + 2px) !important;
    min-height: unset !important;
}

.select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice {
    margin: 0 0 5px 8px !important;
    line-height: 1.59rem !important;
}

#modal_estimate {
    overflow-y: scroll !important;
}

.sidebar-menu-text {
    width: 100%;
}

.btn.btn-accent.ml-auto.mt-4.saveContractType {
    margin-right: 12px !important;
}

.dashboard-area-tabs__tab.active::before {
    content: " ";
    height: 3px;
    top: 100% !important;
    position: absolute;
    z-index: 1 !important;
}

[dir] .dashboard-area-tabs__tab.active::before {
    background-color: #00bcc2;
}
.custom_togle .dashboard-area-tabs__tab.active::before {
    background-color: #323a45 !important;
}
.theme-dark-purple .material-icons.sidebar-menu-icon--left {
    color: transparent !important;
    -webkit-text-stroke-width: 0.89px !important;
    -webkit-text-stroke-color: #fff !important;
}

.progress.col-md {
    padding-right: 0 !important;
    padding-left: 0 !important;
    border-radius: 0.25rem !important;
}


/* FORM VALIDATION ERROR MESSAGES */

.form-control.error {
    box-shadow: none !important;
}

.error {
    color: red !important;
    margin-top: 5px;
    font-weight: 300 !important;
}

.bold.well.email-template-heading {
    text-align: center;
}
@media (max-width: 415px) {
.bold.well.email-template-heading {
    text-align: center;
    margin-left: 0;
}
h4.bold.well.email-template-heading > a{
display: block;
margin: 5px 0;
}}

td {
    text-align: left !important;
}

.badge.badge-outline-accent {
    color: #019ca1;
    border: solid 2px rgba(0, 188, 194, 0.3) !important;
    box-shadow: 0 5px 15 0 rgba(0, 188, 194, 0.3) !important;
    line-height: 1.5;
    border-radius: 1rem !important;
    padding: 2px 7px;
    font-weight: 500 !important;
    font-size: 0.8125rem !important;
}

.layout-sticky.theme-dark-dodger-blue .navbar-nav .nav-link,
.layout-sticky.theme-dark .navbar-nav .nav-link,
.layout-sticky.theme-dark-blue .navbar-nav .nav-link,
.layout-sticky.theme-black .navbar-nav .nav-link,
.layout-sticky.theme-dark-dodger-blue .navbar-light .navbar-text-50,
.layout-sticky.theme-dark .navbar-light .navbar-text-50,
.layout-sticky.theme-dark-blue .navbar-light .navbar-text-50,
.layout-sticky.theme-black .navbar-light .navbar-text-50 {
    color: rgba(39, 44, 51, 0.5) !important;
}

.layout-sticky.theme-dark-dodger-blue .navbar-nav .nav-link:hover,
.layout-sticky.theme-dark .navbar-nav .nav-link:hover,
.layout-sticky.theme-dark-blue .navbar-nav .nav-link:hover,
.layout-sticky.theme-black .navbar-nav .nav-link:hover,
.layout-sticky.theme-dark-dodger-blue .navbar-light .material-icons:hover,
.layout-sticky.theme-dark .navbar-light .material-icons:hover,
.layout-sticky.theme-dark-blue .navbar-light .material-icons:hover,
.layout-sticky.theme-black .navbar-light .material-icons:hover {
    color: rgba(39, 44, 51, 0.7) !important;
}

.layout-sticky.theme-dark-dodger-blue .navbar-light .material-icons,
.layout-sticky.theme-dark .navbar-light .material-icons,
.layout-sticky.theme-dark-blue .navbar-light .material-icons,
.layout-sticky.theme-black .navbar-light .material-icons {
    color: rgba(39, 44, 51, 0.5);
}

.amount {
    width: 100px;
    height: 40px;
}

.col-md-12.project-cost {
    width: 97%;
}

[dir] .btn-success {
    background-color: #10ca93 !important;
    border-color: #10ca93 !important;
    transition: 0.2s;
}

[dir] .btn-success:hover {
    background-color: #0a8662 !important;
    border-color: #0a8662 !important;
}

[dir] .btn.pull-right.btn-warning:active:not(:disabled):not(.disabled),
[dir] .btn.pull-right.btn-warning:not(:disabled):not(.disabled) {
    color: #fff !important;
}



/* tabela Contracts - td Signed */

table#contracts td>p {
    margin-top: 14px !important;
}

.layout-sticky.theme-dark .navbar-dark .navbar-search .form-control:focus {
    background-color: transparent !important;
    border-color: transparent !important;
}

.iziModal-content {
    overflow-y: auto!important;
}

.subscription_title {
    margin-left: -21px;
}

.total_price {
    font-size: 1.25rem !important;
}

.price_total {
    font-size: 1.25rem !important;
    font-weight: bolder !important;
    color: white !important;
}

.theme-dark-dodger-blue .text-right.price_total,
.theme-light-dodger-blue .text-right.price_total {
    background: #4858d9 !important;
}

.theme-dark .text-right.price_total,
.theme-light .text-right.price_total {
    background: #00a0a5 !important;
}

.theme-dark-blue .text-right.price_total,
.theme-light-yellow .text-right.price_total {
    background: #c29033 !important;
}

.theme-dark-purple .text-right.price_total,
.theme-light-purple .text-right.price_total {
    background: #6f42c0 !important;
}

.theme-black .text-right.price_total,
.theme-light-red .text-right.price_total {
    background: #ca0941 !important;
}


/* FORM VALIDATION ERROR MESSAGES */

.form-control.error {
    box-shadow: none !important;
}


/* TO DO ITEM PROGRESS BAR */

.theme-dark-dodger-blue .progress-bar.todoitem,
.theme-light-dodger-blue .progress-bar.todoitem {
    background: #5567ff !important;
}

.theme-dark .progress-bar.todoitem,
.theme-light .progress-bar.todoitem {
    background: #00bcc2 !important;
}

.theme-dark-blue .progress-bar.todoitem,
.theme-light-yellow .progress-bar.todoitem {
    background: #e4a93c !important;
}

.theme-dark-purple .progress-bar.todoitem,
.theme-light-purple .progress-bar.todoitem {
    background: #824ee1 !important;
}

.theme-black .progress-bar.todoitem,
.theme-light-red .progress-bar.todoitem {
    background: #ed0b4c !important;
}


/* DROPDOWN ITEM ON FOCUS BORDER COLOR */

.theme-dark-dodger-blue .dropdown-item:focus::after,
.theme-light-dodger-blue .dropdown-item:focus::after {
    background: #4858d9 !important;
}

.theme-dark .dropdown-item:focus::after,
.theme-light .dropdown-item:focus::after {
    background: #00a0a5 !important;
}

.theme-dark-blue .dropdown-item:focus::after,
.theme-light-yellow .dropdown-item:focus::after {
    background: #c29033 !important;
}

.theme-dark-purple .dropdown-item:focus::after,
.theme-light-purple .dropdown-item:focus::after {
    background: #6f42c0 !important;
}

.text-float-left {
    float: left !important;
}

.clouse-link-float-right {
    float: right !important;
}

.clouse-link-float-right:hover {
    text-decoration: none !important;
}

.theme-black .dropdown-item:focus::after,
.theme-light-red .dropdown-item:focus::after {
    background: #ca0941 !important;
}


/* TABLE PADDING */

td {
    padding: 0.75rem 1rem !important;
}

input.mass-delete {
    margin-right: 5px !important;
}


/* RANGE INPUT */

input[type="range"] {
    width: 100%;
    margin: 9.7px 0;
    background-color: transparent;
    -webkit-appearance: none;
}

input[type="range"]:focus {
    outline: none;
}

#myRange::-webkit-slider-runnable-track {
    /* background: red; */
    border-radius: 12px;
    width: 100%;
    height: 10px;
    cursor: pointer;
}

#myRange::-webkit-slider-thumb {
    margin-top: -7px;
    width: 23px;
    height: 23px;
    background: #ffffff;
    border-radius: 25px;
    cursor: pointer;
    -webkit-appearance: none;
}

#myRange::-moz-range-track {
    border-radius: 12px;
    width: 100%;
    height: 10px;
    cursor: pointer;
}

#myRange::-moz-range-thumb {
    width: 23px;
    height: 23px;
    background: #ffffff;
    border-radius: 25px;
    border-color: transparent !important;
    cursor: pointer;
}

#myRange::-ms-track {
    background: transparent;
    border-color: transparent !important;
    border-width: 9.7px 0;
    color: transparent;
    width: 100%;
    height: 10px;
    cursor: pointer;
}

#myRange::-ms-fill-lower {
    background: #ff71a9;
    border-radius: 24px;
}

#myRange::-ms-fill-upper {
    background: #ff71a9;
    border-radius: 24px;
}

#myRange::-ms-thumb {
    width: 23px;
    height: 23px;
    background: #ffffff;
    border-radius: 25px;
    cursor: pointer;
    margin-top: 0px;
    /*Needed to keep the Edge thumb centred*/
}

#myRange:focus::-ms-fill-lower {
    background: #ff71a9;
}

#myRange:focus::-ms-fill-upper {
    background: #ff71a9;
}

@supports (-ms-ime-align: auto) {
    input[type="range"] {
        margin: 0;
    }
}


/* START RANGE STYLE THEME: DODGER BLUE */

.theme-dark-dodger-blue #myRange::-webkit-slider-runnable-track,
.theme-light-dodger-blue #myRange::-webkit-slider-runnable-track {
    background: #5567ff !important;
}

.theme-dark-dodger-blue #myRange:focus::-webkit-slider-runnable-track,
.theme-light-dodger-blue #myRange:focus::-webkit-slider-runnable-track {
    background: #5567ff !important;
}

.theme-dark-dodger-blue #myRange::-moz-range-track,
.theme-light-dodger-blue #myRange::-moz-range-track {
    background: #5567ff !important;
}

.theme-dark-dodger-blue #myRange::-moz-range-thumb,
.theme-light-dodger-blue #myRange::-moz-range-thumb {
    background: #303956 !important;
}

.theme-dark-dodger-blue #myRange::-webkit-slider-thumb,
.theme-light-dodger-blue #myRange::-webkit-slider-thumb {
    background: #303956 !important;
}

.theme-dark-dodger-blue #myRange::-ms-thumb,
.theme-light-dodger-blue #myRange::-ms-thumb {
    background: #303956 !important;
}


/* END RANGE STYLE THEME: DODGER BLUE */


/* START RANGE STYLE THEME: LIGHT & DARK */

.theme-dark #myRange::-webkit-slider-runnable-track,
.theme-light #myRange::-webkit-slider-runnable-track {
    background: #00bcc2 !important;
}

.theme-dark #myRange:focus::-webkit-slider-runnable-track,
.theme-light #myRange:focus::-webkit-slider-runnable-track {
    background: #00bcc2 !important;
}

.theme-dark #myRange::-moz-range-track,
.theme-light #myRange::-moz-range-track {
    background: #00bcc2 !important;
}

.theme-dark #myRange::-moz-range-thumb,
.theme-light #myRange::-moz-range-thumb {
    background: #00a0a5 !important;
}

.theme-dark #myRange::-webkit-slider-thumb,
.theme-light #myRange::-webkit-slider-thumb {
    background: #00a0a5 !important;
}

.theme-dark #myRange::-ms-thumb,
.theme-light #myRange::-ms-thumb {
    background: #00a0a5 !important;
}


/* END RANGE STYLE THEME: LIGHT & DARK */


/* START RANGE STYLE THEME:  DARK & LIGHT YELLOW */

.theme-dark-blue #myRange::-webkit-slider-runnable-track,
.theme-light-yellow #myRange::-webkit-slider-runnable-track {
    background: #e4a93c !important;
}

.theme-dark-blue #myRange:focus::-webkit-slider-runnable-track,
.theme-light-yellow #myRange:focus::-webkit-slider-runnable-track {
    background: #e4a93c !important;
}

.theme-dark-blue #myRange::-moz-range-track,
.theme-light-yellow #myRange::-moz-range-track {
    background: #e4a93c !important;
}

.theme-dark-blue #myRange::-moz-range-thumb,
.theme-light-yellow #myRange::-moz-range-thumb {
    background: #c29033 !important;
}

.theme-dark-blue #myRange::-webkit-slider-thumb,
.theme-light-yellow #myRange::-webkit-slider-thumb {
    background: #c29033 !important;
}

.theme-dark-blue #myRange::-ms-thumb,
.theme-light-yellow #myRange::-ms-thumb {
    background: #c29033 !important;
}


/* END RANGE STYLE THEME:  DARK & LIGHT YELLOW */


/* START RANGE STYLE THEME:  DARK & LIGHT PURPLE */

.theme-dark-purple #myRange::-webkit-slider-runnable-track,
.theme-light-purple #myRange::-webkit-slider-runnable-track {
    background: #824ee1 !important;
}

.theme-dark-purple #myRange:focus::-webkit-slider-runnable-track,
.theme-light-purple #myRange:focus::-webkit-slider-runnable-track {
    background: #824ee1 !important;
}

.theme-dark-purple #myRange::-moz-range-track,
.theme-light-purple #myRange::-moz-range-track {
    background: #824ee1 !important;
}

.theme-dark-purple #myRange::-moz-range-thumb,
.theme-light-purple #myRange::-moz-range-thumb {
    background: #6f42c0 !important;
}

.theme-dark-purple #myRange::-webkit-slider-thumb,
.theme-light-purple #myRange::-webkit-slider-thumb {
    background: #6f42c0 !important;
}

.theme-dark-purple #myRange::-ms-thumb,
.theme-light-purple #myRange::-ms-thumb {
    background: #6f42c0 !important;
}


/* END RANGE STYLE THEME:  DARK & LIGHT PURPLE */


/* START RANGE STYLE THEME:  BLACK & LIGHT RED */

.theme-black #myRange::-webkit-slider-runnable-track,
.theme-light-red #myRange::-webkit-slider-runnable-track {
    background: #ed0b4c !important;
}

.theme-black #myRange:focus::-webkit-slider-runnable-track,
.theme-light-red #myRange:focus::-webkit-slider-runnable-track {
    background: #ed0b4c !important;
}

.theme-black #myRange::-moz-range-track,
.theme-light-red #myRange::-moz-range-track {
    background: #ed0b4c !important;
}

.theme-black #myRange::-moz-range-thumb,
.theme-light-red #myRange::-moz-range-thumb {
    background: #ca0941 !important;
}

.theme-black #myRange::-webkit-slider-thumb,
.theme-light-red #myRange::-webkit-slider-thumb {
    background: #ca0941 !important;
}

.theme-black #myRange::-ms-thumb,
.theme-light-red #myRange::-ms-thumb {
    background: #ca0941 !important;
}


/* END RANGE STYLE THEME: BLACK & LIGHT RED */

.mdk-drawer-layout .container,
.mdk-drawer-layout .container-lg,
.mdk-drawer-layout .container-md,
.mdk-drawer-layout .container-sm,
.mdk-drawer-layout .container-xl {
    max-width: none !important;
}

@media only screen and (min-width: 768px) {
    .col-md-4 {
        max-width: 768px;
    }
}

.project-activity {
    overflow-x: hidden;
}

.material-icons.time {
    font-size: 18px;
}

.text-body.user-name {
    font-size: 15px;
}

.theme-dark-dodger-blue .material-icons.time,
.theme-light-dodger-blue .material-icons.time {
    color: #5567ff !important;
}

.theme-dark .material-icons.time,
.theme-light .material-icons.time {
    color: #00bcc2 !important;
}

.theme-dark-blue .material-icons.time,
.theme-light-yellow .material-icons.time {
    color: #e4a93c !important;
}

.theme-dark-purple .material-icons.time,
.theme-light-purple .material-icons.time {
    color: #824ee1 !important;
}

.theme-black .material-icons.time,
.theme-light-red .material-icons.time {
    color: #ed0b4c !important;
}

.flex.trigger.lnk-bld-itm,
.js-toggle-check-all,
.view-all-todos {
    transition: 0.2s;
}

.theme-dark-dodger-blue .flex.trigger.lnk-bld-itm:hover,
.theme-light-dodger-blue .material-icons.time {
    color: #5567ff !important;
}

.col-md.chartjS {
    text-align: center;
}

#assigned_to_me {
    vertical-align: middle;
    width: 100%;
    height: 146px!important;
    margin: 0 auto;
    position: relative;
    display: inline-block;
}

.startDate {
    max-width: 25%;
}

.js-toggle-check-all:hover,
.view-all-todos:hover {
    text-decoration: none;
}

#\31_status {
    background: rgba(231, 76, 60, 0.5);
    border-bottom-left-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
}

#\32_status {
    background: rgba(52, 152, 219, 0.5);
    border-bottom-left-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
}

#\33_status {
    background: rgba(241, 196, 15, 0.5);
    border-bottom-left-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
}

#\34_status {
    background: rgba(22, 160, 133, 0.5);
    border-bottom-left-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
}

#\35_status {
    background: rgba(46, 204, 113, 0.5);
    border-bottom-left-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
}

.kanban-header.kanban-1,
.kanban-header.kanban-2,
.kanban-header.kanban-3,
.kanban-header.kanban-4,
.kanban-header.kanban-5 {
    border-top-left-radius: 0.5rem !important;
    border-top-right-radius: 0.5rem !important;
    font-size: 17px;
}

.addMergeField {
    cursor: pointer;
}

.addMergeField:hover {
    color: #272c33;
}

.addMergeField:before {
    content: "+ ";
}

span.flatpickr-day {
    border-radius: 150px !important;
}


#AnnualLeave #example {
    overflow-x: scroll !important;
    /* overflow-y: scroll !important; */
}
/*.wtHolder{
    height: auto!important;
}*/
/* .mb-4.row.col-md-12.contract  {
    padding-left: 27px!important;
} */

#staff_wrapper .form-control:focus {
    box-shadow: 0 0 0 0;
}

[dir] .dashboard-area-tabs__tab:not(.active) {
    background-color: rgba(245 247 250 /65%);
}

[dir] label.contracts-files {
    margin-bottom: 1rem !important;
}

#rangeValue {
    font-size: 20px;
}

.btn.btn-accent.mb-4.text-right.addDiscusstion {
    float: right !important;
    margin-right: 12px;
}

.form-label {
    margin-bottom: 8px !important;
}

.amsify-suggestags-input-area.amsify-suggestags-input-area-default.form-control-flush-modifier {
    width: 100% !important;
}

#myRange {
    transition: 0.2s;
    border: none !important;
}

#myRange:disabled {
    filter: opacity(50%) !important;
    cursor: not-allowed !important;
}

.nav-link.active {
    font-weight: 500;
}

h6.font-rem {
    font-size: 1.75rem !important;
    margin-bottom: 0.5rem !important;
}

.leave-modal-view .form-group.row.align-items-center.mb-0 {
    border-bottom: 1px solid rgba(0, 0, 0, 0.2) !important;
}

.leave-modal-view .list-group-item {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.leave-modal-view .leave-modal-font-color {
    color: rgba(39, 44, 51, 0.7) !important;
}

.leave-modal-center {
    width: 70% !important;
    margin-left: auto;
    margin-right: auto;
}

.table-additional-work.col-sm-12 {
    max-width:95%;
    margin: 0 auto;
}

.table-additional-work .row {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.table-additional-work .row:not(:last-child),
.table-additional-work .row:first-child {
    padding-top: 1rem;
    padding-bottom: 1rem;
    border-right: 0;
    border-left: 0;
    border-image: linear-gradient(to right,rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.404) 48%, rgba(255, 255, 255, 0) 100%);
    border-image-slice: 1;
}

.table-additional-work label.leave-text-modal-color {
    color: #2d2d2d !important;
    font-weight: 400 !important;
}

.text-right.price_total {
    background: #3d4352;
}

.flatpickr-day.today.selected,
.flatpickr-day.today,
.flatpickr-day.selected {
    border-radius: 42px !important;
    max-width: 39px !important;
}

.theme-dark-dodger-blue .headline,
.theme-light-dodger-blue .headline {
    background: #5567ff !important;
}

.theme-dark .headline,
.theme-light .headline {
    background: #00bcc2 !important;
}

.theme-dark-blue .headline,
.theme-light-yellow .headline {
    background: #e4a93c !important;
}

.theme-dark-purple .headline,
.theme-light-purple .headline {
    background: #824ee1 !important;
}

.theme-black .headline,
.theme-light-red .headline {
    background: #ed0b4c !important;
}

.theme-dark-blue .btn.btn-primary.submit_form.mt-3.mb-4.mr-3,
.theme-light-yellow .btn.btn-primary.submit_form.mt-3.mb-4.mr-3 {
    background: #e4a93c !important;
    border: #e4a93c !important;
}

.theme-dark .btn.btn-primary.submit_form.mt-3.mb-4.mr-3,
.theme-light .btn.btn-primary.submit_form.mt-3.mb-4.mr-3 {
    background: #00bcc2 !important;
    border: #00bcc2 !important;
}

.layout-compact .sidebar-menu-button {
    text-align: center;
}

.list-group-item.dz-success.dz-complete {
    border-radius: 0.5rem !important;
}

.theme-dark-dodger-blue .fc-day-header.fc-widget-header,
.theme-light-dodger-blue .fc-day-header.fc-widget-header {
    color: #5567ff !important;
}

.theme-dark .fc-day-header.fc-widget-header,
.theme-light .fc-day-header.fc-widget-header {
    color: #00bcc2 !important;
}

.theme-dark-blue .fc-day-header.fc-widget-header,
.theme-light-yellow .fc-day-header.fc-widget-header {
    color: #e4a93c !important;
}

.theme-dark-purple .fc-day-header.fc-widget-header,
.theme-light-purple .fc-day-header.fc-widget-header {
    color: #824ee1 !important;
}

.theme-black .fc-day-header.fc-widget-header,
.theme-light-red .fc-day-header.fc-widget-header {
    color: #ed0b4c !important;
}

.col-md-12.text-center.progressTitle {
    font-size: 2rem !important;
}

.theme-dark-dodger-blue .flex.trigger.lnk-bld-itm:hover,
.js-toggle-check-all:hover,
.view-all-todos:hover,
.theme-light-dodger-blue .flex.trigger.lnk-bld-itm:hover,
.js-toggle-check-all:hover,
.view-all-todos:hover {
    color: #5567ff !important;
}

.theme-dark .flex.trigger.lnk-bld-itm:hover,
.js-toggle-check-all:hover,
.view-all-todos:hover,
.theme-light .flex.trigger.lnk-bld-itm:hover,
.js-toggle-check-all:hover,
.view-all-todos:hover {
    color: #00bcc2 !important;
}

.theme-dark-blue .flex.trigger.lnk-bld-itm:hover,
.js-toggle-check-all:hover,
.view-all-todos:hover,
.theme-light-yellow .flex.trigger.lnk-bld-itm:hover,
.js-toggle-check-all:hover,
.view-all-todos:hover {
    color: #e4a93c !important;
}

.theme-dark-purple .flex.trigger.lnk-bld-itm:hover,
.js-toggle-check-all:hover,
.view-all-todos:hover,
.theme-light-purple .flex.trigger.lnk-bld-itm:hover,
.js-toggle-check-all:hover,
.view-all-todos:hover {
    color: #8f4efd !important;
}

.theme-black .flex.trigger.lnk-bld-itm:hover,
.js-toggle-check-all:hover,
.view-all-todos:hover,
.theme-light-red .flex.trigger.lnk-bld-itm:hover,
.js-toggle-check-all:hover,
.view-all-todos:hover {
    color: #ed0b4c !important;
}

.btn.btn-md.btn-accent.creditNoteSave {
    float: right;
    margin-right: 12px !important;
}

#timesheetData {
    margin: 1.8rem 1rem;
    border-radius: 5px;
}

#timesheetData .list-group-item {
    padding: 0.75rem 1.5rem !important;
    border: none;
}

#timesheetData .list-group-item:not(:last-child) {
    border-bottom: 1px solid #e9edf2;
}

#timesheetData .list-group-item>ul.list-group:not(:first-child) {
    border: 1px solid #e9edf2;
}

#timesheetData .list-group-item.active {
    background-color: rgba(135 206 235 / 25%) !important;
    font-weight: 600;
}

#timesheetData .list-group {
    margin-top: 0.75rem;
}

#timesheetData .timesheet_list-item {
    font-weight: 600;
}

.theme-dark-dodger-blue #timesheetData .list-group-item.active,
.theme-light-dodger-blue #timesheetData .list-group-item.active {
    background-color: rgba(85, 103, 255, 0.25) !important;
}

.theme-dark #timesheetData .list-group-item.active,
.theme-light #timesheetData .list-group-item.active {
    background-color: rgba(0, 188, 194, 0.25) !important;
}

.theme-dark-blue #timesheetData .list-group-item.active,
.theme-light-yellow #timesheetData .list-group-item.active {
    background-color: rgba(227, 169, 60, 0.25) !important;
}

.theme-dark-purple #timesheetData .list-group-item.active,
.theme-light-purple #timesheetData .list-group-item.active {
    background-color: rgba(130, 78, 225, 0.25) !important;
}

.theme-black #timesheetData .list-group-item.active,
.theme-light-red #timesheetData .list-group-item.active {
    background-color: rgba(237, 11, 76, 0.25) !important;
}

.theme-dark-dodger-blue .tags-box,
.theme-light-dodger-blue .tags-box {
    color: #5567ff !important;
}

.theme-dark .tags-box,
.theme-light .tags-box {
    color: #00bcc2 !important;
}

.theme-dark-blue .tags-box,
.theme-light-yellow .tags-box {
    color: #e4a93c !important;
}

.theme-dark-purple .tags-box,
.theme-light-purple .tags-box {
    color: #824ee1 !important;
}

.theme-black .tags-box,
.theme-light-red .tags-box {
    color: #ed0b4c !important;
}

#ContractSummary ul {
    list-style-type: none;
}

#ContractSummary ul li:not(strong) {
    font-weight: 600;
}

.theme-dark-dodger-blue .lastActive,
.theme-light-dodger-blue .lastActive {
    color: #5567ff !important;
}

.card-title.leaveRequest {
    margin-left: 5px;
    margin-top: 15px;
}

.theme-dark .lastActive,
.theme-light .lastActive {
    color: #00bcc2 !important;
}

.theme-dark-blue .lastActive,
.theme-light-yellow .lastActive {
    color: #e4a93c !important;
}

.theme-dark-purple .lastActive,
.theme-light-purple .lastActive {
    color: #824ee1 !important;
}

.theme-black .lastActive,
.theme-light-red .lastActive {
    color: #ed0b4c !important;
}

/* .col-md-5.right-task {
    margin-top: -40px;
} */


/*
.dz-default.dz-message {
  padding: 2rem 8rem !important;
}
*/

#number-invoice {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

#Tax\ Rate {
    margin-bottom: 20px;
}

.col-md-12.mediaCard {
    margin-left: -9px !important;
}

table.dataTable thead .sorting {
    background-size: 0.875rem !important;
    background-position: center right 6px !important;
}

table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc {
    background-size: 0.375rem !important;
    background-position: center right 6px !important;
}

.select2-selection__rendered>.select2-selection__choice {
    margin-top: 4px !important;
    margin-left: 5px !important;
}

#assinged_to_me {
    margin-bottom: 10px;
    min-height: 146px!important;
}

.fc-content {
    border-radius: 0.5rem !important;
    box-shadow: rgba(0, 0, 0, 0.09) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px !important;
}

.fc-day-grid-event.fc-h-event.fc-event.fc-start.fc-end.fc-draggable,
.fc-day-grid-event.fc-h-event.fc-event.fc-not-start.fc-end.fc-draggable,
.fc-day-grid-event.fc-h-event.fc-event.fc-start.fc-not-end.fc-draggable {
    border-radius: 0.5rem !important;
}

.flatpickr-months .flatpickr-month {
    height: 40px !important;
}

.theme-light-red .fc-agendaWeek-button.fc-button.fc-state-default:hover {
    background: #ed0b4c !important;
}

.badge.badge-outline-primary {
    color: #4aa2ee;
    border: solid 2px rgba(74, 162, 238, 0.3) !important;
    box-shadow: 0 5px 15 0 rgba(0, 188, 194, 0.3) !important;
    line-height: 1.5;
    border-radius: 1rem !important;
    padding: 4px 9px !important;
    font-weight: 500 !important;
    font-size: 11px !important;
}

.badge.badge-outline-success {
    color: #77c13a;
    border: solid 2px rgba(119, 193, 58, 0.3) !important;
    box-shadow: 0 5px 15 0 rgba(0, 188, 194, 0.3) !important;
    line-height: 1.5;
    border-radius: 1rem !important;
    padding: 4px 9px !important;
    font-weight: 500 !important;
    font-size: 11px !important;
}

.badge.badge-outline-accent {
    color: #019ca1;
    border: solid 2px rgba(0, 188, 194, 0.3) !important;
    box-shadow: 0 5px 15 0 rgba(0, 188, 194, 0.3) !important;
    line-height: 1.5;
    border-radius: 1rem !important;
    padding: 4px 9px !important;
    font-weight: 500 !important;
    font-size: 11px !important;
}

.badge.badge-outline-danger {
    color: #d9534f;
    border: solid 2px rgba(217, 83, 79, 0.3) !important;
    box-shadow: 0 5px 15 0 rgba(0, 188, 194, 0.3) !important;
    line-height: 1.5;
    border-radius: 1rem !important;
    padding: 4px 9px !important;
    font-weight: 500 !important;
    font-size: 11px !important;
}

.badge.badge-outline-warning {
    color: #e4a93c;
    border: solid 2px rgba(228, 169, 60, 0.3) !important;
    box-shadow: 0 5px 15 0 rgba(0, 188, 194, 0.3) !important;
    line-height: 1.5;
    border-radius: 1rem !important;
    padding: 4px 9px !important;
    font-weight: 500 !important;
    font-size: 11px !important;
}

.badge.badge-outline-secondary {
    color: #868e96;
    border: solid 2px rgba(134, 142, 150, 0.3) !important;
    background: transparent !important;
    line-height: 1.5;
    border-radius: 1rem !important;
    padding: 4px 9px !important;
    font-weight: 500 !important;
    font-size: 11px !important;
}

#copy {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    cursor: copy !important;
}

#hex {
    border-radius: 0 !important;
}

.badge,
.badge.badge-notifications.badge-primary,
.badge.badge-notifications.badge-success,
.badge.badge-notifications.badge-accent,
.badge.badge-notifications.badge-danger,
.badge.badge-notifications.badge-warning,
.badge.badge-notifications.badge-secondary {
    line-height: 1.5 !important;
    border-radius: 1rem !important;
    padding: 4px 9px !important;
    font-weight: 500 !important;
    font-size: 11px !important;
}


.btn.btn-accent.submit_filters.btn-accent-red {
    float: right;
    margin-top: 16px !important;
}
button.btn.btn-primary-red.save_leave_table.pull-left {
    float: right!important;
}
.rad-label {
    display: flex;
    align-items: center;
    border-radius: 100px;
    padding: 5px 5px;
    margin: 10px 0;
    cursor: pointer;
    transition: 0.3s;
}

.rad-input {
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 1px;
    opacity: 0;
    z-index: -1;
}

.rad-design {
    width: 16px;
    height: 16px;
    border-radius: 100px;
    background: linear-gradient( to right bottom, hsl(154, 97%, 62%), hsl(225, 97%, 62%));
    position: relative;
}

.rad-design::before {
    content: "";
    display: inline-block;
    width: inherit;
    height: inherit;
    border-radius: inherit;
    background: hsl(0, 0%, 90%);
    transform: scale(1.1);
    transition: 0.3s;
}

.rad-input:checked+.rad-design::before {
    transform: scale(0);
}

.rad-text {
    color: hsl(0, 0%, 60%);
    margin-left: 8px;
    font-weight: normal;
    transition: 0.3s;
}

.rad-input:checked~.rad-text {
    color: hsl(0, 0%, 0%);
}

.theme-dark-dodger-blue .rad-design,
.theme-light-dodger-blue .rad-design {
    background: linear-gradient( to right bottom, hsl(234, 100%, 66.7%), hsl(226, 28%, 26%)) !important;
}

.theme-dark .rad-design,
.theme-light .rad-design {
    background: linear-gradient( to right bottom, hsl(182, 100%, 38%), hsl(208, 83%, 61%)) !important;
}

.theme-dark-blue .rad-design,
.theme-light-yellow .rad-design {
    background: linear-gradient( to right bottom, hsl(39, 100%, 55%), hsl(39, 60%, 49%)) !important;
}

.theme-dark-purple .rad-design,
.theme-light-purple .rad-design {
    background: linear-gradient( to right bottom, hsl(270, 99%, 66%), hsl(257, 98%, 62%)) !important;
}

.theme-black .rad-design,
.theme-light-red .rad-design {
    background: linear-gradient( to right bottom, hsl(343, 91%, 49%), hsl(343, 96%, 36%)) !important;
}

.theme-dark-dodger-blue .rad-input:checked~.rad-text,
.theme-light-dodger-blue .rad-input:checked~.rad-text {
    color: #5567ff !important;
}

.theme-dark .rad-input:checked~.rad-text,
.theme-light .rad-input:checked~.rad-text {
    color: #00bcc2 !important;
}

.theme-dark-blue .rad-input:checked~.rad-text,
.theme-light-yellow .rad-input:checked~.rad-text {
    color: #e4a93c !important;
}

.theme-dark-purple .rad-input:checked~.rad-text,
.theme-light-purple .rad-input:checked~.rad-text {
    color: #824ee1 !important;
}

.theme-black .rad-input:checked~.rad-text,
.theme-light-red .rad-input:checked~.rad-text {
    color: #d00740 !important;
}

.nestable-handle {
    cursor: move;
}

.form-control {
    box-shadow: none !important;
}

.checkbox {
    --background: #fff;
    --border: #d1d6ee;
    --border-hover: #bbc1e1;
    --border-active: black;
    --tick: #fff;
    position: relative;
}

.checkbox input,
.checkbox svg {
    width: 18px;
    height: 18px;
    display: block;
}

.checkbox input {
    -webkit-appearance: none;
    -moz-appearance: none;
    position: relative;
    outline: none;
    /* background: var(--background); */
    border: none;
    margin: 0;
    padding: 0;
    cursor: pointer;
    border-radius: 4px;
    transition: box-shadow 0.3s;
    box-shadow: inset 0 0 0 var(--s, 1px) var(--b, var(--border));
}

.checkbox input:hover {
    --s: 2px;
    --b: var(--border-hover);
}

.checkbox input:checked {
    --b: var(--border-active);
}

.checkbox svg {
    pointer-events: none;
    fill: none;
    stroke-width: 2px;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke: var(--stroke, var(--border-active));
    position: absolute;
    top: 0;
    left: 0;
    width: 18px;
    height: 18px;
    transform: scale(var(--scale, 1)) translateZ(0);
}

.checkbox.path input:checked {
    --s: 2px;
    transition-delay: 0.4s;
}

.checkbox.path input:checked+svg {
    --a: 16.1 86.12;
    --o: 102.22;
}

.checkbox.path svg {
    stroke-dasharray: var(--a, 86.12);
    stroke-dashoffset: var(--o, 86.12);
    transition: stroke-dasharray 0.6s, stroke-dashoffset 0.6s;
}

.checkbox.bounce {
    --stroke: var(--tick);
}

.checkbox.bounce input:checked {
    --s: 11px;
}

.checkbox.bounce input:checked+svg {
    animation: bounce 0.4s linear forwards 0.2s;
}

.checkbox.bounce svg {
    --scale: 0;
}

@keyframes bounce {
    50% {
        transform: scale(1.2);
    }
    75% {
        transform: scale(0.9);
    }
    100% {
        transform: scale(1);
    }
}

#addCreditNotes input#number[type="number"][name="number"],
#addInvoice input#number[type="number"][name="number"],
#addEstimates input#number[type="number"][name="number"] {
  border-radius: 0.5rem;
  /* border-radius: 0.5rem !important; */
}

input#number[prepend="true"] {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

input#number[append="true"] {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

#reportFrom {
    padding: 2px 5px !important;
}

#reportTo {
    padding: 2px 5px !important;
    cursor: not-allowed;
}

.container.card {
    z-index: 0 !important;
}

.fc-ltr .fc-h-event.fc-not-start,
.fc-rtl .fc-h-event.fc-not-end,
.fc-event {
    border-radius: 10px !important;
}

.btn.btn-accent.clientNewTicket {
    margin-left: -11px;
}

/* .material-icons.sidebar-menu-icon.sidebar-menu-icon--left {
    color: transparent !important;
    -webkit-text-stroke-width: 0.89px !important;
    -webkit-text-stroke-color: #00bcc2;
} */

.nav-link.active {
    border-bottom: solid 3px #00bcc2 !important;
}

.col-md-12.clientDueDate {
    margin-top: 16px;
}

.form-control.clientBrowse {
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}

.btn.btn-accent.add_more_attachments.p8-half.clientAttachments {
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
    height: 37px !important;
}

.btn.btn-info.mt-3.ml-2.clientSubmit {
    margin-left: 12px !important;
}

.comment-content {
    font-size: 1.15rem !important;
}

.fc-agendaWeek-button.fc-button.fc-state-default.fc-state-active, .fc-agendaDay-button.fc-button.fc-state-default.fc-corner-right.fc-state-active{
    background-color: #1e73fe !important;
    color: white !important;
    border: solid 1px #1e73fe !important;
}

.fc-agendaDay-button.fc-button.fc-state-default.fc-corner-right:hover{
    background-color: #1e73fe !important;
    color: white !important;
    border: solid 1px #1e73fe !important;
}

.navbar-toggler.d-block.rounded-0 {
    outline: 0 !important;
}

#print-2 {
    margin-top: 23px;
}

.btn.btn-accent.addReplyClientTickets {
    float: right;
}

.custom-control.custom-checkbox.col-md-12, .custom-control.custom-checkbox.col-md, .custom-control.custom-checkbox.col-md-3, .custom-control.custom-checkbox.col-lg-12 {
    display: inline-flex;
    padding: 10px !important;
}
.custom-control.custom-checkbox.checkbox-staff{
    display: inline-flex!important;
    padding: 0px!important;
  }
.checkbox-label {
    margin-left: 8px;
    cursor: pointer;
}/*
input#identityConfirmationForm {
    background-color: rgb(136, 160, 185)!important;
    border-color: rgb(136, 160, 185)!important;
}*/
span.select2.select2-container.select2-container--bootstrap4 {
    margin-bottom: 15px;
}
#form_settings .card .list-group  input[type="text"]{
    border-radius: 0px !important;
}

.btn.btn-md.btn-accent.saveReminders.btn-accent-red, .btn.btn-md.btn-accent.saveNote.btn-accent-red, .btn.btn-md.btn-accent.saveContacts.btn-accent-red {
    float: right !important;
}
input#saveNote {
    margin-left: -9px;
}
.circular-progress {
    margin-top: 60px;
    position: relative;
    display: inline-block;
    width: 140px;
    height: 140px;
    border-radius: 50%;
  }
  .circular-progress svg {
    transform: rotate(270deg);
  }
  .circular-progress circle {
    stroke-width: 5;
    fill: none;
    stroke-linecap: round;
  }
  .circular-progress circle:nth-of-type(1) {
    stroke: #dee2e6;
  }
  .circular-progress circle:nth-of-type(2) {
    stroke: #d8503a;
    stroke-dasharray: 251.4285714286;
    stroke-dashoffset: 75.4285714286;
  }
  .circular-progress .pct {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  #slider {
    margin: 0 50px;
    width: 50%;
  }
  #slider::-moz-range-thumb {
    background-color: #d8503a;
  }
  #slider::-webkit-slider-thumb {
    background-color: #d8503a;
  }
  #slider::-ms-thumb {
    background-color: #d8503a;
  }
  #slider:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(216, 80, 58, 0.25);
  }
  #slider:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(216, 80, 58, 0.25);
  }
  #slider:focus::-ms-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(216, 80, 58, 0.25);
  }

  .form-control.tagsInputs {
    border-radius: 0 !important;
}

.btn.pull-right.btn-danger._delete.delete-tag.deleteTagButton {
    padding: 18px 18px !important;
}

.list-group.list-group-flush.project-activity {
    min-height: 315px !important;
}

.theme-dark-dodger-blue .checkbox{
    --border-active: #5567ff !important;
}

.theme-light-dodger-blue .checkbox{
    --border-active: #5567ff !important;
}

.theme-dark .checkbox{
    --border-active: #00bcc2 !important;
}

.theme-light .checkbox{
    --border-active: #00bcc2 !important;
}

.theme-dark-blue .checkbox{
    --border-active: #e4a93c !important;
}

.theme-light-yellow .checkbox{
    --border-active: #e4a93c !important;
}

.theme-dark-purple .checkbox{
    --border-active: #824ee1 !important;
}

.theme-light-purple .checkbox{
    --border-active: #824ee1 !important;
}

.theme-black .checkbox{
    --border-active: #ed0b4c !important;
}

.theme-light-red .checkbox{
    --border-active: #ed0b4c !important;
}

.theme-dark-dodger-blue .bi.bi-person,
.theme-dark-dodger-blue .bi.bi-credit-card-2-front,
.theme-dark-dodger-blue .fas.fa-credit-card,
.theme-dark-dodger-blue .fab.fa-paypal,
.theme-dark-dodger-blue .bi.bi-calendar,
.theme-dark-dodger-blue .bi.bi-credit-card-2-back,
.theme-dark-dodger-blue .fa.fa-question-circle.fa-lg,
.theme-light-dodger-blue .bi.bi-person,
.theme-light-dodger-blue .bi.bi-credit-card-2-front,
.theme-light-dodger-blue .fas.fa-credit-card,
.theme-light-dodger-blue .fab.fa-paypal,
.theme-light-dodger-blue .bi.bi-calendar,
.theme-light-dodger-blue .bi.bi-credit-card-2-back,
.theme-light-dodger-blue .fa.fa-question-circle.fa-lg {
  color: #5567ff !important;
}

.theme-dark .bi.bi-person,
.theme-dark .bi.bi-credit-card-2-front,
.theme-dark .fas.fa-credit-card,
.theme-dark .fab.fa-paypal,
.theme-dark .bi.bi-calendar,
.theme-dark .bi.bi-credit-card-2-back,
.theme-dark .fa.fa-question-circle.fa-lg,
.theme-light .bi.bi-person,
.theme-light .bi.bi-credit-card-2-front,
.theme-light .fas.fa-credit-card,
.theme-light .fab.fa-paypal,
.theme-light .bi.bi-calendar,
.theme-light .bi.bi-credit-card-2-back,
.theme-light .fa.fa-question-circle.fa-lg {
  color: #00bcc2 !important;
}

.theme-dark-blue .bi.bi-person,
.theme-dark-blue .bi.bi-credit-card-2-front,
.theme-dark-blue .fas.fa-credit-card,
.theme-dark-blue .fab.fa-paypal,
.theme-dark-blue .bi.bi-calendar,
.theme-dark-blue .bi.bi-credit-card-2-back,
.theme-dark-blue .fa.fa-question-circle.fa-lg,
.theme-light-yellow .bi.bi-person,
.theme-light-yellow .bi.bi-credit-card-2-front,
.theme-light-yellow .fas.fa-credit-card,
.theme-light-yellow .fab.fa-paypal,
.theme-light-yellow .bi.bi-calendar,
.theme-light-yellow .bi.bi-credit-card-2-back,
.theme-light-yellow .fa.fa-question-circle.fa-lg {
  color: #e4a93c !important;
}

.theme-dark-purple .bi.bi-person,
.theme-dark-purple .bi.bi-credit-card-2-front,
.theme-dark-purple .fas.fa-credit-card,
.theme-dark-purple .fab.fa-paypal,
.theme-dark-purple .bi.bi-calendar,
.theme-dark-purple .bi.bi-credit-card-2-back,
.theme-dark-purple .fa.fa-question-circle.fa-lg,
.theme-light-purple .bi.bi-person,
.theme-light-purple .bi.bi-credit-card-2-front,
.theme-light-purple .fas.fa-credit-card,
.theme-light-purple .fab.fa-paypal,
.theme-light-purple .bi.bi-calendar,
.theme-light-purple .bi.bi-credit-card-2-back,
.theme-light-purple .fa.fa-question-circle.fa-lg {
  color: #824ee1 !important;
}

.theme-black .bi.bi-person,
.theme-black .bi.bi-credit-card-2-front,
.theme-black .fas.fa-credit-card,
.theme-black .fab.fa-paypal,
.theme-black .bi.bi-calendar,
.theme-black .bi.bi-credit-card-2-back,
.theme-black .fa.fa-question-circle.fa-lg,
.theme-light-red .bi.bi-person,
.theme-light-red .bi.bi-credit-card-2-front,
.theme-light-red .fas.fa-credit-card,
.theme-light-red .fab.fa-paypal,
.theme-light-red .bi.bi-calendar,
.theme-light-red .bi.bi-credit-card-2-back,
.theme-light-red .fa.fa-question-circle.fa-lg {
  color: #ed0b4c !important;
}

.fc-agendaDay-button.fc-button.fc-state-default.fc-corner-right.fc-state-active{
    border-color: transparent !important;
}

.card-body.toDoItem {
    min-height: 290px;
}
.checkbox.checkbox-primary{
    display: flex !important;
}

.theme-dark-dodger-blue .btn-outline-info.is-loading:after,
.theme-dark-dodger-blue .is-loading-info:after,
.theme-dark-dodger-blue .loader-info,
.theme-light-dodger-blue .btn-outline-info.is-loading:after,
.theme-light-dodger-blue .is-loading-info:after,
.theme-light-dodger-blue .loader-info {
  border-color: #5567ff #5567ff transparent !important;
}

.theme-dark .btn-outline-info.is-loading:after,
.theme-dark .is-loading-info:after,
.theme-dark .loader-info,
.theme-light .btn-outline-info.is-loading:after,
.theme-light .is-loading-info:after,
.theme-light .loader-info {
  border-color: #00bcc2 #00bcc2 transparent !important;
}

.theme-dark-blue .btn-outline-info.is-loading:after,
.theme-dark-blue .is-loading-info:after,
.theme-dark-blue .loader-info,
.theme-light-yellow .btn-outline-info.is-loading:after,
.theme-light-yellow .is-loading-info:after,
.theme-light-yellow .loader-info {
  border-color: #e4a93c #e4a93c transparent !important;
}

.theme-dark-purple .btn-outline-info.is-loading:after,
.theme-dark-purple .is-loading-info:after,
.theme-dark-purple .loader-info,
.theme-light-purple .btn-outline-info.is-loading:after,
.theme-light-purple .is-loading-info:after,
.theme-light-purple .loader-info {
  border-color: #824ee1 #824ee1 transparent !important;
}

.theme-black .btn-outline-info.is-loading:after,
.theme-black .is-loading-info:after,
.theme-black .loader-info,
.theme-light-red .btn-outline-info.is-loading:after,
.theme-light-red .is-loading-info:after,
.theme-light-red .loader-info {
  border-color: #ed0b4c #ed0b4c transparent !important;
}

.fontPreview{
    min-width: 220px;
    min-height: 157px;
    max-width: 220px;
    max-height: 157px;
}

.swal2-container .swal2-actions {
    justify-content: space-evenly;
    width: 51% !important;
}

#smtp_settings input[name="test_email"]{
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

#smtp_settings button[type="button"]{
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.swal2-icon.swal2-warning {
    border-color: #ffa005 !important;
    color: #ffa005 !important;
}

.select2-dropdown.select2-dropdown--below {
    max-height: 500px !important;
    overflow: auto;
}

.select2-dropdown.select2-dropdown--above {
    max-height: 500px !important;
    overflow: auto;
}

.theme-dark-dodger-blue .settings-textarea-merge-field,
.theme-light-dodger-blue .settings-textarea-merge-field{
    color: #5567ff !important;
}

.theme-dark .settings-textarea-merge-field,
.theme-light .settings-textarea-merge-field{
    color: #00bcc2 !important;
}

.theme-dark-blue .settings-textarea-merge-field,
.theme-light-yellow .settings-textarea-merge-field{
    color: #e4a93c !important;
}

.theme-dark-purple .settings-textarea-merge-field,
.theme-light-purple .settings-textarea-merge-field{
    color: #824ee1 !important;
}

.theme-black .settings-textarea-merge-field,
.theme-light-red .settings-textarea-merge-field{
    color: #ed0b4c !important;
}

.theme-dark-dodger-blue .add_merge_field,
.theme-light-dodger-blue .add_merge_field{
    color: #5567ff !important;
}

.theme-dark .add_merge_field,
.theme-light .add_merge_field{
    color: #00bcc2 !important;
}

.theme-dark-blue .add_merge_field,
.theme-light-yellow .add_merge_field{
    color: #e4a93c !important;
}

.theme-dark-purple .add_merge_field,
.theme-light-purple .add_merge_field{
    color: #824ee1 !important;
}

.theme-black .add_merge_field,
.theme-light-red .add_merge_field{
    color: #ed0b4c !important;
}

.btn.btn-accent.btn-block.mt-4.mb-4.customerGroup{
    width: 6% !important;
    float: right !important;
    margin-right: 12px !important;
}

#submit_form_vault {
    margin-right: 2px !important;
}

/* JQUERY ERROR MESSAGE ANIMATION */

.bigicon {
  font-size: 34px !important;
}

div.jqval-error {
  display: none;
  opacity: 0;
  margin-left: 0 !important;
  color: #e1244e;
  font-weight: bold;
}

/* JQUERY ERROR MESSAGE ANIMATION */

hr{
    margin-top: 12px!important;
}

/* .custom-control-input:checked ~ .custom-control-label:before {
    border-color: #ed0b4c!important;
    background-color: #ed0b4c!important;
} */

/* .wtHolder ,
#example {
    height: auto!important;
} */

#checkInOutModal{
    overflow-y: auto!important;
}
button.btn.btn-outline-accent.display-block.check_in_out_timesheet:focus {
    box-shadow: 0 0 0 1px transparent!important;
}

/* Added Style to Staff View Cards */
p.text-50.mb-0.d-flex.align-items-center {
    font-size: 13px;
}

/* Staff cards style */
/* .theme-dark-dodger-blue h6#timer-staff,
.theme-light-dodger-blue h6#timer-staff {
   color: #5567ff !important;
}
.theme-dark h6#timer-staff,
.theme-light h6#timer-staff {
    color: rgba(0, 188, 194) !important;
}
.theme-dark-blue h6#timer-staff,
.theme-light-yellow h6#timer-staff {
    color: rgba(227, 168, 60) !important;
}
.theme-dark-purple h6#timer-staff,
.theme-light-purple h6#timer-staff {
    color: rgba(129, 78, 225) !important;
}
.theme-black h6#timer-staff,
.theme-light-red h6#timer-staff {
    color: rgba(237, 11, 75) !important;
} */

.fas.fa-user-clock {
    color: #fff;
    font-size: 25px!important;
}

.theme-dark-dodger-blue .fc-unthemed td.fc-today,
.theme-light-dodger-blue .fc-unthemed td.fc-today {
    background: #909bff42 !important;
}

.theme-dark .fc-unthemed td.fc-today,
.theme-light .fc-unthemed td.fc-today {
    background: #00bcc242 !important;
}

.theme-dark-blue .fc-unthemed td.fc-today,
.theme-light-yellow .fc-unthemed td.fc-today {
    background: #e4a93c42 !important;
}

.theme-dark-purple .fc-unthemed td.fc-today,
.theme-light-purple .fc-unthemed td.fc-today {
    background: #824ee142 !important;
}

.theme-black .fc-unthemed td.fc-today,
.theme-light-red .fc-unthemed td.fc-today {
    background: #ed0b4c42 !important;
}

.theme-dark-dodger-blue .fc-day-number,
.theme-light-dodger-blue .fc-day-number {
    color: #5567ff !important;
}

.theme-dark .fc-day-number,
.theme-light .fc-day-number {
    color: #00bcc2 !important;
}

.theme-dark-blue .fc-day-number,
.theme-light-yellow .fc-day-number {
    color: #e4a93c !important;
}

.theme-dark-purple .fc-day-number,
.theme-light-purple .fc-day-number {
    color: #824ee1 !important;
}

.theme-black .fc-day-number,
.theme-light-red .fc-day-number {
    color: #ed0b4c !important;
}

.fc-day.fc-widget-content.fc-other-month.fc-past, .fc-other-month.fc-future{
    cursor: pointer;
    background-color: transparent !important;
    background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23f9f9fa' fill-opacity='1' fill-rule='evenodd'%3E%3Cpath d='M0 40L40 0H20L0 20M40 40V20L20 40'/%3E%3C/g%3E%3C/svg%3E") !important;
}

/* CALENDAR PADDING */

.fc-widget-content {
    padding: 0 !important;
}

#marketplaceButtons{
    filter: opacity(0%);
    transition: .4s ease-in all;
}

.card.card--elevated.card-group-row__card.inner-module:hover
  #marketplaceButtons,
.card.card--elevated.card-group-row__card.inner-module.selected-module:hover
  #marketplaceButtons {
  filter: opacity(100%);
}

/* .custom-control.custom-checkbox.col-md-12 {
    margin-left: -11px;
} */

.btn.btn-success.add_more_attachments.p8-half,
.btn.p8-half.remove_attachment.btn-danger {
  margin-top: -1px;
}

.theme-dark-dodger-blue .price,
.theme-dark-dodger-blue .moduleTitle,
.theme-dark-dodger-blue .relatedModules,
.theme-dark-dodger-blue .fas.fa-cogs,
.theme-light-dodger-blue .price,
.theme-light-dodger-blue .moduleTitle,
.theme-light-dodger-blue .relatedModules,
.theme-light-dodger-blue .fas.fa-cogs {
  color: #5567ff !important;
}

.theme-dark .price,
.theme-dark .moduleTitle,
.theme-dark .relatedModules,
.theme-dark .fas.fa-cogs,
.theme-light .price,
.theme-light .moduleTitle,
.theme-light .relatedModules,
.theme-light .fas.fa-cogs {
  color: #00bcc2 !important;
}

.theme-dark-blue .price,
.theme-dark-blue .moduleTitle,
.theme-dark-blue .relatedModules,
.theme-dark-blue .fas.fa-cogs,
.theme-light-yellow .price,
.theme-light-yellow .moduleTitle,
.theme-light-yellow .relatedModules,
.theme-light-yellow .fas.fa-cogs {
  color: #e4a93c !important;
}

.theme-dark-purple .price,
.theme-dark-purple .moduleTitle,
.theme-dark-purple .relatedModules,
.theme-dark-purple .fas.fa-cogs,
.theme-light-purple .price,
.theme-light-purple .moduleTitle,
.theme-light-purple .relatedModules,
.theme-light-purple .fas.fa-cogs {
  color: #824ee1 !important;
}

.theme-black .price,
.theme-black .moduleTitle,
.theme-black .relatedModules,
.theme-black .fas.fa-cogs,
.theme-light-red .price,
.theme-light-red .moduleTitle,
.theme-light-red .relatedModules,
.theme-light-red .fas.fa-cogs {
  color: #ed0b4c !important;
}

.theme-dark-dodger-blue .tablinks.active,
.theme-light-dodger-blue .tablinks.active{
    border-color: #5567ff !important;
    color: #5567ff !important;
}

.theme-dark .tablinks.active,
.theme-light .tablinks.active{
    border-color: #00bcc2 !important;
    color: #00bcc2 !important;
}

.theme-dark-blue .tablinks.active,
.theme-light-yellow .tablinks.active{
    border-color: #e4a93c !important;
    color: #e4a93c !important;
}

.theme-dark-purple .tablinks.active,
.theme-light-purple .tablinks.active{
    border-color: #824ee1 !important;
    color: #824ee1 !important;
}

.theme-black .tablinks.active,
.theme-light-red .tablinks.active{
    border-color: #ed0b4c !important;
    color: #ed0b4c !important;
}

.theme-dark-dodger-blue .reviewlink,
.theme-light-dodger-blue .reviewlink{
    color: #303956 !important;
}

.theme-dark .reviewlink,
.theme-light .reviewlink{
    color: #4aa2ee !important;
}

.theme-dark-blue .reviewlink,
.theme-light-yellow .reviewlink{
    color: #4aa2ee !important;
}

.theme-dark-purple .reviewlink,
.theme-light-purple .reviewlink{
    color: #ed0b4c !important;
}

.theme-black .reviewlink,
.theme-light-red .reviewlink{
    color: #4aa2ee !important;
}

.theme-dark-dodger-blue .page-separator__text,
.theme-light-dodger-blue .page-separator__text{
    color: #5567ff !important;
}

.theme-dark .page-separator__text,
.theme-light .page-separator__text{
    color: #00bcc2 !important;
}

.theme-dark-blue .page-separator__text,
.theme-light-yellow .page-separator__text{
    color: #e4a93c !important;
}

.theme-dark-purple .page-separator__text,
.theme-light-purple .page-separator__text{
    color: #824ee1 !important;
}


.theme-black .page-separator__text,
.theme-light-red .page-separator__text{
    color: #ed0b4c !important;
}

.theme-dark-dodger-blue .drawer__header,
.theme-light-dodger-blue .drawer__header{
    background-color: #303956 !important;
}

.theme-dark .drawer__header,
.theme-light .drawer__header{
    background-color: #00bcc2 !important;
}

.theme-dark-blue .drawer__header,
.theme-light-yellow .drawer__header{
    background-color: #e4a93c !important;
}

.theme-dark-purple .drawer__header,
.theme-light-purple .drawer__header{
    background-color: #824ee1 !important;
}

.theme-black .drawer__header,
.theme-light-red .drawer__header{
    background-color: #ed0b4c !important;
}

.drawer__title{
    color: white !important;
}

#client_attachments{
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.drawer__overlay, .drawer__content {
    overflow: scroll !important;
}
/*
#wrapper{
    overflow: scroll !important;
}
*/
.card.subCard{
    transition: .2s ease-in all;
}

.card.subCard:hover{
    scale: .97 !important;
}

.card-body.body.subCard{
    min-height: 91px !important;
}

.row.plan{
    margin-left: -35px !important;
}

.fas.fa-check-circle.boughtModule.ml-2 {
    margin-top: 2px;
}

[dir] .btn-outline-accent.focus,
[dir] .btn-outline-accent:focus {
  box-shadow: none !important;
}

.table thead tr th {
  text-align: left !important;
}

table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting {
  background-size: 1rem !important;
  padding: 0.75rem 1rem !important;
  width: max-content !important;
  min-width: max-content !important;
  max-width: max-content;
}

.custom-control-label {
  cursor: pointer;
}

.theme-dark-dodger-blue .btn.pull-right.btn-set,
.theme-light-dodger-blue .btn.pull-right.btn-set {
  background-color: #5567ff;
  border-color: #5567ff;
  box-shadow: 0 5px 15px 0 rgba(72, 88, 217, 0.2) !important;
}

.theme-dark .btn.pull-right.btn-set,
.theme-light .btn.pull-right.btn-set {
  background-color: #00bcc2;
  border-color: #00bcc2;
  box-shadow: 0 5px 15px 0 rgba(0, 160, 165, 0.2) !important;
}

.theme-dark-blue .btn.pull-right.btn-set,
.theme-light-yellow .btn.pull-right.btn-set {
  background-color: #e4a93c;
  border-color: #e4a93c;
  box-shadow: 0 5px 15px 0 rgba(194, 144, 51, 0.2) !important;
}

.theme-dark-purple .btn.pull-right.btn-set,
.theme-light-purple .btn.pull-right.btn-set {
  background-color: #824ee1;
  border-color: #824ee1;
  box-shadow: 0 5px 15px 0 rgba(111, 66, 192, 0.2) !important;
}

.theme-black .btn.pull-right.btn-set,
.theme-light-red .btn.pull-right.btn-set {
  background-color: #ed0b4c;
  border-color: #ed0b4c;
  box-shadow: 0 5px 15px 0 rgba(202, 9, 65, 0.2) !important;
}

.btn.btn-accent.mr-3.ticketServices {
  margin-right: 9px;
}

.btn.btn-accent.scrollToTop.m-1 {
  border-radius: 500px !important;
  padding: 10px;
}

.fas.fa-arrow-up.toTop {
  font-size: 1.3rem;
}

@media only screen and (max-width: 430px) {
  .row.no-gutters.flex-nowrap.form-image-group {
    display: block;
  }
}

.pointer {
  cursor: pointer;
}

@media (min-width: 992px) and (max-width: 1118px) {
    #widget-tables_data .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_length,
    #widget-payment_record .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_length,
    #widget-contracts_expiring_soon .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_length,
    #widget-staff_tickets_report .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_length {
            float: left;
    }
}

@media (max-width: 415px) {
  .bold.well.email-template-heading {
    margin-top: 25px !important;
  }
  .select2-selection.select2-selection--single {
    min-height: 37px;
    max-height: max-content;
  }

  .dataTables_wrapper .dataTables_filter,
  .dataTables_wrapper .dataTables_length {
    float: left;
  }
  #wrapper .panel-body .row .col-md-12:not(:last-child):after {
    content: "";
    display: block;
    position: relative;
    width: 95%;
    border: 2px solid rgb(244 246 248 / 60%);
    margin-top: 8px;
  }
}
@media (min-width: 416px) and (max-width: 539px) {
  .dataTables_wrapper .dataTables_filter,
  .dataTables_wrapper .dataTables_length {
    float: left;
  }
}

/* #wrapper .panel-body .row .col-md-12:not(:last-child):after {
  content: "";
  display: block;
  position: relative;
  left: 5%;
  width: 90%;
  border: 2px solid rgb(244 246 248 / 60%);
  margin-top: 8px;
} */

form#form_settings .form-group {
    margin-bottom: 0;
    margin-top: 15px;
}

form#form_settings .list-group-item {
        padding: 0.75rem 1rem !important;
}

@media (min-width:539px) and (max-width: 640px){
    .dataTables_wrapper .dataTables_length {
        float: left;
    }
    .dataTables_wrapper .dataTables_filter{
        float:right;
        margin-top: 0px !important;
    }
}

.theme-dark-dodger-blue .module-totalPrice,
.theme-light-dodger-blue .module-totalPrice{
    color: #303956;
    font-weight: bold;
}

.theme-dark .module-totalPrice,
.theme-light .module-totalPrice{
    color: #00bcc2;
    font-weight: bold;
}

.theme-dark-blue .module-totalPrice,
.theme-light-yellow .module-totalPrice{
    color: #e4a93c;
    font-weight: bold;
}

.theme-dark-purple .module-totalPrice,
.theme-light-purple .module-totalPrice{
    color: #ed0b4c;
    font-weight: bold;
}

.theme-black .module-totalPrice,
.theme-light-red .module-totalPrice{
    color: #ed0b4c;
    font-weight: bold;
}
body.layout-compact a.p-4pt:hover{
    text-decoration: none;
}
body.layout-compact a.p-4pt i:hover{
color: black !important;
}

body.layout-compact #sm_account_1 ul.sidebar-menu li.sidebar-menu-item a,
body.layout-compact #setup ul.sidebar-menu li.sidebar-menu-item a,
body.layout-compact #support ul.sidebar-menu li.sidebar-menu-item a,
body.layout-compact #contracts ul.sidebar-menu li.sidebar-menu-item a,
body.layout-compact #utilities ul.sidebar-menu li.sidebar-menu-item a,
body.layout-compact #raports ul.sidebar-menu li.sidebar-menu-item a,
body.layout-compact #sales ul.sidebar-menu li.sidebar-menu-item a,
body.layout-compact #customers ul.sidebar-menu li.sidebar-menu-item a,
body.layout-compact #hrm ul.sidebar-menu li.sidebar-menu-item a,
body.layout-compact #projects ul.sidebar-menu li.sidebar-menu-item a {
  text-align: left !important;
}

body.layout-compact.theme-dark-dodger-blue
  #sm_account_1
  ul.sidebar-menu
  li.sidebar-menu-item:hover,
body.layout-compact.theme-dark-dodger-blue
  #setup
  ul.sidebar-menu
  li.sidebar-menu-item:hover,
body.layout-compact.theme-dark-dodger-blue
  #support
  ul.sidebar-menu
  li.sidebar-menu-item:hover,
body.layout-compact.theme-dark-dodger-blue
  #contracts
  ul.sidebar-menu
  li.sidebar-menu-item:hover,
body.layout-compact.theme-dark-dodger-blue
  #utilities
  ul.sidebar-menu
  li.sidebar-menu-item:hover,
body.layout-compact.theme-dark-dodger-blue
  #raports
  ul.sidebar-menu
  li.sidebar-menu-item:hover,
body.layout-compact.theme-dark-dodger-blue
  #sales
  ul.sidebar-menu
  li.sidebar-menu-item:hover,
body.layout-compact.theme-dark-dodger-blue
  #customers
  ul.sidebar-menu
  li.sidebar-menu-item:hover,
body.layout-compact.theme-dark-dodger-blue
  #hrm
  ul.sidebar-menu
  li.sidebar-menu-item:hover,
body.layout-compact.theme-dark-dodger-blue
  #projects
  ul.sidebar-menu
  li.sidebar-menu-item:hover,
body.layout-compact.theme-light-dodger-blue
  #sm_account_1
  ul.sidebar-menu
  li.sidebar-menu-item:hover,
body.layout-compact.theme-light-dodger-blue
  #setup
  ul.sidebar-menu
  li.sidebar-menu-item:hover,
body.layout-compact.theme-light-dodger-blue
  #support
  ul.sidebar-menu
  li.sidebar-menu-item:hover,
body.layout-compact.theme-light-dodger-blue
  #contracts
  ul.sidebar-menu
  li.sidebar-menu-item:hover,
body.layout-compact.theme-light-dodger-blue
  #utilities
  ul.sidebar-menu
  li.sidebar-menu-item:hover,
body.layout-compact.theme-light-dodger-blue
  #raports
  ul.sidebar-menu
  li.sidebar-menu-item:hover,
body.layout-compact.theme-light-dodger-blue
  #sales
  ul.sidebar-menu
  li.sidebar-menu-item:hover,
body.layout-compact.theme-light-dodger-blue
  #customers
  ul.sidebar-menu
  li.sidebar-menu-item:hover,
body.layout-compact.theme-light-dodger-blue
  #hrm
  ul.sidebar-menu
  li.sidebar-menu-item:hover,
body.layout-compact.theme-light-dodger-blue
  #projects
  ul.sidebar-menu
  li.sidebar-menu-item:hover {
  background-color: rgba(85, 103, 255, 0.15);
}

body.layout-compact.theme-dark-dodger-blue
  #sm_account_1
  ul.sidebar-menu
  li.sidebar-menu-item
  a:hover,
body.layout-compact.theme-dark-dodger-blue
  #setup
  ul.sidebar-menu
  li.sidebar-menu-item
  a:hover,
body.layout-compact.theme-dark-dodger-blue
  #support
  ul.sidebar-menu
  li.sidebar-menu-item
  a:hover,
body.layout-compact.theme-dark-dodger-blue
  #contracts
  ul.sidebar-menu
  li.sidebar-menu-item
  a:hover,
body.layout-compact.theme-dark-dodger-blue
  #utilities
  ul.sidebar-menu
  li.sidebar-menu-item
  a:hover,
body.layout-compact.theme-dark-dodger-blue
  #raports
  ul.sidebar-menu
  li.sidebar-menu-item
  a:hover,
body.layout-compact.theme-dark-dodger-blue
  #sales
  ul.sidebar-menu
  li.sidebar-menu-item
  a:hover,
body.layout-compact.theme-dark-dodger-blue
  #customers
  ul.sidebar-menu
  li.sidebar-menu-item
  a:hover,
body.layout-compact.theme-dark-dodger-blue
  #hrm
  ul.sidebar-menu
  li.sidebar-menu-item
  a:hover,
body.layout-compact.theme-dark-dodger-blue
  #projects
  ul.sidebar-menu
  li.sidebar-menu-item
  a:hover,
body.layout-compact.theme-light-dodger-blue
  #sm_account_1
  ul.sidebar-menu
  li.sidebar-menu-item
  a:hover,
body.layout-compact.theme-light-dodger-blue
  #setup
  ul.sidebar-menu
  li.sidebar-menu-item
  a:hover,
body.layout-compact.theme-light-dodger-blue
  #support
  ul.sidebar-menu
  li.sidebar-menu-item
  a:hover,
body.layout-compact.theme-light-dodger-blue
  #contracts
  ul.sidebar-menu
  li.sidebar-menu-item
  a:hover,
body.layout-compact.theme-light-dodger-blue
  #utilities
  ul.sidebar-menu
  li.sidebar-menu-item
  a:hover,
body.layout-compact.theme-light-dodger-blue
  #raports
  ul.sidebar-menu
  li.sidebar-menu-item
  a:hover,
body.layout-compact.theme-light-dodger-blue
  #sales
  ul.sidebar-menu
  li.sidebar-menu-item
  a:hover,
body.layout-compact.theme-light-dodger-blue
  #customers
  ul.sidebar-menu
  li.sidebar-menu-item
  a:hover,
body.layout-compact.theme-light-dodger-blue
  #hrm
  ul.sidebar-menu
  li.sidebar-menu-item
  a:hover,
body.layout-compact.theme-light-dodger-blue
  #projects
  ul.sidebar-menu
  li.sidebar-menu-item
  a:hover {
  color: #5567ff !important;
}

body.layout-compact.theme-light-yellow
  #sm_account_1
  ul.sidebar-menu
  li.sidebar-menu-item:hover,
body.layout-compact.theme-light-yellow
  #setup
  ul.sidebar-menu
  li.sidebar-menu-item:hover,
body.layout-compact.theme-light-yellow
  #support
  ul.sidebar-menu
  li.sidebar-menu-item:hover,
body.layout-compact.theme-light-yellow
  #contracts
  ul.sidebar-menu
  li.sidebar-menu-item:hover,
body.layout-compact.theme-light-yellow
  #utilities
  ul.sidebar-menu
  li.sidebar-menu-item:hover,
body.layout-compact.theme-light-yellow
  #raports
  ul.sidebar-menu
  li.sidebar-menu-item:hover,
body.layout-compact.theme-light-yellow
  #sales
  ul.sidebar-menu
  li.sidebar-menu-item:hover,
body.layout-compact.theme-light-yellow
  #customers
  ul.sidebar-menu
  li.sidebar-menu-item:hover,
body.layout-compact.theme-light-yellow
  #hrm
  ul.sidebar-menu
  li.sidebar-menu-item:hover,
body.layout-compact.theme-light-yellow
  #projects
  ul.sidebar-menu
  li.sidebar-menu-item:hover,
body.layout-compact.theme-dark-blue
  #sm_account_1
  ul.sidebar-menu
  li.sidebar-menu-item:hover,
body.layout-compact.theme-dark-blue
  #setup
  ul.sidebar-menu
  li.sidebar-menu-item:hover,
body.layout-compact.theme-dark-blue
  #support
  ul.sidebar-menu
  li.sidebar-menu-item:hover,
body.layout-compact.theme-dark-blue
  #contracts
  ul.sidebar-menu
  li.sidebar-menu-item:hover,
body.layout-compact.theme-dark-blue
  #utilities
  ul.sidebar-menu
  li.sidebar-menu-item:hover,
body.layout-compact.theme-dark-blue
  #raports
  ul.sidebar-menu
  li.sidebar-menu-item:hover,
body.layout-compact.theme-dark-blue
  #sales
  ul.sidebar-menu
  li.sidebar-menu-item:hover,
body.layout-compact.theme-dark-blue
  #customers
  ul.sidebar-menu
  li.sidebar-menu-item:hover,
body.layout-compact.theme-dark-blue
  #hrm
  ul.sidebar-menu
  li.sidebar-menu-item:hover,
body.layout-compact.theme-dark-blue
  #projects
  ul.sidebar-menu
  li.sidebar-menu-item:hover {
  background-color: rgba(228, 169, 60, 0.15);
}

body.layout-compact.theme-light-yellow
  #sm_account_1
  ul.sidebar-menu
  li.sidebar-menu-item
  a:hover,
body.layout-compact.theme-light-yellow
  #setup
  ul.sidebar-menu
  li.sidebar-menu-item
  a:hover,
body.layout-compact.theme-light-yellow
  #support
  ul.sidebar-menu
  li.sidebar-menu-item
  a:hover,
body.layout-compact.theme-light-yellow
  #contracts
  ul.sidebar-menu
  li.sidebar-menu-item
  a:hover,
body.layout-compact.theme-light-yellow
  #utilities
  ul.sidebar-menu
  li.sidebar-menu-item
  a:hover,
body.layout-compact.theme-light-yellow
  #raports
  ul.sidebar-menu
  li.sidebar-menu-item
  a:hover,
body.layout-compact.theme-light-yellow
  #sales
  ul.sidebar-menu
  li.sidebar-menu-item
  a:hover,
body.layout-compact.theme-light-yellow
  #customers
  ul.sidebar-menu
  li.sidebar-menu-item
  a:hover,
body.layout-compact.theme-light-yellow
  #hrm
  ul.sidebar-menu
  li.sidebar-menu-item
  a:hover,
body.layout-compact.theme-light-yellow
  #projects
  ul.sidebar-menu
  li.sidebar-menu-item
  a:hover,
body.layout-compact.theme-dark-blue
  #sm_account_1
  ul.sidebar-menu
  li.sidebar-menu-item
  a:hover,
body.layout-compact.theme-dark-blue
  #setup
  ul.sidebar-menu
  li.sidebar-menu-item
  a:hover,
body.layout-compact.theme-dark-blue
  #support
  ul.sidebar-menu
  li.sidebar-menu-item
  a:hover,
body.layout-compact.theme-dark-blue
  #contracts
  ul.sidebar-menu
  li.sidebar-menu-item
  a:hover,
body.layout-compact.theme-dark-blue
  #utilities
  ul.sidebar-menu
  li.sidebar-menu-item
  a:hover,
body.layout-compact.theme-dark-blue
  #raports
  ul.sidebar-menu
  li.sidebar-menu-item
  a:hover,
body.layout-compact.theme-dark-blue
  #sales
  ul.sidebar-menu
  li.sidebar-menu-item
  a:hover,
body.layout-compact.theme-dark-blue
  #customers
  ul.sidebar-menu
  li.sidebar-menu-item
  a:hover,
body.layout-compact.theme-dark-blue
  #hrm
  ul.sidebar-menu
  li.sidebar-menu-item
  a:hover,
body.layout-compact.theme-dark-blue
  #projects
  ul.sidebar-menu
  li.sidebar-menu-item
  a:hover {
  color: #e4a93c !important;
}

body.layout-compact.theme-dark-purple
  #sm_account_1
  ul.sidebar-menu
  li.sidebar-menu-item:hover,
body.layout-compact.theme-dark-purple
  #setup
  ul.sidebar-menu
  li.sidebar-menu-item:hover,
body.layout-compact.theme-dark-purple
  #support
  ul.sidebar-menu
  li.sidebar-menu-item:hover,
body.layout-compact.theme-dark-purple
  #contracts
  ul.sidebar-menu
  li.sidebar-menu-item:hover,
body.layout-compact.theme-dark-purple
  #utilities
  ul.sidebar-menu
  li.sidebar-menu-item:hover,
body.layout-compact.theme-dark-purple
  #raports
  ul.sidebar-menu
  li.sidebar-menu-item:hover,
body.layout-compact.theme-dark-purple
  #sales
  ul.sidebar-menu
  li.sidebar-menu-item:hover,
body.layout-compact.theme-dark-purple
  #customers
  ul.sidebar-menu
  li.sidebar-menu-item:hover,
body.layout-compact.theme-dark-purple
  #hrm
  ul.sidebar-menu
  li.sidebar-menu-item:hover,
body.layout-compact.theme-dark-purple
  #projects
  ul.sidebar-menu
  li.sidebar-menu-item:hover,
body.layout-compact.theme-light-purple
  #sm_account_1
  ul.sidebar-menu
  li.sidebar-menu-item:hover,
body.layout-compact.theme-light-purple
  #setup
  ul.sidebar-menu
  li.sidebar-menu-item:hover,
body.layout-compact.theme-light-purple
  #support
  ul.sidebar-menu
  li.sidebar-menu-item:hover,
body.layout-compact.theme-light-purple
  #contracts
  ul.sidebar-menu
  li.sidebar-menu-item:hover,
body.layout-compact.theme-light-purple
  #utilities
  ul.sidebar-menu
  li.sidebar-menu-item:hover,
body.layout-compact.theme-light-purple
  #raports
  ul.sidebar-menu
  li.sidebar-menu-item:hover,
body.layout-compact.theme-light-purple
  #sales
  ul.sidebar-menu
  li.sidebar-menu-item:hover,
body.layout-compact.theme-light-purple
  #customers
  ul.sidebar-menu
  li.sidebar-menu-item:hover,
body.layout-compact.theme-light-purple
  #hrm
  ul.sidebar-menu
  li.sidebar-menu-item:hover,
body.layout-compact.theme-light-purple
  #projects
  ul.sidebar-menu
  li.sidebar-menu-item:hover {
  background-color: rgba(130, 78, 225, 0.15);
}

body.layout-compact.theme-dark-purple
  #sm_account_1
  ul.sidebar-menu
  li.sidebar-menu-item
  a:hover,
body.layout-compact.theme-dark-purple
  #setup
  ul.sidebar-menu
  li.sidebar-menu-item
  a:hover,
body.layout-compact.theme-dark-purple
  #support
  ul.sidebar-menu
  li.sidebar-menu-item
  a:hover,
body.layout-compact.theme-dark-purple
  #contracts
  ul.sidebar-menu
  li.sidebar-menu-item
  a:hover,
body.layout-compact.theme-dark-purple
  #utilities
  ul.sidebar-menu
  li.sidebar-menu-item
  a:hover,
body.layout-compact.theme-dark-purple
  #raports
  ul.sidebar-menu
  li.sidebar-menu-item
  a:hover,
body.layout-compact.theme-dark-purple
  #sales
  ul.sidebar-menu
  li.sidebar-menu-item
  a:hover,
body.layout-compact.theme-dark-purple
  #customers
  ul.sidebar-menu
  li.sidebar-menu-item
  a:hover,
body.layout-compact.theme-dark-purple
  #hrm
  ul.sidebar-menu
  li.sidebar-menu-item
  a:hover,
body.layout-compact.theme-dark-purple
  #projects
  ul.sidebar-menu
  li.sidebar-menu-item
  a:hover,
body.layout-compact.theme-light-purple
  #sm_account_1
  ul.sidebar-menu
  li.sidebar-menu-item
  a:hover,
body.layout-compact.theme-light-purple
  #setup
  ul.sidebar-menu
  li.sidebar-menu-item
  a:hover,
body.layout-compact.theme-light-purple
  #support
  ul.sidebar-menu
  li.sidebar-menu-item
  a:hover,
body.layout-compact.theme-light-purple
  #contracts
  ul.sidebar-menu
  li.sidebar-menu-item
  a:hover,
body.layout-compact.theme-light-purple
  #utilities
  ul.sidebar-menu
  li.sidebar-menu-item
  a:hover,
body.layout-compact.theme-light-purple
  #raports
  ul.sidebar-menu
  li.sidebar-menu-item
  a:hover,
body.layout-compact.theme-light-purple
  #sales
  ul.sidebar-menu
  li.sidebar-menu-item
  a:hover,
body.layout-compact.theme-light-purple
  #customers
  ul.sidebar-menu
  li.sidebar-menu-item
  a:hover,
body.layout-compact.theme-light-purple
  #hrm
  ul.sidebar-menu
  li.sidebar-menu-item
  a:hover,
body.layout-compact.theme-light-purple
  #projects
  ul.sidebar-menu
  li.sidebar-menu-item
  a:hover {
  color: #824ee1 !important;
}

body.layout-compact.theme-black
  #sm_account_1
  ul.sidebar-menu
  li.sidebar-menu-item:hover,
body.layout-compact.theme-black
  #setup
  ul.sidebar-menu
  li.sidebar-menu-item:hover,
body.layout-compact.theme-black
  #support
  ul.sidebar-menu
  li.sidebar-menu-item:hover,
body.layout-compact.theme-black
  #contracts
  ul.sidebar-menu
  li.sidebar-menu-item:hover,
body.layout-compact.theme-black
  #utilities
  ul.sidebar-menu
  li.sidebar-menu-item:hover,
body.layout-compact.theme-black
  #raports
  ul.sidebar-menu
  li.sidebar-menu-item:hover,
body.layout-compact.theme-black
  #sales
  ul.sidebar-menu
  li.sidebar-menu-item:hover,
body.layout-compact.theme-black
  #customers
  ul.sidebar-menu
  li.sidebar-menu-item:hover,
body.layout-compact.theme-black #hrm ul.sidebar-menu li.sidebar-menu-item:hover,
body.layout-compact.theme-black
  #projects
  ul.sidebar-menu
  li.sidebar-menu-item:hover,
body.theme-light-red #sm_account_1 ul.sidebar-menu li.sidebar-menu-item:hover,
body.theme-light-red #setup ul.sidebar-menu li.sidebar-menu-item:hover,
body.theme-light-red #support ul.sidebar-menu li.sidebar-menu-item:hover,
body.theme-light-red #contracts ul.sidebar-menu li.sidebar-menu-item:hover,
body.theme-light-red #utilities ul.sidebar-menu li.sidebar-menu-item:hover,
body.theme-light-red #raports ul.sidebar-menu li.sidebar-menu-item:hover,
body.theme-light-red #sales ul.sidebar-menu li.sidebar-menu-item:hover,
body.theme-light-red #customers ul.sidebar-menu li.sidebar-menu-item:hover,
body.theme-light-red #hrm ul.sidebar-menu li.sidebar-menu-item:hover,
body.theme-light-red #projects ul.sidebar-menu li.sidebar-menu-item:hover {
  background-color: rgba(227, 11, 73, 0.15);
}

body.layout-compact.theme-black
  #sm_account_1
  ul.sidebar-menu
  li.sidebar-menu-item
  a:hover,
body.layout-compact.theme-black
  #setup
  ul.sidebar-menu
  li.sidebar-menu-item
  a:hover,
body.layout-compact.theme-black
  #support
  ul.sidebar-menu
  li.sidebar-menu-item
  a:hover,
body.layout-compact.theme-black
  #contracts
  ul.sidebar-menu
  li.sidebar-menu-item
  a:hover,
body.layout-compact.theme-black
  #utilities
  ul.sidebar-menu
  li.sidebar-menu-item
  a:hover,
body.layout-compact.theme-black
  #raports
  ul.sidebar-menu
  li.sidebar-menu-item
  a:hover,
body.layout-compact.theme-black
  #sales
  ul.sidebar-menu
  li.sidebar-menu-item
  a:hover,
body.layout-compact.theme-black
  #customers
  ul.sidebar-menu
  li.sidebar-menu-item
  a:hover,
body.layout-compact.theme-black
  #hrm
  ul.sidebar-menu
  li.sidebar-menu-item
  a:hover,
body.layout-compact.theme-black
  #projects
  ul.sidebar-menu
  li.sidebar-menu-item
  a:hover,
body.theme-light-red #sm_account_1 ul.sidebar-menu li.sidebar-menu-item a:hover,
body.theme-light-red #setup ul.sidebar-menu li.sidebar-menu-item a:hover,
body.theme-light-red #support ul.sidebar-menu li.sidebar-menu-item a:hover,
body.theme-light-red #contracts ul.sidebar-menu li.sidebar-menu-item a:hover,
body.theme-light-red #utilities ul.sidebar-menu li.sidebar-menu-item a:hover,
body.theme-light-red #raports ul.sidebar-menu li.sidebar-menu-item a:hover,
body.theme-light-red #sales ul.sidebar-menu li.sidebar-menu-item a:hover,
body.theme-light-red #customers ul.sidebar-menu li.sidebar-menu-item a:hover,
body.theme-light-red #hrm ul.sidebar-menu li.sidebar-menu-item a:hover,
body.theme-light-red #projects ul.sidebar-menu li.sidebar-menu-item a:hover {
  color: #e30b49 !important;
}

body.layout-compact.theme-dark
  #sm_account_1
  ul.sidebar-menu
  li.sidebar-menu-item:hover,
body.layout-compact.theme-dark
  #setup
  ul.sidebar-menu
  li.sidebar-menu-item:hover,
body.layout-compact.theme-dark
  #support
  ul.sidebar-menu
  li.sidebar-menu-item:hover,
body.layout-compact.theme-dark
  #contracts
  ul.sidebar-menu
  li.sidebar-menu-item:hover,
body.layout-compact.theme-dark
  #utilities
  ul.sidebar-menu
  li.sidebar-menu-item:hover,
body.layout-compact.theme-dark
  #raports
  ul.sidebar-menu
  li.sidebar-menu-item:hover,
body.layout-compact.theme-dark
  #sales
  ul.sidebar-menu
  li.sidebar-menu-item:hover,
body.layout-compact.theme-dark
  #customers
  ul.sidebar-menu
  li.sidebar-menu-item:hover,
body.layout-compact.theme-dark #hrm ul.sidebar-menu li.sidebar-menu-item:hover,
body.layout-compact.theme-dark
  #projects
  ul.sidebar-menu
  li.sidebar-menu-item:hover,
body.layout-compact.theme-light
  #sm_account_1
  ul.sidebar-menu
  li.sidebar-menu-item:hover,
body.layout-compact.theme-light
  #setup
  ul.sidebar-menu
  li.sidebar-menu-item:hover,
body.layout-compact.theme-light
  #support
  ul.sidebar-menu
  li.sidebar-menu-item:hover,
body.layout-compact.theme-light
  #contracts
  ul.sidebar-menu
  li.sidebar-menu-item:hover,
body.layout-compact.theme-light
  #utilities
  ul.sidebar-menu
  li.sidebar-menu-item:hover,
body.layout-compact.theme-light
  #raports
  ul.sidebar-menu
  li.sidebar-menu-item:hover,
body.layout-compact.theme-light
  #sales
  ul.sidebar-menu
  li.sidebar-menu-item:hover,
body.layout-compact.theme-light
  #customers
  ul.sidebar-menu
  li.sidebar-menu-item:hover,
body.layout-compact.theme-light #hrm ul.sidebar-menu li.sidebar-menu-item:hover,
body.layout-compact.theme-light
  #projects
  ul.sidebar-menu
  li.sidebar-menu-item:hover {
  background-color: rgba(0, 188, 194, 0.15);
}

body.layout-compact.theme-dark
  #sm_account_1
  ul.sidebar-menu
  li.sidebar-menu-item
  a:hover,
body.layout-compact.theme-dark
  #setup
  ul.sidebar-menu
  li.sidebar-menu-item
  a:hover,
body.layout-compact.theme-dark
  #support
  ul.sidebar-menu
  li.sidebar-menu-item
  a:hover,
body.layout-compact.theme-dark
  #contracts
  ul.sidebar-menu
  li.sidebar-menu-item
  a:hover,
body.layout-compact.theme-dark
  #utilities
  ul.sidebar-menu
  li.sidebar-menu-item
  a:hover,
body.layout-compact.theme-dark
  #raports
  ul.sidebar-menu
  li.sidebar-menu-item
  a:hover,
body.layout-compact.theme-dark
  #sales
  ul.sidebar-menu
  li.sidebar-menu-item
  a:hover,
body.layout-compact.theme-dark
  #customers
  ul.sidebar-menu
  li.sidebar-menu-item
  a:hover,
body.layout-compact.theme-dark
  #hrm
  ul.sidebar-menu
  li.sidebar-menu-item
  a:hover,
body.layout-compact.theme-dark
  #projects
  ul.sidebar-menu
  li.sidebar-menu-item
  a:hover,
body.layout-compact.theme-light
  #sm_account_1
  ul.sidebar-menu
  li.sidebar-menu-item
  a:hover,
body.layout-compact.theme-light
  #setup
  ul.sidebar-menu
  li.sidebar-menu-item
  a:hover,
body.layout-compact.theme-light
  #support
  ul.sidebar-menu
  li.sidebar-menu-item
  a:hover,
body.layout-compact.theme-light
  #contracts
  ul.sidebar-menu
  li.sidebar-menu-item
  a:hover,
body.layout-compact.theme-light
  #utilities
  ul.sidebar-menu
  li.sidebar-menu-item
  a:hover,
body.layout-compact.theme-light
  #raports
  ul.sidebar-menu
  li.sidebar-menu-item
  a:hover,
body.layout-compact.theme-light
  #sales
  ul.sidebar-menu
  li.sidebar-menu-item
  a:hover,
body.layout-compact.theme-light
  #customers
  ul.sidebar-menu
  li.sidebar-menu-item
  a:hover,
body.layout-compact.theme-light
  #hrm
  ul.sidebar-menu
  li.sidebar-menu-item
  a:hover,
body.layout-compact.theme-light
  #projects
  ul.sidebar-menu
  li.sidebar-menu-item
  a:hover {
  color: #00bcc2 !important;
}

#rangeValue {
  margin-left: -2px;
  margin-top: -5px;
  min-width: 85px;
  max-width: 85px;
}

.btn.btn-accent.text-right.disabled {
  cursor: not-allowed;
  color: white;
}

body.layout-compact
  #default-navbar
  .dropdown-menu.dropdown-menu-right.show:not(div.dropdown-header) {
  display: flex;
  flex-direction: column;
  align-content: flex-start;
  align-items: flex-start;
}

.btn.btn-accent.submit_filters {
  float: right;
}

.theme-dark-dodger-blue .select2-selection__choice,
.theme-dark-light-blue .select2-selection__choice {
  background-color: #5567ff !important;
  color: white !important;
}

.theme-dark .select2-selection__choice,
.theme-light .select2-selection__choice {
  background-color: #00bcc2 !important;
  color: white !important;
}

.theme-dark-blue .select2-selection__choice,
.theme-light-yellow .select2-selection__choice {
  background-color: #e4a93c !important;
  color: white !important;
}

.theme-dark-purple .select2-selection__choice,
.theme-light-purple .select2-selection__choice {
  background-color: #824ee1 !important;
  color: white !important;
}


.theme-black .select2-selection__choice,
.theme-light-red .select2-selection__choice,
.theme-red-light .select2-selection__choice {
  background-color: #ed0b4c !important;
  color: white !important;
}


.theme-light-dodger-blue .select2-selection__choice {
    background-color: #5567ff !important;
    color: white !important;
}

.fontPreview {
  background-color: #f5f7fa;
}

.col-md-6.main-time-picker {
  display: inline-grid !important;
}
.bs-timepicker.time-picker.p-2 {
  border-radius: 0.5rem !important;
  border: 0.1px solid #8080806e !important;
  outline: none !important;
}

.cell-4 {
  font-size: 15px !important;
}
a.icon-up,
a.icon-down {
  width: 35px !important;
  height: 35px !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button,
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  background: #cdd0d5 !important;
  box-shadow: rgba(58, 122, 254, 0.2) !important;
  color: white !important;
  border: none !important;
}
.alert.bg-info.text-white.border-0.contract-sign {
  background-color: #52ced4ad !important;
  color: #06676ce0 !important;
}
.col-sm-12.alert.alert-accent.leave {
  background-color: #49bec182;
  border-color: #5fbdc04a;
}
#text-workhours {
  color: #000 !important;
}
.custom-control.custom-checkbox.col-lg-12.holiday-checkbox {
  padding-top: 0px !important;
}

.form-control {
  margin-bottom: 15px !important;
}

.btn.btn-accent.clearCache {
  margin-top: 13px;
}

.cursor-pointer {
    cursor: pointer !important;
}

.select2-container--bootstrap4
  .select2-selection--multiple
  .select2-selection__choice__remove {
  color: white !important;
}

.amsify-suggestags-area .amsify-suggestags-input-area .amsify-suggestags-input {
  border: none !important;
}

hr.style-one {
  border: 0;
  height: 1px;
  background: #333;
  background-image: linear-gradient(to right, #ccc, #333, #ccc);
}

hr {
  border: 0 !important;
  height: 1px !important;
  background-image: linear-gradient(
    to right,
    rgba(0, 0, 0, 0),
    rgba(140, 140, 140, 0.3),
    rgba(0, 0, 0, 0)
  ) !important;
}

hr.style-three {
  border: 0;
  height: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
hr.style-four {
  border: 0 !important;
  height: 1px !important;
  background-image: linear-gradient(
    to right,
    rgba(0, 0, 0, 0),
    rgba(140, 140, 140, 0.3),
    rgba(0, 0, 0, 0)
  ) !important;
  border-top: 1px solid rgba(39, 44, 51, 0.1) !important;
}
hr.style-five {
  border: 0 !important;
  height: 1px !important;
  background-image: linear-gradient(
    to right,
    rgba(0, 0, 0, 0),
    rgba(140, 140, 140, 0.3),
    rgba(0, 0, 0, 0)
  ) !important;
  border-top: 1px solid rgba(39, 44, 51, 0.1) !important;
  margin: 1.5rem 0 !important;
}

.form-control.searchNav {
  margin-bottom: 0 !important;
}

.timeline-item {
  padding: 3em 2em 2em;
  position: relative;
  color: rgba(0, 0, 0, 0.7);
  border-left: 2px solid #eff2f5;
}
.timeline-item p {
  font-size: 1rem;
}
.timeline-item::before {
  content: attr(date-is);
  position: absolute;
  left: 2em;
  font-weight: bold;
  top: 1em;
  display: block;
  font-weight: 700;
  font-size: 0.785rem;
}
.timeline-item::after {
  width: 12px;
  height: 12px;
  display: block;
  top: 1.1em;
  position: absolute;
  left: -7px;
  border-radius: 10px;
  content: "";
  border: 3px solid red;
  background: white;
}

.theme-dark-dodger-blue .timeline-item::after,
.theme-light-dodger-blue .timeline-item::after {
  border: 3px solid #5567ff;
  box-shadow: #5567ff88 0px 7px 20px 0px !important;
}

.theme-dark .timeline-item::after,
.theme-light .timeline-item::after {
  border: 3px solid #00bcc2;
  box-shadow: #00bcc288 0px 7px 20px 0px !important;
}

.theme-dark-blue .timeline-item::after,
.theme-light-yellow .timeline-item::after {
  border: 3px solid #e4a93c;
  box-shadow: #e4a93c88 0px 7px 20px 0px;
}

.theme-dark-purple .timeline-item::after,
.theme-light-purple .timeline-item::after {
  border: 3px solid #824ee1;
  box-shadow: #824ee188 0px 7px 20px 0px;
}

.theme-black .timeline-item::after,
.theme-light-red .timeline-item::after {
  border: 3px solid #ed0b4c;
  box-shadow: #ed0b4b88 0px 7px 20px 0px;
}

.flex.strng-ttl-prjt,
.flex.trigger.lnk-bld-itm,
.js-toggle-check-all,
.view-all-todos {
  text-transform: capitalize;
  font-weight: bolder;
}

#ratingStars .rating-group {
  display: inline-flex;
}
#ratingStars .rating__icon {
  pointer-events: none;
}
#ratingStars .rating__input {
  position: absolute !important;
  left: -9999px !important;
}
#ratingStars .rating__input--none {
  display: none;
}
#ratingStars .rating__label {
  cursor: pointer;
  padding: 0 0.1em;
  font-size: 1.5rem;
}
#ratingStars .rating__icon--star {
  color: orange;
}
#ratingStars .rating__input:checked ~ .rating__label .rating__icon--star {
  color: #ddd;
}
#ratingStars .rating-group:hover .rating__label .rating__icon--star {
  color: orange;
}
#ratingStars .rating__input:hover ~ .rating__label .rating__icon--star {
  color: #ddd;
}

.no-top-right-radius {
  border-top-right-radius: 0 !important;
}

.no-top-left-radius {
  border-top-left-radius: 0 !important;
}

.no-bottom-right-radius {
  border-bottom-right-radius: 0 !important;
}

.no-bottom-left-radius {
  border-bottom-left-radius: 0 !important;
}

.grid-block {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 25px;
    row-gap: 25px;
}

.grid-block .card .card-title {
    white-space: nowrap;
}

@media only screen and (max-width: 1725px) {
    .grid-block {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media only screen and (max-width: 1370px) {
    .grid-block {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media only screen and (max-width: 700px) {
    .grid-block {
        grid-template-columns: repeat(1, 1fr);
    }
}

.ticket-reply-date {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.5s linear;
}

.date:hover .ticket-reply-date {
  visibility: visible;
  opacity: 1;
}

.ticket-reply-badges-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 10px;
}

@media only screen and (max-width: 1676px) {
  .ticket-reply-badges-container {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media only screen and (max-width: 1258px) {
  .ticket-reply-badges-container {
    grid-template-columns: repeat(1, 1fr);
  }
}

@media only screen and (max-width: 768px) {
  .ticket-reply-badges-container {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media only screen and (max-width: 554px) {
  .ticket-reply-badges-container {
    grid-template-columns: repeat(1, 1fr);
  }
}

.dropdown-item:active:after {
  background-color: #ed0b4c !important;
}

.dropup .dropdown-menu.show {
  left: -20px !important;
}

.dropup .dropdown-menu.show:after {
  display: none !important;
}
.px-8 {
  padding-left: 8rem !important;
  padding-right: 8rem !important;
}

.calendar {
  --side-padding: 20px;
  --border-radius: 34px;
  --accent-br: 15px;
  width: 400px;
}
.calendar select {
  background-color: #f3f4f6;
  padding: 15px 20px;
}
.calendar__opts,
.calendar__buttons {
  background-color: #fff;
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 15px;
}
.calendar__opts {
  border-top-left-radius: var(--border-radius);
  border-top-right-radius: var(--border-radius);
  padding: 20px var(--side-padding);
}
.calendar__body {
  background-image: linear-gradient(to bottom, #f3f4f6, #fff);
}
.calendar__days {
  background-color: #fff;
  padding: 0 var(--side-padding) 10px;
  display: grid;
  grid-template-columns: repeat(7, 1fr);
}
.calendar__days > div {
  text-align: center;
  font-weight: 700;
  font-size: 1.02rem;
  color: #c5c8ca;
}
.calendar__dates {
  padding: 10px var(--side-padding);
  display: grid;
  grid-template-columns: repeat(7, 1fr);
}
.calendar__date {
  --height: calc(400px / 6 - var(--side-padding));
  text-align: center;
  height: var(--height);
  line-height: var(--height);
  font-weight: 600;
  font-size: 1.02rem;
  cursor: pointer;
  position: relative;
}
.calendar__date::before {
  content: "";
  position: absolute;
  background-color: rgba(255, 255, 255, 0);
  width: 100%;
  height: calc(var(--height) * 0.9);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: var(--accent-br);
  transition: background-color 0.3s ease;
}
.calendar__date:not(.calendar__date--selected):not(
    .calendar__date--grey
  ):hover::before {
  background-color: #ededed;
}
.calendar__date--grey {
  color: #c5c8ca;
  cursor: not-allowed;
}
.calendar__date--selected {
  color: #ff374b;
}
.calendar__date--selected::before {
  background-color: #ffeaec;
  border-radius: 0px;
}
.calendar__date--first-date::before {
  border-top-left-radius: var(--accent-br);
  border-bottom-left-radius: var(--accent-br);
}
.calendar__date--last-date::before {
  border-top-right-radius: var(--accent-br);
  border-bottom-right-radius: var(--accent-br);
}
.calendar__date--range-start::after {
  content: "";
  position: absolute;
  bottom: 3px;
  border-radius: 24px;
  left: 50%;
  transform: translateX(-50%);
  background-color: #ff374b;
  width: 10px;
  height: 4px;
}
.calendar__date--range-end {
  color: #fff;
}
.calendar__date--range-end::before {
  box-shadow: 0 15px 20px -3px rgba(255, 55, 75, 0.35);
  background-color: #ff374b;
  border-radius: var(--accent-br);
  z-index: 1;
}
.calendar__date--range-end::after {
  content: "";
  position: absolute;
  height: calc(var(--height) * 0.9);
  background-color: #ffeaec;
  width: 50px;
  top: 50%;
  right: 50%;
  transform: translateY(-50%);
}
.calendar__date span {
  position: relative;
  z-index: 1;
}
.calendar__buttons {
  padding: 10px var(--side-padding) 20px;
  border-bottom-left-radius: var(--border-radius);
  border-bottom-right-radius: var(--border-radius);
}
.calendar__button {
  cursor: pointer;
}
.calendar__button--grey {
  background-color: #f3f4f6;
}
.calendar__button--primary {
  background-color: #1752ff;
  color: #fff;
  transition: box-shadow 0.3s cubic-bezier(0.21, 0.68, 0.09, 0.27),
    transform 0.2s linear;
}
.calendar__button--primary:hover {
  box-shadow: 0 20px 30px -13px rgba(23, 82, 255, 0.45);
  transform: translateY(-3px);
}
.calendar__button--primary:active {
  box-shadow: 0 10px 10px -6px rgba(23, 82, 255, 0.45);
  transform: translateY(-1px);
}

#calendar__month,
#calendar__year {
  border: none;
  border-radius: 1rem !important;
  font-size: 15px;
  font-weight: bolder;
}

.notifications.mt-4 {
  margin-top: 38px !important;
}

.bg-dark {
  background-color: #1f2937 !important;
}

.form-control.bg-dark.daysOff {
  color: #fff;
  text-align: center;
  font-weight: bolder;
  height: 60px;
  font-size: 15px;
}

#modal .iziModal-header,
.iziModal-header.iziModal-noSubtitle {
  position: sticky;
  top: 0;
}
@media (max-width: 415px) {
  #resetFilters {
    margin-top: 0 !important;
    margin-bottom: 15px;
  }
  div#leads-btns > a {
    margin-bottom: 5px;
  }
}
 /*
#attachments form.dropzone.dropzone-output-first.dz-clickable .dz-default.dz-message {
    border: 2px dashed gray !important;
    margin: 1rem;
} */
#lead_attachments .row .display-block {
  width: 100%;
}
#lead_attachments .row .display-block a[target="_blank"] {
  font-weight: 600;
}
#attachments #lead_attachments .display-block.lead-attachment-wrapper {
  display: flex !important;
  flex-direction: row !important;
  margin: 1rem 1.7rem 0.1rem 1.7rem !important;
  border: 1px solid #8080801c;
  padding-top: 0.5rem;
  border-radius: 5px;
}
#modal .card > .nav-tabs-card:not(:first-child) {
    border-top: none;
}
#lead_activity .activity-feed .feed-item:not(:last-child){
    border-bottom: 1px solid #8080801c;
    padding-bottom: 5px;
}

#lead_activity .activity-feed{
    border: 1px solid #8080801c;
    border-radius: 5px;
    padding: 15px;
}
#lead_activity .activity-feed div:not(:nth-child(1)){
    margin-top: .5rem;
}
#lead-more-dropdown {
    padding: 0 10px 0 10px;
}
#lead-more-dropdown li{
    padding-top: 2px;
    padding-bottom: 2px;
}
.flatpickr-months .flatpickr-prev-month{
    fill: rgba(0,0,0,.9) !important;
}

.flatpickr-calendar.inline .flatpickr-days {
    max-width: 310px;
}
    .flatpickr-day.inRange{
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}
    .flatpickr-innerContainer{
    display: flex;
    justify-content: center;
    align-items: center;
}
    .flatpickr-calendar.rangeMode.animate.inline{
    margin-top: 45px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 50px;
    border-radius: .5rem;
}
    .dayContainer {
    margin-bottom: 20px;
}
    .flatpickr-day.selected.endRange, .flatpickr-day.selected.startRange{
    z-index: 1;
}
    .theme-dark-dodger-blue .flatpickr-day.selected.endRange,
    .theme-light-dodger-blue .flatpickr-day.selected.endRange,
    .theme-dark-dodger-blue .flatpickr-day.selected.startRange,
    .theme-light-dodger-blue .flatpickr-day.selected.startRange{
    box-shadow: rgba(85, 102, 255, 0.17) 0px -23px 25px 0px inset, rgba(85, 102, 255, 0.15) 0px -36px 30px 0px inset, rgba(85, 102, 255, 0.1) 0px -79px 40px 0px inset, rgba(85, 102, 255, 0.06) 0px 2px 1px, rgba(85, 102, 255, 0.09) 0px 4px 2px, rgba(85, 102, 255, 0.09) 0px 8px 4px, rgba(85, 102, 255, 0.09) 0px 16px 8px, rgba(85, 102, 255, 0.09) 0px 32px 16px;
}
    .theme-dark-dodger-blue .flatpickr-day.inRange, .theme-light-dodger-blue .flatpickr-day.inRange {
    background: #5464ff47 !important;
    color: #5464ff;
}
    .theme-dark .flatpickr-day.selected.endRange,
    .theme-light .flatpickr-day.selected.endRange,
    .theme-dark .flatpickr-day.selected.startRange,
    .theme-light .flatpickr-day.selected.startRange{
    box-shadow: rgba(0, 188, 194, 0.17) 0px -23px 25px 0px inset, rgba(0, 188, 194, 0.15) 0px -36px 30px 0px inset, rgba(0, 188, 194, 0.1) 0px -79px 40px 0px inset, rgba(0, 188, 194, 0.06) 0px 2px 1px, rgba(0, 188, 194, 0.09) 0px 4px 2px, rgba(0, 188, 194, 0.09) 0px 8px 4px, rgba(0, 188, 194, 0.09) 0px 16px 8px, rgba(0, 188, 194, 0.09) 0px 32px 16px;
}
    .theme-dark .flatpickr-day.inRange, .theme-light .flatpickr-day.inRange {
    background: #00bcc247 !important;
    color: #00bcc2;
}
    .theme-dark-blue .flatpickr-day.selected.endRange,
    .theme-light-yellow .flatpickr-day.selected.endRange,
    .theme-dark-blue .flatpickr-day.selected.startRange,
    .theme-light-yellow .flatpickr-day.selected.startRange{
    box-shadow: rgba(228, 169, 60, 0.17) 0px -23px 25px 0px inset, rgba(228, 169, 60, 0.15) 0px -36px 30px 0px inset, rgba(228, 169, 60, 0.1) 0px -79px 40px 0px inset, rgba(228, 169, 60, 0.06) 0px 2px 1px, rgba(228, 169, 60, 0.09) 0px 4px 2px, rgba(228, 169, 60, 0.09) 0px 8px 4px, rgba(228, 169, 60, 0.09) 0px 16px 8px, rgba(228, 169, 60, 0.09) 0px 32px 16px;
}
    .theme-dark-blue .flatpickr-day.inRange, .theme-light-yellow .flatpickr-day.inRange {
    background: #e4a93c47 !important;
    color: #e4a93c;
}
    .theme-dark-purple .flatpickr-day.selected.endRange,
    .theme-light-purple .flatpickr-day.selected.endRange,
    .theme-dark-purple .flatpickr-day.selected.startRange,
    .theme-light-purple .flatpickr-day.selected.startRange{
    box-shadow: rgba(130, 78, 225, 0.17) 0px -23px 25px 0px inset, rgba(130, 78, 225, 0.15) 0px -36px 30px 0px inset, rgba(130, 78, 225, 0.1) 0px -79px 40px 0px inset, rgba(130, 78, 225, 0.06) 0px 2px 1px, rgba(130, 78, 225, 0.09) 0px 4px 2px, rgba(130, 78, 225, 0.09) 0px 8px 4px, rgba(130, 78, 225, 0.09) 0px 16px 8px, rgba(130, 78, 225, 0.09) 0px 32px 16px;
}
    .theme-dark-purple .flatpickr-day.inRange, .theme-light-purple .flatpickr-day.inRange {
    background: #824ee147 !important;
    color: #824ee1;
}
    .theme-black .flatpickr-day.selected.endRange,
    .theme-light-red .flatpickr-day.selected.endRange,
    .theme-black .flatpickr-day.selected.startRange,
    .theme-light-red .flatpickr-day.selected.startRange{
    background: #ed0b4c;
    border: solid 1px #ed0b4c;
    box-shadow: rgba(237, 11, 75, 0.17) 0px -23px 25px 0px inset, rgba(237, 11, 75, 0.15) 0px -36px 30px 0px inset, rgba(237, 11, 75, 0.1) 0px -79px 40px 0px inset, rgba(237, 11, 75, 0.06) 0px 2px 1px, rgba(237, 11, 75, 0.09) 0px 4px 2px, rgba(237, 11, 75, 0.09) 0px 8px 4px, rgba(237, 11, 75, 0.09) 0px 16px 8px, rgba(237, 11, 75, 0.09) 0px 32px 16px;
}
    .theme-black .flatpickr-day.inRange, .theme-light-red .flatpickr-day.inRange {
    background: #ed0b4b47 !important;
    color: #ed0b4b;
}

.lightense-backdrop {
    opacity: 0 !important;
}

.card-subtitle.mt-2.mb-2.text-muted {
    display: inline-block;
}

.theme-dark-dodger-blue .flatpickr-weekday,
.theme-light-dodger-blue .flatpickr-weekday {
    color: #5567ff !important;
}

.theme-dark .flatpickr-weekday,
.theme-light .flatpickr-weekday {
    color: #00bcc2 !important;
}

.theme-dark-blue .flatpickr-weekday,
.theme-light-yellow .flatpickr-weekday {
    color: #e4a93c !important;
}

.theme-dark-purple .flatpickr-weekday,
.theme-light-purple .flatpickr-weekday {
    color: #824ee1 !important;
}

.theme-black .flatpickr-weekday,
.theme-light-red .flatpickr-weekday {
  color: #ed0b4c !important;
}

.flatpickr-day.selected.startRange,
.flatpickr-day.selected.endRange {
  font-weight: bolder;
}

.flatpickr-innerContainer {
  max-height: 298px;
  min-height: 298px;
}

.usedDays,
.remainingDays {
  color: #fff;
  font-weight: bold;
  font-size: 16px !important;
}

.theme-dark-dodger-blue .card.col-md-12.leaveRequest,
.theme-light-dodger-blue .card.col-md-12.leaveRequest {
  background: linear-gradient(
    45deg,
    rgba(0, 22, 207, 1) 30%,
    rgba(85, 103, 255, 1) 100%
  );
}

.theme-dark .card.col-md-12.leaveRequest,
.theme-light .card.col-md-12.leaveRequest {
  background: linear-gradient(
    45deg,
    rgba(0, 156, 161, 1) 30%,
    rgba(0, 188, 194, 1) 100%
  );
}

.theme-dark-blue .card.col-md-12.leaveRequest,
.theme-light-yellow .card.col-md-12.leaveRequest {
  background: linear-gradient(
    45deg,
    rgba(215, 140, 0, 1) 30%,
    rgba(228, 169, 60, 1) 100%
  );
}

.theme-dark-purple .card.col-md-12.leaveRequest,
.theme-light-purple .card.col-md-12.leaveRequest {
  background: linear-gradient(
    45deg,
    rgba(76, 0, 215, 1) 30%,
    rgba(130, 78, 225, 1) 100%
  );
}

.theme-black .card.col-md-12.leaveRequest,
.theme-light .card.col-md-12.leaveRequest {
  background: linear-gradient(
    45deg,
    rgba(194, 0, 56, 1) 30%,
    rgba(237, 11, 76, 1) 100%
  );
}

.card-body.fileCard {
  max-height: 37.5px;
}

.list-group-item.dz-success.dz-complete.leaveRequestFiles {
  background: transparent;
  margin-top: -25px;
}
.task-info-hourly-rate {
  display: flex;
  align-items: center;
}
.nrBillableAmount {
  border: 1px dashed #10ca93;
  border-radius: 5px;
  font-weight: 900;
  padding:0px 5px;
  margin-left: 5px;
}

.col.fileName {
  margin-top: -15px;
}

.btn.btn-accent.mr-2 {
  margin-right: 13px !important;
}

.input-group > .form-control:not(:last-child) {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.form-control.col-md-3.timeIn,
.form-control.col-md-3.timeOut,
.form-control.col-md-4.timesheetsValue,
.form-control.additionalDay {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.card.col-md-12.mt-4.additionalWorkHours {
  box-shadow: rgba(0, 0, 0, 0.2) 0px 18px 50px -10px;
}

.theme-dark-dodger-blue .card.col-md-12.mt-4.additionalWorkHours,
.theme-light-dodger-blue .card.col-md-12.mt-4.additionalWorkHours {
  background: linear-gradient(
    45deg,
    rgba(0, 22, 207, 1) 30%,
    rgba(85, 103, 255, 1) 100%
  );
}

.theme-dark .card.col-md-12.mt-4.additionalWorkHours,
.theme-light .card.col-md-12.mt-4.additionalWorkHours {
  background: linear-gradient(
    45deg,
    rgba(0, 156, 161, 1) 30%,
    rgba(0, 188, 194, 1) 100%
  );
}

.theme-dark-blue .card.col-md-12.mt-4.additionalWorkHours,
.theme-light-yellow .card.col-md-12.mt-4.additionalWorkHours {
  background: linear-gradient(
    45deg,
    rgba(215, 140, 0, 1) 30%,
    rgba(228, 169, 60, 1) 100%
  );
}

.theme-dark-purple .card.col-md-12.mt-4.additionalWorkHours,
.theme-light-purple .card.col-md-12.mt-4.additionalWorkHours {
  background: linear-gradient(
    45deg,
    rgba(76, 0, 215, 1) 30%,
    rgba(130, 78, 225, 1) 100%
  );
}

.theme-black .card.col-md-12.mt-4.additionalWorkHours,
.theme-light .card.col-md-12.mt-4.additionalWorkHours {
  background: linear-gradient(
    45deg,
    rgba(194, 0, 56, 1) 30%,
    rgba(237, 11, 76, 1) 100%
  );
}

.form-label.additionalWork {
  color: #fff;
  font-weight: bold;
}

.form-label {
  font-weight: bold !important;
}

#additionalReason {
  outline: 0 !important;
}

.workAlertText {
  color: #000;
}

/* #hrm_staff_role, #hrm_leave_type {

#expences-all-tabs a sup {
    top:0px;
    left:2px;
    vertical-align: super;
    font-size: smaller;
}
#inc_field_wrapper .font-weight-bold{
    font-weight: 600 !important;
}
#inc_field_wrapper{
    padding: 0 25px;
}
#hrm_staff_role, #hrm_leave_type {
    margin-right: 2.5% !important;
    margin-bottom: 2.5% !important;
    display: inline-block !important;
    padding: 80px;
    width: 600px;
    height: 600px;
} */

@media only screen and(max-width:768px) {
  #hrm_staff_role,
  #hrm_leave_type {
    width: 354px !important;
    height: 354px !important;
  }
}

.zoom.card-img-top.img-fluid.medium-zoom-image.medium-zoom-image--opened,
.zoom.rounded.mx-auto.d-block.medium-zoom-image.medium-zoom-image--opened {
  z-index: 4 !important;
  border-radius: 0 !important;
}

.medium-zoom-overlay {
  z-index: 3 !important;
}

#statement_mail {
  padding: 0.3rem 0.9rem;
}

/* @media only screen and (max-width: 768px){
    #hrm_staff_role, #hrm_leave_type{
        padding: 30px;
    }
} */

.wtHolder {
  width: 100% !important;
}

.col-lg.col-md-2.col-xs-1.text-right.mt-4.filterButton {
  margin-top: 2.5rem !important;
}

#hrm_staff_contract_report,
#hrm_leave_request_report {
  min-height: 250px;
}

.wtHolder,
#AnnualLeave #example,
.ht_master.handsontable,
.wtHider {
  width: 100% !important;
}

.htDimmed {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
}

.theme-dark-dodger-blue form > div.dz-default.dz-message,
.theme-dark-light-blue form > div.dz-default.dz-message {
  background-color: #5567ff0a !important;
  border: dotted #5567ff !important;
}

.theme-dark form > div.dz-default.dz-message,
.theme-light form > div.dz-default.dz-message {
  background-color: #00bcc20a !important;
  border: dotted #00bcc2 !important;
}

.theme-dark-blue form > div.dz-default.dz-message,
.theme-light-yellow form > div.dz-default.dz-message {
  background-color: #e4a93c0a !important;
  border: dotted #e4a93c !important;
}

.theme-dark-purple form > div.dz-default.dz-message,
.theme-light-purple form > div.dz-default.dz-message {
  background-color: #824ee10a !important;
  border: dotted #824ee1 !important;
}

.theme-black form > div.dz-default.dz-message,
.theme-light-red form > div.dz-default.dz-message {
  background-color: #ed0b4c0a !important;
  border: dotted #ed0b4c !important;
}

#upload_files_to_project {
  display: flex;
  justify-items: center;
  align-items: center;
}

#attach_files_task .dz-default.dz-message {
  border: dashed !important;
}

.dz-default.dz-message {
  width: 99%;
}

.theme-dark-dodger-blue div.dz-default.dz-message button.dz-button,
.theme-dark-light-blue div.dz-default.dz-message button.dz-button {
  color: #5567ff !important;
}

.theme-dark div.dz-default.dz-message button.dz-button,
.theme-light div.dz-default.dz-message button.dz-button {
  color: #00bcc2 !important;
}

.theme-dark-blue div.dz-default.dz-message button.dz-button,
.theme-light-yellow div.dz-default.dz-message button.dz-button {
  color: #e4a93c !important;
}

.theme-dark-purple div.dz-default.dz-message button.dz-button,
.theme-light-purple div.dz-default.dz-message button.dz-button {
  color: #824ee1 !important;
}

.theme-black div.dz-default.dz-message button.dz-button,
.theme-light-red div.dz-default.dz-message button.dz-button {
  color: #ed0b4c !important;
}

.ck.ck-icon :not([fill]) {
  color: #fff !important;
}

#ck-editor__aria-label_e98052a0c6192b535fd8591feffbc2799 {
  color: #fff;
}

.theme-dark-dodger-blue .ck.ck-toolbar.ck-toolbar_grouping,
.theme-dark-light-blue .ck.ck-toolbar.ck-toolbar_grouping,
.theme-dark-dodger-blue .ck-on,
.theme-dark-dodger-blue .ck-dropdown__panel-visible .ck-toolbar,
.theme-dark-light-blue .ck-on,
.theme-dark-light-blue .ck-dropdown__panel-visible .ck-toolbar,
.theme-light-dodger-blue .ck-on,
.theme-light-dodger-blue .ck-dropdown__panel-visible .ck-toolbar,
.theme-light-dodger-blue .ck.ck-toolbar.ck-toolbar_grouping,
.theme-light-dodger-blue .ck.ck-toolbar.ck-toolbar_grouping {
  background-color: #5567ff;
}

.theme-dark .ck.ck-toolbar.ck-toolbar_grouping,
.theme-light .ck.ck-toolbar.ck-toolbar_grouping,
.theme-dark .ck-on,
.theme-dark .ck-dropdown__panel-visible .ck-toolbar,
.theme-light .ck-on,
.theme-light .ck-dropdown__panel-visible .ck-toolbar {
  background-color: #00bcc2;
}

.theme-dark-blue .ck.ck-toolbar.ck-toolbar_grouping,
.theme-light-yellow .ck.ck-toolbar.ck-toolbar_grouping,
.theme-dark-blue .ck-on,
.theme-dark-blue .ck-dropdown__panel-visible .ck-toolbar,
.theme-light-yellow .ck-on,
.theme-light-yellow .ck-dropdown__panel-visible .ck-toolbar {
  background-color: #e4a93c;
}

.theme-dark-purple .ck.ck-toolbar.ck-toolbar_grouping,
.theme-light-purple .ck.ck-toolbar.ck-toolbar_grouping,
.theme-dark-purple .ck-on,
.theme-dark-purple .ck-dropdown__panel-visible .ck-toolbar,
.theme-light-purple .ck-on,
.theme-light-purple .ck-dropdown__panel-visible .ck-toolbar {
  background-color: #824ee1;
}

.theme-black .ck.ck-toolbar.ck-toolbar_grouping,
.theme-light-red .ck.ck-toolbar.ck-toolbar_grouping,
.theme-black .ck-on,
.theme-black .ck-dropdown__panel-visible .ck-toolbar,
.theme-light-red .ck-on,
.theme-light-red .ck-dropdown__panel-visible .ck-toolbar {
  background-color: #ed0b4c;
}

.ck.ck-toolbar.ck-toolbar_grouping,
.ck-on,
.ck-dropdown__panel-visible .ck-toolbar {
  background-color: #00bcc2;
}
#ContractDiscussion .ck.ck-toolbar.ck-toolbar_grouping {
  background-color: #323a45 !important;
}
.btn_dark {
  background-color: #323a45 !important;
  color: #fff;
}
.btn_dark:hover {
  color: #fff;
}

.ck.ck-dropdown.ck-heading-dropdown .ck-dropdown__button .ck-button__label {
  color: #fff;
}

.theme-dark-dodger-blue .ck.ck-button:not(.ck-disabled):hover,
a.ck.ck-button:not(.ck-disabled):hover,
.theme-dark-dodger-blue .ck.ck-button.ck-on,
a.ck.ck-button.ck-on,
.theme-dark-light-blue .ck.ck-button:not(.ck-disabled):hover,
a.ck.ck-button:not(.ck-disabled):hover,
.theme-light-dodger-blue .ck.ck-button.ck-on,
a.ck.ck-button.ck-on {
  background-color: #303956;
}

.theme-dark .ck.ck-button:not(.ck-disabled):hover,
a.ck.ck-button:not(.ck-disabled):hover,
.theme-dark .ck.ck-button.ck-on,
a.ck.ck-button.ck-on,
.theme-light .ck.ck-button:not(.ck-disabled):hover,
a.ck.ck-button:not(.ck-disabled):hover,
.theme-light .ck.ck-button.ck-on,
a.ck.ck-button.ck-on {
  background-color: #038ab3;
}

.theme-dark-blue .ck.ck-button:not(.ck-disabled):hover,
a.ck.ck-button:not(.ck-disabled):hover,
.theme-dark-blue .ck.ck-button.ck-on,
a.ck.ck-button.ck-on,
.theme-light-yellow .ck.ck-button:not(.ck-disabled):hover,
a.ck.ck-button:not(.ck-disabled):hover,
.theme-dark-yellow .ck.ck-button.ck-on,
a.ck.ck-button.ck-on {
  background-color: #d3992d;
}

.theme-dark-purple .ck.ck-button:not(.ck-disabled):hover,
a.ck.ck-button:not(.ck-disabled):hover,
.theme-dark-purple .ck.ck-button.ck-on,
a.ck.ck-button.ck-on,
.theme-light-purple .ck.ck-button:not(.ck-disabled):hover,
a.ck.ck-button:not(.ck-disabled):hover,
.theme-light-purple .ck.ck-button.ck-on,
a.ck.ck-button.ck-on {
  background-color: #6336b7;
}

.theme-black .ck.ck-button:not(.ck-disabled):hover,
a.ck.ck-button:not(.ck-disabled):hover,
.theme-black .ck.ck-button.ck-on,
a.ck.ck-button.ck-on,
.theme-light-red .ck.ck-button:not(.ck-disabled):hover,
a.ck.ck-button:not(.ck-disabled):hover,
.theme-light-red .ck.ck-button.ck-on,
a.ck.ck-button.ck-on {
  background-color: #d1043f;
}


.theme-dark-dodger-blue .progress-bar,
.theme-dark-light-blue .progress-bar {
  background-color: #5567ff;
}

.theme-dark .progress-bar,
.theme-light .progress-bar {
  background-color: #00bcc2;
}

.theme-dark-blue .progress-bar,
.theme-light-yellow .progress-bar {
  background-color: #e4a93c;
}

.theme-dark-purple .progress-bar,
.theme-light-purple .progress-bar {
  background-color: #824ee1;
}

.theme-black .progress-bar,
.theme-light-red .progress-bar {
  background-color: #ed0b4c;
}

.fas.fa-times.text-danger.taskAttachment,
.fas.fa-times.deleteComment {
  font-size: 15px;
  margin-right: 7px;
}

.progress-bar {
  font-weight: bolder;
}

#hrm_leave_type,
#hrm_staff_role,
#gender_data,
#age_data {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10%;
}

#hrm_staff_contract_report,
#hrm_leave_request_report {
  display: flex;
  justify-content: center;
  align-items: center;
  /* padding: 7%; */
}

.card.chartCard.mb-lg-32pt {
  max-height: 450px !important;
}
.comment-wrapper a.preview,
.comment-wrapper a.tag.attachment {
  margin-left: 1rem;
}
.comment-wrapper a.tag.attachment {
  background: transparent !important;
  padding: 2px 5px !important;
}
.comment-wrapper button {
  padding: 5px 5px !important;
  border-radius: 5px !important;
}
.comment-wrapper button:hover {
  color: white !important;
  background: rgba(0, 0, 0, 0.3);
}
.comment-wrapper .wrapper .edited {
  color: inherit !important;
}
.comment-wrapper .actions .separator {
  color: transparent !important;
}
[dir]
  .select2-container--bootstrap4
  .select2-selection--multiple
  .select2-selection__choice {
  background-color: #00bcc2;
}
#task-comments {
  margin-top: 1rem;
}
#general .custom-control {
  z-index: auto;
}
@media only screen and (max-width: 768px) {
  .ck.ck-reset.ck-editor.ck-rounded-corners {
    max-width: 345px !important;
  }

  #ticket_reply .ck.ck-reset.ck-editor.ck-rounded-corners {
    max-width: unset !important;
  }
  #ticket_note .ck.ck-reset.ck-editor.ck-rounded-corners {
    max-width: unset !important;
  }
}

.card.chartDiv.mb-lg-32pt {
  height: 450px;
}

@media only screen and (max-width: 768px) {
  .card.chartDiv.mb-lg-32pt {
    height: 250px;
  }
}

.theme-dark-dodger-blue #modal,
.theme-dark-light-blue #modal {
  border-bottom: solid 3px #5567ff !important;
}

.theme-dark #modal,
.theme-light #modal {
  border-bottom: solid 3px #00bcc2 !important;
}

.theme-dark-blue #modal,
.theme-light-yellow #modal {
  border-bottom: solid 3px #e4a93c !important;
}

.theme-dark-purple #modal,
.theme-light-purple #modal {
  border-bottom: solid 3px #824ee1 !important;
}

.theme-black #modal,
.theme-light-red #modal {
  border-bottom: solid 3px #ed0b4c !important;
}

#ticketWeeklyReport {
  max-height: 400px;
}

#hrm_ticket_Weekly_Report {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2%;
}

.theme-dark-dodger-blue .text-color,
.theme-light-dodger-blue .text-color {
  color: #5567ff;
}

.theme-dark .text-color,
.theme-light .text-color {
  color: #00bcc2;
}

.theme-dark-blue .text-color,
.theme-light-yellow .text-color {
  color: #e4a93c;
}

.theme-dark-purple .text-color,
.theme-light-purple .text-color {
  color: #824ee1;
}

.theme-black .text-color,
.theme-light-red .text-color {
  color: #ed0b4c;
}

#apexchartsvhpe2rn3 {
  height: 264.7px;
}

.search-results {
  width: 40%;
}

.theme-dark-dodger-blue .li-search-item:hover,
.theme-light-dodger-blue .li-search-item:hover {
  background: rgba(85, 102, 255, 0.2);
}

.theme-dark .li-search-item:hover,
.theme-light .li-search-item:hover {
  background: rgba(0, 188, 194, 0.2);
}

.theme-dark-blue .li-search-item:hover,
.theme-light-yellow .li-search-item:hover {
  background: rgba(228, 169, 60, 0.2);
}

.theme-dark-purple .li-search-item:hover,
.theme-light-purple .li-search-item:hover {
  background: rgba(130, 78, 225, 0.2);
}

.theme-black .li-search-item:hover,
.theme-light-red .li-search-item:hover {
  background: rgba(237, 11, 76, 0.2);
}

.li-search-item > a:hover {
  color: #fff !important;
}

.li-search-item {
  transition: 0.2s;
  padding: 1rem;
}

.li-search-item:hover {
  scale: 1.012;
  box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 12px;
}

.fa.fa-check.text-20.mr-4pt.done {
  color: #099809 !important;
}

.fa.fa-comment.text-20.mr-4pt.comment {
  color: #3498db !important;
}

.fa.fa-file.text-20.mr-4pt.file {
  color: #f1c40f !important;
}

.table.no-margin.project-overview-table {
  text-transform: uppercase;
}

.card-body.overview {
  background: #f5f7fa;
  border-radius: 0.5rem;
  border: solid 1px #e4e9f8;
}

.table thead th:nth-child(2n),
.layout- .table thead th:nth-child(2n) {
  background-color: rgba(0 0 0 /5%);
}

.table thead {
  background-color: #00bcc2;
}

table a.trigger:not(.btn),
table a {
  font-weight: 600;
  color: rgba(39, 44, 51, 0.82);
}
table a.trigger:hover:not(.btn),
table a:hover {
  color: #000;
  text-decoration: none;
}

.comment-wrapper button:hover {
  color: white !important;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 5rem !important;
  padding: 0px 8px !important;
}

.comment-wrapper button {
  transition: 0.2s ease !important;
  padding: 0px 8px !important;
  margin-bottom: 5px;
}

.btn.pull-right.btn-accent.fas.fa-ellipsis-h {
  border-radius: 30px !important;
}

.card-title.knowledgebaseTitle {
  color: #00bcc2;
}

.theme-dark-dodger-blue .card-body.logged-time,
.theme-light-dodger-blue .card-body.logged-time {
  border-radius: 0.5rem;
  background-image: linear-gradient(
    133deg,
    rgba(85, 103, 255, 1) 0%,
    rgba(48, 57, 86, 1) 100%
  );
  background-size: 200% auto;
  font-weight: 400;
  transition: 0.7s all;
  -webkit-transition: 0.7s all;
  cursor: default;
}

.theme-dark-dodger-blue .card-body.logged-time:hover,
.theme-light-dodger-blue .card-body.logged-time:hover {
  background-position: right center;
}

.theme-dark .card-body.logged-time,
.theme-light .card-body.logged-time {
  border-radius: 0.5rem;
  background: linear-gradient(
    133deg,
    rgba(0, 188, 194, 1) 0%,
    rgba(74, 162, 238, 1) 100%
  );
  background-size: 200% auto;
  font-weight: 400;
  transition: 0.7s all;
  -webkit-transition: 0.7s all;
  cursor: default;
}

.theme-dark .card-body.logged-time:hover,
.theme-light .card-body.logged-time:hover {
  background-position: right center;
}

.theme-dark-blue .card-body.logged-time,
.theme-light-yellow .card-body.logged-time {
  border-radius: 0.5rem;
  background: linear-gradient(
    133deg,
    rgba(228, 169, 60, 1) 0%,
    rgba(255, 148, 28, 1) 100%
  );
  background-size: 200% auto;
  font-weight: 400;
  transition: 0.7s all;
  -webkit-transition: 0.7s all;
  cursor: default;
}

.theme-dark-blue .card-body.logged-time:hover,
.theme-light-yellow .card-body.logged-time:hover {
  background-position: right center;
}

.theme-dark-purple .card-body.logged-time,
.theme-light-purple .card-body.logged-time {
  border-radius: 0.5rem;
  background: linear-gradient(
    133deg,
    rgba(119, 63, 253, 1) 0%,
    rgba(156, 0, 255, 1) 100%
  );
  background-size: 200% auto;
  font-weight: 400;
  transition: 0.7s all;
  -webkit-transition: 0.7s all;
  cursor: default;
}

.theme-dark-purple .card-body.logged-time:hover,
.theme-light-purple .card-body.logged-time:hover {
  background-position: right center;
}

.theme-black .card-body.logged-time,
.theme-light-red .card-body.logged-time {
  border-radius: 0.5rem;
  background: linear-gradient(
    133deg,
    rgba(237, 11, 76, 1) 0%,
    rgba(255, 0, 76, 1) 100%
  );
  background-size: 200% auto;
  font-weight: 400;
  transition: 0.7s all;
  -webkit-transition: 0.7s all;
  cursor: default;
}

.theme-black .card-body.logged-time:hover,
.theme-light-red .card-body.logged-time:hover {
  background-position: right center;
}
#general .project-progress-bars .progress .progress-bar {
  height: 3.5rem;
}
.ns-edzi1-e-3 {
  padding: 0px 4px;
  border-radius: 5px;
  color: white;
  margin-left: 4px !important;
}
.theme-dark-blue span.ns-edzi1-e-3.ad-badge,
.theme-light-yellow span.ns-edzi1-e-3.ad-badge {
  background-color: #e4a93c;
}
.theme-dark-dodger-blue span.ns-edzi1-e-3.ad-badge,
.theme-light-dodger-blue span.ns-edzi1-e-3.ad-badge {
  background-color: #5567ff;
}
.theme-dark span.ns-edzi1-e-3.ad-badge,
.theme-light span.ns-edzi1-e-3.ad-badge {
  background-color: #00bcc2;
}
.theme-dark-purple span.ns-edzi1-e-3.ad-badge,
.theme-light-purple span.ns-edzi1-e-3.ad-badge {
  background-color: #824ee1;
}
.theme-black span.ns-edzi1-e-3.ad-badge,
.theme-light-red span.ns-edzi1-e-3.ad-badge {
  background-color: #ed0b4c;
}
#rec-expense-identifier .custom-checkbox.billableCheckboxDiv,
#taxInformation .custom-checkbox.subtract-txt-ttl,
#advancedOptions .custom-checkbox.infinityDiv,
#advancedOptions .custom-checkbox.billable_recurring_options,
#advancedOptions .custom-checkbox.billable_recurring_options {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  padding-left: 1rem;
}
.theme-dark-purple .badge.badge-notifications.badge-accent,
.theme-light-purple .badge.badge-notifications.badge-accent {
  background: #824ee1 !important;
  border-color: #824ee1 !important;
}
.theme-dark-purple .badge.badge-notifications.badge-accent {
  border-color: rgba(255 255 255 /30%) !important;
}
.theme-dark-purple .text-accent-red,
.theme-light-purple .text-accent-red {
  color: #824ee1 !important;
}
.theme-dark-purple .dropdown-header,
.theme-light-purple .dropdown-header {
  color: #824ee1 !important;
}
#upload_pic_to_task .dz-preview.dz-image-preview > * {
  z-index: 1;
}

div.font-weight-bold a.font-weight-bold,
a strong,
div.font-weight-bold a {
  font-weight: 600 !important;
  color: rgba(39, 44, 51, 0.82);
}
div.font-weight-bold a.font-weight-bold:hover,
a:hover strong,
div.font-weight-bold a:hover {
  color: #000;
  text-decoration: none;
}

.btn.btn-accent.btn-assignees.btn-accent-dodger-blue {
  border-radius: 100px !important;
  padding: 12px 13px !important;
}

.theme-dark-dodger-blue .bg-theme,
.theme-light-dodger-blue .bg-theme {
  background: rgba(85, 102, 255, 0.151);
}

body.layout-.layout-sticky-subnav .iziModal-header {
  background-color: #00bcc2 !important;
}
#client-gdpr-profile .custom-file-label {
  z-index: 0;
}

.btn.btn-default-tab {
  background-color: #f5f7fa !important;
  margin: 0;
}

.bi.bi-box {
  font-size: 60px;
}

.btn.btn-accent.btn-icon-one {
  border-radius: 10rem !important;
  padding: 18px;
  background-color: #125172 !important;
  border-color: #125172 !important;
  box-shadow: rgb(35, 139, 226) 0px 7px 29px 0px;
}

.btn.btn-accent.btn-icon-two {
  border-radius: 10rem !important;
  padding: 18px;
  background-color: #712934 !important;
  border-color: #712934 !important;
  box-shadow: rgb(255, 68, 14) 0px 7px 29px 0px;
}

.btn.btn-accent.btn-icon-three {
  border-radius: 10rem !important;
  padding: 18px;
  background-color: #7b225a !important;
  border-color: #7b225a !important;
  box-shadow: rgb(255, 0, 47) 0px 7px 29px 0px;
}

.btn.btn-accent.btn-icon-three:hover {
  border-radius: 10rem !important;
  padding: 18px;
  background-color: #7b225a !important;
  border-color: #7b225a !important;
  box-shadow: rgb(255, 0, 47) 0px 7px 29px 0px;
}

.btn.btn-accent.btn-icon-four {
  border-radius: 10rem !important;
  padding: 18px;
  background-color: #422074 !important;
  border-color: #422074 !important;
  box-shadow: rgb(56, 75, 239) 0px 7px 29px 0px;
}

.card.card-one {
  box-shadow: none;
  background: linear-gradient(
    45deg,
    rgba(35, 139, 226, 1) 0%,
    rgba(1, 248, 255, 1) 100%
  );
  border-radius: 0.5rem;
  border: none;
  box-shadow: 0 3px 3px -2px rgba(39, 44, 51, 0.1),
    0 3px 4px 0 rgba(39, 44, 51, 0.04), 0 1px 8px 0 rgba(39, 44, 51, 0.02);
}

.card.card-two {
  box-shadow: none;
  background: linear-gradient(
    45deg,
    rgba(255, 68, 14, 1) 0%,
    rgba(255, 185, 27, 1) 100%
  );
  border-radius: 0.5rem;
  border: none;
  box-shadow: 0 3px 3px -2px rgba(39, 44, 51, 0.1),
    0 3px 4px 0 rgba(39, 44, 51, 0.04), 0 1px 8px 0 rgba(39, 44, 51, 0.02);
}

.card.card-three {
  box-shadow: none;
  background: linear-gradient(
    45deg,
    rgba(255, 0, 47, 1) 0%,
    rgba(248, 43, 120, 1) 100%
  );
  border-radius: 0.5rem;
  border: none;
  box-shadow: 0 3px 3px -2px rgba(39, 44, 51, 0.1),
    0 3px 4px 0 rgba(39, 44, 51, 0.04), 0 1px 8px 0 rgba(39, 44, 51, 0.02);
}

.card.card-four {
  box-shadow: none;
  background: linear-gradient(
    45deg,
    rgba(56, 75, 239, 1) 0%,
    rgba(206, 50, 248, 1) 100%
  );
  border-radius: 0.5rem;
  border: none;
  box-shadow: 0 3px 3px -2px rgba(39, 44, 51, 0.1),
    0 3px 4px 0 rgba(39, 44, 51, 0.04), 0 1px 8px 0 rgba(39, 44, 51, 0.02);
}

.class-output-1,
.class-output-2,
.class-output-3,
.class-output-4,
.class-output-5 {
  line-height: 1.5;
  border-radius: 1rem !important;
  padding: 5px 10px !important;
  border: 1px solid transparent;
  font-weight: 500;
  width: max-content;
  text-decoration: none;
}
.class-output-1 {
  color: #f96868 !important;
  background: #f6ccce !important;
}
.class-output-2 {
  color: #4466f2 !important;
  background: #bfccf8 !important;
}
.class-output-3 {
  color: #ca8a04 !important;
  background: #f5e7c6 !important;
}
.class-output-4 {
  color: #7c858c !important;
  background: #cbd0d5 !important;
}
.class-output-5 {
  color: #64cc79 !important;
  background: #c0e8cb !important;
}

.is-billed-0,
.is-billed-1 {
  line-height: 1.5;
  border-radius: 1rem !important;
  padding: 5px 10px;
  border: 1px solid transparent;
  font-weight: 500;
  width: max-content;
  text-decoration: none;
}

.is-billed-0 {
  color: #ca8a04 !important;
  background: #f5e7c6 !important;
}

.is-billed-1 {
  color: #64cc79 !important;
  background: #c0e8cb !important;
}

.theme-dark-dodger-blue .card.card-body.ticket,
.theme-light-dodger-blue .card.card-body.ticket {
  border-left: solid 4px #5567ff !important;
  margin-left: 2px;
  border: solid 1px #5567ff;
}

.theme-dark .card.card-body.ticket,
.theme-light .card.card-body.ticket {
  border-left: solid 4px #00bcc2 !important;
  margin-left: 2px;
  border: solid 1px #00bcc2;
}

.theme-dark-blue .card.card-body.ticket,
.theme-light-yellow .card.card-body.ticket {
  border-left: solid 4px #e4a93c !important;
  margin-left: 2px;
  border: solid 1px #e4a93c;
}

.theme-dark-purple .card.card-body.ticket,
.theme-light-purple .card.card-body.ticket {
  border-left: solid 4px #824ee1 !important;
  margin-left: 2px;
  border: solid 1px #824ee1;
}

.theme-black .card.card-body.ticket,
.theme-light-red .card.card-body.ticket {
  border-left: solid 4px #ed0b4c !important;
  margin-left: 2px;
  border: solid 1px #ed0b4c;
}

/* HRM CHARTS */
#SvgjsSvg1001, #apexchartsj9wupl51h {
    max-width: 100% !important;
}

foreignObject {
    max-width: 100% !important;
    min-width: 100% !important;
}

span.flatpickr-day.today {
    background-color: #00bcc2;
    border-radius: 20px !important;
    color: #fff;
}

hr.dashboard {
    border: 0 !important;
    height: 1px !important;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(255, 255, 255, 0.5), rgba(0, 0, 0, 0)) !important;
}

.progress.staff{
    height: 8px;
}

.rounded-circle.img-output.staff-profile {
    margin-top: -60px;
}

.card.mt-5.mb-5.card-profile{
    box-shadow: none;
    border-bottom: none;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.theme-dark-dodger-blue .rounded-circle.img-output.staff-profile,
.theme-light-dodger-blue .rounded-circle.img-output.staff-profile {
    border: solid 5px rgb(237, 11, 75);
    box-shadow: rgb(85, 103, 255) 0px 0px 15px 0px;
}

.theme-dark .rounded-circle.img-output.staff-profile,
.theme-light .rounded-circle.img-output.staff-profile {
    border: solid 5px rgb(0, 188, 194);
    box-shadow: rgb(0, 188, 194) 0px 0px 15px 0px;
}

.theme-dark-blue .rounded-circle.img-output.staff-profile,
.theme-light-yellow .rounded-circle.img-output.staff-profile {
    border: solid 5px rgb(228, 169, 60);
    box-shadow: rgb(228, 169, 60) 0px 0px 15px 0px;
}

.theme-dark-purple .rounded-circle.img-output.staff-profile,
.theme-light-purple .rounded-circle.img-output.staff-profile {
    border: solid 5px rgb(129, 78, 225);
    box-shadow: rgb(129, 78, 225) 0px 0px 15px 0px;
}

.theme-black .rounded-circle.img-output.staff-profile,
.theme-light-red .rounded-circle.img-output.staff-profile {
    border: solid 5px rgb(237, 11, 75);
    box-shadow: rgb(237, 11, 75) 0px 0px 15px 0px;
}

.progress.staff-profile{
    border-radius: 1rem;
    height: 12px;
}

#apexchartskfdufnuc, .apexcharts-canvas {
    max-width: 100% !important;
}

.theme-dark-dodger-blue .text-theme,
.theme-light-dodger-blue .text-theme{
    color: #5567ff !important;
}

.theme-dark .text-theme,
.theme-light .text-theme{
    color: #00bcc2 !important;
}

.theme-dark-blue .text-theme,
.theme-light-yellow .text-theme{
    color: #e4a93c !important;
}

.theme-dark-purple .text-theme,
.theme-light-purple .text-theme{
    color: #824ee1 !important;
}

.theme-black .text-theme,
.theme-light-red .text-theme{
    color: #ed0b4c !important;
}

.col-md-2.ticketStatus {
    margin-left: -12px;
}

.card.stats{
    max-height: 500px !important;
}

.message-box {
    background: #f3f3f5;
    padding: 15px;
    border-radius: .5rem !important;
    margin-bottom: 15px;
}
.contract-renewal {
    background: rgba(240,248,255,1);
    background: linear-gradient(180deg, rgba(255,255,255,0) 15%, rgba(240,248,255,0.5) 75%);
    border-bottom: 1px solid #AFC7FF85; border-radius: 5px;
}

.attachment.powerp-badge.powerp-badge-default.powerp-badge-lg.powerp-badge-pill {
    list-style: none;
}

.theme-dark-dodger-blue .attachment.powerp-badge.powerp-badge-default.powerp-badge-lg.powerp-badge-pill,
.theme-light-dodger-blue .attachment.powerp-badge.powerp-badge-default.powerp-badge-lg.powerp-badge-pill{
    background: #5566ff71 !important;
    color: #5567ff;
}

.theme-dark .attachment.powerp-badge.powerp-badge-default.powerp-badge-lg.powerp-badge-pill,
.theme-light .attachment.powerp-badge.powerp-badge-default.powerp-badge-lg.powerp-badge-pill{
    background: #00bcc271 !important;
    color: #00bcc2;
}

.theme-dark-blue .attachment.powerp-badge.powerp-badge-default.powerp-badge-lg.powerp-badge-pill,
.theme-light-yellow .attachment.powerp-badge.powerp-badge-default.powerp-badge-lg.powerp-badge-pill{
    background: #e4a93c71 !important;
    color: #e4a93c;
}

.theme-dark-purple .attachment.powerp-badge.powerp-badge-default.powerp-badge-lg.powerp-badge-pill,
.theme-light-purple .attachment.powerp-badge.powerp-badge-default.powerp-badge-lg.powerp-badge-pill{
    background: #824ee171 !important;
    color: #824ee1;
}

.theme-black .attachment.powerp-badge.powerp-badge-default.powerp-badge-lg.powerp-badge-pill,
.theme-light-red .attachment.powerp-badge.powerp-badge-default.powerp-badge-lg.powerp-badge-pill{
    background: #ed0b4c71 !important;
    color: #ed0b4c;
}

#SvgjsSvg1178 {
    max-width: 100% !important;
}

.fas.fa-paperclip.fa-2x{
    font-size: 1.5em !important;
}

.ribbon{
    padding: 3px 5px;
    border-radius: 2px;
    width: max-content !important;
}
.ribbon.success{
    background: #e6fff8;
}
.ribbon.danger{
    background: #ffe4e7;
}
.ribbon.warning{
    background: #fff7e9;
}
@media (min-width: 1205px){
    .ribbon{
    position: absolute;
    right: 1.5rem;
    }
}

[dir="ltr"] .navbar-brand {
    margin-right: unset !important;
}

#loading {
  display: inline-block;
  width: 100px;
  height: 100px;
  border: 3px solid rgba(0, 0, 0, 0.15);
  border-radius: 50%;
  border-top-color: red;
  animation: spin 1s ease-in-out infinite;
  -webkit-animation: spin 1s ease-in-out infinite;
}

@keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
  }
}
@-webkit-keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
  }
}

.theme-dark-dodger-blue #loading,
.theme-light-dodger-blue #loading{
    border-top-color: #5567ff;
}

.theme-dark #loading,
.theme-light #loading{
    border-top-color: #00bcc2;
}

.theme-dark-blue #loading,
.theme-light-yellow #loading{
    border-top-color: #e4a93c;
}

.theme-dark-purple #loading,
.theme-light-purple #loading{
    border-top-color: #824ee1;
}

.theme-black #loading,
.theme-light-red #loading{
    border-top-color: #ed0b4c;
}

.rounded-circle.img-table.mr-2, .rounded-circle.img-table, .rounded-circle.img, .rounded-circle.mr-8pt{
    background-size: cover;
    object-fit: cover;
}

.theme-dark-dodger-blue .accordion button:hover, .accordion button:focus, .accordion button[aria-expanded='true'],
.theme-light-dodger-blue .accordion button:hover, .accordion button:focus, .accordion button[aria-expanded='true']{
    color: #5567ff;
}

.theme-dark .accordion button:hover, .accordion button:focus, .accordion button[aria-expanded='true'],
.theme-light .accordion button:hover, .accordion button:focus, .accordion button[aria-expanded='true']{
    color: #00bcc2;
}

.theme-dark-blue .accordion button:hover, .accordion button:focus, .accordion button[aria-expanded='true'],
.theme-light-yellow .accordion button:hover, .accordion button:focus, .accordion button[aria-expanded='true']{
    color: #e4a93c;
}

.theme-dark-purple .accordion button:hover, .accordion button:focus, .accordion button[aria-expanded='true'],
.theme-light-purple .accordion button:hover, .accordion button:focus, .accordion button[aria-expanded='true']{
    color: #824ee1;
}

.theme-black .accordion button:hover, .accordion button:focus, .accordion button[aria-expanded='true'],
.theme-light-red .accordion button:hover, .accordion button:focus, .accordion button[aria-expanded='true']{
    color: #ed0b4c;
}

.navbar-brand.logo{
    width: auto;
    height: 40px;
    margin-top: 3px;
}

/* [dir] .modal-body {
    padding: unset !important;
  }

  .modal-dialog {
    max-width: 1000px;
  } */

svg#SvgjsSvg1182 {
    max-width: 100% !important;
    min-width: 100% !important;
}

.pinned-project {
    background-color: #fee7ed;
}

img.rounded-circle.profile-image {
    margin-top: -40px;
    border: solid 4px #fff;
    object-fit: cover;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

input.form-control.jqval-error {
    border: solid 1px #ed0b4c !important;
}

.theme-dark-blue .card.profile, .theme-light-yellow .card.profile {
     border-top: solid 3px #e4a93c;
}
.theme-dark-dodger-blue .card.profile, .theme-light-dodger-blue .card.profile {
     border-top: solid 3px #5567ff;
}
.theme-dark .card.profile, .theme-light .card.profile {
     border-top: solid 3px #00bcc2;
}
.theme-dark-purple .card.profile, .theme-light-purple .card.profile {
     border-top: solid 3px #824ee1;
}
.theme-black .card.profile, .theme-light-red .card.profile {
     border-top: solid 3px #ed0b4c;
}

.theme-dark-blue .xdsoft_datetimepicker .xdsoft_calendar td:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover, .theme-light-yellow .xdsoft_datetimepicker .xdsoft_calendar td:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    background: #e4a93c !important;
}
.theme-dark-dodger-blue .xdsoft_datetimepicker .xdsoft_calendar td:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover, .theme-light-dodger-blue .xdsoft_datetimepicker .xdsoft_calendar td:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    background: #5567ff !important;
}
.theme-dark .xdsoft_datetimepicker .xdsoft_calendar td:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover, .theme-light .xdsoft_datetimepicker .xdsoft_calendar td:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    background: #00bcc2 !important;
}
.theme-dark-purple .xdsoft_datetimepicker .xdsoft_calendar td:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover, .theme-light-purple .xdsoft_datetimepicker .xdsoft_calendar td:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    background: #824ee1 !important;
}
.theme-black .xdsoft_datetimepicker .xdsoft_calendar td:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover, .theme-light-red .xdsoft_datetimepicker .xdsoft_calendar td:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    background: #ed0b4c !important;
}

@media only screen and (max-width: 600px) {
    .fc-scroller.fc-day-grid-container{
        height: 400px !important;
    }
}

.fc-day-grid-event.fc-h-event.fc-event.fc-start.fc-end.trigger-modal {
    margin: -15px;
}

#basic-addonnumber {
    width: max-content !important;
}

/* @media only screen and (max-width: 600px) {
    .dashboard-icon{
        display: none;
    }
} */

[dir] .layout-boxed #default-drawer .sidebar-brand {
    height: max-content !important;
}

img.navbar-brand.logo {
    background-size: cover;
    object-fit: contain;
}

.btn[loading="true"] {
    position: relative;
}

.btn[loading="true"] .btn-text {
    transition: opacity 0.3s ease;
}

.btn[loading="true"].loading-btn {
    pointer-events: none;
}

.btn[loading="true"].loading-btn .btn-text {
    opacity: 0;
}

.btn[loading="true"].loading-btn::after {
    content: "";
    position: absolute;
    border-radius: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 0px;
    height: 0px;
    border: 2px solid rgba(255, 255, 255, 0.5);
    border-left-color: #FFF;
    border-top-color: #FFF;
    animation: btnLoaderSpin .6s infinite linear, btnLoaderGrow .3s forwards ease-out;
}

.btn-accent[loading="true"] {
    position: relative;
}

.btn-accent[loading="true"] .btn-text {
    transition: opacity 0.3s ease;
}

.btn-accent[loading="true"].loading-btn {
    pointer-events: none;
}

.btn-accent[loading="true"].loading-btn .btn-text {
    opacity: 0;
}

.btn-accent[loading="true"].loading-btn::after {
    content: "";
    position: absolute;
    border-radius: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 0px;
    height: 0px;
    border: 2px solid rgba(255, 255, 255, 0.5);
    border-left-color: #FFF;
    border-top-color: #FFF;
    animation: btnLoaderSpin .6s infinite linear, btnLoaderGrow .3s forwards ease-out;
}

@keyframes btnLoaderSpin {
    to {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

@keyframes btnLoaderGrow {
    to {
        width: 14px;
        height: 14px;
    }
}

.c-table-responsive .thead-second-row td {
    min-width: 150px;
}

.c-table-responsive .thead-second-row td:first-child {
    min-width: unset;
}
.c-table-responsive .thead-second-row td:last-child {
    min-width: unset;
}

.c-table-responsive tbody td:first-child {
    min-width: 150px;
}

.c-table-responsive tbody td:first-child {
    min-width: unset;
}

.c-table-responsive tbody td:last-child {
    min-width: unset;

}

.view-table-responsive td {
    min-width: 120px;
}

.progress-bar-2 {
    background-image: linear-gradient( 60deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
    text-align: center;

}

.progress-bar-text {
    position: absolute;
    font-size: 10px !important;
    top: 50%;
    width: 100%;
    text-align: center;
}

.progress-bar-2.progress-bar-success {
    background: #46c35f !important;
}
.progress-bar-2.progress-bar-danger {
    background: #f96868 !important;
}
.progress-bar-2.progress-bar-warning {
    background: #f6c14e !important;
}
.progress-bar-2.progress-bar-info {
    background: #00bcc2 !important;
}

.widget-dragger.pointer.ui-sortable-handle {
    background: #ffffff;
    width: max-content;
    padding: 5px 8px 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.card-body.toDoItem, .card-body.upcoming-events {
    height: 485px;
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    }
    @-webkit-keyframes fadeInUp {
    0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    }
    100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
    }
    }
    @keyframes fadeInUp {
    0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    }
    100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
    }
    }

    .modal .modal-title {
        color: #fff;
    }

    .modal .modal-content .modal-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .modal .modal-content .modal-header .close {
        display: block;
        background: #f2f2f2;
        outline: 0;
        height: 24px;
        width: 24px;
        border: 0;
        padding: 0;
        margin: 0;
        opacity: .3;
        border-radius: 50%;
        transition: transform .5s cubic-bezier(.16, .81, .32, 1), opacity .5s ease;
        background-size: 67% !important;
        -webkit-tap-highlight-color: transparent;
    }

    .modal .modal-content .modal-header .close span {
        vertical-align: text-top;
    }

    body.theme-dark-dodger-blue .modal .modal-header,
    body.theme-light-dodger-blue .modal .modal-header {
        background-color: #5567ff !important;
    }

    body.theme-dark .modal .modal-header,
    body.theme-light .modal .modal-header {
        background-color: #00bcc2 !important;
    }

    body.theme-dark-blue .modal .modal-header,
    body.theme-light-yellow .modal .modal-header {
        background-color: #e4a93c !important;
    }


    body.theme-black .modal .modal-header,
    body.theme-light-red .modal .modal-header {
        background-color: #ed0b4c !important;
    }

    body.theme-light-purple .modal .modal-header,
    body.theme-dark-purple .modal .modal-header {
        background-color: #824ee1 !important;
    }

    body.theme-light-purple .modal .modal-header,
    body.theme-dark-purple .modal .modal-header {
        background-color: #824ee1 !important;

    }

    .input-group-prepend ~ input {
        border-top-left-radius: 0 !important;
        border-bottom-left-radius: 0 !important;
    }


    select[readonly="true"] ~ .select2 .selection .select2-selection {
        background-color: #e9ecef !important; /* Change this to your desired color */
        pointer-events: none;
    }

    select[readonly] ~ .select2 .selection .select2-selection {
        background-color: #e9ecef !important; /* Change this to your desired color */
        pointer-events: none;
    }

    select[readonly] ~ .select2-container .select2-search--inline {
        display: none !important;
    }
    
    .dropdown_filter .dropdown-toggle::after {
        display: none !important;
    }
    .dropdown_filter .dropdown-menu::before,
    .dropdown_filter .dropdown-menu::after {
        left: unset;
        right: 50px;
    }

    hr.dropdown-divider {
        margin: 0.5rem 0 !important;
        border-top: 1px solid #e9ecef !important;
        background-image: unset !important;
    }


    .dropdown-submenu {
        position: relative;
    }

    .dropdown-submenu .dropdown-menu {
        top: 0;
        left: 100%;
        margin-top: -1px;
    }
    .dropdown-submenu .drop-opened {
        visibility: visible !important;
        opacity: 1 !important;
        display: block !important;
    }

    .summary_wrapper .task_counter {
        font-weight: bold;
        font-size: 24px;
        margin-right: 8px;
        display: block;
    }

    .summary_wrapper .task_status {
        font-size: 16px;
    }

    .summary_wrapper.inline .task_counter {
        display: inline !important;
    }

    textarea.form-control {
        height: auto !important;
    }

    [dir] .btn {
        padding: 0.35rem 1rem;
    }

    .hover-actions {
        visibility: hidden;
    }
    .hover-container:hover .hover-actions {
        visibility: visible;
    }

    .filter-btn {
        margin-top: 2.4rem !important;
    }
    .font-bold {
        font-weight: 600 !important;
    }