/*------------------------------------------------------------------
Bootstrap Admin Template by EGrappler.com
------------------------------------------------------------------*/
/*@import url(https://fonts.googleapis.com/css?family=Kaushan+Script&display=swap);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:600display=swap);
@import url(https://fonts.googleapis.com/css?family=Goudy+Bookletter+1911&display=swap);*/
/* @import url(https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@300;400;600&display=swap); */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700&display=swap');

.user{
    background-image: url('../img/icons/user.png');
    background-repeat: no-repeat;
    background-position: left;
    background-size: 25px;
  
}

body{
	font-family: 'Roboto', sans-serif !important;
}

.text-custom1 {
	color: #fdb28d !important; 
}

.text-custom2 {
	color: #e96732 !important; 
}

.fs-05{
	font-size: 3.5rem !important;
}

.text-shadow{
	text-shadow: 4px 4px 10px rgb(26 26 26 / 40%);
}

.fw-thin {
    font-weight: 100;
}

.fw-semibold {
    font-weight: 500;
}

/* .fw-semibold {
    font-weight: 600;
} */


.btn-custom {background-image: linear-gradient(to right, rgba(253,178,141,1) 0%, rgba(233,103,50,1) 51%, rgba(253,178,141,1) 100%)}
.btn-custom {
   transition: 0.5s;
   background-size: 200% auto;
   color: white;            
   box-shadow: 0 0 20px #eee;
   /* border-radius: 10px; */
   /* display: block; */
 }

 .btn-custom:hover {
   background-position: right center; /* change the direction of the change here */
   color: #fff;
   text-decoration: none;
 }

 

 .btn-custom2 {
    color:white !important;
    background-color: #1a3b70 !important;
    border-color: #1a3b70 !important;
}

.btn-custom2:hover {
    color: white !important;
    background-color: #5c83c4 !important;
    border-color: #5c83c4 !important;
}

.btn-custom2:disabled{
    color:white !important;
    background-color: rgba(26, 59, 112, 0.8) !important;
    border-color: rgba(26, 59, 112, 0.8) !important;
 }


/* .btn-custom {
	background: linear-gradient(90deg, rgba(253,178,141,1) 0%, rgba(233,103,50,1) 100%);
    border: #e96732 !important;
    color: white !important;
}

.btn-custom:hover {
    background-color: #e96732 !important;
}
 */
.pass {
    background-image: url('../img/icons/pass.png');
    background-repeat: no-repeat;
    background-position: left;
    background-size: 25px;
    }

#login-bg{
	background-image: url('../img/slider.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
	height: 100vh;
}

#bottom-align{
	position:absolute;
	bottom:0px;
}

.blue-text {
    color: #007bff;
}
/** Base Body Styles **/

.left-side {
	padding: 50px;
	position: absolute;
	height: 100%;
	width: 30%;
	left: 0%;
}
.bg-left{
	width: 100%;
	height: 100%;
}
.right-logo{
	width: 25%;
}
/*.right-side{
	height: 100%;
	font-size: 2em;
	position: absolute;
	left: 30%;
	width: 70%;
}*/

.card {

    height: auto;
    margin-top: 150px;
    margin-bottom: auto;
    width: 400px;
    background-color: #F7F7F7 !important;
    box-shadow: 0 0.5rem 1rem 0 rgba(44,51,73,.9);  	
}

.card-header h3 {
    color: black;
}

.signin-logo span {
	font-size: 60px;
    margin-left: 10px;
    color: #FFC312;
}

.signin-logo span:hover {
	color: white;
    cursor: pointer;
}
  
.cp {
	color: black !important;
}  
.signin-logo {
	position: absolute;
    right: 40px;
    top: -47px;
}

.container {
    height: 100%;
    align-content: center;
}

.card-width {
    width: 600px !important;	
    margin-top: 40px !important;
}
.card-width-comp{
	width: 100% !important;
}
.justify-content-left {
    float: right;
}

.left-content {
	margin-top: 100px;
	position: absolute;
	font-size: 2em;
	margin-right: 50%;
}

.consent-alert {
	left: 0 !important;
	bottom: 0 !important;
	right: 0 !important;
	position: fixed !important;
}

.alert {
	height: 100px !important;
}

.cookie-label {
	font-size: .9em !important;
}

@media screen and (max-width: 1281px) {
	.left-content {
		display: none;
	}

	.right-side {
		display: none;
	}

	.left-side {
		width: 100% !important;
	}


	.justify-content-left {
		float : none !important;
	}

	.card-header h3 {
    	margin-right: 40%;
	}

	.alert {
	height: 250px !important;
	}
}

@media screen and (max-width: 600px) {
	.left-content {
		display: none;
	}

	.right-side {
		display: none;
	}

	.left-side {
		width: 100% !important;
	}

	.justify-content-left {
		float : none !important;
		margin-left: 25% !important; 
	}
	.alert {
	height: 150px !important;
	}
}


@media screen and (max-width: 767px) {
	#login-bg{
		display: none;
	}
}