/*
* This file consists of the css  
* used on journal tab in member detail page
*/

/* Tab Container */
.tab-container {
 display: flex;
 margin-bottom: 20px;
}
        
/* Tab Links */
.tab-links {
 padding: 0px 17px;
 cursor: pointer;
 margin-right: 10px;
 border-radius: 5px;
 transition: background-color 0.3s ease;
 border: 1px solid #1e2132;
 font-weight: 300;
}

/* Active Tab Link */
.active-tab {
 background-color: #385dff;
 color: white;
 border-color: #385dff;
}

/* Tab Content */
.tab-content {
 display: none;
 padding: 20px;
}

.active-content {
  display: block;
}

table {
 font-family: arial, sans-serif;
 border-collapse: collapse;
 width: 100%;
}

td, th {
 border: 1px solid #dddddd;
 text-align: left;
 padding: 8px;
}
button.download-btn{
 float: right;
}
#stayButton{
 background-color: inherit;
 color: #8699A6;
 border: 1px solid;
}
button#leaveButton {
 background-color: #D25436;
	border: 1px solid;
}
#closeModal{
 color: #888A8C;
 font-size: 31px;
 float: right;
 cursor: pointer;
}
.modal-footer-section {
 float: right;
}
/* Overlay */
#overlay {
 position: fixed;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 background-color: #526168f5; 
 z-index: 999; 
 display: none; 
}
#unsavedChangesModal{
 max-width: 900px !important;
 border-radius: 14px;
 padding: 45px !important;
 width: 100%;
}
#unsavedChangesModal h4{
 font-size: 35px;
 margin-bottom: 45px;
 line-height: 1.2 !important;
 font-weight: 600;
}
#unsavedChangesModal p{
 font-size: 20px;
 margin-bottom: 40px;
}
#unsavedChangesModal .modal-footer-section {
 gap: 20px;
 display: flex;
}
#unsavedChangesModal .modal-footer-section button {
 font-size: 20px !important;
 padding: 10px 30px !important;
}
#unsavedChangesModal #closeModal {
 font-size: 45px;
 margin-top: -28px;
}
.bottom-btn-sections {
 display: flex;
 flex-wrap: wrap;
 gap: 25px;
 flex-direction: row-reverse;
}
label#save_all_message {
 text-align: right;
 display: inline-block;
 width: 100%;
}

.jt-response{
 padding: 10px;
 margin: 10px 0;
 border-radius: 7px;
}
.jt-response span.dashicons {
    vertical-align: text-bottom;
}
.jt-response.jt-response-success {
 background-color: #DFF0D8;
 color: #3C763D;
}
.jt-response.jt-response-danger {
 background-color: #F2DEDE;
 color: #A94442;
}
button#btn_save_journal:disabled,button#btn_save_journal_1:disabled,button#btn_save_journal_2:disabled,button#btn_save_journal_3:disabled {
    cursor: progress;
}
.load-overlay {
 position: fixed;
 top: 50%;
 left: 0;
 width: 100%;
 height: 100%;
 background-color: #526168f5; 
 z-index: 999; 
 display: none; 
}

.dashicon-rotate {
    display: inline-block;
    font-size: 50px;
    color: #3498db;
    animation: rotate 2s infinite linear;
}

@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
textarea:read-only {
    background: #d9d9d9;
    cursor: not-allowed;
}

.bb-grid .tab-content button.btn-icon-journal{
    font-weight:bold;
    background: #008000;
    color: white;
    border-color: inherit;
}
.bb-grid .tab-content button.btn-icon-journal:hover{
    border-color: inherit;
}

button.download-btn a {
    color: #fff;
}

.buddypress .buddypress-wrap button.download-btn {
    padding: 0 !important;
}
button.download-btn a {
    padding: 12px !important;
}