.ql-align-center{text-align:center;}
.ql-align-justify{text-align:justify;}
.ql-align-left{text-align:left;}
h2..ql-align-right{text-align:right;}
h2.ql-align-center{text-align:center;}
h2.ql-align-justify{text-align:justify;}
h2.ql-align-left{text-align:left;}
h3.ql-align-center{text-align:center;}
h3.ql-align-justify{text-align:justify;}
h3.ql-align-left{text-align:left;}
h3.ql-align-right{text-align:right;}
.ql-align-right{text-align:right;}
.ql-size-small{font-size:90%;}
.ql-size-large{font-size:110%;}
.ql-size-huge{font-size:130%;}
H2{margin-bottom:16px;}
H3{margin-bottom:11px;}
OL{list-style-type:upper-roman;}
UL{list-style-type:circle;}
EM{color:black;font-style: italic;}
.ql-font-serif{font-family:"Times new Roman",serif;}
.ql-font-monospace{font-family:monospace;}
.ql-indent-1{padding-left:3em;}
.ql-indent-2{padding-left:4em;}
.ql-indent-3{padding-left:5em;}
.ql-indent-4{padding-left:6em;}
.ql-indent-5{padding-left:7em;}
sup {vertical-align: super;font-size: smaller;}
sub {vertical-align: sub;font-size: smaller;}
IMG.fullscreenall{display:inline; width:90%;margin:7px;}
IMG.halfscreenleft{display:inline; width:45%;margin:7px;margin-left:0px;}
IMG.halfscreenright{display:inline; width:45%;margin:7px;margin-right:0px;float:right;}
IMG.img80{width:40%;margin:2px;float:right;}
IMG.album{width:40%;box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;margin-bottom:25px;float:right;}

EM{color:white;}
.textblock h2{text-align:left;margin-left:13px;}
.textblock h3{text-align:left;margin-left:13px;}

IMG.fullscreenall{display:inline; width:90%;margin:7px;
box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;
margin-bottom:9px;
border-radius: 2px; 
-moz-border-radius: 2px; 
-webkit-border-radius: 2px; }
IMG.halfscreenleft{display:inline; width:45%;margin:7px;margin-left:0px;
box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;
margin-bottom:9px;
border-radius: 2px; 
-moz-border-radius: 2px; 
-webkit-border-radius: 2px; }
IMG.halfscreenright{display:inline; width:45%;margin:7px;margin-right:0px;float:right;
box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;
margin-bottom:9px;
border-radius: 2px; 
-moz-border-radius: 2px; 
-webkit-border-radius: 2px; }
IMG.img80{width:40%;margin:2px;float:right;}
IMG.album{width:40%;box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;margin-bottom:25px;float:right;}


    .file-container {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-around;
            margin: 20px;
        }

        .file-box {
            page-break-inside: avoid;
            width: calc(42% - 20px);
            margin-bottom: 40px;
            position: relative;
            overflow: hidden;
            background-color: transparent;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
            transition: box-shadow 0.3s ease-in-out;
        }

        .file-box:hover {
            box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
        }

        .file-image {
            width: 100%;
            height: 200px;
            object-fit: cover;
        }

        .file-details {
            padding: 15px;
        }

        .file-title {
            font-size: 18px;
            font-weight: bold;
            margin-bottom: 10px;
        }

.fileinner:hover {
    transform: scale(1.05);
}
.fileinner img {
}
        .file-description {
            font-size: 14px;
            color: #555;
            margin-bottom: 10px;
        }

        @media (max-width: 468px) {
            .file-box {
                width: calc(100% - 20px);
            }
        }


.file-actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
  border: 1px solid #ccc;
  margin: 10px 0;
}

.left-section {
  flex: 1; /* Takes up available space */
  text-align: left;
}

.right-section {
  text-align: right;
  white-space: nowrap; /* Prevent wrapping for small screens if possible */
}

/* Responsive behavior for small screens */
@media (max-width: 600px) {
  .file-actions {
    flex-direction: column; /* Stack the sections vertically */
    align-items: flex-start; /* Align left */
  }
  .right-section {
    align-self: flex-end; /* Align the right section to the right */
    margin-top: 5px; /* Add some spacing */
  }
}