::-webkit-scrollbar-button {
    width: 0px;
    height: 0px;
  }

.list_card {
    height: 65vh;
    overflow-y: scroll;
}

.bra_padding{
    padding: 10px;
}

a {
    text-decoration: none;
}

.no_circle{
    border-style: solid;
    border-color: darkslategray;
    border-radius: 50px;
    border-width: 1px;
    background-color: white;
    display: inline-block;
}

.inline{  
    display: inline-block;
}

.scroll-H{
    border:1px solid #1E55C2;
    padding:5px; 
    border-radius:15px; 
    width: 100%;
    display:inline-flex; 
    overflow:hidden; 
    overflow-x:scroll; 
    overflow-y:hidden; 
    scrollbar-width: 0;
}

.clip-text {
    text-overflow: ellipsis; 
    white-space: nowrap; 
    max-width: 230px;
    max-height: 160px;
    overflow: hidden;
    font-family: Arial, sans-serif Arial, Helvetica, sans-serif;
    font-size: small;
}

.clip-text-box-file {
    text-overflow: ellipsis; 
    white-space: nowrap; 
    max-width: 1400px;
    max-height: 5rem;
    overflow: hidden;
}

.box-file{
    width: 250px; 
    height: 5rem; 
    margin-top: 10px; 
    padding: 5px; 
    border: 1px solid lightgrey; 
    border-radius: 5px; 
    align-items: center; 
    text-align: center;
}

.book {
    height: 200px;
    width: 40px;
    float: left;
    color: rgb(253, 246, 246);
    font-size: 0.9em;
    font-family: Verdana, sans-serif;
    margin-bottom: 10px;
    margin-top: 20px;
    margin-right: 5px;
    transition: transform 0.4s ease;
    background-color: rgb(38, 38, 221);
    border-left: 2px solid lighten(rgb(38, 38, 221), 4%);
    border-right: 2px solid darken(rgb(38, 38, 221), 4%);
    border-radius: 3px;
    text-align: center;
}

.book-tilted > .book {
    transform: translateY(-3px) translateX(15px) rotate(9deg) ;
}

.book:hover {
    transform: scale(1.2);
    color: rgb(210, 191, 255);
}

.book h3{
    padding: 0;
    font-size: 0.7em;
    transform-origin: 0 0;
    transform: rotate(-0.25turn) translateY(20px) translateX(-195px);
    width: 150px;
}

.book a{
    padding: 0;
    font-size: 1em;
    transform-origin: 0% 0%;
    transform: rotate(-0.25turn) translateY(-0px) translateX(-175px);
    width: 170px;
    color: rgb(253, 246, 246);
    text-decoration: none;
}

table .collapse.in {
    display: table-row !important;
}

.footer_D{
    position: fixed;
    left: 0;
    bottom: 0;
    background-color: darkorchid;
    color: white;
    border-radius: 25px;
    padding: 0px 15px 10px 15px;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 6px;
    width: 90%;
}

.trim-text{
    word-break: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-height: 16px; /* fallback */
    max-height: 32px; /* fallback */
    -webkit-line-clamp: 2; /* number of lines to show */
    -webkit-box-orient: vertical;
}

.scrollH{
    display:block;
    text-align: center;
    padding: 4px;
    text-decoration: none;
    border:1px solid grey; 
    border-radius:150px;
    margin: 15px 15px;
    width: auto;
}

.scrollH hover {
    background-color: rgb(182, 202, 202);
}

.A5{
    width: 1748px; 
    height: 2480px; 
    max-width: 1748px; 
    max-height: 2480px;
    border-style: solid;
    border-color: black;
    border-width: 2px;
}

.list_batch{
    border-radius: 10px;
    width:94%;
    height:fit-content;
    color: white;
    padding: 10px;
    margin: 15px;
}

.figure{
    border-radius: 10px;
    width:94%;
    height: 150px;
    background-color: darkorchid;
    color: white;
    padding: 10px;
    margin: 15px;
}

.figure-small{
    border-radius: 10px;
    width:fit-content;
    height:50px;
    background-color: darkorchid;
    color: white;
    padding: 5px;
    margin: 5px;
}

.figurebatchYES{
    border-radius: 25px;
    width:100%;
    height: fit-content;
    background-color: rgb(255, 0, 0);
    color: white;
    padding: 5px;

}

.figurebatchYES ul li{
    background-color: rgb(255, 0, 0);
    color: white;
    border: aquamarine;
}

.figurebatchNO{
    border-radius: 25px;
    width:100%;
    height: fit-content;
    background-color: green;
    color: rgb(0, 0, 0);
    padding: 5px;

}

.figure1batchNO ul li{
    background-color: green;
    color: rgb(0, 0, 0);
    border: aquamarine;
}

.figure h1{
    text-align: center;
    font-size: 3.2em;
}

.figure h6{
    text-align: right;
    margin-top: -25px;
}

.figure ul li{
    background-color: darkorchid;
    color: white;
    border: aquamarine;
}

.figure-c{
    border-radius: 10px;
    width:94%;
    height: 150px;
    background-color: rgb(238, 255, 0);
    color: rgb(0, 0, 0);
    padding: 10px;
    margin: 15px;
}

.figure-c h1{
    text-align: center;
    font-size: 3.2em;
}

.figure-c h6{
    text-align: right;
    margin-top: -25px;
}

.figure-c ul li{
    background-color: rgb(238, 255, 0);
    color: rgb(0, 0, 0);
    border: rgb(119, 112, 6);
}

.figure-dark{
    border-radius: 10px;
    border-color: #1E55C2;
    border-width: 1px;
    border-style: solid;
    width:350px;
    min-height: 150px;
    background-color: rgba(38, 70, 2, 0%);
    color: white;
    padding: 10px;
    margin: 15px;
}

.figure-dark ol ul li{
    background-color: rgba(38, 70, 2, 0%);
    color: white;
    border: #1E55C2;
}

.figure-dark li{
    background-color: rgba(38, 70, 2, 0%);
    color: white;
    border: #1E55C2;
}

.figure-dark ol{
    background-color: rgba(38, 70, 2, 0%);
    color: white;
    border: #1E55C2;
}

.figure-dark h1{
    text-align: center;
    font-size: 3.2em;
}

.figure-dark h6{
    text-align: right;
    margin-top: -25px;
}

.figure-others{
    border-radius: 10px;
    border-color: #1E55C2;
    border-width: 1px;
    border-style: solid;
    width:94%;
    background-color: rgba(38, 70, 2, 0%);
    color: white;
    padding: 10px;
}

.inline2{
    display: inline-block;
    justify-content: space-between;
}

.status-bar {
    position: fixed;
    bottom: 0;
    margin: auto;
    padding: 3px;
    width: 100%;
    /* Height of the footer*/ 
    height: 25px;
    background: radial-gradient(circle, rgba(63,94,251,1) 0%, rgba(252,70,107,1) 100%);
    color: rgb(236, 223, 230);
    justify-content: space-between;
    font-size: 0.8rem;
}

.profile-pix{
    border-radius: 600px;
    border-width: 2.5px;
    border-color: orange;
    border-style: solid;
    display: inline;
    width: 3em;
}

.profile-pix-60{
    border-radius: 600px;
    border-width: 2.5px;
    border-color: orange;
    border-style: solid;
    display: inline;
    width: 1.8em;
}

.type-Info{
    border-style: solid;
    border-color: black;
    border-width: 1px;
    border-radius: 10px;
    width: 100%;
    padding: 5px;
    margin: 10px;
}

sup {
    top: -.5em;
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline;
}

.nav-header{
    margin-bottom: 10px;
    padding-bottom: 10px;

}

.navbar{
    height: 55px;
}

.DMS-text{
    margin: auto;
    padding: 5px;
    font-size: x-large;
    font-weight: 600;
}

.settings-icon{
    position: absolute;
    display: flex;
    right: 5px;
    top:0px;
    align-self: flex-end;
}

.file-cabinet {
    display: flex;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    height: 50px;
    flex-direction: row;
    justify-content: space-between;
}

.file-cabinet-heading{
    color: white;
    padding: 10px;
}

.file-cabinet-icons{
    color: white;
    padding: 10px;
    width: 50px;
}

.center-screen {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;

}

.centered-form{
    width: 50%;
}

.region-box{
    display: flex;
    border-style: solid;
    border-color: gainsboro;
    border-width: 1px;
    border-radius: 10px;
    max-width: 150px;
    max-height: 75px;
    margin: 5px;
}

.department-box{
    border-style: solid;
    border-color: gainsboro;
    border-width: 1px;
    border-radius: 10px;
    max-width: 450px;
    max-height: 250px;
    margin: 5px;
}

.remarksRegion {
    width: 90%;
    margin:auto auto;
}