/*---------------------------------------------------------------------------------

 Theme Name:   OMC Group
 Theme URI:    
 Description:  OMC Group
 Author:       ITYPE
 Author URI:   
 Template:     Divi
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

------------------------------ ADDITIONAL CSS HERE ------------------------------*/

#document_type_buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 12px; /* Adjust the space between buttons */
    margin-bottom: 20px;
	align-items : center;
}

.doc-type-btn {
    padding: 8px 16px;
    cursor: pointer;
    border: 1px solid #ccc;
    background-color: #00000000;
    transition: background-color 0.3s ease;
	font-size: 14.22px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
    color: #4a505c;
    cursor: pointer;
    padding: 8px 16px;
    border-radius: 40px;
    border: 1px solid #dde1e9;
    border: 1px solid var(--grey-300-line, #dde1e9);	
}

#search_input {
	width : 35%;
	font-size : 16px;
	padding : 1rem 1rem 1rem 3.7rem;
	background-color: rgba(248,249,252,.02);
	box-shadow : 2px 2px 14px 0 hsla(0,0%,39.6%,.15);
	border : none;
	border-radius : 16px;
}

.search-input-container {
    position: relative;
}

.search-input-container .icon {
    position: absolute;
    left: 1%;
    top: 35%;
    transform: translateY(-50%);
    font-size: 20px;
    color: #555;
}

#document_type_buttons{
	padding : 24px 10px;
	box-shadow : 0 0 10px 0 rgba(121,129,146,.12);
}

.doc-type-btn:hover, .doc-type-btn.active {
    background: #7a34f6;
    color: #fff;
}

#documents_list table tr th {
    font-weight: 400;
    font-size: 14.22px;
    color: #8f98aa;
}

#documents_list table tr td {
    padding : 10px 24px;
}

#documents_list table {
	border : none;
}

#documents_list table th:first-child, #documents_list table td:first-child {
    width: 2%; 
}

#documents_list table th:nth-child(2), #documents_list table td:nth-child(2) {
    width: 7%; 
}

#documents_list table th:nth-child(3), #documents_list table td:nth-child(3) {
    width: 35%;
}

#documents_list table th:nth-child(4), #documents_list table td:nth-child(4) {
    width: 3%; 
}

#documents_list table td a {
    color: #651aeb;
}

.brand-logo img {
    max-width: 250px;
    height: auto;
    display: block;
    margin-bottom: 20px;
}