@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300;400;700&display=swap');
html { height:100%; }
body { font-size: 1rem; margin:0; padding:0;font-family: 'Roboto Condensed', sans-serif; }


.bg-primary-900 {
background: rgb(28,137,254);
background: linear-gradient(0deg, rgba(28,137,254,1) 0%, rgba(8,120,255,1) 50%, rgba(1,70,251,1) 100%);

}



:root {
    --white:#fff;
    --white-gray:#cee5ff;
    --black:#000;
    --shadow-color:#0c0d0a;
    --input-bg:#61bffc;
    --yellow-bg:#bf9c00;
    --yellow-light-bg:#fdf4a7;
    --blue-light-bg:#3b97df;
    --bs-modal-width: 1440px;
    --theme-color:#0035db;
    --pink-color:#e34eb0;
    --green-text:#13c409;
    --pink-color-2:#ed09d4;
}

.white-gray { color:var(--white-gray); }
.form-control {
    padding: 0.8rem .75rem;
}

.login-col fieldset {
    min-width: 250px;
    padding: 0px;
    margin: 0;
    border: var(--white) 2px solid;
    box-shadow: 20px 20px 4px 0px var(--shadow-color);
}

.login-col legend {
    float: initial;
    width: auto;
    padding: 0;
    margin-bottom: 0px;
    font-size: 1.2rem !important;
    line-height: 1.1;
    text-align: center;
    color: #b500a1;
    text-transform: uppercase;
    font-weight: 600;
}

.login-form .form-label {
    font-size: 20px;
    letter-spacing: 3px;
    color: #cee5ff !important;
}

input.login-input {
    background:var(--input-bg);
    border: 0;
    max-width: 100px;
    padding: 0px 10px;
    font-size: 14px;
    box-sizing: border-box;
    color:var(--white);
    line-height: 24px;
}

input:focus {
    outline: 0;
}

.fieldset-col fieldset {
    min-width: auto;
    padding: 20px 20px 0px 20px;
    margin: 10px;
    border: var(--white) 2px solid;
    box-sizing: border-box;
}


.fieldset-col fieldset legend {
    float: none;
    width: auto;
    padding: 0 15px;
    margin-bottom: 0rem;
    font-size: calc(1.4rem + .3vw);
    line-height: 1;
    text-align: center;
    color: #cee5ff !important;
    letter-spacing: 0.4rem;
    text-transform: uppercase;
    word-spacing: 15px;
}


.partnarship-page .fieldset-col fieldset {
    border-color: #fff !important;
    border-style: double !important;
    border-width: 4px;
}

.home-page .fieldset-col fieldset {
    height: 90vh;
}


h1 {
    font-size: calc(1.8em + .4vw);
    word-spacing: 10px;
    letter-spacing: 1px;
}


@media (min-width: 992px) {
.navbar-expand-lg .navbar-nav {
    width: 100%;
    justify-content:space-around;
}

.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 30px;
    padding-left: 30px;
}



.main-menu .dropdown-menu {
    top:322%;
    left: -30px;
    margin-top: 0;
    background-color: transparent;
    border-radius: 0;
    border: #fff 2px solid;
    width: 225px;
    padding: 15px 20px;
    box-shadow: 20px 0px 0px 0px var(--shadow-color);
}

.dropdown-toggle::after {
    display:none;
}


ul.dropdown-menu.show:before {
    position: absolute;
    content: "";
    background: #0a7aff;
    top: -23px;
    width: 100%;
    height: 21px;
    left: 0;
    z-index: -1;
}

ul.dropdown-menu.show:after {
    position: absolute;
    content: "";
    box-shadow: 22px 20px 0px 0px var(--shadow-color);
    bottom: -2px;
    width: 100%;
    height: 22px;
    left: 0;
    z-index: -2;
}

}


.text-spacing {
    letter-spacing: 0.1rem;
}



.fieldset-col .main-menu fieldset {
    min-width: auto;
    padding:19px 0 30px;
    margin: 0;
    border: var(--white) 2px solid;
    box-sizing: border-box;
    height: auto;
     box-shadow: 20px 22px 0px 0px var(--shadow-color);
}

.main-menu .nav-link {
    font-size: 1.4rem;
    font-weight:400;
    color:var(--white);
    text-transform: uppercase;
    padding:0px 0px;
    letter-spacing: 0.5px;
    line-height: 24px;
}


.navbar-nav .nav-link.active, .navbar-nav .show>.nav-link {
    color:#3e60c2;
    background: #fff;
}



.main-menu .dropdown-menu .dropdown-item {
    display: block;
    width: 100%;
    padding: 0px 0px;
    clear: both;
    font-weight: 400;
    color: #ffffff;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    border: 0;
    text-transform: uppercase;
    font-size: 1.3rem;
    letter-spacing: 0.5px;
    line-height: 28px;
}
.letter-spacing { letter-spacing: 0.5px; }

.main-menu .dropdown-menu li {
    margin: 7px 0;
}

.main-menu .dropdown-menu .dropdown-item span {
    width: 125px;
    display: inline-block;
}

.navbar-nav .nav-item a span { display:inline-block; width:100px; text-align:center; }

.main-menu .dropdown-menu .dropdown-item:hover {
    color: #3e60c2;
}

.main-menu .dropdown-item.active {
    color:#3e60c2;
    text-decoration: none;
    background-color: var(--white);
}

.main-menu .dropdown-item:focus, 
.main-menu .dropdown-item:hover {
    color:#3e60c2;
    text-decoration: none;
    background-color: var(--white);
}


.date-source-content {
    padding-top: 15vh;
}


.ft-bottom {
    position: absolute;
    bottom:6px;
    left: 0;
    right: 0;
    width:fit-content;
    margin: auto;
    word-spacing: 10px;
}

.theme-bg { background-color:var(--theme-color);}
.yellow-bg { background-color:var(--yellow-bg);}
.yellow-light-bg { color:var(--yellow-light-bg);}
.blue-light-bg { background-color:var(--blue-light-bg); }
.pink-color { color:var(--pink-color) !important; }
.pink-color-2 { color:var(--pink-color-2) !important; }
.green-color { color:var(--green-text) !important; }
.bdr-0 { border:0 !important; }

.model-content-box .modal-body {
    margin:10px 8px;
    border-style: double;
    border-color: #FFF;
    border-spacing: 5px;
}

.model-content-box .modal-body .modal-title {
    font-size: 22px;
    position: absolute;
    top: -20px;
    left: 0;
    background-color:var(--theme-color);
    padding: 3px 20px;
    color:var(--pink-color-2);
    right: 0;
    max-width: max-content;
    margin: auto;
    text-align: center;
    text-transform: uppercase;
    line-height: 1.1;
    font-weight: 500;
    letter-spacing: 0.2rem;
}

.model-middle-content {
    border: #e5e5e5 1px solid;
    padding:10px;
    min-height: 250px;
}


.model-table-content .table thead th{
    padding: 0 10px;
    font-size: 22px;
    font-weight: 600;
    color: #0036da !important;
    word-spacing: 10px;
    box-shadow: inherit;
    text-align: center;
    letter-spacing: 1.5px;
}
.model-table-content .table thead th a {
    text-decoration: none;
    color: #0036da !important;
}

.light-table-bg { background-color: #cfd0cd; }


.model-table-content .table tbody td {
    padding: 0px 10px;
    font-size: 22px;
    font-weight: 500;
    color:var(--white);
    word-spacing: 10px;
    box-shadow: inherit;
    text-align: center;
    letter-spacing: 1.5px;
    border-bottom-width: 0;
}


/*.model-table-content tr:nth-child(odd) {background-color: #cfd0cd;}
.model-table-content tr:nth-child(even) {background-color: #f2f2f2;}*/

.form-row {
    display: flex;
    justify-content: space-between;
    width: 100%;
    color:var(--white);
    font-size: 24px;
    letter-spacing: 0.1rem;
    padding: 5px 0;
}

.input-box { padding:0 15px; }

.form-left-lable {
    flex-basis:33.3%;
}


.form-right-col {
    flex-basis:65%;
    display: flex;
    justify-content: space-between;
}


.form-input {
    background-color: transparent;
    border-top: 0;
    border-bottom: 0;
    border-left:var(--yellow-light-bg) 2px solid;
    border-right:var(--yellow-light-bg) 2px solid;
    width: 100%;
    color: #fff;
    font-size:20px;
    padding: 0 10px;
    color:var(--yellow-light-bg);
     letter-spacing: 1.5px;
}


@media (min-width: 1400px) {
.modal-xl {
    --bs-modal-width: 1440px;
}

}

#partnarship .model-middle-content {
    padding: 10px 0px 0;
}

.partnarship-content .table>:not(caption)>*>* {
    border-bottom-width: 0px;
}

.partnarship-content table.table {
    border-top: #fff 1px solid;
}
.partnarship-content table.table >thead >tr {
    border-bottom:var(--white) 1px solid;
}

.partnarship-content thead tr th {
    color:var(--white);
    font-size:2rem;
    letter-spacing: 0.1rem;
    font-weight: 500;
    word-spacing: 10px;
    position:relative;
}

.partnarship-content tbody tr td {
    color: var(--white);
    font-size: 1.8rem;
    letter-spacing: 0.1rem;
    font-weight: 500;
    word-spacing: 10px;
    padding:0.2rem 1rem 0rem;
    line-height: 1.1;
}

.bdr-top { border-top:var(--white) 1px solid; }
.bdr-left { border-left:var(--white) 1px solid; }
.bdr-blue-left { border-left:#0036da 1px solid; }

.form-input-2 {
    background-color: #3b97df;
    border-top: 0;
    border-bottom: 0;
    border-left: #3b97df 2px solid;
    border-right: #3b97df 2px solid;
    width: 100%;
    font-size: 1.5rem;
    padding: 4px 5px;
    color: var(--white);
    letter-spacing: 1.5px;
    text-transform: uppercase;
    font-weight: 500;
}

.soda-input-col input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: var(--white);
  opacity: 1; /* Firefox */
}

.soda-input-col input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: var(--white);
}

.soda-input-col input::-ms-input-placeholder { /* Microsoft Edge */
  color: var(--white);
}

.commi-on {
    position: absolute;
    right: 15px;
    top: -25px;
    min-width: 260px;
}

.commi-text {
    background-color: var(--theme-color);
    display: inline-block;
    padding: 0 10px;
    font-size: 25px;
}
.on-col {
    display: inline-block;
    float: right;
    background: #cfd0cd;
    color: var(--green-text) !important;
    line-height: 1;
    padding: 2px 12px;
}

.partnarship-page .pink-color-2,
.general-report-page .pink-color-2 {
    color: var(--pink-color-2) !important;
}


.general-report-content {
    border:var(--white) 1px solid;
    padding: 20px;
    height:75vh;
}

.general-report-content thead tr th {
    color:var(--white);
    font-size:2rem;
    letter-spacing: 0.1rem;
    font-weight: 500;
    word-spacing: 10px;
    position: relative;
    border: 0;
    padding: 0rem 0rem 1rem;
}

.general-report-content tbody tr td {
    color: var(--white);
    font-size: 1.8rem;
    letter-spacing: 0.1rem;
    font-weight: 500;
    word-spacing: 10px;
    padding: .1rem 0rem;
    border: 0;
    line-height: 1.1;
}

.dashed-border {
    border-top: 2px solid #fff;
    border-top-style: dashed;
}
.report-total tbody tr td {
    color: var(--white);
    font-size: 2rem;
    letter-spacing: 0.1rem;
    font-weight: 500;
    word-spacing: 10px;
    padding: .1rem 0rem;
    border: 0;
}

.entry-page .pink-color-2 {
    color: var(--pink-color-2) !important;
}

.fieldset-col .entry-page fieldset {
    min-width: auto;
    padding: 19px 0 30px;
    margin: 0;
    border-color: #fff !important;
    border-style: double !important;
    box-sizing: border-box;
    height: auto;
    border-width: 4px;
    position: relative;
}

.entry-row {
    display: flex;
    justify-content: space-between;
    width: 100%;
    color: var(--white);
    font-size: 24px;
    letter-spacing: 0.1rem;
    padding:0;
}
.entry-left-lable {
    flex-basis:10%;
}
.entry-right-col {
    flex-basis:85%;
    display: flex;
    justify-content: space-between;
}

.entry-bottom {
    position: absolute;
    bottom: 5px;
    left: 25%;
    transform: translateX(25%);
}

.entry-bottom-text {
    font-size: 24px;
    color: var(--pink-color-2);
    text-align: center;
    word-spacing: 20px;
}