/************************************************************/
/* Custom Styles to customize the Admin CMS styling */
/************************************************************/

/* CSS Variables*/


/*Body Color of Admin CMS*/
:root {
    /*--ct-body-bg: #ecedf0;*/
    /*--ct-body-bg: #f6f6f9;*/
    /*--ct-body-bg: #f7f8fa;*/
    --ct-body-bg: #f5f5f8;
    --ct-card-header-bg-light: #fbfbfb;
    --ct-btn-primary-color: #0088CC;
    --ct-btn-primary-active-color: #0073AD;
    --ct-primary-rgb: #0088CC;
    --ct-success-rgb: #0acf97;
    --ct-danger-rgb: #ff5c7c;
    --ct-link-color: #0088CC;
    --ct-link-hover-color: #0095DF;
    --ct-pagination-active-bg: #0088CC;
    --ct-pagination-active-border-color: #0088CC;
    --ct-menu-condensed-link-bg: #0088CC;
}

body {
    background-color: var(--ct-body-bg);
}

/* Button Styling */

.btn-primary {
    --ct-btn-color: #fff;
    --ct-btn-bg: var(--ct-btn-primary-color);
    /*--ct-btn-bg: #0d6efd;*/
    --ct-btn-border-color: var(--ct-btn-primary-color);
    --ct-btn-hover-color: #fff;
    --ct-btn-hover-bg: #0095DF;
    --ct-btn-hover-border-color: #0095DF;
    --ct-btn-active-color: #fff;
    --ct-btn-active-bg: #0073AD;
    --ct-btn-active-border-color: #0073AD;
    box-shadow: var(--ct-btn-color) rgba(var(--ct-btn-color), .5);
}

.btn-outline-primary {
    --ct-btn-color: var(--ct-btn-primary-color);
    --ct-btn-border-color: var(--ct-btn-primary-color);
    --ct-btn-hover-color: #fff;
    --ct-btn-hover-bg: var(--ct-btn-primary-color);
    --ct-btn-hover-border-color: var(--ct-btn-primary-color);
    /*--ct-btn-focus-shadow-rgb: 114, 124, 245;*/
    --ct-btn-active-color: #fff;
    --ct-btn-active-bg: var(--ct-btn-primary-active-color);
    --ct-btn-active-border-color: var(--ct-btn-primary-active-color);
    --ct-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --ct-btn-disabled-color: var(--ct-btn-primary-color);
    --ct-btn-disabled-bg: transparent;
    --ct-btn-disabled-border-color: var(--ct-btn-primary-color);
    --ct-gradient: none;
}

.btn-success {
    -webkit-box-shadow: var(--ct-btn-box-shadow) rgba(var(--ct-success-rgb),.1);
    box-shadow: var(--ct-btn-box-shadow) rgba(var(--ct-success-rgb),.1)
}

/*********************************************/
/* Text Styling */
.text-primary {
    --ct-text-opacity: 1;
    color: rgba(var(--ct-primary-rgb),var(--ct-text-opacity)) !important
}

a {
    color: var(--ct-link-color);
    text-decoration: none;
}

a:hover {
    color: var(--ct-link-hover-color);
}

.active > .page-link {
    z-index: 3;
    color: var(--ct-pagination-active-color);
    background-color: #0088CC;
    border-color: #0088CC;
}

.bg-primary {
    --ct-bg-opacity: 1;
    background-color: rgba(var(--ct-primary-rgb),var(--ct-bg-opacity)) !important
}

.card-header {
    color: #212121;
}

.card-header .card-title{
    color:#212121;
}

/**************** End **********************/

/******************************************/
/* Custom Form Styling */
.dropdownStyle option {
    padding: 15px 0px;
}

input, select, textarea {
    color: black !important;
}

.form-check-input:checked {
    background-color: var(--ct-primary-rgb);
    border-color: var(--ct-primary-rgb);
}
/*******************************************/



/* Data Table Dropdown*/
.dropdown-menu a {
    padding: 10px 20px;
    font-weight: 500;
}


/* Bootstrap Cards Styling */
.card {
    border: 1px solid rgba(0, 0, 0, .125);
}
.card-body {
    overflow-x: auto !important;
}

.card-header-pb {
    padding-bottom:0px;
}


/*****************************************************/
/* Navarbar styling */
.navbar-custom {
    border: 1px solid rgba(0, 0, 0, .125);
}
html[data-sidenav-size=condensed]:not([data-layout=topnav]) .wrapper .leftside-menu .side-nav .side-nav-item:hover .side-nav-link {
    position: relative;
    color: #fff;
    background: var(--ct-menu-condensed-link-bg);
    width: var(--ct-leftbar-width);
}
/*****************************************************/

/* Table Styling */

table {
    width: 100%;
    overflow-x: auto;
    text-overflow: ellipsis;
}

.bg-table-header-light {
    background-color: var(--ct-card-header-bg-light);
}

[data-theme=dark], html[data-theme=dark] {
    --ct-card-header-bg-light: #8391a2;
}

/* Badge Styling */
.badge{
    font-size:13px;
    padding:6px;
    font-weight:600;
    text-transform:uppercase;
}

/* Blob Heading Styling */
.blobHeading h3{
    font-size: 1.2rem;
}

/* Data table CSS */
#basic-datatable:hover{
   cursor:pointer;
}

#basic-datatable tr {
    line-height: 10px;
    margin:auto 0;
}

#basic-datatable tr td {
    vertical-align:middle;
}


/*Summernote Editor Double Caret Issue Fix*/
.note-btn > i > span.note-icon-caret {
    padding-left: 3px;
    margin-right: -5px;
}

.note-editor .dropdown-toggle::after {
    all: unset;
}

.note-editor .note-dropdown-menu, .note-editor .note-modal-footer {
    box-sizing: content-box;
}

.note-dropdown-item h1 {
    font-size: 2rem;
}

.note-dropdown-item h2 {
    font-size: 1.8rem;
}

.note-dropdown-item h3 {
    font-size: 1.6rem;
}

/* Ensure the background color and text color in code view are consistent */
.note-codable {
    background-color: #ffffff !important; /* Force white background */
    color: #000000 !important; /* Force black text */
}

/* Override any box-shadow or border applied */
.note-codable {
    border: 1px solid #ced4da; /* Match the Bootstrap 5 border color */
    box-shadow: none !important;
}

/* Summernote full screen issue fix*/
/* Ensure fullscreen covers the whole viewport */
.note-editor.fullscreen {
    position: fixed !important;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100% !important;
    height: 100% !important;
    z-index: 1050 !important; /* Adjust as per your app's stacking context */
    background: white;
    overflow: auto;
}

/* Fix code view height inside fullscreen */
.note-editor.fullscreen .note-editing-area .note-codable {
    height: calc(100vh - 100px) !important; /* Adjust depending on toolbar height */
    min-height: 300px;
    overflow: auto;
}

/* Optional: prevent body scroll in fullscreen */
body.note-fullscreen {
    overflow: hidden;
}



/*******************************************************************/

/* SweetAlert2 Custom CSS styling */

.swal2-confirm {
    background-color: #0acf97; /* Green button color */
    border-color: #0acf97; /* Green border color */
    color: #fff; /* White text color */
}

.swal2-cancel {
    background-color: #ff5c7c; /* Red button color */
    border-color: #ff5c7c; /* Red border color */
    color: #fff; /* White text color */
}