@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Google+Sans:ital,opsz,wght@0,17..18,400..700;1,17..18,400..700&display=swap');

/**
Copyright 2023
**/

html {
    height: 100%;
}

body {
    font-family: "Google Sans", sans-serif;
    font-optical-sizing: auto;
    font-variation-settings: "GRAD" 0;

    color: #2C2D2E;
    min-height: 100%;
    overflow-x: hidden;
	overscroll-behavior: contain;
    background-color: #274744 !important;
}

main {
    width: 100%;
    height: 100%;
}

a {
    color: #274744 !important;
}

/* a:hover, a:focus, a:active {
    color: #03763F !important;
} */

a:focus:active, button:focus:active {
    /* color: #FFF !important; */
    /* background-color: #03763F; */
    transform: scale(.95,.95);
    -webkit-transform: scale(.95,.95);
    -moz-transform: scale(.95,.95);
    -ms-transform: scale(.95,.95);
    -o-transform: scale(.95,.95);
}

select:active,
select:focus {
	outline: none;
}

::selection {
	color: #FFF;
	background-color: #274744;
}

::-moz-selection {
	color: #FFF;
	background-color: #274744;
}

::-webkit-selection {
	color: #FFF;
	background-color: #274744;
}

::-webkit-scrollbar {
	width: .2rem;
    height: .3rem;
	background: transparent;
}

::-webkit-scrollbar-track {
    border-radius: .6rem;
    /* box-shadow: inset 0 0 6px rgba(39, 71, 68, 1); */
    box-shadow: transparent;
    -moz-box-shadow: transparent;
	-webkit-box-shadow: transparent;
    -ms-box-shadow: transparent;
    -o-box-shadow: transparent;
}

::-webkit-scrollbar-thumb {
	border-radius: .6rem;
	background: rgba(3,118,63,.2);
	/* display: none; */
}

.form-validation input::-webkit-input-placeholder {
    color:#CCC;
}

.form-validation input::-moz-placeholder {
    color:#CCC;
}

.form-validation input::-ms-placeholder {
    color:#CCC;
}

.form-validation input::placeholder {
    color: #CCC;
}

.form-check-input:checked {
    background-color: #03763F !important;
    border-color: #03763F !important;
}

/* table, img, canvas {
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
} */

td.details-control,
table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control::before, table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control::before {
    background-size: 15px !important;
    background: url('../../assets/img/details_open.svg') no-repeat center center;
    cursor: pointer;
}

tr.shown td.details-control,
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td.dtr-control::before, table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th.dtr-control::before {
    background-size: 15px !important;
    background: url('../../assets/img/details_close.svg') no-repeat center center;
}

table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before, table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before {
    border: unset !important;
    box-shadow: unset !important;
    width: 15px;
    height: 15px;
    content: no-open-quote !important;
    color: #03763F !important;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    background-color: transparent !important;
    color: #03763F !important;
    border-color: #dee2e6 #dee2e6 #FFF !important;
}

.datepickers-container {
    z-index: 1061 !important;
}

hr {
    color: #03763F !important;
}

ins {
    color: #03aa59 !important;
}

.form-select {
    max-width: max-content !important;
}


/*
Animation
*/

.glow {
    -webkit-animation: glowing 1300ms infinite;
    -moz-animation: glowing 1300ms infinite;
    -o-animation: glowing 1300ms infinite;
    animation: glowing 1300ms infinite;
}

@keyframes glowing {
    0% {
        /* background-color: #F1E767; */
        /* box-shadow: 0 0 3px #F1E767; */
        color: #03763F;
        text-shadow: 0 0 .1rem #03763F;
    }
    50% {
        /* background-color: #F1E767; */
        /* box-shadow: 0 0 15px #F1E767; */
        color: #274744;
        text-shadow: 0 0 .1rem #03763F;
    }
    100% {
        /* background-color: #F1E767; */
        /* box-shadow: 0 0 3px #F1E767; */
        color: #03763F;
        text-shadow: 0 0 0 #03763F;
    }
}

/*
End Animation
*/

/*
Form
*/

.form-validation .form-control,
.form-validation .form-check-input {
	color: #274744;
	border-color: rgba(3,118,63,.2) !important;
}

.form-validation .form-control:active, .form-validation .form-control:focus, .form-validation .form-control:active:focus
.form-validation .form-check-input:active, .form-validation .form-check-input:focus, .form-validation .form-check-input:active:focus {
	box-shadow: 0 0 0 .2rem rgba(39, 71, 68, .25);
}

.form-control.is-invalid, .was-validated .form-control:invalid {
    border-color: #dc3545 !important;
}

/*
End Form
*/

/*
Color
*/

.text-color-1,
.accordion-button {
    color: #03763F !important;
}

/*
End Color
*/

/*
Button
*/

.btn-success, .btn-danger {
    color: #FFF !important;
}

.btn-check:active+.btn, .btn-check:checked+.btn, .btn.active, .btn.show, .btn:active {
	border-color: #274744 !important;
}

.btn-check:focus+.btn, .btn:focus,
.btn-check:active+.btn:focus, .btn-check:checked+.btn:focus, .btn.active:focus, .btn.show:focus, .btn:active:focus {
	box-shadow: 0 0 0 0.2rem rgba(3,118,63,.5) !important;
}

.btn-primary {
    background: rgb(3,118,63) !important;
	background: -moz-linear-gradient(-45deg,  rgba(3,118,63,1) 0%, rgba(57,104,81,1) 100%);
	background: -webkit-linear-gradient(-45deg,  rgba(3,118,63,1) 0%,rgba(57,104,81,1) 100%);
	background: linear-gradient(135deg,  rgba(3,118,63,1) 0%,rgba(57,104,81,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#03763f', endColorstr='#396851',GradientType=1 );
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
    color: #FFF !important;
    background-color: #274744 !important;
}

.btn-check:focus+.btn, .btn:focus, .btn:hover {
    color: #FFF;
    background-color: #03763F;
}

.btn-light:focus, .btn-light:hover {
    color: #FFF !important;
    background-color: #03763F !important;
}

/*
End Button
*/

/*
Marquee
*/

.announcementBar {
    /* background-color: #262629; */
    background-color: #FFF;
    font-size: .9rem;
    padding: .5rem 0;
}

.marquee {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    white-space: nowrap;
    box-sizing: border-box;
    animation: marquee 50s linear infinite;
}

.announcementBar .marquee a {
    font-weight: 400;
    text-decoration: none;
    display: inline-block;
    color: #161616;
}

.announcementBar .marquee a:hover, .announcementBar .marquee a:focus {
    color: #161616 !important;
}

.announcementBar .marquee:hover {
    animation-play-state: paused
}

@keyframes marquee {
    0% {
      text-indent: 25em
    }
  
    100% {
      text-indent: -50em
    }
}

/*
End Marquee
*/