/*Root Style*/
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap');
:root {
    --blue: #3490dc;
    --indigo: #6574cd;
    --purple: #9561e2;
    --pink: #f66d9b;
    --red: #e3342f;
    --orange: #f6993f;
    --yellow: #ffed4a;
    --green: #38c172;
    --teal: #4dc0b5;
    --cyan: #6cb2eb;
    --white: #fff;
    --gray: #383c45;
    --gray-dark: #343a40;
    --primary: #6419e6;
    --primary-hover: #5014b8;
    --primary-light: #cdb0ff;
    --primary-text: #fbfafe;
    --secondary: #d926a9;
    --secondary-hover: #b8218f;
    --secondary-text: #fdf4fb;
    --neutral: #111318;
    --neutral-hover: #383e4f;
    --neutral-text: #9ba2af;
    --success: #36d399;
    --success-hover: #2dae7e;
    --success-text: #05432c;
    --info: #3abff8;
    --info-hover: #2d92bd;
    --info-text: #0b465f;
    --warning: #fbbd23;
    --warning-hover: #d1980d;
    --warning-text: #382800;
    --danger: #f87272;
    --danger-hover: #e44444;
    --danger-text: #470000;
    --light: #f8f9fa;
    --dark: #2a303c;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --font-family-monospace: "Roboto Mono", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}

*{
	font-family: 'Lato', sans-serif;
}

body {
    background-image: linear-gradient(to right, #2C5364, #203A43, #0F2027);
}

.valign-center {
	align-items: center;
}

.bg-yellow {
    background-color: var(--warning);
}

.form-control-black {
    background-color: var(--neutral) !important;
    color: var(--warning) !important;
    border: 1px solid var(--neutral) !important;
}

.form-control-black:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px var(--neutral) inset !important;
    -webkit-text-fill-color: var(--warning) !important;
}

.hv-100{
	height: 100vh;
	max-height: 100vh;
}
/*End Root Style*/

/*Card Style*/
.card {
	border-radius: 5px;
}
.card-header{
    background: #232946;
}
/*End Card Style*/

/*Text Style*/
.text-14{
	font-size: 14px;
}

.title{
	font-size: 2.4rem;
	font-weight: 800;
    color: var(--warning)
}

.subtitle{
	font-size: 1.2rem;
	font-weight: 400;
    color: var(--warning)
}

.text-bold{
	font-weight: 700;
}

.label{
    color: var(--warning);
    font-weight: 600
}
/*End Text Style

/*Image Style*/
.logo{
	max-height: 100px;
	max-width: 100%;
	object-fit: scale-down;
}
/*End Image Style*/

/*Padding Margin Style*/
.pt-10{
	padding-top: 5rem;
}
/*End Padding Margin Style*/

/*Start Button Style*/
.btn-primary {
    color: #fff;
    border-color: #384273;
    background-color: #384273;
    box-shadow: none
}

.btn-primary:hover {
    color: #fff;
    background-color: #0b1389;
    border-color: #0b1389;
}

.btn-primary.focus,
.btn-primary:focus {
    box-shadow: none !important
}

.btn-primary.disabled,
.btn-primary:disabled {
    background-color: #384273;    box-shadow: none;
    cursor: not-allowed
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #0b1389;
}
/*End Button Style*/

.card-glass {
    box-shadow: 0 0 1rem 0 rgba(0, 0, 0, .2); 
    border-radius: 1rem;
    position: relative;
    z-index: 1;
    background: inherit;
    overflow: hidden;
}

.card-glass:before {
    content: "";
    position: absolute;
    background: inherit;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    box-shadow: inset 0 0 10px rgb(255 255 255 / 50%);
    filter: blur(10px);
    margin: -20px;
}