@font-face {
    font-family: roboto;
    src: url(../FPDF_lib/font/Roboto-Regular.ttf)
}

@font-face {
   font-family: roboto;
   src: url(../fonts/Roboto-Bold.ttf);
   font-weight: bold;
}

@font-face {
   font-family: roboto;
   src: url(../fonts/Roboto-Italic.ttf);
   font-style: italic;
}

.loader {
    position: absolute;
    left: 50vw;
    top: 50vh;
    margin-left: -5vh;
    margin-top: -5vh;
    border: 0.3vh solid #D4D4D488;
    border-radius: 100vh;
    border-right: 0.3vh solid #FFFFFF;
    width: 10vh;
    height: 10vh;
    background-color: #FFFFFF66;
    -webkit-animation: spin 1.6s linear infinite;
    animation: spin 1.6s linear infinite;
    box-shadow: 0px 0px 10vh 0.4vh #FFFFFF;
}

@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.flipbook{
    -webkit-transition:margin-left 0.2s ease-in-out;
    -moz-transition:margin-left 0.2s ease-in-out;
    -o-transition:margin-left 0.2s ease-in-out;
    -ms-transition:margin-left 0.2s ease-in-out;
    transition:margin-left 0.2s ease-in-out;
}

.flipbook .page-wrapper{
   -webkit-perspective: 2500px;
   -moz-perspective: 2500px;
   -ms-perspective: 2500px;
   perspective: 2500px;
}

.flipbook .even{

}

.flipbook .odd{

}

*{
    font-family: roboto;
    font-size: 10px;
    outline: none;
}

/* The emerging W3C standard
that is currently Firefox-only */
* {
    scrollbar-width: thin;
    scrollbar-color: #D4D4D4 #B2B2B2;
}

/* Works on Chrome/Edge/Safari */
*::-webkit-scrollbar {
    width: 6px;
    height: 6px
    border-radius: 20px;
}
*::-webkit-scrollbar-track {
    background: #B2B2B2;
    border-radius: 20px;
}
*::-webkit-scrollbar-thumb {
    background-color: #D4D4D4;
    border-radius: 20px;
}

.contentRow{
    cursor: pointer;
}

.altRow{
    background-color: #FAFAFA;
}

.altRow:nth-child(even){
    background-color: #F2F2F2;
}

.contentRow:hover, .dataRow:hover, .altRow:hover, altRow:nth-child(even):hover{
    background-color: #D4D4D4BB;
}

.icon-buttons{
    position: absolute;
    width: 50px;
    height: 50px;
    border-radius: 25px;
    border-style: none;
    background-color: #00000000;
    transition: background-color 0.5s ease;
    -webkit-transition: background-color 0.5s ease;
}

.icon-buttons:hover{
    background-color: #F2F2F2FF;
}

table{
    border-collapse:collapse;
}

.loginInput{
    background-color: transparent;
    border: none;
    border-bottom: 3px solid #888888;
    border-radius: 0px;
    outline:none;
}

.loginInput:focus{
    border-bottom: 3px solid #444444;
}

.btnSubmit{
    background-color: #888888;
    background-image: none;
    border: 2px solid #888888;
    border-radius: 10px;
    color: #FFFFFF;
    text-align: center;
    margin-top: 40px;
    margin-right: 4px;
    padding: 10px;
    padding-left: 50px;
    padding-right: 50px;
    transition: background-color 0.2s ease, color 0.2s ease;
    -webkit-transition: background-color 0.2s ease, color 0.2s ease;
    cursor: pointer;
    text-decoration: none;
    font-size: 16px;
}
    
.btnSubmit:hover{
    background-color: #F2F2F2;
    color: #063C4D;
}
    
.btnSubmit:active{
    background-color: #888888;
    color: #FFFFFF;
}

.btnSubmit:disabled{
    opacity: 0.6;
    cursor: not-allowed;
}