@font-face {
    font-family: 'SolaimanLipi';
    src: url('../fonts/SolaimanLipi.ttf');
}

@font-face {
    font-family: 'NotoSerifBengali1';
    src: url('../fonts/hYkuPvggTvnzO14VSXltirUdnnkt1pwmWrprmO7RjE0a5BtdATYU1crFaM_5JfcAHkqg6rk.woff2');
}

@font-face {
    font-family: 'NotoSerifBengali2';
    src: url('../fonts/hYkuPvggTvnzO14VSXltirUdnnkt1pwmWrprmO7RjE0a5BtdATYU1crFaM_5JfcAHkqu6rngHw.woff2');
}

@font-face {
    font-family: 'NotoSerifBengali3';
    src: url('../fonts/hYkuPvggTvnzO14VSXltirUdnnkt1pwmWrprmO7RjE0a5BtdATYU1crFaM_5JfcAHkqy6rngHw.woff2');
}

@font-face {
    font-family: 'Palatino Linotype Regular';
    src: url(''../fonts/PalatinoLinotype/Palatino Linotype Regular.woff'');
}

@font-face {
    font-family: 'Cheltenhm BdCn BT'; /* The name you'll use to reference the font */
    src: url('../fonts/CheltenhmBdCnBT/CheltenhamBT-BoldCondensed.woff2') format('woff2'), /* Path to the font file */
    url('../fonts/CheltenhmBdCnBT/CheltenhamBT-BoldCondensed.woff') format('woff'); /* Add multiple formats for wider browser support */
    font-weight: normal; /* Specify the font's weight */
    font-style: normal; /* Specify the font's style */
}

@font-face {
    font-family: 'Montserrat'; /* The name you'll use to reference the font */
    src: url('../fonts/Montserrat-Regular/Montserrat-Regular.woff2') format('woff2'), /* Path to the font file */
    url('../fonts/Montserrat-Regular/Montserrat-Regular.woff') format('woff'); /* Add multiple formats for wider browser support */
    font-weight: normal; /* Specify the font's weight */
    font-style: normal; /* Specify the font's style */
}

:root {
    --primary: #2c3e50;
    --secondary: #3498db;
    --accent: #1abc9c;
    --light: #ecf0f1;
    --dark: #2c3e50;
    --gray: #95a5a6;
    --metro-primary: #0078D7;
    --metro-secondary: #00BCF2;
    --metro-accent: #FFB900;
    --metro-success: #107C10;
    --metro-warning: #D83B01;
    --metro-purple: #8661C5;
    --metro-pink: #E3008C;
    --metro-teal: #008575;
    --metro-orange: #FF8C00;
    --metro-red: #E81123;
    --metro-green: #00B294;
    --metro-light: #F4F4F4;
    --metro-dark: #323130;
}

html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}



body {
    /*display: flex;
    flex-direction: column;
    min-height: 100vh;*/
    background-color: #fffaf0;
}

.bangla-text {
    font-family: 'NotoSerifBengali3', 'NotoSerifBengali2', 'NotoSerifBengali1', 'SolaimanLipi';
}

.english-text {
    font-family: 'Palatino Linotype';
}

.navbar, .dropdown-menu {
    background: linear-gradient(90deg, #2b9348, #55a630);
}

    .dropdown-menu > li > a:hover {
        background: linear-gradient(90deg, #55a630, #2b9348);
    }

main {
    /*flex-grow: 1;*/
}

.home-body {
    font-family: 'Noto Serif Bengali', serif;
    background-color: #fffaf0;
}

.hero {
    background: linear-gradient(to right, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('/images/homepage/1.png') center/cover no-repeat;
    padding: 150px 0px;
    color: white;
    text-align: center;
    text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.6);
}

.section-title {
    font-weight: bold;
    margin-bottom: 1rem;
    color: #0f5132;
}

.section-bg {
    background: linear-gradient(to bottom, #f0fff4, #d8f3dc);
}

.info-img {
    height: 220px;
    object-fit: cover;
}

.home-card-body {
    background-color: #e9fbe5;
    border-radius: 0 0 10px 10px;
}

.metro-tile {
    border-radius: 8px;
    padding: 25px;
    margin-bottom: 20px;
    color: white;
    min-height: 200px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    box-shadow: 0 6px 12px rgba(0,0,0,0.15);
    position: relative;
    overflow: hidden;
}

    .metro-tile::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(135deg, rgba(255,255,255,0.2) 0%, rgba(0,0,0,0.1) 100%);
        z-index: 1;
    }

    .metro-tile:hover {
        transform: translateY(-8px) scale(1.02);
        box-shadow: 0 12px 24px rgba(0,0,0,0.2);
    }

.tile-content {
    position: relative;
    z-index: 2;
}

.tile-primary {
    background: linear-gradient(135deg, var(--metro-primary) 0%, #005a9e 100%);
}

.tile-secondary {
    background: linear-gradient(135deg, var(--metro-secondary) 0%, #0099bc 100%);
}

.tile-accent {
    background: linear-gradient(135deg, var(--metro-accent) 0%, #e6a200 100%);
}

.tile-success {
    background: linear-gradient(135deg, var(--metro-success) 0%, #0a5c0a 100%);
}

.tile-warning {
    background: linear-gradient(135deg, var(--metro-warning) 0%, #a52c01 100%);
}

.tile-purple {
    background: linear-gradient(135deg, var(--metro-purple) 0%, #6a4fa3 100%);
}

.tile-pink {
    background: linear-gradient(135deg, var(--metro-pink) 0%, #b3006e 100%);
}

.tile-teal {
    background: linear-gradient(135deg, var(--metro-teal) 0%, #006658 100%);
}

.tile-orange {
    background: linear-gradient(135deg, var(--metro-orange) 0%, #cc7000 100%);
}

.tile-red {
    background: linear-gradient(135deg, var(--metro-red) 0%, #b80f1d 100%);
}

.tile-green {
    background: linear-gradient(135deg, var(--metro-green) 0%, #008f7a 100%);
}

.tile-icon {
    font-size: 3rem;
    margin-bottom: 15px;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.2);
}

.floating-shapes {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    overflow: hidden;
    z-index: 0;
}

.shape {
    position: absolute;
    border-radius: 50%;
    opacity: 0.1;
}

.shape-1 {
    width: 300px;
    height: 300px;
    background: white;
    top: -150px;
    right: -100px;
}

.shape-2 {
    width: 200px;
    height: 200px;
    background: var(--metro-accent);
    bottom: -100px;
    left: -50px;
}

.shape-3 {
    width: 150px;
    height: 150px;
    background: var(--metro-pink);
    top: 50%;
    right: 10%;
}

.guideline-section-title {
    position: relative;
    margin-bottom: 50px;
    color: var(--metro-purple);
    font-weight: 700;
    font-size: 2.5rem;
}

    .guideline-section-title:after {
        content: "";
        position: absolute;
        bottom: -20px;
        left: 0;
        width: 100%;
        height: 5px;
        background: linear-gradient(90deg, var(--metro-primary), var(--metro-accent));
        border-radius: 5px;
    }

    .guideline-section-title.center:after {
        left: 50%;
        transform: translateX(-50%);
    }

.metro-card {
    border-radius: 12px;
    border: none;
    box-shadow: 0 8px 16px rgba(0,0,0,0.1);
    transition: transform 0.4s ease, box-shadow 0.4s ease;
    overflow: hidden;
    background: white;
}

    .metro-card:hover {
        transform: translateY(-10px) scale(1.02);
        box-shadow: 0 16px 32px rgba(0,0,0,0.15);
    }

    .metro-card .card-header {
        background: linear-gradient(135deg, var(--metro-primary) 0%, var(--metro-secondary) 100%);
        color: white;
        font-weight: 600;
        border-bottom: none;
        padding: 20px;
    }

.metro-footer {
    background: linear-gradient(135deg, var(--metro-dark) 0%, #1a1a1a 100%);
    color: white;
    padding: 60px 0 20px;
}

.metro-stats {
    background: white;
    border-radius: 12px;
    padding: 30px;
    text-align: center;
    box-shadow: 0 8px 16px rgba(0,0,0,0.1);
    border-top: 5px solid var(--metro-primary);
    transition: transform 0.3s ease;
}

    .metro-stats:hover {
        transform: translateY(-5px);
    }

    .metro-stats i {
        font-size: 2.5rem;
        margin-bottom: 15px;
        background: linear-gradient(135deg, var(--metro-primary), var(--metro-accent));
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

.user-guide {
    background: white;
    border-radius: 12px;
    padding: 35px;
    box-shadow: 0 8px 16px rgba(0,0,0,0.1);
    margin-bottom: 30px;
    border-left: 5px solid var(--metro-primary);
    transition: transform 0.3s ease;
}

    .user-guide:hover {
        transform: translateY(-5px);
    }

.user-role {
    font-weight: 700;
    color: var(--metro-primary);
    margin-bottom: 20px;
    font-size: 1.5rem;
    display: flex;
    align-items: center;
}

    .user-role i {
        margin-right: 10px;
        font-size: 1.8rem;
    }

.step {
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 2px dashed #e0e0e0;
    position: relative;
}

    .step:last-child {
        border-bottom: none;
        margin-bottom: 0;
        padding-bottom: 0;
    }

.step-number {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background: linear-gradient(135deg, var(--metro-primary), var(--metro-accent));
    color: white;
    border-radius: 50%;
    margin-right: 15px;
    font-weight: 700;
    font-size: 1.2rem;
    box-shadow: 0 4px 8px rgba(0,0,0,0.15);
}

.tech-stack {
    background: white;
    border-radius: 12px;
    padding: 30px;
    box-shadow: 0 8px 16px rgba(0,0,0,0.1);
    margin-bottom: 30px;
    text-align: center;
    transition: transform 0.3s ease;
}

    .tech-stack:hover {
        transform: translateY(-5px);
    }

.tech-icon {
    font-size: 3rem;
    color: var(--metro-primary);
    margin-bottom: 20px;
    background: linear-gradient(135deg, var(--metro-primary), var(--metro-accent));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.user-flow {
    background: white;
    border-radius: 12px;
    padding: 30px;
    box-shadow: 0 8px 16px rgba(0,0,0,0.1);
    margin-bottom: 30px;
}

.flow-step {
    display: flex;
    align-items: center;
    margin-bottom: 25px;
    padding: 20px;
    border-radius: 10px;
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    transition: transform 0.3s ease;
}

    .flow-step:hover {
        transform: translateX(10px);
    }

.flow-number {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    background: linear-gradient(135deg, var(--metro-primary), var(--metro-accent));
    color: white;
    border-radius: 50%;
    margin-right: 20px;
    font-weight: 700;
    font-size: 1.5rem;
    box-shadow: 0 4px 8px rgba(0,0,0,0.15);
}

.feature-list {
    list-style-type: none;
    padding-left: 20px;
}

    .feature-list li {
        padding: 12px 0;
        border-bottom: 1px solid #eee;
        display: flex;
        align-items: center;
    }

        .feature-list li:before {
            content: "✓";
            color: var(--metro-success);
            font-weight: bold;
            margin-right: 15px;
            font-size: 1.2rem;
        }

.login-example {
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    border-radius: 10px;
    padding: 25px;
    margin: 20px 0;
    border-left: 4px solid var(--metro-accent);
}

    .login-example li {
        position: relative; /* For positioning the pseudo-element */
        padding-left: 2em; /* Adjust as needed to make space for the icon */
        font-style: normal;
        padding-bottom: 10px;
    }

        .login-example li::before {
            content: ''; /* Essential for pseudo-elements */
            position: absolute;
            left: 0;
            top: 0; /* Adjust vertical alignment */
            transform: translateY(40%); /* Fine-tune vertical alignment */
            width: 1em; /* Adjust icon size */
            height: 1em; /* Adjust icon size */
            background-image: url(/lib/bootstrap-icons/icons/caret-right-fill.svg); /* Replace with your icon's path */
            background-repeat: no-repeat;
            background-size: contain; /* Ensure the icon fits within the defined width/height */
        }

.colorful-section {
    background: linear-gradient(135deg, #f0f8ff 0%, #e6f7ff 100%);
    padding: 60px 0;
    border-radius: 0;
}

.colorful-section-alt {
    background: linear-gradient(135deg, #fff8f0 0%, #fff2e6 100%);
    padding: 60px 0;
    border-radius: 0;
}

.floating {
    animation: floating 3s ease-in-out infinite;
}

@keyframes floating {
    0% {
        transform: translate(0, 0px);
    }

    50% {
        transform: translate(0, 15px);
    }

    100% {
        transform: translate(0, -0px);
    }
}

.metro-badge {
    background: linear-gradient(135deg, var(--metro-accent), var(--metro-orange));
    color: var(--metro-dark);
    padding: 10px 20px;
    border-radius: 20px;
    font-weight: 600;
    margin: 5px;
    display: inline-block;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

.highlight {
    background: linear-gradient(135deg, var(--metro-accent), var(--metro-orange));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
}

.pulse {
    animation: pulse 2s infinite;
}

@keyframes pulse {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.05);
    }

    100% {
        transform: scale(1);
    }
}

.gradient-text {
    background: linear-gradient(135deg, var(--metro-primary), var(--metro-purple));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
}

button.guidlinenavbutton.active {
    background-color: blue!important;
    color: white!important;
}

footer {
    background: var(--primary);
    color: white;
    padding: 40px 0;
}

/*.footer {
    background: var(--primary);
    color: white;
    padding: 40px 0;
}*/

.form-floating > .form-control-plaintext::placeholder, .form-floating > .form-control::placeholder {
    color: var(--bs-secondary-color);
    text-align: end;
}

.form-floating > .form-control-plaintext:focus::placeholder, .form-floating > .form-control:focus::placeholder {
    text-align: start;
}


/*Verticle Height starts here*/
.vh-15 {
    height: 15vh !important;
}

.vh-25 {
    height: 25vh !important;
}

.vh-75 {
    height: 75vh !important;
}

.vh-77 {
    height: 77vh !important;
}

.vh-78 {
    height: 78vh !important;
}

.vh-795 {
    height: 79.5vh !important;
}

.vh-825 {
    height: 82.5vh !important;
}

.vh-84 {
    height: 84vh !important;
}

.vh-89 {
    height: 89vh !important;
}

.vh-90 {
    height: 90vh !important;
}

.vh-95 {
    height: 95vh !important;
}

.minvh-100 {
    min-height: 100vh !important;
}
/*Verticle height ends here*/

.w-90 {
    width: 90% !important;
}

.vw-99 {
    width: 99vw !important;
}

/*Padding Starts Here*/
.pt-01 {
    padding-top: 0.1rem !important;
}

.ps-1_2r {
    padding-left: 1.2rem !important;
}

.pe-1_2r {
    padding-right: 1.2rem !important;
}

.ps-2r {
    padding-left: 2rem !important;
}

.pe-2r {
    padding-right: 2rem !important;
}

.pe-25r {
    padding-right: 2.5rem !important;
}

.pt-2r {
    padding-top: 2rem !important;
}

.ps-3_1r {
    padding-left: 1.25rem !important;
}

.pt-3_1r {
    padding-top: 1.25rem !important;
}

.pe-45 {
    padding-right: 1.75rem !important;
}
/*Padding Ends Here*/
/*Calendar Design Starts Here*/
#calendar a.fc-col-header-cell-cushion {
    font-size: 1.5em;
    font-weight: bold;
}

#calendar a.fc-daygrid-day-number {
    font-size: 1.5em;
    font-weight: bold;
}

/*#calendar .fc-event {
    cursor: pointer;
}*/

#calendar .fc-col-header-cell {
    /*background-color: gray;*/
}

#calendar .fc-daygrid-day {
    cursor: pointer;
}

/*div[role="tooltip"] {
    background-color: Green !important;
    margin: 0px !important;
    padding: 0px !important;
    max-width: 600px !important;
}*/

.popover-header {
    margin: 0px !important;
}

.custom-tooltip {
    --bs-tooltip-bg: var(--bs-primary);
}

/*[role=columnheader] {
    background-color: black !important;
}*/

.fc-col-header-cell.fc-day {
    line-height: 30px;
}

.fc-col-header-cell {
    background-color: black !important;
}

.fc-col-header-cell-cushion {
    color: white !important;
    text-decoration: none;
}

.fc-daygrid-day-number {
    color: black !important;
    text-decoration: none;
}

.fc-day.fc-day-sun.fc-daygrid-day {
    background-color: steelblue;
}

.fc-day.fc-day-mon.fc-daygrid-day {
    background-color: steelblue;
}

.fc-day.fc-day-tue.fc-daygrid-day {
    background-color: steelblue;
}

.fc-day.fc-day-wed.fc-daygrid-day {
    background-color: steelblue;
}

.fc-day.fc-day-thu.fc-daygrid-day {
    background-color: steelblue;
}

.fc-day.fc-day-fri.fc-daygrid-day {
    background-color: grey;
}

.fc-day.fc-day-sat.fc-daygrid-day {
    background-color: grey;
}

.fc-day-today {
    background-color: greenyellow !important;
}

    .fc-day-today .fc-daygrid-day-frame {
        background-color: greenyellow !important;
    }

    .fc-day-today .fc-daygrid-day-bottom a {
        color: #4682B4 !important;
    }

.fc-daygrid-day-bottom a {
    color: #FFFF00 !important;
}
/*.fc-daygrid-day-frame::after {
    content: "Click to add schedule";
    padding: 2px;
    display: none;
    position: relative;
    top: -20px;
    right: -30px;
    width: 150px;
    text-align: center;
    background-color: #fef4c5;
    border: 1px solid #d4b943;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
}

.fc-daygrid-day-frame:hover::after {
    display: block;
}*/


/*Calendar Design Ends Here*/

/* --Mouse hover dropdown starts here-- */
.dropdown:hover .dropdown-menu {
    display: block;
}

.dropdown:hover .dropdown-menu-end {
    display: none;
}

.dropend:hover .dropdown-menu-end {
    display: block;
}
/* --Mouse hover dropdown ends here-- */

.prescriptionBackground {
    background-image: url('/images/doctor/trbgdoctor1.png');
    background-color: rgba(255,255,255,0.85);
    background-blend-mode: lighten;
    background-repeat: no-repeat;
    background-size: 350px; /*650px;*/
    background-position-y: top;
    background-position-x: center;
    /*height: 550px;*/
}

#the-canvas {
    /*border: 1px solid black;*/
    direction: ltr;
}


/*jQuery UI Starts Here*/

.ui-menu-item {
    background-color: #0099bc;
}

.ui-menu-item-alternate {
    background-color: #005a9e;
}
/*jQuery UI Ends Here*/

#appointmentTable > thead > tr > * {
    background-color: dimgray;
    color: white;
}

#appointmentTable > tbody > tr:nth-of-type(odd) > * {
    background-color: palegoldenrod;
    font-weight: bold;
}

#appointmentTable > tbody > tr:nth-of-type(even) > * {
    background-color: burlywood;
    font-weight: bold;
}

.table > thead > tr > * {
    background-color: dimgray;
    color: white;
    vertical-align: middle;
}

.table > tbody > tr:nth-of-type(odd) > * {
    background-color: palegoldenrod;
    font-weight: bold;
}

.table > tbody > tr:nth-of-type(even) > * {
    background-color: burlywood;
    font-weight: bold;
}

.patientAppointmentDate {
}

.patientAppointmentScheduleDate {
}

.patientAppointmentScheduleTime {
}

.tooltip {
    font-family: 'NotoSerifBengali3' !important;
    font-weight: bold !important;
    font-size: large !important;
}

/*Pagination Starts Here*/

.paginationAnchor {
    line-height: normal;
    padding: 0.25rem 0.5rem 0.45rem 0.5rem !important;
}

/*jQuery Tooltip Starts*/
.ui-tooltip, .arrow:after {
    background: lightgrey;
    /*opacity: 1;*/
    border: 2px solid grey;
}

.ui-tooltip {
    padding: 10px 20px;
    color: blue;
    border-radius: 20px;
    font: large 'NotoSerifBengali3' !important;
    /*text-transform: uppercase;*/
    box-shadow: 0 0 7px black;
}

.arrow {
    width: 70px;
    height: 16px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -35px;
    bottom: -16px;
}

    .arrow.top {
        top: -16px;
        bottom: auto;
    }

    .arrow.left {
        left: 20%;
    }

    .arrow:after {
        content: "";
        position: absolute;
        left: 20px;
        top: -20px;
        width: 25px;
        height: 25px;
        box-shadow: 6px 5px 9px -9px black;
        transform: rotate(45deg);
    }

    .arrow.top:after {
        bottom: -20px;
        top: auto;
    }
/*jQuery Tooltip Ends*/

/*Pagination Ends Here*/

.previousTestReports {
    height: 230px !important;
}

.vertical-text {
    writing-mode: vertical-rl; /* For right-to-left vertical writing */
    text-orientation: mixed; /* Adjust as needed */
}

.back-to-top {
    position: fixed;
    bottom: 30px;
    right: 30px;
    background: var(--metro-primary);
    color: white;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    box-shadow: 0 4px 10px rgba(0,0,0,0.2);
    transition: all 0.3s ease;
    z-index: 1000;
}

    .back-to-top:hover {
        background: var(--metro-secondary);
        transform: translateY(-3px);
    }

/* Custom file input starts here */
.fileUploadInput {
    display: grid;
    grid-gap: 10px;
    position: relative;
    z-index: 1;
}

    .fileUploadInput label {
        display: flex;
        align-items: center;
        color: setColor(primary, 0.5);
        background: setColor(white);
        transition: .4s ease;
        font-family: arial, sans-serif;
        font-size: .75em;
        font-weight: regular;
    }

    .fileUploadInput input {
        position: relative;
        z-index: 1;
        padding: 0 gap(m);
        width: 100%;
        height: 50px;
        border: 1px solid #323262;
        border-radius: 3px;
        font-family: arial, sans-serif;
        font-size: 1rem;
        user-select: none;
        cursor: pointer;
        font-weight: regular;
    }

        .fileUploadInput input[type="file"] {
            padding: 0 gap(m);
        }

            .fileUploadInput input[type="file"]::-webkit-file-upload-button {
                visibility: hidden;
                margin-left: 10px;
                padding: 0;
                height: 50px;
                width: 0;
            }

    .fileUploadInput button {
        position: absolute;
        right: 0;
        bottom: 0;
        width: 50px;
        height: 50px;
        line-height: 0;
        user-select: none;
        color: white;
        background-color: #323262;
        border-radius: 0 3px 3px 0;
        font-family: arial, sans-serif;
        font-size: 1.5rem;
        font-weight: 800;
    }

        .fileUploadInput button svg {
            width: auto;
            height: 50%;
        }

* {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
    border: 0px;
    outline: 0;
    background-repeat: no-repeat;
    appearance: none;
    border-radius: 0;
    vertical-align: middle;
    font-weight: inherit;
    font-style: inherit;
    font-family: inherit;
    text-decoration: none;
    list-style: none;
    user-select: text;
    line-height: 1.333em;
}

@-moz-document url-prefix() {
    .fileUploadInput button {
        display: none
    }
}
/* Custom file input ends here */

@supports(-ms-appearance:none) {
    .previousTestReports {
        height: 233px !important;
    }

    .pe-2r {
        padding-right: 3rem !important;
    }

    .pe-25r {
        padding-right: 2.5rem !important;
    }
}

@supports (-webkit-appearance:none) {
    .previousTestReports {
        height: 233px !important;
    }

    .pe-2r {
        padding-right: 3rem !important;
    }

    .pe-25r {
        padding-right: 2.5rem !important;
    }
}

@supports (-moz-appearance:none) {
    .previousTestReports {
        height: 234px !important;
    }

    .pe-2r {
        padding-right: 2rem !important;
    }

    .pe-25r {
        padding-right: 1.5rem !important;
    }
}

@supports (-o-appearance:none) {
    .previousTestReports {
        height: 233px !important;
    }

    .pe-2r {
        padding-right: 3rem !important;
    }

    .pe-25r {
        padding-right: 2.5rem !important;
    }
}