:root {
    --body-bg-rgb:	236, 240, 250;
    --primary-rgb:	1, 98, 232;
    --secondary-rgb:	95, 109, 136;
    --warning-rgb:	251, 188, 11;
    --info-rgb:	0, 185, 255;
    --success-rgb:	34, 192, 60;
    --danger-rgb:	238, 51, 94;
    --light-rgb:	240, 241, 246;
    --dark-rgb:	59, 72, 99;
    --orange-rgb:	253, 126, 20;
    --pink-rgb:	241, 0, 117;
    --teal-rgb:	0, 204, 204;
    --purple-rgb:	72, 0, 201;
    --default-body-bg-color:	rgb(var(--body-bg-rgb));
    --primary-color:	rgb(var(--primary-rgb));
    --primary-border:	rgb(var(--primary-rgb));
    --primary01:	rgba(var(--primary-rgb), 0.1);
    --primary02:	rgba(var(--primary-rgb), 0.2);
    --primary03:	rgba(var(--primary-rgb), 0.3);
    --primary04:	rgba(var(--primary-rgb), 0.4);
    --primary05:	rgba(var(--primary-rgb), 0.5);
    --primary06:	rgba(var(--primary-rgb), 0.6);
    --primary07:	rgba(var(--primary-rgb), 0.7);
    --primary08:	rgba(var(--primary-rgb), 0.8);
    --primary09:	rgba(var(--primary-rgb), 0.9);
    --primary005:	rgba(var(--primary-rgb), 0.05);
    --default-font-family:	"Roboto", sans-serif;
    --default-font-weight:	400;
    --default-text-color:	#031b4e;
    --default-border:	#eae8f1;
    --default-background:	#f8fafd;
    --menu-bg:	#fff;
    --menu-prime-color:	#5b6e88;
    --menu-secondary-color:	#6d7790;
    --icons-color:	#5b6e88;
    --menu-category-color:	#2c364c;
    --menu-border-color:	#eae8f1;
    --header-bg: #fff;
    --header-prime-color:	#71829b;
    --header-border-color:	#eae8f1;
    --custom-white:	#fff;
    --custom-black:	#000;
    --custom-bg-color:	#ecf0fa;
    --bootstrap-card-border:	#eae8f1;
    --list-hover-focus-bg:	#ecf0fa;
    --text-muted:	#7987a1;
    --input-border:	#e9edf6;
    --form-control-bg:	#ffffff;
    --card-title-color:	#242f48;
    --card-box-shadow:	-8px 12px 18px 0 #dadee8;
    /* Gray set */
    --gray-1:	#ecf0fa;
    --gray-2:	#dde2ef;
    --gray-3:	#d0d7e8;
    --gray-4:	#b9c2d8;
    --gray-5:	#949eb7;
    --gray-6:	#737f9e;
    --gray-7:	#4d5875;
    --gray-8:	#364261;
    --gray-9:	#242f48;
    /* White set */
    --white-1:	rgba(255,255,255, 0.1);
    --white-2:	rgba(255,255,255, 0.2);
    --white-3:	rgba(255,255,255, 0.3);
    --white-4:	rgba(255,255,255, 0.4);
    --white-5:	rgba(255,255,255, 0.5);
    --white-6:	rgba(255,255,255, 0.6);
    --white-7:	rgba(255,255,255, 0.7);
    --white-8:	rgba(255,255,255, 0.8);
    --white-9:	rgba(255,255,255, 0.9);
    /* Black set */
    --black-1:	rgba(0,0,0, 0.1);
    --black-2:	rgba(0,0,0, 0.2);
    --black-3:	rgba(0,0,0, 0.3);
    --black-4:	rgba(0,0,0, 0.4);
    --black-5:	rgba(0,0,0, 0.5);
    --black-6:	rgba(0,0,0, 0.6);
    --black-7:	rgba(0,0,0, 0.7);
    --black-8:	rgba(0,0,0, 0.8);
    --black-9:	rgba(0,0,0, 0.9);
  }

.ui-autocomplete {
    z-index: 10000 !important;
}

.ui-menu-item .ui-menu-item-wrapper {
    font-size: 0.8rem;
}

.text-right {
    text-align: right;
}

#global-loader {
    background-color: rgba(0, 0, 0, 0.2) !important;
    z-index: 900000 !important;
}

#global-loader {
    position: fixed;
    z-index: 50000;
    background: #fff;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

.loader-img {
    position: absolute;
    right: 0;
    bottom: 0;
    top: 43%;
    left: 0;
    margin: 0 auto;
    text-align: center;
}

.main-toggle {
    width: 60px;
    height: 25px;
    background-color: #b9c2d8;
    padding: 2px;
    position: relative;
    overflow: hidden;
}

.main-toggle span::before,
.main-toggle span::after {
    position: absolute;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: .5px;
    text-transform: uppercase;
    color: #fff;
    top: 2px;
    line-height: 1.38;
}

.table tr td {
    vertical-align: middle;
}

.dataTables_info,
.dataTables_length {
    font-size: 0.8rem;
}


.chosen-container.chosen-container-single .chosen-single {
    height: auto;
    padding: 6px;
    background: none !important;
}

.text-red {
    color: red;
}

.chosen-container {
    width: 100% !important;
}

.chosen-container.chosen-container-single .chosen-single {
    height: auto;
    padding: 6px;
    background: none !important;
}

.search-choice-close::after {
    content: 'X';
    font-size: 12px;
    font-weight: 800;
    color: red;
}

.chosen-container-multi .chosen-choices {
    background-image: none;
    padding: 5px;
    border: 1px solid #ccc;
    border-radius: 3px;
}

.border-dashed {
    border: 1px dashed #e3e8f7 !important;
}


.ui-datepicker .ui-datepicker-calendar .ui-datepicker-today a {
    background-color: transparent;
    color: #031b4e;
}

.ui-datepicker .ui-datepicker-calendar td a.ui-state-active {
    background-color: #99143f;
    color: #fff;
}

.ui-datepicker .ui-datepicker-calendar a.ui-state-default:hover,
.ui-datepicker .ui-datepicker-calendar a.ui-state-default:focus {
    background-color: #0162e8 !important;
    color: #fff !important;
}

.form-label {
    margin-bottom: 5px;
}

.invalid-feedback {
    display: block;
}

.html-master-menu svg.side-menu__icon {
    width: 20px !important;
}

.html-master-menu .side-menu__item {
    font-size: 0.9rem;
    font-weight: bold;
}

.html-master-menu .list-group {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
}

.html-master-menu .list-group li {
    /* padding-right: 0px !important; */
    list-style: none !important;
    border-bottom: 1px solid #deebfd;
    font-size: 0.8rem;
    background: #fff !important;
}

.html-master-menu .menu-container.row {
    padding: 5px 0 !important;
    align-items: center;
}

.html-master-menu .menu-container:hover {
    background: var(--phoenix-body-bg);
    cursor: pointer;
}


.html-menu svg.side-menu__icon {
    width: 20px !important;
}

.html-menu .side-menu__item {
    /* font-size: 0.9rem; */
    font-weight: bold;
}

.html-menu .list-group {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
}

.html-menu .list-group li {
    /* padding-right: 0px !important; */
    list-style: none !important;
    border-bottom: 1px solid #deebfd;
    font-size: 0.8rem;
    background: #fff !important;
}

.html-menu .menu-container.row {
    padding: 5px 0 !important;
    align-items: center;
}

.html-menu .menu-container:hover {
    background: var(--phoenix-body-bg);
    cursor: pointer;
}

.rounded-10 {
    border-radius: 10px;
}


.shadow-3 {
    box-shadow: rgba(49, 53, 59, 0.12) 0px 1px 6px 0px;
    -webkit-box-shadow: rgba(49, 53, 59, 0.12) 0px 1px 6px 0px;
    -moz-box-shadow: rgba(49, 53, 59, 0.12) 0px 1px 6px 0px;
}

.t-shadow>tbody>tr:hover {
    box-shadow: 0px -1px 9px 1px rgba(0, 0, 0, 0.46);
    -webkit-box-shadow: 0px -1px 9px 1px rgba(0, 0, 0, 0.46);
    -moz-box-shadow: 0px -1px 9px 1px rgba(0, 0, 0, 0.46);
    position: relative;
    cursor: pointer;
    border: none;
}

.contact-icon {
    display: inline-flex;
    width: 35px;
    height: 35px;
    text-align: center;
    font-size: 1rem;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}


.wcnp-switch {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 28px;
}

.wcnp-switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.wcnp-switch .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.wcnp-switch .slider:before {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

.wcnp-switch input:checked+.slider {
    background-color: #2196F3;
}

.wcnp-switch input:focus+.slider {
    box-shadow: 0 0 1px #2196F3;
}

.wcnp-switch input:checked+.slider:before {
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
}

/* Rounded sliders */
.wcnp-switch .slider.round {
    border-radius: 34px;
}

.wcnp-switch .slider.round:before {
    border-radius: 50%;
}

.main-nav-column .nav-link+.nav-link {
    border-top: 1px dotted #b9c2d8;
}

.main-mail-menu .nav-link {
    height: 38px;
}

.nav {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.main-nav-column {
    flex-direction: column;
}

.mg-b-20 {
    margin-bottom: 20px;
}

.main-nav-column .nav-link {
    padding: 0;
    height: 38px;
    color: #242f48;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.main-nav-column .nav-link span {
    font-weight: 400;
    font-size: 11px;
    color: #949eb7;
    margin-left: auto;
}

.navbar-nav-top .side-menu__icon {
    width: 1rem;
    margin-right: 10px;
}

.navbar-vertical .side-menu__icon {
    fill:var(--phoenix-navbar-vertical-link-color) !important;
    width: 1.3rem;
    height: 1.3rem;
}

.nav-link-icon svg {
    fill:var(--phoenix-navbar-vertical-link-color) !important;
    width: 1.3rem;
    height: 1.3rem;

}

.navbar-vertical .nav-link.active svg{
    fill:var(--phoenix-navbar-vertical-link-active-color) !important;
}
.navbar-vertical.navbar-expand-lg .navbar-vertical-content .navbar-nav .nav-link.active{
    background-color: var(--phoenix-navbar-vertical-link-hover-bg);
}


/* .navbar-vertical .nav-link-icon { */
    /* background-color: var(--phoenix-primary);
    padding: 5px;
    border-radius: 50%;
    padding: 8px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    -moz-box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px; */
/* } */

/* .navbar-vertical .navbar-vertical-content .nav-link-icon {
    min-width: unset !important;
} */

/* .nav-link.active {
    background-color: var(--phoenix-navbar-vertical-link-hover-bg);
}

.nav-link-text {
    font-weight: bold;
} */


.navbar-nav-top .side-menu__icon {
    fill: var(--phoenix-primary) !important;
}

.flatpickr-months .flatpickr-prev-month {
    right: unset !important;
    left: 20px !important;
}

.flatpickr-months .flatpickr-next-month {
    left: unset !important;
    right: 22px !important;
}

.flatpickr-monthDropdown-months {
    font-size: 1rem !important;
}

.numInput.cur-year {
    font-size: 1rem !important;
    text-align: center;
}

/* .t-jr-custom { */
    /* border-collapse: unset !important; */
/* } */

.t-jr-custom tr td:first-child,
.t-jr-custom tr td:last-child {
    padding: 1rem .5rem !important;
}

.t-jr-custom tbody tr {
    background: #fff;
}

.t-jr-custom tr td {
    border: none !important;
    border-bottom: 1px solid var(--phoenix-border-color) !important;
}

.input-group .input-group-prepend .input-group-text {
    height: 100% !important;
}

.dataTables_filter label {
    font-size: 0.8rem;
}

.dataTables_filter {
    text-align: right;
}

.table tr th .input-group .input-group-text {
    padding: 0 !important;
    border-radius: 0 !important;
    width: 40px !important;
    justify-content: center !important;
}

.table tr th .input-group .input-group-text label {
    padding: 0 !important;
    margin: 0 !important;
}

.table tr th .input-group .dropdown button {
    border-radius: 0 !important;
}

.table tr th .input-group .dropdown .dropdown-menu {
    padding: 0 !important;
}


.table tr td .input-group .input-group-text {
    padding: 0 !important;
    border-radius: 0 !important;
    width: 40px !important;
    justify-content: center !important;
}

.table tr td .input-group .input-group-text label {
    padding: 0 !important;
    margin: 0 !important;
}

.table tr td .input-group .dropdown button {
    border-radius: 0 !important;
}

.table tr td .input-group .dropdown .dropdown-menu {
    padding: 0 !important;
}


.tabs-style-2 .main-nav-line .nav-link {
    padding: 0.5rem 2rem;
    background: #ecf0fa;
    border: 1px solid var(--phoenix-border-color);
    border-bottom: 0;
    color: var(--phoenix-tertiary-color);
    font-size: 0.9rem;
}

.tabs-style-2 .main-nav-line .nav-link.active {
    background: transparent;
    color: var(--phoenix-tertiary-color);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.tabs-style-2 li .nav-link.active {
    background: none;
    box-shadow: inset 0 3px 1px var(--phoenix-card-color);
    color: #0162e8;
    border-top: 0;
}

.table tr th {
    text-transform: uppercase !important;
    vertical-align: middle;
}

.form-label {
    padding-left: 0px !important;
}

.d-block,
.btn-block {
    width: 100%;
}

.input-group-append>.input-group-text {
    height: 100%;
}

.table {
    width: 100% !important;
}

.chosen-container.chosen-container-single {
    font-size: 0.8rem !important;
}

div:has(> table.table) {
    position: relative;
}

.dataTables_processing {
    position: absolute;
    left: 0;
    right: 0;
    /* top: 50%; */
    text-align: center;
    height: 100%;
    top: 0;
    background: rgba(255, 255, 255, 0.5);
}

/* .navbar.navbar-top {
    background-image: url(../../../../assets/themes/phoenix/img/bg/bg-24.png);
    background-position: top right;
} */
.text-muted {
    color: #7987a1 !important;
}
.navbar.navbar-top{
    border-bottom: 1px solid #dee4ec;
    box-shadow: 5px 1px 5px -1px #cdd4e7;
}
.navbar-logo img {
    width: 200px;
}

.navbar-logo .logo-text {
    display: none !important;
}

/*
    button gradient
*/

.btn-primary-gradient {
    color: #fff;
    background: linear-gradient(to left, #0db2de 0%, #005bea 100%);
    border: 1px solid #0db2de;
}

.btn-primary-gradient:hover {
    color: #fff;
    background: linear-gradient(to left, #099fc7 0%, #0555d4 100%);
    border-color: #0db2de;
}

.btn-primary-gradient:focus,
.btn-primary-gradient.focus {
    background: linear-gradient(to left, #099fc7 0%, #0555d4 100%);
    box-shadow: 0 0 0 0.2rem rgba(5, 85, 212, 0.5);
}

.btn-danger-gradient {
    color: #fff;
    background: linear-gradient(45deg, #f93a5a, #f7778c);
    border: 1px solid #ef6178;
}

.btn-danger-gradient:hover {
    color: #fff;
    background: linear-gradient(45deg, #fb3254, #f96d84);
    border-color: #ef6178;
}

.btn-danger-gradient:focus,
.btn-danger-gradient.focus {
    background: linear-gradient(45deg, #fb3254, #f96d84);
    box-shadow: 0 0 0 0.2rem rgba(251, 50, 84, 0.5);
}

.btn-pink-gradient {
    color: #fff;
    background: linear-gradient(to right, #f10075 0%, #f36eae 100%);
    border: 1px solid #f10075;
}

.btn-pink-gradient:hover {
    color: #fff;
    background: linear-gradient(to right, #de056e 0%, #f565aa 100%);
    border-color: #f10075;
}

.btn-pink-gradient:focus,
.btn-pink-gradient.focus {
    background: linear-gradient(to right, #de056e 0%, #f565aa 100%);
    box-shadow: 0 0 0 0.2rem rgba(222, 5, 110, 0.5);
}

.btn-purple-gradient {
    color: #fff;
    background: linear-gradient(to right, #673ab7 0%, #884af1 100%);
    border: 1px solid #673ab7;
}

.btn-purple-gradient:hover {
    color: #fff;
    background: linear-gradient(to right, #6437b3 0%, #7d40e4 100%);
    border-color: #673ab7;
}

.btn-purple-gradient:focus,
.btn-purple-gradient.focus {
    background: linear-gradient(to right, #6437b3 0%, #7d40e4 100%);
    box-shadow: 0 0 0 0.2rem rgba(100, 55, 179, 0.5);
}

.btn-warning-gradient {
    color: #fff;
    background: linear-gradient(to left, #efa65f, #f76a2d);
    border: 1px solid #efa65f;
}

.btn-warning-gradient:hover {
    color: #fff;
    background: linear-gradient(to left, #efa359, #f56729);
    border-color: #efa65f;
}

.btn-warning-gradient:focus,
.btn-warning-gradient.focus {
    background: linear-gradient(to left, #efa359, #f56729);
    box-shadow: 0 0 0 0.2rem rgba(239, 163, 89, 0.5);
}

.btn-success-gradient {
    color: #fff;
    background: linear-gradient(to left, #48d6a8 0%, #029666 100%);
    border: 1px solid #3dc59a;
}

.btn-success-gradient:hover {
    color: #fff;
    background: linear-gradient(to left, #3ed0a1 0%, #039062 100%);
    border-color: #3dc59a;
}

.btn-success-gradient:focus,
.btn-success-gradient.focus {
    background: linear-gradient(to left, #3ed0a1 0%, #039062 100%);
    box-shadow: 0 0 0 0.2rem rgba(3, 144, 98, 0.5);
}

.btn-info-gradient {
    color: #fff;
    background: linear-gradient(to right, #0296ce 0%, #38c6f7 100%);
    border: 1px solid #29b9ec;
}

.btn-info-gradient:hover {
    color: #fff;
    background: linear-gradient(to right, #0993c7 0%, #22b7ea 100%);
    border-color: #29b9ec;
}

.btn-info-gradient:focus,
.btn-info-gradient.focus {
    background: linear-gradient(to right, #0993c7 0%, #22b7ea 100%);
    box-shadow: 0 0 0 0.2rem rgba(34, 183, 234, 0.5);
}

.btn-light-gradient {
    color: #000;
    background: linear-gradient(120deg, #cdd2de 0%, #ecf0fa 100%);
    border: 1px solid #cdd2de;
}

.btn-light-gradient:hover {
    color: #000;
    background: linear-gradient(120deg, #c1c7d6 0%, #e0e5f1 100%);
    border-color: #cdd2de;
}

.btn-light-gradient:focus,
.btn-light-gradient.focus {
    background: linear-gradient(120deg, #c1c7d6 0%, #e0e5f1 100%);
    box-shadow: 0 0 0 0.2rem rgba(193, 199, 214, 0.5);
}

.btn-dark-gradient {
    color: #fff;
    background: linear-gradient(60deg, #29323c 0%, #485563 100%);
    border: 1px solid #29323c;
}

.btn-dark-gradient:hover {
    color: #fff;
    background: linear-gradient(60deg, #212931 0%, #424f5d 100%);
    border-color: #29323c;
}

.btn-dark-gradient:focus,
.btn-dark-gradient.focus {
    background: linear-gradient(60deg, #212931 0%, #424f5d 100%);
    box-shadow: 0 0 0 0.2rem rgba(33, 41, 49, 0.5);
}

.btn-secondary-gradient {
    color: #fff;
    background: linear-gradient(to right, #636f8e 0%, #acb8da 100%);
    border: 1px solid #9aa6c7;
}

.btn-secondary-gradient:hover {
    color: #fff;
    background: linear-gradient(to right, #596586 0%, #92a0ca 100%);
    border-color: #9aa6c7;
}

.btn-secondary-gradient:focus,
.btn-secondary-gradient.focus {
    background: linear-gradient(to right, #596586 0%, #92a0ca 100%);
    box-shadow: 0 0 0 0.2rem rgba(88, 100, 130, 0.5);
}


/* End::background color */
/* Start::gradient colors */
.bg-primary-gradient {
    background: linear-gradient(to right, var(--primary-color) 0%, var(--primary05) 100%) !important;
    color: #fff;
  }
  
  .bg-secondary-gradient {
    background: linear-gradient(to right, rgb(var(--secondary-rgb)) 0%, #6789D8 100%) !important;
    color: #fff;
  }
  
  .bg-warning-gradient {
    background: linear-gradient(to left, #efa65f, #f76a2d) !important;
    color: #fff;
  }
  
  .bg-info-gradient {
    background: linear-gradient(to right, rgb(var(--info-rgb)) 0%, #52F0CE 100%) !important;
    color: #fff;
  }
  
  .bg-success-gradient {
    background: linear-gradient(to left, #48d6a8 0%, #029666 100%) !important;
    color: #fff;
  }
  
  .bg-danger-gradient {
    background: linear-gradient(45deg, #f93a5a, #f7778c) !important;
    color: #fff;
  }
  
  .bg-orange-gradient {
    background: linear-gradient(to right, rgb(var(--orange-rgb)) 0%, #9BA815 100%) !important;
    color: #fff;
  }
  
  .bg-purple-gradient {
    background: linear-gradient(to right, rgb(var(--purple-rgb)) 0%, #884af1 100%) !important;
    color: #fff;
  }
  
  .bg-teal-gradient {
    background: linear-gradient(to right, rgb(var(--teal-rgb)) 0%, #0695DD 100%) !important;
    color: #fff;
  }
  
  .bg-light-gradient {
    background: linear-gradient(to right, rgb(var(--light-rgb)) 0%, #D1D6DE 100%) !important;
    color: #000;
  }
  
  .bg-dark-gradient {
    background: linear-gradient(to right, rgb(var(--dark-rgb)) 0%, #54505D 100%) !important;
    color: #fff;
  }
  
  /* End::gradient colors */
  /* Start:: outline colors */
  .bg-outline-primary {
    background-color: var(--custom-white);
    border: 1px solid var(--primary-color);
    color: var(--primary-color);
  }
  
  .bg-outline-secondary {
    background-color: var(--custom-white);
    border: 1px solid rgb(var(--secondary-rgb));
    color: rgb(var(--secondary-rgb));
  }
  
  .bg-outline-warning {
    background-color: var(--custom-white);
    border: 1px solid rgb(var(--warning-rgb));
    color: rgb(var(--warning-rgb));
  }
  
  .bg-outline-info {
    background-color: var(--custom-white);
    border: 1px solid rgb(var(--info-rgb));
    color: rgb(var(--info-rgb));
  }
  
  .bg-outline-success {
    background-color: var(--custom-white);
    border: 1px solid rgb(var(--success-rgb));
    color: rgb(var(--success-rgb));
  }
  
  .bg-outline-danger {
    background-color: var(--custom-white);
    border: 1px solid rgb(var(--danger-rgb));
    color: rgb(var(--danger-rgb));
  }
  
  .bg-outline-dark {
    background-color: var(--custom-white);
    border: 1px solid rgb(var(--dark-rgb));
    color: rgb(var(--dark-rgb));
  }
  
  .bg-outline-light {
    background-color: var(--custom-white);
    border: 1px solid rgb(var(--light-rgb));
    color: var(--custom-black);
  } 

  .table > tbody > tr > td:first-child {
    padding-left: 10px;
  }

  .dataTables_wrapper > .row{
    margin-bottom: 20px !important;
  }

  .dataTables_paginate {
    float: right;
  }

  .sweet-alert {
    border-radius: 50px;
  }

  .sa-button-container>.cancel {
    border-radius: 50px;
    min-width: 150px;
    background: linear-gradient(45deg, #f93a5a, #f7778c) !important;
    color: #fff;
}

.sa-confirm-button-container>.confirm {
    border-radius: 50px;
    min-width: 150px;
    background: linear-gradient(to right, var(--primary-color) 0%, var(--primary05) 100%) !important;
    color: #fff;
}

.avatar-xl {
    height: 2.75rem;
    width: 2.75rem;
}

.border-dashed {
    border: 1px dashed #cccccc !important;
}

.navbar-vertical-label {
    margin-bottom: 0.5rem !important;
    margin-top: 0.5rem !important;
}