.table-action {
    color: #888ea8;
    margin-right: 6px;
    vertical-align: middle;
    fill: rgba(0, 23, 55, 0.08);
    cursor: pointer; 
}

.table-hover:not(.table-dark) tbody tr:hover .table-action {
    /* color: #8dbf42;  */
    color: #338ED9;
    /* color: #71E1B1; */
}

.table-hover:not(.table-dark) tbody tr:hover .table-action.delete {
    color: #e7515a;
}

.table .table-image {
    min-height: 70px;
    display: block;
    width: 100%;
    text-align: center;
}

.table > tbody > tr > td {
    white-space: nowrap;
    /* overflow: hidden; */
    text-overflow: ellipsis;
}

.ellipsis {
    text-overflow: ellipsis; 
    white-space: nowrap; 
    overflow: hidden;
}

.table .ellipsis-column {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dt-bootstrap4:not(.initialized) .dataTables_info {
    display: none;
}

table img.profile-img {
    width: 70px;
    height: 70px;
    border: 2px solid #d3d3d3;
    box-shadow: 0px 0px 14px 3px rgba(126, 142, 177, 0.24);
}

.navbar .theme-brand li.theme-logo img {
    border-radius: 0;
    width: auto;
    height: 40px;
}

div.table-responsive > div.dataTables_wrapper > div.row > div[class^="col-"]:first-child {
    padding-left: 15px;
}

.status-badge {
    min-width: 70%;
}

label.switch {
    margin-bottom: 0;
    vertical-align: middle;
}

.form-group.ac-visible input {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

ul.address-ac {
    list-style: none;
    padding: 0;
    border: 1px solid #bfc9d4;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    border-top: 0;
    position: absolute;
    width: 100%;
    background-color: #fff;
    z-index: 1;
}

.address-ac li {
    padding: 15px;
}

.address-ac li:not(.info) {
    cursor: pointer;
}

.address-ac:not(.info) li:hover {
    background-color: #f9f9f9;
}

div.table-responsive > div.dataTables_wrapper > div.row {
    margin-right: -15px;
    margin-left: -15px;
}

#sidebar ul.menu-categories li.menu > .dropdown-toggle[data-active="true"] svg {
    fill: rgba(172,176,195, 0.4);
}

.form-form .form-form-wrap {
    max-width: 511px;
    min-width: 350px;
}

.form-image .l-image {
    background-image: url(../img/schedule.jpeg);
    background-size: cover;
}

.l-image-overlay {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-image: url(../img/logo_clinica_digital_alt.png);
    background-repeat: no-repeat;
    background-position: center top 25px;
    background-size: 50%;
}

.l-image-globalhelath {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-image: url(../img/globalhealth.png);
    background-repeat: no-repeat;
    /* background-position: right 25px bottom 25px; */
    background-position: center bottom 25px;
    background-size: 125px;
}

.sidebar-wrapper ul.menu-categories li.menu.menu-heading > .heading {
    /* cursor: pointer; */
    font-size: 13px;
    font-weight: 600;
    color: #515365;
    padding: 20px 0 20px 20px;
    letter-spacing: 1px;
}

span.company-name {
    text-transform: uppercase;
}

.availability-modal .product-image {
    background-repeat: no-repeat; 
    background-size: contain; 
    background-position: center center; 
    max-width: 100px; 
    height: 100px;
}

.availability-modal .product-name {
    position: absolute; left: 110px; top: 50%; transform: translateY(-50%);
}

.availability-modal .product-info {
    position: relative; margin-bottom: 10px;
}

.badge-dashed {
    background: transparent;
    transform: none;
}

.badge-dashed.badge-primary {
    color: #1b55e2;
    border: 2px dashed #1b55e2;
}

.creativ-link {
    color: #338ed9 !important;
    font-weight: 700;
}

/* .creativ-link:hover {
    color: rgb(255, 44, 56) !important;
} */

.appointment-montly-chart .apexcharts-title-text {
    visibility: hidden;
}

.widget-table-two.widget-express-permanence .table > tbody > tr:hover > td,
.widget-table-two.widget-general-data .table > tbody > tr:hover > td {
    color: #1b55e2 !important;
    font-weight: bold;
}

.widget-table-two.widget-express-permanence .table > tbody > tr > td:first-child {
    border-top-left-radius: 6px;
    padding: 2px 0 2px 5px;
}

.widget-table-two.widget-express-permanence .table > tbody > tr > td:last-child {
    border-top-right-radius: 6px;
    padding: 2px 5px 2px 0;
    text-align: right;
}

.table .outline-badge-danger {
    background-color: #ffe1e2;
}

.table .outline-badge-success {
    color: #009688;
    background-color: #e6ffbf;
    border-color: #009688;
}

.details-row {
    margin-bottom: 5px;
    /* color: #1b55e2 !important; */
    font-weight: bold;
}

.details-row span {
    font-weight: normal;
    /* color: #888ea8; */
}

.details-header {
    margin-bottom: 15px;
}

.tip-icon svg {
    color: #1b55e2;
    cursor: pointer;
}

.input-search { position: relative; }
.input-search svg { position: absolute; top: 38px; right: 10px; height: 20px; color: #bfc9d4; }
.input-search input { padding-right: 2.25rem; }

.navbar { background-color: #fff; }
.header-container { border-color: #fff; }
.sub-header-container .navbar { background: #338ed9; }
.sub-header-container .breadcrumb-one .breadcrumb-item.active { color: #fff; }
.sub-header-container .navbar .sidebarCollapse svg { color: #71e1b1; }

#sidebar ul.menu-categories li.menu ul.submenu > li.active a:before, 
#sidebar ul.menu-categories ul.submenu > li.active a,
#sidebar ul.menu-categories ul.submenu > li a:hover { color: #338ed9; }

.table > thead > tr > th { color: #338ed9; }

/* btn-primary */
.btn-primary {
    color: #fff !important;
    background-color: #71e1b1!important;
    border-color: #71e1b1;
    box-shadow: 0 10px 20px -10px #71e1b1;
}
.btn-primary:hover,
.btn-primary:focus {
    color: #fff !important;
    background-color: #71e1b1;
    border-color: #71e1b1;
}
.btn-primary:active,
.btn-primary.active {
    background-color: #71e1b1;
    border-top: 1px solid #71e1b1
}
.btn-primary.disabled,
.btn-primary.btn[disabled],
.btn-primary:disabled {
    background-color: #71e1b1;
    border-color: #71e1b1;
}
.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover,
.btn-primary.focus:active, .btn-primary:active:focus, .btn-primary:active:hover,
.open > .dropdown-toggle.btn-primary.focus, .open > .dropdown-toggle.btn-primary:focus,
.open > .dropdown-toggle.btn-primary:hover {
    color: #fff !important;
    background-color: #2aebcb;
    border-color: #2aebcb;
}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
    color: #fff !important;
    background-color: #71e1b1;
    border-color: #71e1b1;   
}
.btn-primary .caret { border-top-color: #fff }
.btn-group.open .btn-primary.dropdown-toggle { background-color: #eaf1ff }

/* btn-light */
.btn-light {
    color: #212529 !important;
    background-color: #f8f9fa!important;
    border-color: #f8f9fa;
    box-shadow: 0 10px 20px -10px #ddd;
}
.btn-light:hover,
.btn-light:focus {
    color: #212529 !important;
    background-color: #f8f9fa;
    box-shadow: none;
    border-color: #f8f9fa;
}
.btn-light:active,
.btn-light.active {
    background-color: #f8f9fa;
    border-top: 1px solid #f8f9fa
}
.btn-light.disabled,
.btn-light.btn[disabled],
.btn-light:disabled {
    background-color: #f8f9fa;
    border-color: #f8f9fa;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}
.btn-light.active.focus, .btn-light.active:focus, .btn-light.active:hover,
.btn-light.focus:active, .btn-light:active:focus, .btn-light:active:hover,
.open > .dropdown-toggle.btn-light.focus, .open > .dropdown-toggle.btn-light:focus,
.open > .dropdown-toggle.btn-light:hover {
    color: #212529 !important;
    background-color: #2aebcb;
    border-color: #2aebcb;
}
.btn-light:not(:disabled):not(.disabled).active:focus, .btn-light:not(:disabled):not(.disabled):active:focus, .show>.btn-light.dropdown-toggle:focus {
    box-shadow: none;
}
.btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show>.btn-light.dropdown-toggle {
    color: #212529 !important;
    background-color: #f8f9fa;
    border-color: #f8f9fa;   
}
.btn-light .caret { border-top-color: #fff }
.btn-group.open .btn-light.dropdown-toggle { background-color: #eaf1ff }

.form-control:focus {
    border-color: #71e1b1;
    box-shadow: 0 0 5px 2px rgb(113 225 177 / 40%);
    /* border-color: #338ed9; */
    /* box-shadow: 0 0 5px 2px rgb(51 142 217 / 62%); */
}

.btn-sweet-alert { margin: 0 5px; }

.btn-group .dropdown-menu a.dropdown-item:hover { color: #338ed9; }

.page-item.active .page-link { background-color: #338ed9; }
div.dataTables_wrapper div.dataTables_info { color: #338ed9; }

div#load_screen { background: #fff; }
div#load_screen img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 85px; }
.spinner-grow { /*color: #71e1b1;*/ color: #338ed9; }

.sub-header-container .breadcrumb-one .breadcrumb-item a { color: #71e1b1; }
.sub-header-container .breadcrumb-one .breadcrumb-item a:hover { color: #71e1b1; }

.sub-header-container .breadcrumb-one .breadcrumb-item + .breadcrumb-item::before { color: #fff; }

.form-form .form-form-wrap form .field-wrapper a.forgot-pass-link { color: #338ed9; }
.switch.s-primary .slider:before { background-color: #71e1b1; box-shadow: 0 1px 15px 1px rgb(113 225 177 / 34%); }
.switch.s-primary input:checked + .slider { background-color: #71e1b1; }
/* .switch.s-primary .slider:before { background-color: #338ed9; } */
/* .switch.s-primary input:checked + .slider { background-color: #338ed9; } */

.form-form .form-form-wrap form .field-wrapper svg { color: #338ed9; fill: none; }
/* .form-form .form-form-wrap form .field-wrapper svg { color: #71e1b1; } */
.form-form .form-form-wrap form .field-wrapper input:focus { border-color: #71e1b1; }

.new-control.new-checkbox.checkbox-outline-primary > input:checked ~ span.new-control-indicator { border-color: #71e1b1; }
.new-control.new-checkbox.checkbox-outline-primary > input:checked ~ span.new-control-indicator:after { border-color: #71e1b1; }

/* #sidebar ul.menu-categories li.menu > .dropdown-toggle svg { color: #338ed9; fill: none; } */
/* #sidebar ul.menu-categories li.menu > .dropdown-toggle[data-active="true"] svg { color: #338ed9; fill: none; } */
/* #sidebar ul.menu-categories li.menu > .dropdown-toggle[data-active="true"]:hover svg, */
/* #sidebar ul.menu-categories li.menu > .dropdown-toggle:hover svg { color: #338ed9; } */

#sidebar ul.menu-categories li.menu > .dropdown-toggle svg { color: #71e1b1; fill: none; }
#sidebar ul.menu-categories li.menu > .dropdown-toggle[data-active="true"] svg { color: #71e1b1; fill: none; }
#sidebar ul.menu-categories li.menu > .dropdown-toggle[data-active="true"]:hover svg,
#sidebar ul.menu-categories li.menu > .dropdown-toggle:hover svg { color: #71e1b1; }
#sidebar ul.menu-categories li.menu > .dropdown-toggle:hover, #sidebar ul.menu-categories li.menu > .dropdown-toggle.dropdown-toggle:not([data-active="true"]):not([aria-expanded="true"]):hover { background: #fff; }
#sidebar ul.menu-categories li.menu > .dropdown-toggle[data-active="true"] { background: #338ed9; }
#sidebar ul.menu-categories li.menu > .dropdown-toggle[data-active="true"] span { color: #fff; }
#sidebar ul.menu-categories li.menu > .dropdown-toggle[aria-expanded="true"]:not([data-active="true"]) svg { color: #71e1b1; fill: none; }
#sidebar ul.menu-categories li.menu > .dropdown-toggle[aria-expanded="true"]:not([data-active="true"]) { background: #fff; }

.flatpickr-input[disabled] { background-color: #e9ecef !important; }

.navbar .navbar-item .nav-item.user-profile-dropdown .dropdown-menu .dropdown-item:hover a { color: #338ed9; }
.header-container .navbar .navbar-item .nav-item.dropdown .dropdown-menu:after { border-bottom-color: #fff; }

/* #sidebar ul.menu-categories li.menu > .dropdown-toggle:hover, #sidebar ul.menu-categories li.menu > .dropdown-toggle.dropdown-toggle:not([data-active="true"]):not([aria-expanded="true"]):hover { background: #71e1b1; } */

/* #sidebar ul.menu-categories li.menu > .dropdown-toggle svg { color: #338ed9; fill: rgba(113,225,177, 0.4);  } */
/* #sidebar ul.menu-categories li.menu > .dropdown-toggle[data-active="true"] svg { fill: rgba(113,225,177, 0.8); } */
/* #sidebar ul.menu-categories li.menu > .dropdown-toggle[data-active="true"] svg { color: #338ed9; } */
/* #sidebar ul.menu-categories li.menu > .dropdown-toggle[data-active="true"]:hover svg { color: #197fd3; } */