@media only screen and (max-width: 767px) {
    /* payment page modal login */
	body.modal-open {
        /* position: fixed;  */
        padding: 0px!important;
        overflow: hidden!important;
    }
    
    #open-login .modal-dialog {
        margin: 1.5rem;
    }

    #open-login .tab-content {
        background: #fff;
        padding: 15px;
        /*overflow-y: scroll;*/
    }        
    
}
@media only screen and (max-width: 480px) {
    #open-login .tab-content {
        background: #fff;
        padding: 15px;
        /* height: 100vw; */
        height: unset;
      /*  overflow-y: scroll; */
        border-radius: 5px;
    } 
    .seperator {
        left: 20%;
        right: 20%;
    }
    /* Payment page login popup*/
    .custom-modal-body-2,
    .signin-form {
        border-radius: 0px 0px 5px 5px!important;
    }
    
}
@media only screen and (min-width: 768px) {
    #open-login .nav.nav-tabs,
    #loginsignupCtn .nav.nav.nav-tabs {
        margin: 0px;
    }

    #open-login .tab-content,
    #loginsignupCtn .tab-content {
        /* max-height: 50vh; */
        padding:15px;
    }   
    #open-login .modal-dialog,
    #loginsignupCtn .modal-dialog {
        max-width: 700px!important;
        min-width: 700px!important;
    }   
    .seperator {
        left: 30%;
        right: 30%;
    }
    /*Login page tab Login/Signup*/
    .tab-menu-section-page{
        margin:0px 30px;
    }
    #open-login .tab-content-page,
    #loginsignupCtn .tab-content-page {
        margin:0px 30px;
    } 
    /* Payment page login popup*/
    .custom-modal-body-2 {
        min-height: 510px;
        display: flex;
        border-radius: 5px!important;
        background-color: #eaeaea;
    }
    /*Login page remove border-radius style*/
    /*Remark : <div class="col-sm-7 p-0 br-md-1 bg-white signin-form" style="border-radius: 6px !important;">*/
    .signin-form {
        border-radius: 5px 0px 0px 5px;
    }
}

@media only screen and (min-width: 992px) {
    #open-login .modal-dialog,
    #loginsignupCtn .modal-dialog {
        max-width: 800px!important;
        min-width: 800px!important;
    }
}

.btn-social {
    color: #555;
    text-align: center;
    position: relative;
    font-size: 14px;
    margin-bottom: 8px;
    position: relative;
    border: 1px solid #ccc;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: start;
    padding: 10px 15px;
}

.btn-social p {
    padding-bottom: 0px;
    margin-bottom: 0px;
}
.btn-social label {
    margin-bottom: 0px;
    margin-right: 0px;
    line-height: 1;
}

.btn-social:before {
    font-weight:900;
    font-family:Font Awesome\ 5 Brands;
    left:15px;
    position:absolute;
    top:12px;
}

#open-login .btn-orange,
#loginsignupCtn .btn-orange,
.modal .btn-orange {
    text-transform: capitalize;
    border: 2px solid #fff;
    transition: all .25s ease;
    outline: none!important;
    cursor: pointer;
    color: #fff;
    border-color: #fb6330;
    background-color: #fb6330;
    font-size: 14px!important;
    min-width: 130px;
    border-radius: 4px;
    font-weight: 400;
    margin: auto;
}

.color-fb {
    background:#3b5998;
}

.color-gm {
    background:#d34836;
}

.btn-social input {
    background: transparent;
    border: none;
    width: 100%;
    padding: 0px;
}

.btn-social input:focus {
    outline: none;
    box-shadow: none;
}

#open-login .input-group-addon,
#loginsignupCtn .input-group-addon {
    padding: 4px 8px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    background-color: transparent!important;
    border: none!important;
    position: absolute;
    z-index: 1;
    top: 25%;
    left: 4px;
}

.input-group-addon1 {
    padding: 4px 8px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    background-color: transparent!important;
    border: none!important;
    position: absolute;
    z-index: 1;
    top: 25%;
    left: 41%;
}

/* change in sidebar js to text-small*/
/* .text-xsmall {
    font-size: 13px!important;
} */

#open-login .nav-tabs>li>a,
#open-login .nav-tabs>li>a:focus,
#open-login .nav-tabs>li>a:hover,
#loginsignupCtn .nav-tabs>li>a,
#loginsignupCtn .nav-tabs>li>a:focus,
#loginsignupCtn .nav-tabs>li>a:hover {
    background: transparent!important;
    text-align: center!important;
    border: none!important;
    border-bottom: 1px solid #9E9E9E!important;
    color: #9E9E9E!important;
    /* margin: 0!important; */
    padding: 15px!important;
}


#open-login .nav-tabs>li>a.active,
#open-login .nav-tabs>li>a.active:focus, 
#open-login .nav-tabs>li>a.active:hover,
#open-login .nav-tabs>li.active>a,
#open-login .nav-tabs>li.active>a:focus, 
#open-login .nav-tabs>li.active>a:hover,
#loginsignupCtn .nav-tabs>li>a.active,
#loginsignupCtn .nav-tabs>li>a.active:focus, 
#loginsignupCtn .nav-tabs>li>a.active:hover,
#loginsignupCtn .nav-tabs>li.active>a,
#loginsignupCtn .nav-tabs>li.active>a:focus, 
#loginsignupCtn .nav-tabs>li.active>a:hover {
    background: transparent!important;
    text-align: center!important;
    padding: 15px!important;
    border: none!important;
    border-bottom: 2px solid #00589f!important;
    color: #00589f!important;
    font-weight: 500;
}

#open-login .nav.nav-tabs,
#loginsignupCtn .nav.nav-tabs {
    background: #eee!important;
}

/* payment page modal login */
body.modal-open {
    padding-right: 0px !important;
}

@media only screen and (max-width: 768px) {
    /* payment page modal login */
    body.modal-open {
        position: fixed;
        padding-right: 0px !important;
    }

    input[type=radio]#rbLogEmail.cnOnly {
        margin-top: -20px !important;
    }
}

@media only screen and (min-width: 769px) {
    input[type=radio]#rbLogEmail.cnOnly {
        margin-top: -5px !important;
    }
}

.modal-open #open-login {
    overflow-x: hidden;
    overflow-y: hidden;
}

#open-login .input-group .form-control,
#loginsignupCtn .input-group .form-control {
    box-shadow: none!important;
    outline: none!important;
    transition: none!important;
    background: #f3f1ff!important;
    border-radius: .25rem;
    position: relative;
    padding-left: 35px;
    z-index:auto;
    border: none;
}

.toggle-eye-password {
    position: absolute;
    right: 3%;
    top: 30%;
    z-index: 1;
    border-left: 1px solid #ccc;
    padding-left: 10px;
    color: #555;
    width: 2em;
    text-align: center;
}

#open-login input[type="password"],
#loginsignupCtn input[type="password"] {
    padding-right: 5em;
}

.seperator-wrapper {
    border-top: 1px solid #ced4da;
    position: relative;
    margin: 30px 0;
    color: #7e7e7e;
}

.seperator {
    position: absolute;
    top: -11px;
    background: #fff;
    padding: 0 10px;
    text-align: center;
}

#backToLogin {
    color: #08589f!important;
}

input[type=radio] {
    -webkit-appearance: none;
    background: url(https://resource.busonlineticket.com/image/icon/grey-tick.png);
    background-size: contain;
    background-repeat: no-repeat;
    padding: 9px!important;
    margin-right: 5px;
    margin-top: 0px;
    vertical-align: middle;
    outline: none !important;
}

input[type=radio]:checked {
    -webkit-appearance: none;
    background: url(https://resource.busonlineticket.com/image/icon/green-tick.png);
    background-size: contain;
    background-repeat: no-repeat;
    padding: 9px!important;
    margin-top: 0px;
    vertical-align: middle;
    outline: none !important;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

ul.bot-form-cntrl {
    list-style: none;
    margin: 0;
    padding: 0;
}

ul.bot-form-cntrl li {
    margin-bottom: 10px;
}

ul.bot-form-cntrl li label {
    font-size: 1rem;
    font-weight: bold;
    width: 100%;
    margin-bottom: 3px;
    color: #AAA;
}

ul.bot-form-cntrl li .txtbox {
    width: 100%;
    border: 0;
    box-shadow: none;
    border-radius: 0;
    outline: 0;
    padding: 0;
    margin: 0;
    font-family: inherit;
    background: 0 0;
    font-size: 1rem;
    border-bottom: 1px solid #dadada;
}

ul.bot-form-cntrl li .lnkForgotPwd {
    color: #888;
    text-decoration: none;
}

ul.bot-form-login li label {
    font-size: 1rem;
    color: #000;
}

ul.bot-form-login li .txtbox {
    font-size: 1rem;
    color: #212121;
    padding: .375rem 0rem !important;
}

ul.bot-form-cntrl li .form-control {
    background: #FFF;
    border: 1px solid #dadada;
    font-size: 1rem !important;
}

.otpText {
    width: 30px;
    height: 30px;
    margin: 0 1%;
    text-align: center;
    -webkit-user-select: auto !important;
    -khtml-user-select: auto !important;
    -moz-user-select: auto !important;
    -ms-user-select: auto !important;
    user-select: auto !important;
    border: 1px solid #9E9E9E;
    border-radius: 4px;
}

.otpText:nth-child(odd) {
    margin-left: 1%;
}

.otpText:nth-child(even) {
    margin-right: 1%;
}

/* AlertBox CSS */
.offer-trip-overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background-color:#aaaaaa94;
	top: 0;
	left: 0
}

.offer-trip-overlay .close-overlay {
	position: absolute;
	right: 20px;
	color: #fff;
	font-size: 16px;
	cursor: pointer
}

.offer-trip-wrapper {
    margin: 270px auto;
	width: 500px;
	min-height: 150px;
	max-width: 90%;
	background-color: #fff;
	border-radius: 6px;
	padding: 20px!important;
	text-align: center;
	font-size: 16px
}

.offer-trip-wrapper-title {
    margin: 270px auto;
	width: 500px;
	min-height: 150px;
	max-width: 90%;
	background-color: #fff;
	border-radius: 6px;
	padding: 20px!important;
	font-size: 16px
}

#open-login .btn.btn-border-red,
#loginsignupCtn .btn.btn-border-red {
    color: #fff;
    border-color: #fa2c31;
    background-color: #fa2c31;
}

#open-login .btn.btn-border-blue,
#loginsignupCtn .btn.btn-border-blue {
    color: #fff;
    border-color: #079bcc;
    background-color: #079bcc;
    font-weight: 400!important;
    text-transform: capitalize;
}

#open-login .btn.btn-border-white,
#loginsignupCtn .btn.btn-border-white {
    color: #fff;
    border-color: #079bcc;
    background-color: #079bcc;
}

#open-login .btn-large,
#loginsignupCtn .btn-large {
    padding: 6px 25px;
    font-size: 14px!important;
}

/* End AlertBox CSS */