/**
 *
 * You can write your CSS code here, DO NOT touch the default JavaScript file
 * because it will make it harder for you to update.
 * 
 */
input[type="radio"]:checked {
    background-color: #6777ef;
}
input[type="checkbox"] {
    /* Double-sized Checkboxes */
    -ms-transform: scale(1.1); /* IE */
    -moz-transform: scale(1.1); /* FF */
    -webkit-transform: scale(1.1); /* Safari and Chrome */
    -o-transform: scale(1.1); /* Opera */
    transform: scale(1.1);
    padding: 10px;
    margin-right:10px;
    position:relative;
    top:-5px;
}
input[type="checkbox"]:checked {
    background-color: #6777ef;
    /* Double-sized Checkboxes */
    -ms-transform: scale(1.1); /* IE */
    -moz-transform: scale(1.1); /* FF */
    -webkit-transform: scale(1.1); /* Safari and Chrome */
    -o-transform: scale(1.1); /* Opera */
    transform: scale(1.1);
    padding: 10px;
    margin-right:10px;
    position:relative;
    top:-5px;
}

.sidebar-dark-search {
    background-color: #afafaf;
    color: #ffffff !important;
}

.sidebar-dark {
    background-color: #191d21;
    color: #ffffff !important;
}
.sidebar-dark-menu {
    background-color: #191d21;
    color: #ffffff !important;
}
.sidebar-dark-menu:hover {
    background-color: #eaeaf1 !important;
    color: #4459f1 !important;
}

.sidebar-dark .sidebar-menu .menu-header {
    color: #afb7ff;
}

.sidebar-dark .sidebar-menu li a {
    color: #4459f1;
}

.sidebar-dark .sidebar-menu li a:hover {
    background-color: #6070e5;
    color: #ffffff;
}

.sidebar-dark .sidebar-menu li.active a {
    background-color: #6777ef;
    color: #ffffff;
}

body.sidebar-mini .main-sidebar:after {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.03);
    content: " ";
    position: fixed;
    background-color: transparent;
    width: 65px;
    height: 100%;
    left: 0;
    top: 0;
    z-index: -1;
    opacity: 0;
    -webkit-animation-name: mini-sidebar;
    animation-name: mini-sidebar;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}


/* 3.19 Dropdown */
.dropdown-item.has-icon i {
    margin-top: -1px;
    font-size: 13px;
}

.dropdown-menu {
    box-shadow: 0 10px 40px 0 rgba(51, 73, 94, 0.15);
    border: none;
    width: 200px;
}
.dropdown-menu.show {
    display: block !important;
}
.dropdown-menu a {
    font-size: 13px;
}
.dropdown-menu .dropdown-title {
    text-transform: uppercase;
    font-size: 10px;
    letter-spacing: 1.5px;
    font-weight: 700;
    color: #191d21;
    padding: 10px 20px;
    line-height: 20px;

}
.dropdown-menu.dropdown-menu-sm a {
    font-size: 14px;
    letter-spacing: normal;
    padding: 10px 20px;
    color: #6c757d;
}

a.dropdown-item {
    padding: 10px 20px;
    font-weight: 500;
    line-height: 1.2;
}
a.dropdown-item:focus, a.dropdown-item:active, a.dropdown-item.active {
    background-color: #6777ef;
    color: #fff;
}

.dropdown-divider {
    border-top-color: #f9f9f9;
}

.dropdown-list {
    width: 350px;
    padding: 0;
}
.dropdown-list .dropdown-item {
    display: inline-block;
    width: 100%;
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 13px;
    border-bottom: 1px solid #f9f9f9;
}
.dropdown-list .dropdown-item.dropdown-item-header:hover {
    background-color: transparent;
}
.dropdown-list .dropdown-item .time {
    margin-top: 10px;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 10px;
    letter-spacing: 0.5px;
}
.dropdown-list .dropdown-item .dropdown-item-avatar {
    float: left;
    width: 40px;
    text-align: right;
    position: relative;
}
.dropdown-list .dropdown-item .dropdown-item-avatar img {
    width: 100%;
}
.dropdown-list .dropdown-item .dropdown-item-avatar .is-online {
    position: absolute;
    bottom: 0;
    right: 0;
}
.dropdown-list .dropdown-item .dropdown-item-desc {
    line-height: 24px;
    white-space: normal;
    color: #34395e;
    margin-left: 60px;
}
.dropdown-list .dropdown-item .dropdown-item-desc b {
    font-weight: 600;
    color: #666;
}
.dropdown-list .dropdown-item .dropdown-item-desc p {
    margin-bottom: 0;
}
.dropdown-list .dropdown-item:focus {
    background-color: #6777ef;
}
.dropdown-list .dropdown-item:focus .dropdown-item-desc {
    color: #fff !important;
}
.dropdown-list .dropdown-item:focus .dropdown-item-desc b {
    color: #fff !important;
}
.dropdown-list .dropdown-item.dropdown-item-unread:active .dropdown-item-desc {
    color: #6c757d;
}
.dropdown-list .dropdown-item.dropdown-item-unread:active .dropdown-item-desc b {
    color: #6c757d;
}
.dropdown-list .dropdown-item:active .dropdown-item-desc {
    color: #fff;
}
.dropdown-list .dropdown-item:active .dropdown-item-desc b {
    color: #fff;
}
.dropdown-list .dropdown-item.dropdown-item-unread {
    background-color: #fbfbfb;
    border-bottom-color: #f2f2f2;
}
.dropdown-list .dropdown-item.dropdown-item-unread:focus .dropdown-item-desc {
    color: #6c757d;
}
.dropdown-list .dropdown-item.dropdown-item-unread:focus .dropdown-item-desc b {
    color: #6c757d;
}
.dropdown-list .dropdown-footer,
.dropdown-list .dropdown-header {
    letter-spacing: 0.5px;
    font-weight: 600;
    padding: 15px;
}
.dropdown-list .dropdown-footer a,
.dropdown-list .dropdown-header a {
    font-weight: 600;
}
.dropdown-list .dropdown-list-content {
    height: 350px;
    overflow: hidden;
}
.dropdown-list .dropdown-list-content:not(.is-end):after {
    content: " ";
    position: absolute;
    bottom: 46px;
    left: 0;
    width: 100%;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.8));
    height: 60px;
}
.dropdown-list .dropdown-list-icons .dropdown-item {
    display: flex;
}
.dropdown-list .dropdown-list-icons .dropdown-item .dropdown-item-icon {
    flex-shrink: 0;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    line-height: 42px;
    text-align: center;
}
.dropdown-list .dropdown-list-icons .dropdown-item .dropdown-item-icon i {
    margin: 0;
}
.dropdown-list .dropdown-list-icons .dropdown-item .dropdown-item-desc {
    margin-left: 15px;
    line-height: 20px;
}
.dropdown-list .dropdown-list-icons .dropdown-item .dropdown-item-desc .time {
    margin-top: 5px;
}

.dropdown-flag .dropdown-item {
    font-weight: 600;
}
.dropdown-flag .dropdown-item .flag-icon {
    width: 20px;
    height: 13px;
    margin-right: 7px;
    margin-top: -6px;
}
.dropdown-flag .dropdown-item.active {
    background-color: #6777ef;
    color: #fff;
}

@media (max-width: 575.98px) {
    .dropdown-list-toggle {
        position: static;
    }
    .dropdown-list-toggle .dropdown-list {
        left: 10px !important;
        width: calc(100% - 20px);
    }
}
/* 3.20 Dropdown */

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}
#logo-image-header{
    height: 45px;
}
.index-container{
    padding-left:100px;
    padding-right:20px;
}

.form-group .control-label, .form-group > label {
    font-weight: 600;
    color: #6777ef;
    font-size: 14px;
    letter-spacing: 0.9px;
    padding-left:5px;
    padding-bottom:5px;
}
.container{
    padding-left:25px;
}
.table-container {
    width:100%;
    overflow-x: auto;
}
.sort-container {
    display:none;
}
.tr-container {
    visibility: visible;
}
table {
    border-radius: 12px;
    overflow: hidden;
}
.th-container {
    display:block;
}
.tr-table-row-lg{

}
.tr-table-row-sm{
display:none;
}
.modal-content {
    display: block !important;
}
@media (max-width: 1000px) {
    #logo-text, #logo-subtext {
        display: none;
    }
    #logo-image-header{
        height: 30px;
    }
    .index-container {
        padding-left: 0;
        padding-right: 0;
        padding: 10px;
    }
    .table-container {
        width:100% !important;
    }
    .search-container {
        display:none;
    }
    .sort-container {
        display:inline-block;
        position:relative;
        top:10px;
    }
    .tr-container {
        visibility: hidden;
        height:1px;
    }
    .th-container {
        display:none;
    }
    .tr-table-row-lg{
        display:none;
    }
    .tr-table-row-sm{
        display:block;
    }
    .small-table-label-font{
        font-weight: 600;
        color: #6777ef;
        font-size: 14px;
        padding-right:5px;
    }
}

.pagination {
    display: flex;
    justify-content: center;
    padding: 1rem 0;
}

.pagination a, .pagination span {
    margin: 0 5px;
    padding: 8px 16px;
    text-decoration: none;
    color: #6777ef;
    border: 1px solid #ddd;
    border-radius: 4px;
}

.pagination a:hover {
    background-color: #ddd;
}

.pagination .active span {
    background-color: #6777ef;
    color: white;
    border: 1px solid #6777ef;
}

.sticky-div {
    position: sticky !important;
    top: 100px !important;
    width: 100%
}
html, body {
    height: 100% !important;
    overflow: auto !important;
}
.parent-div {
    display: flex;
    flex-wrap: wrap; /* Allows child divs to wrap when space is too small */
    gap: 10px; /* Adds some space between child divs */
}

/* Style for the child divs */
.child-div-left {
    flex: 1 1 50%; /* Each child takes 50% of the available width */
    padding: 20px;
    box-sizing: border-box;
    float:left;
}
.child-div-right {
    flex: 1 1 50%; /* Each child takes 50% of the available width */
    padding: 20px;
    box-sizing: border-box;
    float:right;
}
.breadcrumb {
    background:transparent !important;
    position:relative;
    top: -20px;
    font-size:1.1em;
}


/* General toolbar styling */
.ql-toolbar {
    background-color: #d2d5f5; /* Light background */
    border: 1px solid #ced4da; /* Border color */
    border-radius: 5px; /* Rounded corners */
    padding: 0 10px; /* Padding around the buttons */
}

/* Bold button styling */
.ql-bold {
    color: #007bff; /* Blue bold button */
    background-color: #ffffff;
    border-radius: 3px;
}

/* Italic button styling */
.ql-italic {
    color: #28a745; /* Green italic button */
    background-color: #ffffff;
    border-radius: 3px;
}

/* Customize hover effect for all toolbar buttons */
.ql-toolbar button:hover {
    background-color: #e2e6ea; /* Light hover background */
    color: #000; /* Darker color on hover */
}

/* Customize toolbar icons (for example: bold and italic) */
.ql-bold::before, .ql-italic::before {
    font-weight: bold;
}

/* Dropdown select menus */
.ql-toolbar .ql-picker {
    background-color: #ffffff;
    color: #007bff;
    border: 1px solid #ced4da;
    border-radius: 3px;
}

/* Dropdown hover effect */
.ql-toolbar .ql-picker:hover {
    background-color: #e9ecef;
}
.tab-content > .tab-pane {
    line-height: normal !important;
    padding:20px;
    margin-bottom:5px !important;
}

.ql-align.ql-picker.ql-icon-picker {
    margin-top: 1px !important;
}

/* Media query to handle small screens and stack the divs */
@media (max-width: 600px) {
    .child-div-left {
        flex-basis: 100%; /* On small screens, each child takes full width */
    }
    .child-div-right {
        flex-basis: 100%; /* On small screens, each child takes full width */
    }
}
/*# sourceMappingURL=custom.css.map */