.btn:focus, .form-control:focus{
	box-shadow: none !important;
}



.everything{
        display: block;
        overflow: hidden;
        height: 100vh;
        widows: 100vw;
    }

@media(max-width: 786px){


    .main-navbar, .footer, .sm-menu-cover-header-top, .page-header{
        height: 50px;
    }

    .main-navbar .desk-nav{
        display: none;
    }

    .page .container-fluid-wrapper{
        padding-right: 0px;
        padding-left: 0px;
    }

    .main-navbar .sm-nav{
        display: flex;
        height: 50px;
    }

    #main-menu-offcanvas{
        width: 80%;
    }

    .main-cover{
        height: calc(100vh - 50px);
        overflow-x: hidden;
        overflow-y: auto;
    }

    .main-cover .page{
        min-height: calc(100vh - 50px);
    }



}







/* Style for the Login Error Modal */
.login-error-modal {
    /* Customize modal background color */
    background-color: #fff;

    /* Add box shadow for depth */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);

    /* Customize modal border radius */
    border-radius: 8px;
}

/* Style for the modal title */
.login-error-modal .modal-title {
    /* Customize title font and color */
    font-size: 1.25rem;
    color: #d9534f; /* Red color for error */
}

/* Style for the modal close button */
.login-error-modal .btn-close {
    /* Customize close button color */
    color: #d9534f; /* Red color for error */
}

/* Style for the modal body (error message) */
.login-error-modal .modal-body {
    /* Customize text color and padding */
    color: #333;
    padding: 20px;
}

/* Style for the modal footer (Close button) */
.login-error-modal .modal-footer {
    /* Customize footer background color */
    background-color: #f5f5f5;
    /* Add padding to the footer */
    padding: 15px;
    border-top: 1px solid #e5e5e5;
}

/* Style for the Close button in the modal footer */
.login-error-modal .modal-footer .btn-secondary {
    /* Customize button color */
    color: #333;
    /* Add a subtle hover effect */
    transition: background-color 0.2s ease-in-out;
}

/* Hover effect for Close button */
.login-error-modal .modal-footer .btn-secondary:hover {
    /* Customize button background color on hover */
    background-color: #dcdcdc;
}



/* Reduce the font size of labels */
label {
    font-size: 0.9rem; /* Adjust the font size as needed */
}









/* Style for the Loading Modal Content */
.modal.req-status-modal .modal-content {
    background-color: #1f296f; /* Dark background color */
    border: none; /* Remove borders */
    text-align: center;
    color: #f0f0f0; /* Light text color for content */
}

/* Style for the Heading */
.modal.req-status-modal .modal-content h5 {
    color: #eaedff; /* Warm tone blue color for the heading */
    font-size: 1.5rem; /* Adjust heading font size */
}

/* Style for the Content */
.modal.req-status-modal .modal-content {
    font-size: 0.705rem; /* Adjust content font size */
}














@media(min-width: 786px){
	.main-navbar, .footer, .sm-menu-cover-header-top, .page-header{
		height: 60px;
	}

    .main-navbar .sm-nav{
        display: none;
    }

	

	#main-menu-offcanvas{
		width: 300px;
	}

	.main-cover{
		height: calc(100vh - 60px);
		overflow-x: hidden;
		overflow-y: auto;
	}

	.main-cover .page{
		min-height: calc(100vh - 60px);
	}

	.h-lg-100{
		height: 100%;
	}

}









/* Style all .nav-link within .main-side-menu-wrapper */
.main-side-menu-wrapper .nav-link {
    text-transform: uppercase;
    font-weight: bold;
    color: #333; /* Default text color */
    transition: color 0.3s ease; /* Smooth color transition on hover */

   text-align: left !important; 
}

/* Hover effect */
.main-side-menu-wrapper .nav-link:not(.active):hover {
    color: #007bff; /* Change text color on hover to a different color (e.g., blue) */
}

/* You can add more styles here to enhance the appearance of .nav-link */




/* Style the .ads-text-mainbar div to stand out */
.ads-text-mainbar {
    background-color: #FF5733; /* Background color */
    color: #fff; /* Text color */
    font-size: 1.2rem; /* Text size */
    padding: 10px; /* Padding to create spacing */
    white-space: nowrap; /* Prevent text from wrapping */
    overflow: hidden; /* Hide overflow text */
    text-overflow: ellipsis; /* Show ellipsis (...) for overflow text */
}








/* Custom styles for the card */
        .card.clearfix {
            background-color: #343a40 !important;
            color: #fff !important;
            border: none !important;
            border-radius: 15px !important;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1) !important;
        }

        .card.clearfix .card-body {
            padding: 20px !important;
        }

        .card.clearfix h5.card-title {
            color: #f8f9fa !important;
            font-size: 1.5rem !important;
            text-transform: uppercase !important;
        }

        .card.clearfix p.card-text {
            color: #ccc !important;
            font-size: 1.1rem !important;
        }

        .card.clearfix .form-control {
            background-color: #555 !important;
            color: #fff !important;
            border: 1px solid #777 !important;
            border-radius: 5px !important;
        }

        .card.clearfix .form-control::placeholder {
            color: #999 !important;
        }

        .card.clearfix .form-control:focus {
            background-color: #666 !important;
            border-color: #888 !important;
            color: #fff !important;
        }





        .card.clearfix .btn-primary {
    background-color: #007bff !important;
    border-color: #007bff !important;
    color: #fff !important;
}

.card.clearfix .btn-primary:hover {
    background-color: #0056b3 !important;
    border-color: #0056b3 !important;
}

.card.clearfix .btn-secondary {
    background-color: #6c757d !important;
    border-color: #6c757d !important;
    color: #fff !important;
}

.card.clearfix .btn-secondary:hover {
    background-color: #545b62 !important;
    border-color: #545b62 !important;
}





.card.custom-2{
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1) !important;
    }

/* Custom styles for the card */
        .card.custom-2 {
            background-color: #f8f9fa !important;
            border: none !important;
            
        }

        .card.custom-2 .card-body {
            padding: 10px !important;
        }

        .card.custom-2 h5.card-title {
            color: #333 !important;
            font-size: 1.5rem !important;
        }

        .card.custom-2 p.card-text {
            color: #666 !important;
            font-size: 1.1rem !important;
        }

        .card.custom-2 a.btn {
            background-color: #007bff !important;
            color: #fff !important;
            border: none !important;
        }

        .card.custom-2 a.btn:hover {
            background-color: #0056b3 !important;
        }






.card.action-dash {
    background-color: #337ab7 !important; /* Blue background color */
    color: #fff;
}


.card.action-dash .form-control {
    color: #fff !important; /* White text color for h5, p, and form controls */
    background-color: rgba(0, 0, 0, 0.3) !important; /* Semi-transparent black background for h5, p, and form controls */
}


.icon-img{
    height: 65px;
    width: 100%;
}

.table th {
    white-space: nowrap;
}