.ev-parent {
    display: grid;
    grid-template-columns: 25% 1fr;
    grid-template-rows:  1fr;
    grid-template-areas: 
    "ev-sidebar ev-content";
    grid-gap: 0;
    width: 100%;
    /* height: calc(100vh - 102px) !important; */
    overflow: hidden;
    /* position: relative;
    margin-top: 102px; */
    padding-top: 102px;
    
}
.ev-sidebar {
    grid-area: ev-sidebar;
    height: 100%;
    padding: 0 15px;
	position: fixed;
	width: 15%;
    /* border: 1px solid red; */
}
.ev-content {
    grid-area: ev-content;
    height: 100%;
    padding: 0 15px;
    overflow-y: auto;
    /* border: 1px solid blue; */

}
.none{
    width: 0 !important;
    grid-area: none !important;
    padding: 0 !important;

}

.form-control{
    height: 65px;
}
 .swiper-button-next, .swiper-button-prev{
        height: 48px !important;
        width: 48px !important;
    }
    .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after{
        display: none !important;
    }
    .swiper-button-prev:after, .swiper-container-ltr .swiper-button-next:after{
        display: none !important;
    }
    .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") !important;
       
    }
    .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") !important;
        
    }
.slide{
	height: 100vh;
}
#login .form-layout .form-group{
	margin-bottom: 1.5rem !important;
}
#login .form-layout .form-group .input-field{
	height: 54px !important;
}
#login .form-layout .form-group label{
	top: 0 !important;
	margin: 0;
}
.trip-wrapper{
	    height: 50vh;
    overflow: auto;
    /* padding: 0 20px 120px 0; */
    margin: 0 0 50px;
}
.billing-wrapper{
		height: 46vh;
    overflow: auto;
    padding-right: 20px;
	}
.detail-wrapper{
	height: 72vh;
    overflow: auto;
}
@media(max-width: 1600px){
	.ev-sidebar{
		width: 20%;
	}
}
@media(max-width: 1300px){
	/* .trip-wrapper{
		height: 58vh;
	} */
	.billing-wrapper{
		height: 38vh;
	}
}
/* .ev-show{
    width: inherit !important;
    grid-area: ev-sidebar !important;
    padding: 0 15px !important;
} */

@media(min-width: 1200px){
    .form-layout .form-group .input-field,
    .form-control,
    .cp-container,
    .submit-button{
        height: 50px !important;
    }
    .form-layout .form-group,
    .cp-container,
    .radio-container,
    .mb-4, .my-4{
        margin-bottom: 1rem !important;
    }
    .mb-4, .my-4{
        margin-bottom: 1rem !important;
    }
    .drower h3{
        /* font-size: 18px !important; */
        font-size: 16px !important;
    }
    .drower p{
        /* font-size: 16px !important; */
        font-size: 13px !important;
        margin-bottom: 0 !important;
    }
    /* .drower .card .card-body{
        padding: 15px !important;
    } */
}
@media(max-width: 1199px){
}
@media(max-width: 991px){
}
@media(max-width: 767px){
    .padingTop{
        padding-top: 70px !important;
    }
    .ev-sidebar {
        display: none;
    }
    .ev-parent {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows:  1fr;
        grid-template-areas:"ev-content";
        padding-top: 70px;
        
        
        
    }
    .form-control{
        height: 65px !important;
    }
    .swiper-container{
        display: none;
    }
    /* .ev-content{
        z-index: -1;
    }
    .navbar{
        z-index: -1 !important;
    } */
}
@media(max-width: 575px){
}
@media(max-width: 480px){
}
@media(max-width: 375px){
}
@media(max-width: 320px){
}



/* New Login Page Add Changes */



@media(max-width: 1600px){
	#login .right-wrapper .right-inner-wrapper, #login .right-wrapper .otp-login{
		max-width: 70%;
	}
	.form-wrapper{
		height: 62vh;
	}
	.error{
		font-size: 14px;
	}
	.booking-management-body .imp-row [class*="col-"]{
		padding: 7px 18px;
	}
	.wrapper .content-header{
		font-size: 22px;
		margin: 0;
	}
   
}

@media(max-width: 1400px){
	.form-wrapper{
		height: 62vh;
	}
	.form-layout .label-block .form-group.upload-slide label.choose-file{
		font-size: 12px;
	}
}

@media(min-width: 1200px){
}

@media(max-width: 1199px){
}

@media(max-width: 991px){
}

@media(max-width: 767px){
    #login .right-wrapper .right-inner-wrapper, #login .right-wrapper .otp-login{
		max-width: 100%;
	}
    .right-inner-wrapper .logo img, .otp-login .logo img{
        margin-top: 20px;
    }
    .h3, h3{
        font-size: 27px;
    }
    .tool::after { 
        font-size: .75em;
        margin-left: -5em;
        width: 10em; 
    }
}

@media(max-width: 575px){
}

@media(max-width: 480px){
}

@media(max-width: 375px){
}

@media(max-width: 320px){
}