/*------------------------------------------------------------------
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);

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

.form-control:focus {
	color: #495057 !important;
    background-color: #fff !important;
    border-color: #80bdff !important;
	outline: 0 !important;
	box-shadow: 0 0 0 0.2rem transparent !important;
	border-bottom-width: medium !important;
}

.form-control:focus::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #2395BA;
	opacity: 1; /* Firefox */
	font-weight: bolder;
}

.form-control:focus:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #2395BA;
font-weight: bolder;
}

.form-control:focus::-ms-input-placeholder { /* Microsoft Edge */
color: #2395BA;
font-weight: bolder;
}

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

#login-bg{
	background-image: url('../img/slider.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

#login-bgleft{
	background-image: url('../img/img-sideb.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right;
}

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

.blue-text {
    color: #007bff;
}
/** Base Body Styles **/
body{ 
	font-family: 'Source Sans Pro', sans-serif ;
}

.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);  	
}

.cardRy {
	position: absolute;
    height: auto;
	bottom: 19%;
	right: 12%; 	
}

.card-header h3 {
    color: black;
}

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

.signin-logo span:hover {
	color: white;
    cursor: pointer;
}
  
.web-site {
	color: #F7F7F7;
	position: absolute;
    /* height: auto; */
	bottom: 13%;
	right: 37%;
}

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

.card-logo {
	width: 80px;
	height: auto;
	/* position: absolute; */
    right: 60%;
    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;
	}

	.cardRy {
        margin-left: 0%; 
        margin-right: 0%;
      /*   width: 100% */
    }

	.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;
	} */
	.cardRy {
		background-color: white;
		margin: 0px !important;
		height: 100% !important;
		width: 100% !important;
		bottom: 0px !important;
		right: 0px !important;

	}

	.cardRy2 {
		height: 100vh !important;
		box-shadow: 0 0.5rem 1rem 0 transparent !important;
		color: blue;

	}


}