body {
    font-family: 'Roboto', sans-serif;
    color: #000000;
    background: #F5FAFF;
    font-size:12px;
}

img {
    max-width: 100%;
    height: auto;
}

h4 {
    font-size: 22px;
    margin-bottom: 1rem;
}

h5 {
    font-size: 18px;
}

input:focus,
button:focus,
a:focus,
select:focus {
    outline: 0;
}

a {
    text-decoration: none;
}

.login-area {
    background: #f3f3f3;
    position: relative;
}

.login-area::before {
    content: "";
    width: 90px;
    height: 180px;
    position: absolute;
    top: 30px;
    left: 0;
    background: url(../img/img-2.png) top left repeat;
    background-size: cover;
}

.login-area::after {
    content: "";
    width: 90px;
    height: 180px;
    position: absolute;
    bottom: 30px;
    right: 0;
    background: url(../img/img-1.png) top left repeat;
    background-size: cover;
}

.login-wrapper {
    min-height: 100vh;
    display: flex;
    align-items: center;
    padding: 30px 0;
}

.login-box .logo {
    text-align: center;
    margin: 30px 0;
}

.btn.btn-orange {
    background: #F26E3D;
    border-radius: 8px;
    box-shadow: 0 3px 27px rgba(242, 110, 61, .45);
    min-width: 208px;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    padding: 13px;
    display: inline-block;
    border: 1px solid #F26E3D;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}

.btn.btn-orange:hover {
    background: #000;
    color: #fff;
    box-shadow: 0 0 0;
    border-color: transparent;
}

.login-box {
    width: 470px;
    font-size: 13px;
    color: #65899F;
    margin: auto;
    background: #fff;
    padding: 30px;
}

.login-box p {
    font-size: 14px;
}

.login-box h5 {
    font-weight: 700;
    color: #000000;
}

.login-box a {
    color: #212529;
    font-weight: 500;
    text-decoration: none;
}

.login-form label {
    font-size: 14px;
    font-weight: 500;
    color: #282B37;
    margin: 0 0 3px;
}

.sl-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #B5C3C7;
    border-radius: 8px;
    padding: 15px;
    margin-bottom: 18px;
}

.sl-form input {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border: 0;
    box-shadow: 0 0 0;
    background: transparent;
}

.sl-form i {
    font-size: 18px;
    color: #222;
}

.login-form .btn {
    width: 100%;
    margin-bottom: 30px;
}

.login-link {
    display: flex;
    justify-content: space-between;
    margin: 0 0 15px;
}

.login-form .checkbox {
    margin: 10px 0 35px;
}

.login-form .form-box {
    display: flex;
    justify-content: space-between;
    margin: 0 0 10px;
}

.login-form .form-box a {
    color: #282b37 !important;
}

.header-area {
    padding: 0px 0;
    background: #00BAFF;
}

.search-box form {
    display: flex;
    background: #fff;
    align-items: center;
}

.search-box input {
    background: transparent;
    border: 0;
    padding: 10px 20px;
    font-size: 14px;
    min-width: 300px;
}

.search-box [type=submit] {
    background: transparent;
    border: 0;
    color: #ddd;
    font-size: 20px;
    padding: 7px 15px;
}

.header-nav {
    margin-left: auto;
}

.header-nav ul {
    display: flex;
    align-items: center;
    list-style: none;
    margin: 0;
    padding: 0;
}

.header-nav .nav-link {
    color: #fff;
    font-size: 14px;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    background: #474747;
    margin-left: 7px;
    transition: 0.2s ease;
    border: 1px solid #474747;
}

.header-nav .nav-link span {
    position: absolute;
    background: #fff;
    min-width: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 11px;
    min-height: 20px;
    font-weight: 700;
    top: -13px;
    left: -4px;
    color: #222;
}

.header-nav .nav-link:hover {
    background: transparent;
    color: #474747;
}

.navigation-area {
    padding: 50px 0;
}

.navigation-menu ul {
    margin: 0 -10px;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
}

.navigation-menu ul li a {
    text-decoration: none;
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #16202A;
    margin-bottom: 20px;
    border-radius: 12px;
    position: relative;
    overflow: hidden;
}

.navigation-menu ul li a:before {
    content: "";
    background: -webkit-linear-gradient(bottom, #0C7BE9, #00BAFF);
    background: linear-gradient(0deg, #0C7BE9, #00BAFF);
    color: #fff;
    position: absolute;
    left: 0;
    transition: 0.5s ease;
    top: 0;
    height: 100%;
    width: 0;
    border-radius: 14px 12px 12px 14px;
}

.navigation-menu ul li a .image {
    background: #ddd;
    color: #16202A;
    padding: 14px;
    font-size: 20px;
    border-radius: 12px;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 2;
}

.navigation-menu ul li a .text {
    flex: 1;
    padding: 15px;
    position: relative;
}

.navigation-menu ul li {
    flex: 0 0 20%;
    padding: 0 10px;
}

.navigation-menu ul li a:hover:before {
    width: 100%;
}

.navigation-menu ul li a:hover {
    color: #fff;
}

.navigation-menu {
    margin-top: 0;
}

.profile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    position: relative;
}

.profile h2 {
    margin: 0 20px;
    font-weight: 400;
    font-size: 15px;
}

.profile h2 span {
    font-weight: 700;
}

.profile-image {
    cursor: pointer;
}

.profile-image img {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    overflow: hidden;
    display: block;
}

.profile-image .dropdown-menu {
    left: auto !important;
    right: 0;
    transform: none !important;
    top: 100% !important;
    text-align: right;
}

.footer-buttons ul {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 0;
    list-style: none;
}

.footer-area {
    padding: 5px 0;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 99;
}

.footer-buttons ul li a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background: #ddd;
    border-radius: 10px;
    margin: 0 5px;
    color: #fff;
    text-decoration: none;
    font-size: 25px;
    transition: 0.2s;
    background: linear-gradient(0, #FF6127, #F2983D);
    box-shadow: 0 2px 35px rgb(242 110 61/ 32%);
}

.footer-buttons ul li a:hover {
    background: linear-gradient(0deg, #0C7BE9, #00BAFF);
}

.section-area {
     padding: 0px 0 60px;
}

.breadcrumb {
    padding: 10px 0;
    border-radius: 8px;
    margin: 0;
}

.breadcrumb a {
    color: #6b6b6b;
    text-decoration: none;
}

.breadcrumb-item.active{font-weight:900;}

.breadcrumb-item+.breadcrumb-item::before {
    content: "\f054";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 12px;
    position: relative;
    top: 0px;
    margin: 0 10px;
}

.page-menu {
    margin-bottom: 10px;
}

.page-menu ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    padding: 0;
    list-style: none;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border: 0;
}

.page-menu ul li a {
    color: #16202A;
    background: #DCEEFF;
    display: flex;
    font-weight: 400;
    margin-right: 10px;
    padding: 10px 20px;
    border-radius: 8px;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    margin-bottom: 10px !important;
    align-items: center;
    font-size:0.9rem;
}

.page-menu.white ul li a {
    background: #fff;
}

.page-menu ul li a i {
    margin-right: 10px;
}

.page-menu ul li a:hover,
.page-menu ul li a.active {
    text-decoration: none;
    background: #00BAFF;
    color: #fff;
    border-color: transparent !important;
}

.page-menu ul li:last-child a {
    margin-right: 0;
}

.page-box {
    background: #fff;
    box-shadow: 0 3px 57px rgb(0 0 0 / 5%);
    border-radius: 15px;
    padding:10px 10px 10px;
}

.image-box {
    margin-bottom: 20px;
    border-radius: 12px;
    overflow: hidden;
}

.image-box img {
    width: 100%;
}

.page-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
}

.page-header h5, .page-box h5 {
    margin: 10px;
    float: left;
}

.page-header button, .page-box button {
    border: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 8px;
    margin-right:3px;
}

.page-header button i, .page-box button i {
    margin-right: 10px;
    font-size: 17px;
    text-decoration: none;
}

.page-text p {
    color: #65899F;
}

.page-text p span {
    color: #16202A;
    display: block;
    font-weight: 600;
}

.row-20 {
    margin-left: -10px;
    margin-right: -10px;
}

.row-20>[class*="col-"] {
    padding-left: 10px;
    padding-right: 10px;
}

.page-menu.border-menu ul li a {
    border: 1px solid #65899F;
    color: #16202A;
    background: transparent;
}

.page-menu.border-menu ul li a:hover {
    box-shadow: 0 0 0;
    background: #0291FF;
    color: #fff;
    border-color: #fff;
}

.card-box {
    border-radius: 12px;
    box-shadow: 0 3px 57px rgb(0 0 0 / 5%);
    background: #fff;
    padding: 15px;
    margin-bottom: 20px;
}

table {
    width: 100%;
}

table th {
    background: #E3F1F9;
    padding: 5px 10px;
    font-weight: 600;
    font-size: 15px;
}

table th:first-child {
    border-radius: 5px 0 0 5px;
}

table th:last-child {
    border-radius: 0 5px 5px 0;
}

table td {
    font-size: 0.8rem;
    padding: 2px 10px;
    color: #666666;
    
}

.cart-text ul {
    margin: 15px 0 0;
    padding: 0 0 0 25px;
    list-style: none;
}

.cart-text ul li {
    position: relative;
    color: #65899F;
}

.cart-text ul li:nth-child(even) {
    color: #000000;
}

.cart-text ul li:before {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 100%;
    background: #CBE5FF;
    left: -20px;
    top: 5px;
}

.cart-text ul li:nth-child(even):before {
    background: #0C7BE9;
}

.cart-text.orange ul li:nth-child(even):before {
    background: #F26E3D;
}

.cart-text.blue ul li:before {
    background: #ABE8FE;
}

.cart-text.blue ul li:nth-child(even):before {
    background: #00BAFF;
}

.tab-content>.tab-pane {
    display: block;
    height: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    visibility: hidden;
    overflow: hidden;
}

.tab-content>.tab-pane.active {
    height: auto;
    width: auto;
    visibility: visible;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    overflow: unset;
}


.modal-dialog {
    max-width: 900px;
}

.modal-popup .modal-dialog-big {
    max-width: 1400px;
}

.modal-popup .modal-dialog .modal-content {
    padding: 20px 20px;
    background: #F5FAFF;
    border-radius: 25px;
}

.modal-dialog .modal-content {
    padding: 25px 30px;
    background: #ffffff;
    border-radius: 25px;
}

.modal-head {
    border-bottom: 1px solid #B5C3C7;
    padding-bottom: 5px;
    margin-bottom: 20px;
}

.modal-footer {
    border-top: 1px solid #B5C3C7;
    padding-top: 16px;
    text-align: right;
    margin-top: 20px;
}

.modal-footer .btn-orange {
    min-width: 142px;
    margin-left: 15px;
}

.btn {
    border-radius: 8px;
    font-size: 13px;
    padding: 8px;
}

.modal-form {
    margin-bottom: 10px;
}

.modal-form label {
    color: #282B37;
    font-weight: 500;
    display: block;
    margin: 0 0 4px;
}

.modal-form .custom-control-input {
    width: 100%;
    border: 1px solid #B5C3C7;
    color: #65899F;
    border-radius: 8px;
    height: 40px;
    padding: 12px;
    font-size: 12px;
}

.modal-form .custom-select {
    border-radius: 8px;
    font-size: 12px;
    padding: 8px 12px;
    height: 40px;
    border: 1px solid #B5C3C7;
    color: #000000;
    width: 100%;
}

.modal-form label span {
    margin-left: 7px;
}

.modal-form label span span {
    margin: 0;
    color: #F26E3D;
}

.modal-form .custom-control-inline {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center;
    padding-left: 38px;
}

.modal-form .custom-radio .custom-control-label:before {
    width: 25px;
    height: 25px;
    border: 1px solid #B5C3C7;
    left: -38px;
    top: -2px;
}

.modal-form .custom-radio .custom-control-input:checked~.custom-control-label:after {
    width: 13px;
    height: 13px;
    background: #3D8EED;
    border-radius: 100%;
    top: 4px;
    left: -32px;
}

.modal-form .custom-control-input:checked~.custom-control-label:before {
    background: transparent;
}

.modal-form .custom-control-inline .custom-control-label {
    margin: 0 0 0 10px;
    margin-right: 20px;
    cursor: pointer;
}

.modal-form label[for=file] {
    background: #f9f9f9;
    color: #9a9a9a;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 116px;
    border-radius: 8px;
    cursor: pointer;
    margin: 0;
}

.modal-form.upload span {
    color: #0e1113;
    margin-left: 10px;
    font-size: 12px;
}

.fc-toolbar-chunk {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.fc-button.fc-button-primary {
    background: #E3F1F9;
    border: 0;
    color: #65899F;
    border-radius: 5px !important;
    margin-left: 10px !important;
    width: 40px;
    height: 39px;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}

.fc-button.fc-button-primary:hover {
    background: #fff;
    color: #16202A;
    box-shadow: 0 3px 34px rgba(0, 0, 0, .14);
}

table.fc-scrollgrid.fc-scrollgrid-liquid {
    border: 0;
    background: #E3F1F9;
}

.fc .fc-col-header-cell-cushion {
    font-weight: 500;
    color: #65899F;
    font-size: 14px;
    padding: 10px;
}

.fc .fc-col-header-cell-cushion:hover {
    text-decoration: none;
}

.fc-theme-standard th {
    border: 0;
    border-radius: 0 !important;
}

.fc-theme-standard td {
    border: 1px solid #E1E1E1 !important;
    #background: #fff;
}

.fc .fc-timegrid-col-frame{
    background: #fff;
}
.fc .fc-timegrid-slot{
    padding:5px;
}

td.fc-daygrid-day.fc-day.fc-day-sun.fc-day-past.fc-day-other {
    background: #C7E4F5;
    border-color: #C7E4F5 !important;
}

a.fc-daygrid-day-number {
    color: #16202A;
    font-size: 15px;
    font-weight: 700;
}

td.fc-daygrid-day.fc-day.fc-day-sun.fc-day-past.fc-day-other .fc-daygrid-day-number {
    color: #65899F;
}

.fc-daygrid-day-frame.fc-scrollgrid-sync-inner {
    padding: 10px;
    min-height: 150px;
}

table.fc-scrollgrid-sync-table {
    border-spacing: 10px;
    border-collapse: separate;
}

.fc-daygrid-day-events:after,
.fc-daygrid-day-events:before,
.fc-daygrid-day-frame:after,
.fc-daygrid-day-frame:before,
.fc-daygrid-event-harness:after,
.fc-daygrid-event-harness:before {
    display: unset;
}

.fc-resource{border-color: #C7E4F5 !important;}

.datatable-card {
    overflow: auto;
}

.datatable-card thead th {
    background: #dceeff8a;
    font-weight: 700;
    color: #444;
    border: 1px solid #DDEDF2 !important;
    padding:5px 10px !important;
    border-bottom-color: transparent !important;
}

/*.datatable-card td:first-child,*/
.datatable-card td:last-child {
    text-align: center;
}

.datatable-card tbody td {
    background: #F5FAFF;
    border: 1px solid #e6e6e6;
    /*padding: 10px !important;*/
}

.datatable-card tbody tr:nth-child(even) td {
    background: #fff;
}

.datatable-card a {
    color: #0C7BE9;
}


.fc-scrollgrid-section-header td {
    border: 0 !important;
}

.fc-view-harness.fc-view-harness-passive {
    border-radius: 10px;
    overflow: hidden;
    background: #E3F1F9;
}

table.fc-scrollgrid {
    border: 0 !important;
}

.fc-col-header-cell {
    background: transparent;
}

tr.fc-scrollgrid-section.fc-scrollgrid-section-header>td,
tr.fc-scrollgrid-section.fc-scrollgrid-section-body>td {
    background: transparent;
    border: 0 !important;
}

.button-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    grid-gap: 10px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    min-width: 15px;
}

.button-list a {
    width: 25px;
    height: 25px;
    border: 0;
    border-radius: 5px;
    color: #fff;
    background: #00BAFF;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    padding-top:2px;
}

.button-list a:hover {
    opacity: .5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}

.button-list a.btn-orange {
    background: #FF7846;
}

.button-list a.btn-green {
    background: #69D84F;
}

.button-list a.btn-red {
    background: #F35A54;
}

.active-box {
    background: #1f9a5d;
    color: #fff;
    font-weight: 700;
    display: inline-block;
    padding: 3px 20px;
    border-radius: 3px;
}

.datatable-card tbody tr:first-child td {
    border-top-color: transparent;
}

table.dataTable.no-footer {
    border: 0;
}

.dataTables_info {
    color: #16202A;
    font-weight: 400;
    margin: 14px 0;
    padding: 0 20px;
    font-size: 0.8rem;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
    color: #16202A !important;
    font-weight: 400;
    font-size: 0.8rem;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    color: #000000 !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: #0D6EFD;
    color: #fff !important;
    border-radius: 5px;
    border-color: transparent;
     font-weight: 400;
    font-size: 0.8rem;
}

.dataTables_wrapper .dataTables_paginate {
    margin: 15px 0;
    padding: 0 10px;
     font-weight: 400;
    font-size: 0.8rem;
}

.datatable-card input, .datatable-card select {
    border: 1px solid #B5C3C7;
    border-radius: 8px;
    font-size: 12px;
    color: #65899F;
    padding: 5px 10px;
    background: transparent;
}

/* .datatable-card .dataTables_length,
.datatable-card .dataTables_filter {
    display: none;
} */

.datatable-card thead tr.datatable-search td {
    background: transparent;
    border: 0 !important;
}

.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc {
    background-image: url(../img/short-both.svg) !important;
    background-position: right 10px center !important;
}

.dataTable thead td:first-child {
    cursor: default;
    background-image: none !important;
}

.p-0 .page-header {
    padding: 0px 5px 0;
}

.datatable-card td:first-child {
    border-left-color: transparent !important;
}

.datatable-card td:last-child {
    border-right-color: transparent !important;
}

.datatable-filter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 15px 0;
    border-top: 1px solid #DDEDF2;
    border-bottom: 1px solid #DDEDF2;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.df-search {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.datatable-filter h2 {
    margin: 0;
    color: #16202A;
    font-size: 14px;
    font-weight: 600;
}

.df-search input {
    border: 1px solid #B5C3C7;
    width: 218px;
    padding: 10px 10px 10px 35px;
    border-radius: 8px;
    background: transparent;
}

.df-search:before {
    content: "\f002";
    font-family: "Font Awesome 5 Free";
    font-weight: 700;
    position: absolute;
    font-size: 16px;
    left: 10px;
    color: #c6c6c6;
}

.df-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    grid-gap: 10px;
}

.df-button button {
    border: 1px solid #B5C3C7;
    background: #474747;
    color: #fff;
    font-weight: 600;
    padding: 10px 20px;
    border-radius: 8px;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}

.df-button button:hover {
    background: #16202A;
    color: #fff
}

.df-button button i {
    margin-right: 5px;
}

.df-select {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.df-select p {
    margin: 0 0 0 10px;
    color: #222;
    font-weight: 400;
    font-size: 14px;
}

.df-select .nice-select {
    padding: 0;
    min-width: 85px;
    height: 40px;
    border-radius: 8px;
    border-color: #B5C3C7;
    font-size: 14px;
    font-weight: 700;
    line-height: 40px;
    margin-left: 15px;
    background: transparent;
}

.df-select .nice-select .current {
    padding-left: 16px;
}

.df-select .nice-select:before {
    content: "";
    position: absolute;
    background: #B5C3C7;
    width: 1px;
    top: -1px;
    right: 28px;
    bottom: -1px;
}

.nice-select:after {
    border-top: 6px solid #16202A;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: transparent;
    right: 9px;
}

.nice-select.open:after {
    border-bottom: 6px solid #16202A;
    border-top: transparent;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    right: 9px;
}

.nice-select .list {
    width: 100%;
}

.page-menu ul li a .round {
    color: #fff;
    background: #282B37;
    width: 18px;
    height: 18px;
    display: inline-block;
    text-align: center;
    border-radius: 50%;
    margin-right: 7px;
    font-size: 13px;
}

.page-menu ul li a:hover span,
.page-menu ul li a.active span {
    color: #0291FF;
    background: #fff;
}

.modal-form .custom-control-inline input {
    width: 20px;
    cursor: pointer;
}

.modal-form .custom-control-inline {
    display: inline-flex;
    align-items: center;
    padding: 0;
}

.btn.btn-gray {
    color: #5e5e5e;
    border: 1px solid #5e5e5e;
    background: #ffffff;
}

.page-header .df-search {
    position: relative;
}

.page-header h2 {
    font-size: 16px;
    margin: 0;
}

.modal-footer .btn {
    padding: 10px 25px;
}

.table-header {
    display: flex;
    align-items: center;
    margin: 5px 0 5px 5px;
    justify-content: space-between;
}

.table-left {
    display: flex;
    align-items: center;
}

.dataTables_wrapper .dataTables_filter input {
    border: 1px solid #B5C3C7;
    width: 300px;
    padding: 10px 10px 10px 35px;
    border-radius: 8px;
    background: transparent;
    margin-right: 20px;
    min-height: 40px;
}

.dataTables_wrapper .dataTables_filter label {
    position: relative;
}

.dataTables_wrapper .dataTables_filter label::before {
    content: "\f002";
    font-family: "Font Awesome 5 Free";
    font-weight: 700;
    position: absolute;
    font-size: 16px;
    left: 13px;
    color: #c6c6c6;
    top: 9px;
}

.dataTables_wrapper .dataTables_length select {
    min-width: 70px;
    height: 40px;
    border-radius: 8px;
    border-color: #B5C3C7;
    font-size: 14px;
    font-weight: 700;
    line-height: 40px;
    margin-left: 15px;
    background: transparent;
    margin-right: 10px;
    cursor: pointer;
}

.dataTables_wrapper .dataTables_length label {
    font-size: 15px;
}

/*.modal-form{
    margin-left:-15px; 
    margin-right:-15px;
}
*/
.modal-form .row{
 margin-bottom:20px;
}

.modal-header{
 padding:0px;
 margin-bottom:20px;
}

.modal-body{
 padding:0px;
 margin-bottom:20px;
}

.modal-body .row{
 margin-bottom:5px;
}

.modal-footer{
 padding:10px;
 margin-top:20px;
}

.modal-body label, .modal-body legend {
    color: #282B37;
    font-weight: 200;
    display: block;
    margin: 0 0 4px;
    font-size:0.8rem;
}   

.table-body{
padding:8px;
}

.form-control{font-size:0.9rem;font-weight:300;}

.inactive-box{background: #DDEDF2;color: #83A0AA; font-weight: 700;display: inline-block;padding: 3px 20px; border-radius: 3px;}
.red-box{background: #F35A54;color: #fff; font-weight: 700;display: inline-block;padding: 3px 20px; border-radius: 3px;}
.warning-box{background: #ffc107;color: #fff; font-weight: 700;display: inline-block;padding: 3px 20px; border-radius: 3px;}
.border-red{border:#fd3995 1px solid!important;border-radius:8px!important;}
.select2-container{width:100%;border-radius: 8px;/*height: 40px;*/}
.select2{width:100%!important;}
.select-search{width:100%!important;height:40px!important;}
.select2-container .select2-selection--single{height:38px;}
.select2-container--default .select2-selection--single{border-radius:8px;}
.select2-container--default .select2-selection--single .select2-selection__arrow{height:40px;}
.select2-container--default .select2-search--dropdown .select2-search__field{height:30px;}
.select2-container--default .select2-selection--single .select2-selection__rendered{line-height:40px;}
.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option {
    padding: 0.375rem 0.75rem;
    font-size: 0.8rem;
}
.select2-container--bootstrap-5 .select2-selection {
    font-size: 0.95rem;
}
.bootbox .modal-header, .bootbox .modal-body{padding:10px;}
.bootbox-body{font-size:1rem;}
.modal-body-height{max-height:500px;min-height:250px!;overflow: auto;}
.modal-content img{margin:5px auto; display:block;}
.mh200{max-height:200px;overflow-y: auto!important; overflow-x:hidden!important;}
.mh500{max-height:500px;min-height:200px;overflow-y: auto!important; overflow-x:hidden!important;}
.text-left td{text-align:left!important;}
.datatable-card a i{color:#fff;}
.notes{min-height:100px;width:100%!important;}
.modal-content{border:none;}
.table-configuration td:last-child {text-align: left;}
.table-configuration-fields td:first-child, .table-dashboard td:first-child {text-align: left;}
.table-dashboard th{font-size:14px;text-align:center;}
.table-dashboard td{font-size:13px;}
.sortable-list { list-style-type: none; margin: 0;  padding: 0; width: 100%; cursor:pointer;}
.sortable-list li { margin: 0 3px 3px 3px; padding: 0.4em; padding-left: 1.5em; font-size: 14px;  height: 40px;}
.sortable-list li span{padding:5px 5px!important;}
ul.sortable {float: left; margin: 20px 0; list-style: none; position: relative !important;}
ul.sortable li {height: 200px; float: left; margin: 0 7px 50px 0; border: 2px solid #fff; cursor: move;}
ul.sortable li img {height: auto; float: left;}
ul.sortable li.ui-sortable-helper {border-color: #3498db;}
ul.sortable li.placeholder {width: 300px; height: 200px; float: left; background: #eee; border: 2px dashed #bbb; display: block; opacity: 0.6; border-radius: 2px;-moz-border-radius: 2px; -webkit-border-radius: 2px; }
.modal-current{z-index:1056!important;}
/*.select2-container{width:100%!important;}*/
.modal .select2-container{z-index:1055;}
.modal-current .select2-container{z-index:1057!important;}
.w100{width:100%!important;}
.modal-current .modal-content{border:#0069d9 2px solid;background:#fff!important;}
.btn-red{background: #F35A54;padding: 5px; color: #fff!important; border-radius: 5px;cursor:pointer;}
.deleted{text-decoration:line-through;}


td.fc-daygrid-day.fc-day{width:40px;height:40px;cursor:pointer;}
.add_appointment{float:left;position:absolute;margin-top:40px;}
.appointment-modal, .appointment-modal-export{width:60%!important;left:25%!important;}
.appointment-modal .label, .appointment-modal-export .label{text-align:left;padding-left:15px;}
.appointment-modal-info{width:40%!important;left:35%!important;}
.appointment-modal-info .label{text-align:left;padding-left:15px;}
.mt450{margin-top:-450px!important;}
#appointment_car_number,#appointment_client_name,#appointment_client_phone,#appointment_agent_name,#appointment_agent_phone{text-transform:uppercase;}

.w98{width:98%!important;}
.w100{width:100%!important;}
.fc .fc-non-business{cursor: not-allowed;}
.fc-direction-ltr .fc-daygrid-event .fc-event-time{display:none;}
.fc-daygrid-event-dot{width: 0px; height: 0px;margin-top: -2px;border: 22px solid #3788d8;margin-left: -1px;}
.fc .fc-daygrid-day-number{position:absolute!important;padding:10px 15px !important;z-index:9999!important;color:#444;font-weight:bold;}
.fc-event-time,.fc-event-title{color:#444;font-weight:bold;}
.departments ul li{display:inline-block!important;}
.services{margin:5px 0;max-height: 130px; overflow-y: auto;}
.services ul{padding-left: 5px!important;}
.services ul li{display:inline-block!important;width:45%!important;}
.w30{width:30%!important;float:left!important;}
.w25{width:25%!important;float:left!important;}
.ml20{margin-left:20%!important;}
.button-export-appointment{float:right;margin:40px 25px;}
.mtm25{margin-top:-25px;}
.mt10{margin-top:10px;}
.item-sms{float:left;width:80px;}
.item-sms .item-inner{    width: calc(100% - 25px);}


#myModal.modal { width: auto;  margin-left: 0; position: fixed; top: 0;right: 0; bottom: 0; left: 0; z-index: 9999999;  display: none; overflow: hidden; -webkit-transform: translate3d(0,0,0) scale(1);  transform: translate3d(0,0,0) scale(1); }
 
#appointments-calendar-day{height:800px;}
 
@media (max-width: 992px) {
 #appointments-calendar-day{height:600px;}
 .departments{float:left;width:100%!important;}
 #appointments-calendar-month{float:left;width: 95%!important;margin-top:40px;margin-left: 10px;background: #fff;padding: 2px;}
 .fc-toolbar-title{font-size: 1.15em!important;}
 .appointment-modal{width:100%!important;left:35%!important;}
 .departments ul li {
    display: block;
    width: 100%!important;
}
	
}


/* Mobile Small Layout */
@media only screen and (max-width: 767px) {
  .departments{display:none;}
  #appointments-calendar-month{display:none;}
  .button-export-appointment{display:none;}
  .mt450{ margin-top: -310px!important;  left: 38%!important; width: 99%!important;}
  .w30{width:60%!important;}
  .w25{width:40%!important;}
  .appointment-modal { max-height: calc(100vh - 20px);  overflow-y: auto; margin-top: -310px!important;  left: 38%!important; width: 98%!important; }
  .services ul li{width:100%!important;}
  #form_addappointment_modal .list-block .item-title.label, #form_editappointment_modal .list-block .item-title.label{display:none;}
  .appointment-modal .modal-text{margin-top:-30px!important;}
  .appointment-modal .modal-inner{margin-bottom:-45px!important;}
  .add-date{display:none;}
   .title-services{display:none!important;}
   .show_completed_transactions{display:none;}
}

/**status**/
.label-success,
.label-primary,
.label-info,
.label-danger,
.label-warning {
    padding: 5px 10px;
    margin: 0 5px;
    border-radius: 10px;
    color: #fff!important;
    font-size: 0.875rem;
}

.label-success {
    background-color: #739e73;
}

.label-primary {
    background-color: #00BAFF;
}

.label-info {
    background-color: #57889c;
}

.label-danger {
    background-color: #FF0000!important;
}

.label-warning {
    background-color: #ffc107;
}


 .popper,
  .tooltip {
    position: absolute;
    z-index: 9999;
    background: #2C3E50;
    color: #fff;;
    /*width: 600px;*/
    border-radius: 3px;
    box-shadow: 0 0 2px rgba(0,0,0,0.5);
    padding: 10px;
    text-align: center;
  }
  .style5 .tooltip {
    background: #2C3E50;
    color: #FFFFFF;
    max-width: 200px;
    width: auto;
    font-size: .8rem;
    padding: .5em 1em;
  }
  .popper .popper__arrow,
  .tooltip .tooltip-arrow {
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    margin: 5px;
  }

  .tooltip .tooltip-arrow,
  .popper .popper__arrow {
    border-color: #2C3E50;
  }
  .style5 .tooltip .tooltip-arrow {
    border-color: #2C3E50;
  }
  .popper[x-placement^="top"],
  .tooltip[x-placement^="top"] {
    margin-bottom: 5px;
  }
  .popper[x-placement^="top"] .popper__arrow,
  .tooltip[x-placement^="top"] .tooltip-arrow {
    border-width: 5px 5px 0 5px;
    border-left-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    bottom: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0;
  }
  .popper[x-placement^="bottom"],
  .tooltip[x-placement^="bottom"] {
    margin-top: 5px;
  }
  .tooltip[x-placement^="bottom"] .tooltip-arrow,
  .popper[x-placement^="bottom"] .popper__arrow {
    border-width: 0 5px 5px 5px;
    border-left-color: transparent;
    border-right-color: transparent;
    border-top-color: transparent;
    top: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0;
  }
  .tooltip[x-placement^="right"],
  .popper[x-placement^="right"] {
    margin-left: 5px;
  }
  .popper[x-placement^="right"] .popper__arrow,
  .tooltip[x-placement^="right"] .tooltip-arrow {
    border-width: 5px 5px 5px 0;
    border-left-color: transparent;
    border-top-color: transparent;
    border-bottom-color: transparent;
    left: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0;
  }
  .popper[x-placement^="left"],
  .tooltip[x-placement^="left"] {
    margin-right: 5px;
  }
  .popper[x-placement^="left"] .popper__arrow,
  .tooltip[x-placement^="left"] .tooltip-arrow {
    border-width: 5px 0 5px 5px;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    right: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0;
  }
  
  .fc .fc-daygrid-day.fc-day-today{background-color: #008B00;}
  
  .list-group .badge{z-index:2}.
.list-custom-large a{line-height:70px;color:#000;font-weight:500;font-size:13px;border-bottom:solid 1px rgba(0,0,0,0.05)}
.list-custom-large a span:not(.badge){font-size:14px;position:absolute;margin-top:-6px;font-weight:bold;}
.list-custom-large a strong{font-size:10px;float:left;font-size:11px;margin-top:15px;color:#adb5bd;font-weight:500}
.list-custom-large a i:first-child{width:32px;height:32px;line-height:32px;margin-top:21px;text-align:center;float:left;margin-right:15px}
.list-custom-large a i:last-child{float:right;font-size:10px}
.list-custom-large .badge{position:absolute;right:10px;margin-top:30px;font-size:9px;padding:5px 8px 5px 8px;font-weight:700}
.list-custom-large i{line-height:25px}.list-custom-large .custom-control{z-index:10;position:absolute;right:40px;margin-top:22px}
.list-custom-large .custom-control input{transform:translateY(-12px) !important}


.form-control-50{width:48%;float:left;}
.form-control-50-r{width:48%;float:right;}

.app_canceled{background: #F6BDC0;}
.app_completed{background: #BFffBf;}
.img-modal-center{width:30px; margin:auto;display:block;}
.width-100{width: 100%;}
.width-50{width: 50%!important;}
.btn-table-center{display: block;margin: auto;width: 30px;}
.btn-file {    position: relative;    overflow: hidden;}
.btn-file input[type=file] {position: absolute; top: 0; right: 0;    min-width: 100%;    min-height: 100%;    font-size: 100px;    text-align: right;    filter: alpha(opacity=0);    opacity: 0;    outline: none;       cursor: inherit;    display: block;}
.bootbox-close-button{display:none;}
.bootbox .modal-dialog{max-width:500px;}

.select2-container--bootstrap-5 .select2-selection__choice {
    font-size: 0.8em!important;
    padding: 2px 10px;
}

.border-left-success {border-left: 0.25rem solid #1cc88a !important;}
.border-left-warning { border-left: 0.25rem solid #f6c23e !important;}
.border-left-danger {  border-left: 0.25rem solid #e74a3b !important;}
.border-left-secondary {  border-left: 0.25rem solid #858796 !important;}
.border-warning { border: 0.15rem solid #f6c23e !important;}

.selected td{background:#b0bed9!important;color:#212529!important;}

.form-control-sm{height: 30px;}

.my-btn-sm {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.8;
}

.pac-container{z-index:9999;}
.card-info-height{min-height:150px;}

.alert-information {color: #004085;background-color: #F5FAFF; border-color: #b8daff; padding: 10px 0; border-radius: 15px;}
.alert-information-modal {color: #004085;background-color: #DCEEFF; border-color: #b8daff; padding: 10px 0; border-radius: 15px;}
/**status**/
.label-success{padding:1px 5px; background:#739e73; margin:0px 3px;border-radius:3px;color:#fff!important;}
.label-primary{padding:1px 5px; background:#00BAFF; margin:0px 3px;border-radius:3px;color:#fff!important;}
.label-info{padding:1px 5px; background:#57889c; margin:0px 3px;border-radius:3px;color:#fff!important;}
.label-danger{padding:1px 5px; background:#FF0000!important; margin:0px 3px;border-radius:3px;color:#fff;}
.label-warning{padding:1px 5px; background:#ffc107; margin:0px 3px;border-radius:3px;color:#fff;}

.alert-warning { color: #856404!important; background-color: #fff3cd!important;border-color: #ffeeba!important;}
.alert-information{color: #004085;background-color: #F5FAFF;border-color: #b8daff;padding:10px 0; border-radius: 15px;}
.alert-information-modal{color: #004085;background-color: #DCEEFF;border-color: #b8daff;padding:10px 0; border-radius: 15px;}



/**status**/
.s_success{padding:1px 5px; background:#739e73; margin:0px 3px;border-radius:3px;color:#fff;}
.s_successs{padding:1px 5px; background:#1d781d; margin:0px 3px;border-radius:3px;color:#fff;}
.s_process{padding:1px 5px; background:#8A2BE2; margin:0px 3px;border-radius:3px;color:#fff;}
.s_info{padding:1px 5px; background:#57889c; margin:0px 3px;border-radius:3px;color:#fff;}
.s_cancel{padding:1px 5px; background:#F8ACAC; margin:0px 3px;border-radius:3px;color:#fff;}
.s_error{padding:1px 5px; background:#FF0000; margin:0px 3px;border-radius:3px;color:#fff;}
.s_warning{padding:1px 5px; background:#ffc107; margin:0px 3px;border-radius:3px;color:#fff;}

.s_high{padding:1px 5px; background:#FF0000; margin:0px 3px;border-radius:3px;color:#fff;}
.s_medium{padding:1px 5px; background:#F8ACAC; margin:0px 3px;border-radius:3px;color:#fff;}
.s_low{padding:1px 5px; background:#F2DD8C; margin:0px 3px;border-radius:3px;color:#fff;}

.iframe_report{width:99%; position: absolute; height: 100%; border: none; overflow-x:none; overflow-y:auto;}
.iframe{width:99%; height: 300px; border: none; overflow-x:none; overflow-y:auto;}
.logoBar{display:none!important;}

.border-left-1 {border-left: 0.25rem solid #1cc88a !important;}
.border-left-2 { border-left: 0.25rem solid #f6c23e !important;}
.border-left-3 {  border-left: 0.25rem solid #e74a3b !important;}
.border-left-0 {  border-left: 0.25rem solid #858796 !important;}

.s_1{padding:1px 5px; background:#28a745; margin:0px 3px;border-radius:3px;color:#fff;}
.s_2{padding:1px 5px; background:#ffc107; margin:0px 3px;border-radius:3px;color:#fff;}
.s_3{padding:1px 5px; background:#dc3545!important; margin:0px 3px;border-radius:3px;color:#fff;}


.s_new{padding:1px 5px; background:#ccc; margin:0px 3px;border-radius:3px;color:#fff;border:#ccc 1px solid;}
.s_success{padding:1px 5px; background:#739e73; margin:0px 3px;border-radius:3px;color:#fff;border:#739e73 1px solid;}
.s_done{padding:1px 5px; background:#b7bf95; margin:0px 3px;border-radius:3px;color:#fff;border:#b7bf95 1px solid;}
.s_process{padding:1px 5px; background:#8A2BE2; margin:0px 3px;border-radius:3px;color:#fff;border:#8A2BE2 1px solid;}
.s_cancel{padding:1px 5px; background:#F8ACAC; margin:0px 3px;border-radius:3px;color:#fff;border:#F8ACAC 1px solid;}
.s_error{padding:1px 5px; background:#FF0000; margin:0px 3px;border-radius:3px;color:#fff;border:#FF0000 1px solid;}
.s_draft{padding:1px 5px; background:#ccc; margin:0px 3px;border-radius:3px;color:#fff;border:#ccc 1px solid;}
.s_S{padding:1px 5px; background:#28a745; margin:0px 3px;border-radius:3px;color:#fff;}
.s_W{padding:1px 5px; background:#ffc107; margin:0px 3px;border-radius:3px;color:#fff;}
.s_E{padding:1px 5px; background:#dc3545!important; margin:0px 3px;border-radius:3px;color:#fff;}


.s_working{padding:1px 5px; background:#8A2BE2; margin:0px 0px;border-radius:3px;color:#fff;border:#8A2BE2 1px solid;}
.s_working_cumulative{padding:1px 5px; background:#8A2BE2; margin:0px 0px;border-radius:3px;color:#fff;border:#8A2BE2 1px solid;}
.s_completed{padding:1px 5px; background:#739e73; margin:0px 0px;border-radius:3px;color:#fff;border:#739e73 1px solid;}
.s_canceled{padding:1px 5px; background:#F8ACAC; margin:0px 0px;border-radius:3px;color:#fff;border:#F8ACAC 1px solid;}
.s_billed{padding:1px 5px; background:#739e73; margin:0px 0px;border-radius:3px;color:#fff;border:#739e73 1px solid;}
.s_devalidated{padding:1px 5px; background:#FF0000; margin:0px 0px;border-radius:3px;color:#fff;border:#FF0000 1px solid;}
.s_reversed{padding:1px 5px; background:#F8ACAC; margin:0px 0px;border-radius:3px;color:#fff;border:#F8ACAC 1px solid;}
.s_to_be_approbed{padding:1px 5px; background:#8A2BE2; margin:0px 0px;border-radius:3px;color:#fff;border:#8A2BE2 1px solid;}
.s_approved{padding:1px 5px; background:#739e73; margin:0px 0px;border-radius:3px;color:#fff;border:#739e73 1px solid;}
.s_payed{padding:1px 5px; background:#739e73; margin:0px 0px;border-radius:3px;color:#fff;border:#739e73 1px solid;}
.s_not-payed{padding:1px 5px; background:#F8ACAC; margin:0px 0px;border-radius:3px;color:#fff;border:#F8ACAC 1px solid;}

.table-filter{background:#F5FAFF!important;}
.datatable-card thead .table-filter th{padding:2px!important;}
.table-filter .form-control{background:#fff;}
.table-filter .form-select{background:#fff;}
.btn-success{background:#28a745!important;}
.btn-small{padding:0 5px;}
.btn-small-m{padding:1px 3px;}

.list-inline-head li{margin-right:2.5rem!important;}
.btn-collapse{float:right;margin-top:-35px;padding:4px 0 4px 9px!important;}
.btn-edit-head{position:absolute;margin-left:10px;margin-top:-15px!important;padding:0 10px 0 10px!important;}
.iframe{width:99%; height: 500px; border: none; overflow-x:none; overflow-y:auto;}
.checkbox_checked{height:25px!important;margin-top:5px;}
.pac-container {z-index: 1055 !important;}
.table-bank-and-cash th, .table-bank-and-cash td{font-size:12px;}
.table-bank-and-cash input{padding: 10px 5px;}
.yellow-bg{background:#ffffc4!important;}
.btn-small i{width:5px;}
.btn-small-m i{width:20px;margin-top:3px;}
/*table.dataTable tbody>tr.selected, table.dataTable tbody>tr>.selected{background:#b0bed9!important;color:#212529!important;}*/
.selected td{background:#b0bed9!important;color:#212529!important;}
.transaction_row_amount_unallocated{font-weight:bold;border:2px solid #f89406!important ;}
.btn-small-d{position:absolute;margin-top:7px;}
.td-payment-top{background:#ECF6F9!important; border-color: #DDEDF2;}
.h25{height:25px;}
.h45{height:45px;}
.h50{height:50px;}
.checkbox-datatable{position: absolute;margin-left:15%;height: 30px;top: -45px;}
.checkbox-datatable label{font-size:14px;font-weight:normal;padding-top:2px;}
.task-page-header{ height: 0px; margin-bottom: 10px;  padding-bottom: 10px;}
.mtm10{margin-top:-10px!important;}
.mh40{min-height:40px;}

.btn-info, .btn-warning{
--bs-btn-color:#fff;
--bs-btn-hover-color:#fff;
--bs-btn-active-color:#fff;
--bs-btn-disabled-color:#fff;
}



.table-small td, .table-small td span{font-size:11px!important;}
.table-small thead th{font-size:11px!important;}

.iframe{height:600px!important;width:100%;!important;}
.title-small{font-size:11px;}

.wmodal{width: 950px!important;}
.wmodalbig{width: 1250px!important;}
.wmodalimport{width:70%!important;}
@media only screen and (max-width: 1366px) {
.wmodal{width: 800px;} 
.wmodalbig{width: 1250px;}
}

@media only screen and (max-width: 768px) {
.wmodal{width:100%!important;}   
.wmodalbig{width:100%!important;}                  
}

.no-gap-r {
    margin-right: -5px;
}

.no-gap-l {
    margin-left: -5px;
}

.info-title{font-size:14px;font-weight:700;margin-bottom:3px;}
.info-title-2{font-size:12px;font-weight:500;margin-bottom:3px;}
.tooltip-info{font-size:10px;background:#00BAFF; padding:2px;margin-left:5px}
.input-group-text{font-size:0.7rem!important;}
.page-box .select2-container{height:36px!important;width:auto!important;}
.btn-check-cui, .btn-check-eori{cursor:pointer;}
.btn-group i{margin-top:0px;font-size:14px;}