:root {
    --green: #5aaf3d;
    --dark-gray: #2e3034;
    --gray: #34302f;
    --white: #ffffff;
    --black: #000000;
    --font-color: #3b3b3b;
    --dim-font: #c9cfcf;
    --light-gray: #e8e8e8;
    --danger-red: #db2424;
    --milky-white: #f8f7f5;
    --light-green: #f2f7f2;
    --blue: #f33b3b;
    --light-blue: #f99d9d;
}

html,
body,
* {
    font-size: 14px;
    font-family: "Exo 2", sans-serif;
    font-family: Arial, Helvetica, sans-serif;
    color: var(--font-color);
}

h1,
h2,
h3,
h4,
h5,
h6,
label {
    color: var(--font-color);
    font-weight: bold;
}

a {
    text-decoration: none !important;
    color: #4b4b4b;
}

.form-control {
    outline: 0 !important;
    box-shadow: none !important;
    height: 35px;
    border-radius: 0px;
}
input {
    height: 32px;
    padding: 3px 10px;
    font-size: 16px;
    border-radius: 0;
}
input[type="date"] {
    border-radius: 0;
    border: 1px solid #bbb;
    min-width: 200px;
    outline: none !important;
}
select,
option {
    height: 32px;
}
button {
    outline: 0 !important;
    box-shadow: none !important;
}

.btn-blue {
    background-color: var(--blue);
    color: #fff;
    border: 0;
    padding: 3px 15px 5px 15px;
    height: 35px;
    font-size: 13px;
    min-width: 120px;
}
.btn-red {
    background-color: var(--blue);
    color: #fff;
    border: 0;
    padding: 2px 15px 4px 15px;
}
.text-blue {
    color: var(--blue);
}
.text-red {
    color: var(--blue);
}
.text-green {
    color: var(--green);
}
.section-title {
    text-align: left;
    border-bottom: 1px solid #ccc;
}
.section-title i {
    font-size: 18px;
}
.section-title label {
    font-size: 18px;
    font-weight: bold;
    position: relative;
    color: var(--font-color);
}

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

.general-card {
    border: 1px solid #ccc;
    width: 400px;
    border-radius: 15px;
    margin: 75px 0;
    padding: 75px 10px;
    text-align: left;
    background-color: #f9f9f9;
}
.general-card label {
    display: inline;
    margin: 0 10px;
    font-weight: bold;
}
.general-card ul {
    margin: 0;
    padding: 0;
}
.general-card ul li {
    margin: 10px;
}
.table {
    background-color: #fff;
}

@media (max-width: 768px) {
    .general-card {
        margin: 5% 0 0 0;
        padding: 75px 0%;
        max-width: 87%;
    }
}
::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track {
    background-color: #f1f1f1;
}

::-webkit-scrollbar-thumb {
    background-color: #888;
}

::-webkit-scrollbar-thumb:hover {
    background-color: #555;
}

::-moz-selection {
    color: #fff;
    background-color: #049ddf;
}

::selection {
    color: #fff;
    background-color: #049ddf;
}