html, body {
    height: 100%;
    margin: 0;
}

.collapse{
	padding-left:13px
}

select.error,
input.error{
	border: 1px solid red;
	border-radius:3px;
	background: pink;
}

a{
    color:#000 !important;
}
a:hover{
    text-decoration: underline;
}


label.error{
	color:red;
}

.deleted{
	text-decoration: line-through;
	color:#999;
}

table td{
	padding:5px !important;
}


.navbar .navbar-toggler .navbar-toggler-icon {
    width: 25px;
    height: 3px;
    vertical-align: middle;
    outline: 0;
    display: block;
    border-radius: 2px;
}

.custom-toggler{
    border:1px solid #999;
    padding: 5px 2px !important;
}


.card-header-primary{
    font-size:1.5rem !important;
}

.card-stats{
    /* text-transform: uppercase; */
}

h3.card-title{
    font-weight: 700;
}


.strikethrough{
    text-decoration: line-through;
}

@media only screen and (min-width: 992px) {
}

.main-panel > .content{
    margin-top:0 !important;
}

.table-4-columns td:first-child,
.table-4-columns td:nth-child(3){
    text-align: right;
}

.table-4-columns td:nth-child(2),
.table-4-columns td:nth-child(4){
    font-weight: bold;
}

.table-4-columns td{
    padding: 5px !important;
}


.link{
    color: royalblue !important;
}

.d-flex .flex-grow-1 {
    flex: 1; /* Ensures the input grows to fill space */
    margin-right: 8px; /* Adds spacing between input and button */
}

.btn.btn-xs, .btn-group-xs > .btn, .btn-group-xs .btn {
    padding: 0.20625rem 1.10rem;
    font-size: 0.60rem;
    line-height: 1.3;
    border-radius: 0.2rem;
    margin-top:1px !important;

}


.nav-item p{
    text-transform: uppercase;
}


.text-blue{
    color:#0c83e2 !important;
}

.text-black{
    color: #000 !important;
}

.btn-blue{
     color: #fff;
     background-color: #0265af;
     border-color: #0265af;
     box-shadow: 0 2px 2px 0 rgba(156, 39, 176, 0.14), 0 3px 1px -2px rgba(156, 39, 176, 0.2), 0 1px 5px 0 rgba(156, 39, 176, 0.12);
 }

.wrapper {
    min-height: 100vh;
}

.content{
    flex: 1;
}

.btn-icon-left {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding-left: 2.5rem; /* Creates space for the icon */
    text-align: center;
    color: #fff !important;
    font-weight: bold;
}

.btn-icon-left i {
    position: absolute !important;
    left: 15px !important; /* Adjust for spacing */
    top: 50% !important;
    transform: translateY(-50%) !important;
}

.bg-blue-facebook{
    background-color: #1877F2;
}
.bg-black{
    background-color: #000;
}
.bg-blue-linkedin{
    background-color: #0077B5;
}
.bg-blue-whatsapp{
    background-color: #25D366;
}
.bg-grey{
    background-color: #999;
}

.btn{
    text-transform: none !important;
}

.link-dark-blue{
    color: #0a58ca !important;
}
.text-decoration-underline{
    text-decoration: underline;
}

.deal-placeholder {
    border: 2px dashed #aaa;
    margin: 5px 0;
    padding: 10px;
    background-color: #f8f9fa;
    height: 40px;
}

.deal-column{
    min-width:190px !important;
    min-height:80vh;
}

/* Truncate the title with ellipsis */
.deal-title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    max-width: 180px; /* Adjust as needed */
    position: relative;
    z-index: 1; /* Make sure it's above the card background */
}

/* Ensure parent containers don't hide overflow */
.deal,
.deal-container,
.deal-column {
    overflow: visible !important;
    position: relative;
}

/* deal field display setup */
.field-group{
    min-width:250px;
}
.disabled-placeholder {
    background-color: #f1f2f3;
    color: #ccc;
    border: 1px dashed #ccc;
    padding: 5px 10px;
    margin: 2px 0;
    cursor: not-allowed;
    pointer-events: none;
}
.sortable-list {
    list-style: none;
    padding: 0;
    min-height: 100px;
    border: 1px solid #ccc;
    margin: 10px;
}
.sortable-list li {
    padding: 5px 10px;
    margin: 2px 0;
    background: #f9f9f9;
    border: 1px solid #ddd;
    cursor: move;
}
.sortable-placeholder {
    border: 1px dashed #aaa;
    height: 40px;
    background: #eee;
}
/* end deal field display setup */


/* toggle button */
.material-toggle {
    display: inline-flex;
    border-radius: 50px;
    background: #f1f2f6;
    padding: 5px;
    overflow: hidden;
}

.material-toggle input[type="radio"] {
    display: none;
}

.material-toggle label {
    padding: 6px 20px;
    cursor: pointer;
    border-radius: 50px;
    font-weight: 500;
    color: #6c757d;
    transition: all 0.2s ease-in-out;
}

.material-toggle input[type="radio"]:checked + label {
    background-color: #4CAF50; /* primary green from Creative Tim */
    color: white;
    box-shadow: 0 3px 6px rgba(0,0,0,0.15);
}
/* end toggle button */

.quill-editor {
    border: 1px solid #ced4da;
    border-radius: 4px;
    background: #fff;
    padding: 0; /* Don't let Quill add margin via child elements */
}

.quill-editor .ql-toolbar {
    border: none;
    border-bottom: 1px solid #ced4da;
    border-radius: 4px 4px 0 0;
}

.quill-editor .ql-container {
    height: auto;
    min-height: 200px;
    max-height: 400px;
    overflow-y: auto;
    border: none;
    border-radius: 0 0 4px 4px;
}

.quill-editor .ql-editor {
    min-height: 200px;
    padding: 10px;
    font-size: 14px;
    overflow-y: auto;
}