@charset "utf-8";

/* CSS Document */


@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bree+Serif&display=swap');

* {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

body {
    background: #F5F5F5;
    line-height: 20px;
    font-size: 14px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    color: #616161;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

nav ul {
    list-style: none;
}

html * {
    outline: none !important;
}

ol,
ul,
li {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

a {
    color: #007FD7;
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    text-decoration: none;
    transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
}

a:hover,
a:focus {
    cursor: pointer !important;
    text-decoration: none;
    color: #0362a4;
}

img {
    display: block;
    max-width: 100%;
    height: auto;
}

strong {
    font-weight: 700;
}

em,
i {
    font-style: italic;
}

small {
    font-size: 12px;
    line-height: 16px;
}

ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

ul li {
    background: none;
    padding: 0;
}

h1,
h2 {
    font-weight: 700;
    color: #2A313A;
}

h3,
h4,
h5,
h6 {
    font-weight: 600;
    color: #2A313A;
}

h3 {
    font-size: 26px;
    font-weight: 400;
    line-height: 31px;
}

p {
    padding: 0;
}

p:empty {
    display: none !important;
}

/* change colours to suit your needs */

ins {
    color: #000;
    text-decoration: none;
}

/* change colours to suit your needs */

mark {
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: bold;
}

del {
    text-decoration: line-through;
}

abbr[title],
dfn[title] {
    border-bottom: 1px dotted;
    cursor: help;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    height:35vh !important;
}

thead, tbody tr {
    display: table;
    width: 100%;
    table-layout: fixed;/* even columns width , fix width of table too*/
}

hr {
    display: block;
    border: 0;
    border-top: 1px solid #cccccc;
    margin: 1em 0;
    padding: 0;
}

input,
select {
    vertical-align: middle;
}

outline {
    border: 0;
}

textarea {
    outline: none;
    resize: none;
}

input[type="submit"],
input[type="button"],
input[type="reset"] {
    cursor: pointer;
    outline: none;
    transition: all 400ms linear;
}

button[disabled],
input[disabled],
submit[disabled] {
    cursor: default;
}

.clear {
    clear: both;
    line-height: 0;
    font-size: 0;
}

.wrapper {
    margin: 0 auto;
}

.parallax {
    background-attachment: fixed;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
}

.container {
    max-width: 1200px;
    margin-right: auto !important;
    margin-left: auto !important;
}

.form-control:focus {
    color: #D9D9D9;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: none;
}

.btn-check:active+.btn-primary:focus,
.btn-check:checked+.btn-primary:focus,
.btn-primary.active:focus,
.btn-primary:active:focus,
.show>.btn-primary.dropdown-toggle:focus,
.btn-check:focus+.btn,
.btn:focus,
.form-check-input:focus,
.form-select:focus {
    box-shadow: none;
}

.btn {
    transition: all 400ms linear;
}

.btn.btn-lg {
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
    padding: 8px 15px;
    border-radius: 4px;
}

.btn.btn-sm {
    font-size: 14px;
    line-height: 16.94px;
    font-weight: 500;
    padding: 8px 13px;
    border-radius: 4px;
}

.btn.btn-xs {
    font-size: 11.2px;
    line-height: 13.55px;
    font-weight: 500;
    padding: 3px 8px;
    border-radius: 4px;
}

.btn-primary,
.fc .fc-button-primary {
    background-color: #007FD7;
    border-color: #007FD7;
    color: #fff
}

.btn-check:focus+.btn-primary,
.btn-primary:focus,
.btn-primary:hover,
.btn-check:focus+.fc .fc-button-primary,
.fc .fc-button-primary:focus,
.fc .fc-button-primary:hover {
    background-color: #0063a8;
    border-color: #0063a8;
    color: #fff
}

.btn-check:focus+.btn-primary,
.btn-primary:focus,
.btn-check:focus+.fc .fc-button-primary,
.fc .fc-button-primary:focus {
    box-shadow: none
}

.btn-check:active+.btn-primary,
.btn-check:checked+.btn-primary,
.btn-primary.active,
.btn-primary:active,
.show>.btn-primary.dropdown-toggle,
.fc .fc-button-primary:not(:disabled).fc-button-active,
.fc .fc-button-primary:not(:disabled):active {
    background-color: #0063a8;
    border-color: #0063a8;
    color: #fff
}

.btn-check:active+.btn-primary:focus,
.btn-check:checked+.btn-primary:focus,
.btn-primary.active:focus,
.btn-primary:active:focus,
.show>.btn-primary.dropdown-toggle:focus {
    box-shadow: none;
}

.btn-primary.disabled,
.btn-primary:disabled {
    background-color: #b3d9f3;
    border-color: #b3d9f3;
    color: #fff
}

.btn-secondary {
    background-color: #FFC500;
    border-color: #FFC500;
    color: #fff
}

.btn-check:focus+.btn-secondary,
.btn-secondary:focus,
.btn-secondary:hover {
    background-color: #d8a702;
    border-color: #d8a702;
    color: #fff
}

.btn-check:focus+.btn-secondary,
.btn-secondary:focus {
    box-shadow: none;
}

.btn-check:active+.btn-secondary,
.btn-check:checked+.btn-secondary,
.btn-secondary.active,
.btn-secondary:active,
.show>.btn-secondary.dropdown-toggle {
    background-color: #d8a702;
    border-color: #d8a702;
    color: #fff
}

.btn-check:active+.btn-secondary:focus,
.btn-check:checked+.btn-secondary:focus,
.btn-secondary.active:focus,
.btn-secondary:active:focus,
.show>.btn-secondary.dropdown-toggle:focus {
    box-shadow: none;
}

.btn-secondary.disabled,
.btn-secondary:disabled {
    background-color: #b3d9f3;
    border-color: #b3d9f3;
    color: #fff
}

.btn-success {
    background-color: #8fbd56;
    border-color: #8fbd56;
    color: #fff
}

.btn-check:focus+.btn-success,
.btn-success:focus,
.btn-success:hover {
    background-color: #619602;
    border-color: #619602;
    color: #fff
}

.btn-check:focus+.btn-success,
.btn-success:focus {
    box-shadow: none;
}

.btn-check:active+.btn-success,
.btn-check:checked+.btn-success,
.btn-success.active,
.btn-success:active,
.show>.btn-success.dropdown-toggle {
    background-color: #619602;
    border-color: #619602;
    color: #fff
}

.btn-check:active+.btn-success:focus,
.btn-check:checked+.btn-success:focus,
.btn-success.active:focus,
.btn-success:active:focus,
.show>.btn-success.dropdown-toggle:focus {
    box-shadow: none;
}

.btn-success.disabled,
.btn-success:disabled {
    background-color: #b3d9f3;
    border-color: #b3d9f3;
    color: #fff
}

.btn-info {
    background-color: #00B5EE;
    border-color: #00B5EE;
    color: #fff
}

.btn-check:focus+.btn-info,
.btn-info:focus,
.btn-info:hover {
    background-color: #0896c3;
    border-color: #0896c3;
    color: #fff
}

.btn-check:focus+.btn-info,
.btn-info:focus {
    box-shadow: none;
}

.btn-check:active+.btn-info,
.btn-check:checked+.btn-info,
.btn-info.active,
.btn-info:active,
.show>.btn-info.dropdown-toggle {
    background-color: #0896c3;
    border-color: #0896c3;
    color: #fff
}

.btn-check:active+.btn-info:focus,
.btn-check:checked+.btn-info:focus,
.btn-info.active:focus,
.btn-info:active:focus,
.show>.btn-info.dropdown-toggle:focus {
    box-shadow: none
}

.btn-info.disabled,
.btn-info:disabled {
    background-color: #b3d9f3;
    border-color: #b3d9f3;
    color: #fff
}

.btn-warning {
    background-color: #FF8819;
    border-color: #FF8819;
    color: #fff
}

.btn-check:focus+.btn-warning,
.btn-warning:focus,
.btn-warning:hover {
    background-color: #d66802;
    border-color: #d66802;
    color: #fff
}

.btn-check:focus+.btn-warning,
.btn-warning:focus {
    box-shadow: none;
}

.btn-check:active+.btn-warning,
.btn-check:checked+.btn-warning,
.btn-warning.active,
.btn-warning:active,
.show>.btn-warning.dropdown-toggle {
    background-color: #d66802;
    border-color: #d66802;
    color: #fff
}

.btn-check:active+.btn-warning:focus,
.btn-check:checked+.btn-warning:focus,
.btn-warning.active:focus,
.btn-warning:active:focus,
.show>.btn-warning.dropdown-toggle:focus {
    box-shadow: none
}

.btn-warning.disabled,
.btn-warning:disabled {
    background-color: #b3d9f3;
    border-color: #b3d9f3;
    color: #fff
}

.btn-danger {
    background-color: #E52727;
    border-color: #E52727;
    color: #fff
}

.btn-check:focus+.btn-danger,
.btn-danger:focus,
.btn-danger:hover {
    background-color: #c20b0b;
    border-color: #c20b0b;
    color: #fff
}

.btn-check:focus+.btn-danger,
.btn-danger:focus {
    box-shadow: none
}

.btn-check:active+.btn-danger,
.btn-check:checked+.btn-danger,
.btn-danger.active,
.btn-danger:active,
.show>.btn-danger.dropdown-toggle {
    background-color: #c20b0b;
    border-color: #c20b0b;
    color: #fff
}

.btn-check:active+.btn-danger:focus,
.btn-check:checked+.btn-danger:focus,
.btn-danger.active:focus,
.btn-danger:active:focus,
.show>.btn-danger.dropdown-toggle:focus {
    box-shadow: none
}

.btn-danger.disabled,
.btn-danger:disabled {
    background-color: #b3d9f3;
    border-color: #b3d9f3;
    color: #fff
}

.btn-light {
    background-color: #F4F6FD;
    border-color: #F4F6FD;
    color: #000
}

.btn-check:focus+.btn-light,
.btn-light:focus,
.btn-light:hover {
    background-color: #dddddd;
    border-color: #dddddd;
    color: #000
}

.btn-check:focus+.btn-light,
.btn-light:focus {
    box-shadow: none;
}

.btn-check:active+.btn-light,
.btn-check:checked+.btn-light,
.btn-light.active,
.btn-light:active,
.show>.btn-light.dropdown-toggle {
    background-color: #dddddd;
    border-color: #dddddd;
    color: #000
}

.btn-check:active+.btn-light:focus,
.btn-check:checked+.btn-light:focus,
.btn-light.active:focus,
.btn-light:active:focus,
.show>.btn-light.dropdown-toggle:focus {
    box-shadow: none;
}

.btn-light.disabled,
.btn-light:disabled {
    background-color: #b3d9f3;
    border-color: #b3d9f3;
    color: #000
}

.btn-dark {
    background-color: #8F97B2;
    border-color: #8F97B2;
    color: #fff
}

.btn-check:focus+.btn-dark,
.btn-dark:focus,
.btn-dark:hover {
    background-color: #6f768c;
    border-color: #6f768c;
    color: #fff
}

.btn-check:focus+.btn-dark,
.btn-dark:focus {
    box-shadow: none;
}

.btn-check:active+.btn-dark,
.btn-check:checked+.btn-dark,
.btn-dark.active,
.btn-dark:active,
.show>.btn-dark.dropdown-toggle {
    background-color: #6f768c;
    border-color: #6f768c;
    color: #fff
}

.btn-check:active+.btn-dark:focus,
.btn-check:checked+.btn-dark:focus,
.btn-dark.active:focus,
.btn-dark:active:focus,
.show>.btn-dark.dropdown-toggle:focus {
    box-shadow: none
}

.btn-dark.disabled,
.btn-dark:disabled {
    background-color: #b3d9f3;
    border-color: #b3d9f3;
    color: #fff
}

.btn-darker {
    background-color: #2C323F;
    border-color: #2C323F;
    color: #fff
}

.btn-check:focus+.btn-darker,
.btn-darker:focus,
.btn-darker:hover {
    background-color: #000000;
    border-color: #000000;
    color: #fff
}

.btn-check:focus+.btn-darker,
.btn-darker:focus {
    box-shadow: none;
}

.btn-check:active+.btn-darker,
.btn-check:checked+.btn-darker,
.btn-darker.active,
.btn-darker:active,
.show>.btn-darker.dropdown-toggle {
    background-color: #000000;
    border-color: #000000;
    color: #fff
}

.btn-check:active+.btn-darker:focus,
.btn-check:checked+.btn-darker:focus,
.btn-darker.active:focus,
.btn-darker:active:focus,
.show>.btn-darker.dropdown-toggle:focus {
    box-shadow: none
}

.btn-darker.disabled,
.btn-dark:disabled {
    background-color: #b3d9f3;
    border-color: #b3d9f3;
    color: #fff
}

.btn-grey {
    background-color: #777982;
    border-color: #777982;
    color: #fff
}

.btn-check:focus+.btn-grey,
.btn-grey:focus,
.btn-grey:hover {
    background-color: #54565f;
    border-color: #54565f;
    color: #fff
}

.btn-check:focus+.btn-grey,
.btn-grey:focus {
    box-shadow: none;
}

.btn-check:active+.btn-grey,
.btn-check:checked+.btn-grey,
.btn-grey.active,
.btn-grey:active,
.show>.btn-grey.dropdown-toggle {
    background-color: #54565f;
    border-color: #54565f;
    color: #fff
}

.btn-check:active+.btn-grey:focus,
.btn-grey:checked+.btn-grey:focus,
.btn-grey.active:focus,
.btn-grey:active:focus,
.show>.btn-grey.dropdown-toggle:focus {
    box-shadow: none
}

.btn-grey.disabled,
.btn-dark:disabled {
    background-color: #b3d9f3;
    border-color: #b3d9f3;
    color: #fff
}

.btn-outline-primary {
    border-color: #007FD7;
    color: #007FD7
}

.btn-outline-primary:hover {
    background-color: #0063a8;
    border-color: #0063a8;
    color: #fff
}

.btn-check:focus+.btn-outline-primary,
.btn-outline-primary:focus {
    box-shadow: none;
}

.btn-check:active+.btn-outline-primary,
.btn-check:checked+.btn-outline-primary,
.btn-outline-primary.active,
.btn-outline-primary.dropdown-toggle.show,
.btn-outline-primary:active {
    background-color: #0063a8;
    border-color: #0063a8;
    color: #fff
}

.btn-check:active+.btn-outline-primary:focus,
.btn-check:checked+.btn-outline-primary:focus,
.btn-outline-primary.active:focus,
.btn-outline-primary.dropdown-toggle.show:focus,
.btn-outline-primary:active:focus {
    box-shadow: none;
}

.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
    background-color: transparent;
    color: #b3d9f3
}

.btn-outline-secondary {
    border-color: #FFC500;
    color: #FFC500
}

.btn-outline-secondary:hover {
    background-color: #d8a702;
    border-color: #d8a702;
    color: #fff
}

.btn-check:focus+.btn-outline-secondary,
.btn-outline-secondary:focus {
    box-shadow: none;
}

.btn-check:active+.btn-outline-secondary,
.btn-check:checked+.btn-outline-secondary,
.btn-outline-secondary.active,
.btn-outline-secondary.dropdown-toggle.show,
.btn-outline-secondary:active {
    background-color: #d8a702;
    border-color: #d8a702;
    color: #fff
}

.btn-check:active+.btn-outline-secondary:focus,
.btn-check:checked+.btn-outline-secondary:focus,
.btn-outline-secondary.active:focus,
.btn-outline-secondary.dropdown-toggle.show:focus,
.btn-outline-secondary:active:focus {
    box-shadow: none;
}

.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled {
    background-color: transparent;
    color: #b3d9f3
}

.btn-outline-success {
    border-color: #74B500;
    color: #74B500
}

.btn-outline-success:hover {
    background-color: #619602;
    border-color: #619602;
    color: #fff
}

.btn-check:focus+.btn-outline-success,
.btn-outline-success:focus {
    box-shadow: none;
}

.btn-check:active+.btn-outline-success,
.btn-check:checked+.btn-outline-success,
.btn-outline-success.active,
.btn-outline-success.dropdown-toggle.show,
.btn-outline-success:active {
    background-color: #619602;
    border-color: #619602;
    color: #fff
}

.btn-check:active+.btn-outline-success:focus,
.btn-check:checked+.btn-outline-success:focus,
.btn-outline-success.active:focus,
.btn-outline-success.dropdown-toggle.show:focus,
.btn-outline-success:active:focus {
    box-shadow: none;
}

.btn-outline-success.disabled,
.btn-outline-success:disabled {
    background-color: transparent;
    color: #b3d9f3
}

.btn-outline-info {
    border-color: #00B5EE;
    color: #00B5EE
}

.btn-outline-info:hover {
    background-color: #0896c3;
    border-color: #0896c3;
    color: #fff
}

.btn-check:focus+.btn-outline-info,
.btn-outline-info:focus {
    box-shadow: none;
}

.btn-check:active+.btn-outline-info,
.btn-check:checked+.btn-outline-info,
.btn-outline-info.active,
.btn-outline-info.dropdown-toggle.show,
.btn-outline-info:active {
    background-color: #0896c3;
    border-color: #0896c3;
    color: #fff
}

.btn-check:active+.btn-outline-info:focus,
.btn-check:checked+.btn-outline-info:focus,
.btn-outline-info.active:focus,
.btn-outline-info.dropdown-toggle.show:focus,
.btn-outline-info:active:focus {
    box-shadow: none;
}

.btn-outline-info.disabled,
.btn-outline-info:disabled {
    background-color: transparent;
    color: #b3d9f3;
}

.btn-outline-warning {
    border-color: #FF8819;
    color: #FF8819
}

.btn-outline-warning:hover {
    background-color: #d66802;
    border-color: #d66802;
    color: #fff
}

.btn-check:focus+.btn-outline-warning,
.btn-outline-warning:focus {
    box-shadow: none;
}

.btn-check:active+.btn-outline-warning,
.btn-check:checked+.btn-outline-warning,
.btn-outline-warning.active,
.btn-outline-warning.dropdown-toggle.show,
.btn-outline-warning:active {
    background-color: #d66802;
    border-color: #d66802;
    color: #fff
}

.btn-check:active+.btn-outline-warning:focus,
.btn-check:checked+.btn-outline-warning:focus,
.btn-outline-warning.active:focus,
.btn-outline-warning.dropdown-toggle.show:focus,
.btn-outline-warning:active:focus {
    box-shadow: none;
}

.btn-outline-warning.disabled,
.btn-outline-warning:disabled {
    background-color: transparent;
    color: #b3d9f3
}

.btn-outline-danger {
    border-color: #E52727;
    color: #E52727
}

.btn-outline-danger:hover {
    background-color: #c20b0b;
    border-color: #c20b0b;
    color: #fff
}

.btn-check:focus+.btn-outline-danger,
.btn-outline-danger:focus {
    box-shadow: none;
}

.btn-check:active+.btn-outline-danger,
.btn-check:checked+.btn-outline-danger,
.btn-outline-danger.active,
.btn-outline-danger.dropdown-toggle.show,
.btn-outline-danger:active {
    background-color: #c20b0b;
    border-color: #c20b0b;
    color: #fff
}

.btn-check:active+.btn-outline-danger:focus,
.btn-check:checked+.btn-outline-danger:focus,
.btn-outline-danger.active:focus,
.btn-outline-danger.dropdown-toggle.show:focus,
.btn-outline-danger:active:focus {
    box-shadow: none;
}

.btn-outline-danger.disabled,
.btn-outline-danger:disabled {
    background-color: transparent;
    color: #b3d9f3
}

.btn-outline-light {
    border-color: #F4F6FD;
    color: #F4F6FD
}

.btn-outline-light:hover {
    background-color: #dddddd;
    border-color: #dddddd;
    color: #000
}

.btn-check:focus+.btn-outline-light,
.btn-outline-light:focus {
    box-shadow: none;
}

.btn-check:active+.btn-outline-light,
.btn-check:checked+.btn-outline-light,
.btn-outline-light.active,
.btn-outline-light.dropdown-toggle.show,
.btn-outline-light:active {
    background-color: #dddddd;
    border-color: #dddddd;
    color: #000
}

.btn-check:active+.btn-outline-light:focus,
.btn-check:checked+.btn-outline-light:focus,
.btn-outline-light.active:focus,
.btn-outline-light.dropdown-toggle.show:focus,
.btn-outline-light:active:focus {
    box-shadow: none;
}

.btn-outline-light.disabled,
.btn-outline-light:disabled {
    background-color: transparent;
    color: #b3d9f3
}

.btn-outline-dark {
    border-color: #8F97B2;
    color: #8F97B2
}

.btn-outline-dark:hover {
    background-color: #6f768c;
    border-color: #6f768c;
    color: #fff
}

.btn-check:focus+.btn-outline-dark,
.btn-outline-dark:focus {
    box-shadow: none;
}

.btn-check:active+.btn-outline-dark,
.btn-check:checked+.btn-outline-dark,
.btn-outline-dark.active,
.btn-outline-dark.dropdown-toggle.show,
.btn-outline-dark:active {
    background-color: #6f768c;
    border-color: #6f768c;
    color: #fff
}

.btn-check:active+.btn-outline-dark:focus,
.btn-check:checked+.btn-outline-dark:focus,
.btn-outline-dark.active:focus,
.btn-outline-dark.dropdown-toggle.show:focus,
.btn-outline-dark:active:focus {
    box-shadow: none;
}

.btn-outline-dark.disabled,
.btn-outline-dark:disabled {
    background-color: transparent;
    color: #b3d9f3
}

.btn-outline-darker {
    border-color: #2C323F;
    color: #2C323F
}

.btn-check:focus+.btn-outline-darker,
.btn-darker:focus,
.btn-outline-darker:hover {
    background-color: #000000;
    border-color: #000000;
    color: #fff
}

.btn-check:focus+.btn-outline-darker,
.btn-outline-darker:focus {
    box-shadow: none;
}

.btn-check:active+.btn-outline-darker,
.btn-check:checked+.btn-outline-darker,
.btn-outline-darker.active,
.btn-outline-darker:active,
.show>.btn-outline-darker.dropdown-toggle {
    background-color: #000000;
    border-color: #000000;
    color: #fff
}

.btn-check:active+.btn-outline-darker:focus,
.btn-check:checked+.btn-outline-darker:focus,
.btn-outline-darker.active:focus,
.btn-outline-darker:active:focus,
.show>.btn-outline-darker.dropdown-toggle:focus {
    box-shadow: none
}

.btn-outline-darker.disabled,
.btn-outline-darker:disabled {
    background-color: transparent;
    color: #b3d9f3
}

.btn-outline-grey {
    border-color: #777982;
    color: #777982
}

.btn-check:focus+.btn-outline-grey,
.btn-outline-grey:focus,
.btn-outline-grey:hover {
    background-color: #54565f;
    border-color: #54565f;
    color: #fff
}

.btn-check:focus+.btn-outline-grey,
.btn-outline-grey:focus {
    box-shadow: none;
}

.btn-check:active+.btn-outline-grey,
.btn-check:checked+.btn-outline-grey,
.btn-outline-grey.active,
.btn-outline-grey:active,
.show>.btn-outline-grey.dropdown-toggle {
    background-color: #54565f;
    border-color: #54565f;
    color: #fff
}

.btn-check:active+.btn-outline-grey:focus,
.btn-outline-grey:checked+.btn-outline-grey:focus,
.btn-outline-grey.active:focus,
.btn-outline-grey:active:focus,
.show>.btn-outline-grey.dropdown-toggle:focus {
    box-shadow: none
}

.btn-outline-grey.disabled,
.btn-outline-grey:disabled {
    background-color: transparent;
    color: #b3d9f3
}

.btn-link {
    color: #007FD7;
    font-weight: 400;
    text-decoration: underline;
}

.btn-link:not(:hover) {
    text-decoration: underline;
}

.btn-link:hover {
    color: #000;
}

.btn-link:focus,
.btn-link:hover {
    text-decoration: none;
}

.btn-link.disabled,
.btn-link:disabled {
    color: #b3d9f3
}

.border-primary {
    border-color: #007FD7 !important;
}

.border-secondary {
    border-color: #FFC500 !important;
}

.border-success {
    border-color: #74B500 !important;
}

.border-danger {
    border-color: #E52727 !important;
}

.border-warning {
    border-color: #FF8819 !important;
}

.border-info {
    border-color: #00B5EE !important;
}

.border-light {
    border-color: #F4F6FD !important;
}

.border-dark {
    border-color: #8F97B2 !important;
}

.border-darker {
    border-color: #2C323F !important;
}

.border-grey {
    border-color: #777982 !important;
}

.border-white {
    border-color: #b3d9f3 !important;
}

.border-inactive {
    border-color: #b3d9f3 !important;
}

.text-primary {
    color: #007FD7 !important;
}

.text-secondary {
    color: #FFC500 !important;
}

.text-success {
    color: #74B500 !important;
}

.text-danger {
    color: #E52727 !important;
}

.text-warning {
    color: #FF8819 !important;
}

.text-info {
    color: #00B5EE !important;
}

.text-light {
    color: #F4F6FD !important;
}

.text-dark {
    color: #8F97B2 !important;
}

.text-darker {
    color: #2C323F !important;
}

.text-grey {
    color: #777982 !important;
}

.text-white {
    color: #ffffff !important;
}

.text-inactive {
    color: #b3d9f3 !important;
}

.bg-primary {
    background-color: #007FD7 !important;
}

.bg-secondary {
    background-color: #FFC500 !important;
}

.bg-success {
    background-color: #74B500 !important;
}

.bg-danger {
    background-color: #E52727 !important;
}

.bg-warning {
    background-color: #FF8819 !important;
}

.bg-info {
    background-color: #00B5EE !important;
}

.bg-light {
    background-color: #F4F6FD !important;
}

.bg-dark {
    background-color: #8F97B2 !important;
}

.bg-darker {
    background-color: #2C323F !important;
}

.bg-grey {
    background-color: #777982 !important;
}

.bg-inactive {
    background-color: #b3d9f3 !important;
}

/* Hussain css */


/********************** login page css***********************/
.login_page {
    background: #059466;
    padding: 50px;
    position: fixed;
    width: 100%;
    height: 100%;
}

.login_inner {
    background: #eee;
    border-radius: 20px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    height: 100%;
}

.login_page_l {
    width: 70%;
    padding-left: 40px;
    background-image: linear-gradient(to right, #fffffe, #d4dad0);
    background-size: 100%;
    padding-top: 80px;
    position: relative;
    height: 100%;
    border-radius: 20px 0 0 20px;
}

.login_page_r {
    width: 30%;
    background: #fff;
    border-radius: 0 20px 20px 0;
    height: 100%;

}

.login_page_l h2 {
    color: #898033;
    font-size: 34px;
    font-weight: 800;
}

.login_page_l h2 span {
    display: block;
    font-weight: 300;
}

.login_page_l h2 strong {
    display: block;
    font-weight: 600;
}

.login_page_l p {
    color: #0d0b10;
    font-size: 16px;
    line-height: 24px;
}

.log_fom_blo .form-control {
    border: 1px solid #abada8;
    border-radius: 10px;
}

.log_fom_blo .formgroup.usrnme .form-control {
    background-image: url("../images/user-icon.png");
    background-position: 10px center;
    background-repeat: no-repeat;
    padding-left: 50px;
    height: 56px;
}

.log_fom_blo .formgroup.pswrd .form-control {
    background-image: url("../images/password-icon.png");
    background-position: 10px center;
    background-repeat: no-repeat;
    padding-left: 50px;
    height: 56px;
}

.log_fom_blo .formgroup {
    margin-bottom: 20px;
}

.log_fom_blo input::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #0d0b10;
    opacity: 1;
    /* Firefox */
}

.log_fom_blo input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #0d0b10;
}

.log_fom_blo input::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #0d0b10;
}

.logn_btn .btn {
    background: #059466;
    height: 56px;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    border-radius: 10px;
}

.forgt_pass {
    margin: 20px 0;
}

.forgt_pass .btn {
    background: transparent;
    height: auto;
    width: 100%;
    text-align: center;
    border: 1px solid transparent;
    color: #0d0b10;
    text-decoration: underline;
}

.forgt_pass .btn:hover {
    text-decoration: none;
}

.rgstr_btn .btn {
    background: transparent;
    border: 1px solid #059466;
    height: 56px;
    text-transform: uppercase;
    width: 100%;
    text-align: center;
    border-radius: 10px;
    color: #0d0b10;
}

.logo_top {
    border-bottom: 1px solid #d4d9d2;
    padding: 40px;
}

.log_fom {
    padding: 40px;
}

.login_page_l_con {
    width: 300px;
}

.img_log_l {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 50%;
}

.img_log_l img {
    width: 100%;
}

.log_fom_txt {
    padding-bottom: 20px;
}

.log_fom_txt strong {
    display: block;
    padding-bottom: 5px;
    font-size: 18px;
    font-weight: 600;
    color: #0d0b10;
}

.log_fom_txt p {
    color: #bdbdbd;
    font-size: 14px;
}

.login_page_l_con_txt {
    position: absolute;
    width: 30%;
    left: 40px;
    bottom: 40px;
}


/* dashboard */
.das_top {
    float:left;
    width: 100%;
    align-items: center;
    border-bottom: 1px solid #b4b4b4;
}

.das_top_rit {
    width: 100%;
    display:block;
}

.das_top_rit h2 {
    color: #000000;
    font-size: 26px;
    font-weight: 500;
}

.das_top_log {
    padding: 10px;
    width: 9vw;
    background: #fff;
    float:left;
}

.main-cont-main {
    height: calc( 70vh + 0px);
    overflow:auto;
    float:left;
}

.das_btn_dv span {
    display: block;
}

.das_btn_dv span img {
    display: block;
    margin: 0 auto;
}

.das_btn_dv strong {
    color: #0d0b10;
    font-size: 19px;
    line-height: 24px;
    font-weight: 600;
    display: block;
    text-align: center;
    margin: 30px 0 0;
}

.das_btn_dv a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 30px 20px;
}

.das_btn_sc {
    display: flex;
    justify-content: space-between;
    padding: 0px;
    height:100%;
}

.das_btn_dv {
    border: 1px solid #eee;
    box-shadow: 0 0 20px #B9B9B9;
    border-radius: 20px;
    background: #fff;
    width: 22%;
    text-align: center;
}

.footr {
    margin-top: 0px;
    display: block;
    float: left;
    width: 100%;
    position:fixed;
    top: calc( 100% - 80px);
}

.footr p {
    border-top: 1px solid #b4b4b4;
    padding-top: 20px;
    padding-bottom: 20px;
    margin: 0px;
    text-align: center;
    color: #0d0b10;
    font-size: 14px;
}

/* upload farm data */
.data_upld_page_lft {
    background: #059466;
    padding: 10px 0 0 10px;
    width: 8.35%;
    position: relative;
}

.data_upld_page {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    height: 70vh;
}

.data_upld_page_lft .nav-tabs button.nav-link {
    border: 1px solid #fff;
    border-radius: 25px 0 0 25px;
    padding: 10px;
    background: transparent;
    color: #fff;
    width: 100%;
    font-size: 14px;
    line-height: 16px;
    text-align: left;
    display: flex;
    align-items: flex-start;
    margin: 10px 0;
}

.data_upld_page_lft .nav-tabs button.nav-link img {
    margin-right: 8px;
}

.data_upld_page_lft .nav-tabs button.nav-link.active {
    background: #fff;
    color: #000;
}

.data_upld_page_lft .nav-tabs button.nav-link.active img {
    filter: invert(1) brightness(0);
}

.data_upld_page_lft #nav-tab.nav.nav-tabs {
    display: block;
    border: 0;
}

.data_upld_page_rit {
    width: 91.65%;
}

.data_upld_page_lft .footr {
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 90%;
}

.data_upld_page_lft .footr p {
    border: 0;
    padding: 0;
    margin: 0;
    color: #fff;
    text-align: left;
}

.tab_rit_rit_r_tabl table tr th {
    background: #049466;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
}

.tab_rit_rit_r_tabl table tr td {
    color: #0d0b10;
    font-size: 14px;
    font-weight: 400;
}

.tab_rit_rit_r_tabl .table-striped>tbody>tr:nth-child(1) {
    --bs-table-accent-bg: #049466 !important;
}

.tab_rit_rit_r_tabl .table-striped>tbody>tr {
    --bs-table-accent-bg: #e5f4ef;
}

.tab_rit_rit_r_tabl .table-striped>tbody>tr:nth-of-type(2n+1) {
    --bs-table-accent-bg: #cdeae0;
}

.map_sc button {
    background: #049466;
    color: #fff;
    border-radius: 14px;
    padding: 10px 20px;
    font-size: 16px;
    line-height: 22px;
}

.map_sc {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin: 20px 0;
}

.tab_rit_rit_l_top strong {
    color: #0d0b10;
    font-size: 18px;
    font-weight: 600;
    display: block;
    margin-bottom: 5px;
}

.tab_rit_rit_l_top p {
    color: #5b595f;
    font-size: 14px;
    font-weight: 400;
    display: block;
    margin: 0;
}

.tab_rit_rit_l_top_frm .form-control {
    border: 1px solid #aaada8;
    background-color: #fff;
    height: 46px;
    padding: 10px;
    border-radius: 10px;
}

.tab_rit_rit_l_top_frm .formgroup {
    margin: 10px 0;
    position: relative;
}

.tab_rit_rit_l_top_frm .formgroup button {
    background: #b4b4b5;
    color: #fff;
    border-radius: 14px;
    padding: 8px 20px;
    font-size: 16px;
    line-height: 20px;
    position: absolute;
    right: 5px;
    top: 5px;
}

.tab_rit_sec {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    width: 100%;
    height: 100%;
}

.tab_rit_rit_l {
    width: 30%;
    background: #dde5e2;
    padding: 2%;
    height: 100%;
}

.tab_rit_rit_r {
    width: 70%;
    background: #fff;
    padding: 2%;
    height: 100%;
}

.tab_rit_rit_l_top {
    margin: 0 0 20px;
    display: flex;
    justify-content: space-between;
  }
.data_upld_page_rit .tab-content .tab-pane,
.data_upld_page_rit #nav-tabContent{height: 100%;}
button.addprcl{background: #08060b; color: #fff; padding: 10px 20px; border-radius: 14px;}
.tab_rit_rit_l_top_frm .map_sc_dv {
    border: 1px solid #b1b4b0;
    border-radius: 10px;
    overflow: hidden;
  }
  .tab_rit_rit_l_top_frm .map_sc_dv iframe{width: 100% !important;}
  .anltz{width: 100%; padding: 40px;}
  .grf_dv{display:flex; margin-top: 40px;}
  .grf_dv>div{margin-right: 40px;}



.panelwrapper{
  display:flex;
  justify-content: space-between;
}


.smallsidepanel{
  width:8.2vw;
  height: 70vh;
  flex-direction:row-reverse;
  overflow-y:hidden;
  overflow-x:hidden;
}


.main-cont{
  width:90vw; 
  height: calc( 70vh + 0px);
  flex-direction:row-reverse;
  overflow-x:hidden;
  overflow-y:hidden;
}

.bigsidepanel:hover{
  overflow-y:auto;
}


.main_buttons_holder{
   width:100%;
   height:100%;
   margin-top:20px;
}

.dashboard_button{
   display: flex;
   flex-direction: column;
   align-items: center;
   padding: 0px;
   gap: 6px;
   margin-left: 10%;
   margin-right: 10%;
   cursor:default
}   

.dashboard_button:hover{
    cursor:pointer;
    border:.5px solid rgba(129, 11, 207, 0.5);
}    

.dashboard_button img{
    display:flex;
    align-items:center;
    text-align:center;    
    justify-items: center; 
}


.dashboard_button label{
   font-family: 'Aeonik';
   font-style: normal;
   font-weight: 500;
   font-size: 1vw;
   line-height: 1vw;
   display: flex;
   align-items: center;
   text-align: center;
   color: #288966;
}

@media only screen and (max-width: 600px) {
   .dashboard_button label{
       font-size:1.5vw;
   }    
}


.landcover_button{
   display: flex;
   flex-direction: column;
   align-items: center;
   margin-top: 20px;
   gap: 6px;
   margin-left: 10%;
   margin-right: 10%;
}   

.landcover_button img{
    display:flex;
    align-items:center;
    text-align:center;    
    justify-items: center; 
}

.landcover_button:hover{
    cursor:pointer;
    border:.5px solid rgba(129, 11, 207, 0.5);
}    


.landcover_button label{
   font-family: 'Aeonik';
   font-style: normal;
   font-weight: 500;
   font-size: 1vw;
   line-height: 1vw;
   display: flex;
   align-items: center;
   text-align: center;
   color: #288966;
}

@media only screen and (max-width: 600px) {
   .landcover_button label{
       font-size:1.5vw;
   }    
}


.showcase_button{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 20px;
    gap: 6px;
    margin-left: 10%;
    margin-right: 10%;
 }   
 
 .showcase_button img{
     display:flex;
     align-items:center;
     text-align:center;    
     justify-items: center; 
 }
 
 
 .showcase_button label{
    font-family: 'Aeonik';
    font-style: normal;
    font-weight: 500;
    font-size: .95vw;
    line-height: 1vw;
    display: flex;
    align-items: center;
    text-align: center;
    color: #288966;
 }
 
 @media only screen and (max-width: 600px) {
    .showcase_button label{
        font-size:1.5vw;
    }    
 }

 .showcase_button:hover{
    cursor:pointer;
    border:.5px solid rgba(129, 11, 207, 0.5);
 }    

 .methods_button{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 20px;
    gap: 6px;
    margin-left: 10%;
    margin-right: 10%;
 }   
 
 .methods_button img{
     display:flex;
     align-items:center;
     text-align:center;    
     justify-items: center; 
 }
 
 
 .methods_button label{
    font-family: 'Aeonik';
    font-style: normal;
    font-weight: 500;
    font-size: 1vw;
    line-height: 1vw;
    display: flex;
    align-items: center;
    text-align: center;
    color: #288966;
 }
 
 @media only screen and (max-width: 600px) {
    .methods_button label{
        font-size:1.5vw;
    }    
 }

 
 .methods_button:hover{
    cursor:pointer;
    border:.5px solid rgba(129, 11, 207, 0.5);
 }    

 .aboutus_button{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 20px;
    gap: 6px;
    margin-left: 10%;
    margin-right: 10%; 
 }   
 
 .aboutus_button img{
     display:flex;
     align-items:center;
     text-align:center;    
     justify-items: center; 
 }
 
 
 .aboutus_button label{
    font-family: 'Aeonik';
    font-style: normal;
    font-weight: 500;
    font-size: 1vw;
    line-height: 1vw;
    display: flex;
    align-items: center;
    text-align: center;
    color: #288966;
 }
 
 @media only screen and (max-width: 600px) {
    .aboutus_button label{
        font-size:1.5vw;
    }    
 }

 
 .aboutus_button:hover{
    cursor:pointer;
    border:.5px solid rgba(129, 11, 207, 0.5);
 }    

 .contactus_button{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 20px;
    gap: 6px;
    margin-left: 10%;
    margin-right: 10%;
 }   
 
 .contactus_button img{
     display:flex;
     align-items:center;
     text-align:center;    
     justify-items: center; 
 }
 
 
 .contactus_button label{
    font-family: 'Aeonik';
    font-style: normal;
    font-weight: 500;
    font-size: 1vw;
    line-height: 1vw;
    display: flex;
    align-items: center;
    text-align: center;
    color: #288966;
 }
 
 @media only screen and (max-width: 600px) {
    .contactus_button label{
        font-size:1.5vw;
    }    
 }

 .contactus_button:hover{
    cursor:pointer;
    border:.5px solid rgba(129, 11, 207, 0.5);
 }    


 .approvedata_button{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 20px;
    gap: 6px;
    margin-left: 10%;
    margin-right: 10%;
 }   
 
 .approvedata_button img{
     display:flex;
     align-items:center;
     text-align:center;    
     justify-items: center; 
     width: 1.5vw;
     height:3vh;
 }
 
 
 .approvedata_button label{
    font-family: 'Aeonik';
    font-style: normal;
    font-weight: 500;
    font-size: 1vw;
    line-height: 1vw;
    display: flex;
    align-items: center;
    text-align: center;
    color: #288966;
 }
 
 @media only screen and (max-width: 600px) {
    .approvedata_button label{
        font-size:1.5vw;
    }    
 }

 .approvedata_button:hover{
    cursor:pointer;
    border:.5px solid rgba(129, 11, 207, 0.5);
 }    

 
 .approveregistration_button{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 20px;
    gap: 6px;
    margin-left: 10%;
    margin-right: 10%;
 }   
 
 .approveregistration_button img{
     display:flex;
     align-items:center;
     text-align:center;    
     justify-items: center; 
     width: 1.5vw;
     height:3vh;
 }
 
 
 .approveregistration_button label{
    font-family: 'Aeonik';
    font-style: normal;
    font-weight: 500;
    font-size: 1vw;
    line-height: 1vw;
    display: flex;
    align-items: center;
    text-align: center;
    color: #288966;
 }
 
 @media only screen and (max-width: 600px) {
    .approveregistration_button label{
        font-size:1.5vw;
    }    
 }

 
 .approveregistration_button:hover{
    cursor:pointer;
    border:.5px solid rgba(129, 11, 207, 0.5);
 }    

 .das_options{
    width:70vw;
    flex-direction:row-reverse;
    display:inline-block;
    margin-top:20px;
  }
  
  .notification{
    width: 5vw;
    height: 2vw;
    float: right;
    margin-top: 28px;
    margin-right: 4.5vw;
  }

  .profilecircle{
    flex-direction: row-reverse;
    border-radius: 20vh;
    padding: 5px;
    color: #fff;
    background: #288966;
    font-family: 'Aeonik';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    align-items: center;
    text-align: center;
    float: right;
    margin-right: -5vw;
    margin-top: 25px;
  }

  .title_holder{
    display:block;
    width:100vw;
  }

  .options_holder{
    width: 100%;
    float: left;
  }

  .logout{
    display: block;
    float: right;
    position: relative;
    font-family: 'Aeonik';
    font-style: normal;
    font-weight: 500;
    font-size: 1vw;
    line-height: 1vw;    
  }

  .logout label{
     margin-left:-40%;
  }

  .editprofile{
    display: block;
    float: right;
    padding-left: 50px;
    margin-right: 50px;
    font-family: 'Aeonik';
    font-style: normal;
    font-weight: 500;
    font-size: 1vw;
    line-height: 1vw;    
  }

  
  .editprofile label{
    margin-left:-40%;
  }

  .profileoptions{
    margin-top:-50px;
  }

  ::-webkit-scrollbar {
       width: 5px;
  }
  ::-webkit-scrollbar-track {
      background: #f1f1f1;
  }
  ::-webkit-scrollbar-thumb {
      background: #bec4c4;
  }
  ::-webkit-scrollbar-thumb:hover {
       background: #555;
  }

  .tabbar{
    display:inline-block;
    width: 73%;
    height: 5vh;
    margin-left: 10%; 
  }

  .tabbarmain{
    display:inline-block;
    width: 73%;
    height: 5vh;
    margin-left: 10%; 
  }


  .tabberholder{
    display: flex;
    justify-content: space-evenly;
    width:100%;
  }

  @media only screen and (max-width: 600px) {
    .notification{
        margin-right: 8.5vw;
        margin-top: 15px;
    }
    .profilecircle{
        margin-right: -11vw;
        margin-top: 12px;
    } 
    .das_top_log{
        width:15vw;
    }
    .logout{
        font-size:2vw;    
    }
    .editprofile{
        padding-left:unset;
        margin-right:unset;
        font-size: 2vw;
    }
    .das_options{
        margin-top: 12px;
    }
  }  


  .tabbar div{
    display:flex;
    width : 75vw;
    height:100%;
    gap :16px;
    justify-content:center;
    border-bottom:none;
    cursor:default;
    color:#0A0A0A;
  }

  
  .tabbarmain div{
    display:flex;
    width : 75vw;
    height:100%;
    gap :16px;
    justify-content:center;
    margin-top:-5px;
    border-bottom:none;
    cursor:default;
    color:#0A0A0A;
  }

  .taboption{
    text-decoration:none;
    color: inherit;
    font-family: 'Aeonik';
    font-style: normal;
    font-weight: 500;
    font-size: 1vw;
    line-height: 1vw;        
  }


  .hover-underline-animation {
    position: relative;
    color: #0A0A0A;
    text-decoration: none;
  }

  .selectedtaboption{
    position: relative;
    color: #0A0A0A;
    text-decoration: none;
  }

  
  .selectedtaboptionline{
    position: absolute;
    width: 100%;
    height: 2px;
    bottom: 0;
    left: 0;
    top:25px;    
    background-color: #288966;    
  }  

  .unselectedtaboption{
    position: relative;
    color: #0A0A0A;
    text-decoration: none;
  }
  
  .hover-underline-animation::after {
    content: '';
    position: absolute;
    width: 100%;
    transform: scaleX(0);
    height: 2px;
    bottom: 0;
    left: 0;
    top:25px;
    background-color: #288966;
    transform-origin: bottom right;
    transition: transform 0.25s ease-out;
    cursor:pointer;
    text-decoration:none;
  }

  a:link {
    text-decoration: none;
  }

  a:visited {
    text-decoration: none;  
  }

  a:hover {
    text-decoration: none;
  }

  a:active {
    text-decoration: none;
  }
  
  .hover-underline-animation:hover::after {
    transform: scaleX(1);
    transform-origin: bottom left;
    text-decoration: none;
  } 

  .tab_rit_rit_r_tabl.p-5{
    height:70vh;
  }

 table .scrollable{
    display: block;
    height: 37vh;
    overflow: auto;
  }