body{ font-family: 'Roboto', sans-serif;}
/* theming */
.bg-dark{ background: #000 !important}
.vertual-bg{ background: url(../images/GettyImages-1141500705-nb.jpg); background-repeat: no-repeat; background-size: cover;}
.text-bold{ font-weight: 700}
.btn-info.focus, .btn-info:focus{ box-shadow: none}
.btn.btn-info{ background: #5abced; border-color: #5abced;}
.btn-info:not(:disabled):not(.disabled).active:focus, .btn-info:not(:disabled):not(.disabled):active:focus, .show>.btn-info.dropdown-toggle:focus {
   box-shadow: none
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin-bottom: .3rem;}
	.font-condensed{font-family: 'Roboto Condensed', sans-serif; font-weight:700}
.border-radius-0,.form-control{ border-radius: 0 !important;}

.form-control.error{border:1px red solid;}

.btn-group-lg>.btn, .btn-lg {
    padding: .5rem 1rem;
    font-size: 1.23rem;
    line-height: 1.5;
    border-radius: .3rem;
}
.text-info{ color: #5abced !important;}
.login-card{box-shadow: 0px -1px 13px #00000040;
border: none !important;}
.btn.btn-lg {
    font-weight: 500; position:relative}
.btn.btn-info {
    background: #31a0d8 !important;
    border-color: #5abced !important;
}
.btn.disabled{background: #9e9e9e !important;border-color: #9e9e9e !important;}
.btn.disabled:hover{cursor:not-allowed;}
.text-pre{font-size: 15px; font-weight: 500;}
.bold-600{ font-weight: 600}
.blue-btn{ text-transform: uppercase; border-radius: 0 !important; padding: 1rem 1rem;} 
.list-ul-icon{ padding: 0; margin: 0;}
.list-ul-icon li{ padding: 0; list-style: none;}
.icon-p1{ background: url(../images/icon/p1.png) no-repeat;     width: 38px;
    display: inline-block;
    height: 75px;    background-position: right;}
 .icon-p2{ background: url(../images/icon/p2.png) no-repeat;     width: 38px;
        display: inline-block;
        height: 75px;}
.icon-p3{ background: url(../images/icon/p3.png) no-repeat;     width: 38px;
            display: inline-block;
            height: 75px;}
.icon-p4{ background: url(../images/icon/p4.png) no-repeat;     width: 44px;
        display: inline-block;
        height: 75px;}
.large-text{ font-size: 3rem}

.modal-content-radius{ border-radius:0 !important}

.msglistul{ font-size:15px;padding-left: 24px;}
.modal-body .form-group .col-form-label{  font-size:1.25rem}
.btn-icon{position: absolute;
    left: 15px;
    top: unset;
    font-size: 42px;
    top: 12%;
}
.spinner-border{right:0; margin:0 auto;}


/* 08/10/2021 */
btn-warning:not(:disabled):not(.disabled).active:focus, .btn-warning:not(:disabled):not(.disabled):active:focus, .show>.btn-warning.dropdown-toggle:focus {
    box-shadow: none;
}
.arrivalcheckbg{ background: url(../images/arrivalcheckbg.jpg); background-repeat: no-repeat; background-size: cover;}
.bg-back{background: url(../images/people-bg.jpg) no-repeat;background-size: 60%;
    background-position: center center;}
.joinbg{background: url(../images/dogbg.jpg);    background-size: cover;
        background-repeat: no-repeat;}
.vertuallobbybg{ background: url(../images/vertuallobbybg.jpg);    background-size: cover;
        background-repeat: no-repeat; }
.fontexo{font-family: 'Exo 2', sans-serif;}
.playfont{font-family: 'Play', sans-serif;}
.white-color{ color:#fff}
.navbar-blue{background: rgb(48,54,71);
    background: linear-gradient(360deg, rgba(48,54,71,1) 0%, rgba(24,116,160,1) 48%, rgba(3,170,235,1) 100%);}
.storetiming-color2{ color:#01b2f6}
.label-color2{
    color: #8837b4;
    font-size: 36px;
    line-height: 50px;
    text-align: center !important;
}
.btn-radius{    border-radius: 18px;
    border: 3px solid #000;
    box-shadow: inset 0px 0px 2px 1px #ffffffc2;
    line-height: 39px; color:#fff !important;     text-shadow: 0px 1px 0px #000000ba; font-size:1.5rem;font-family: 'Play', sans-serif;font-weight: 700 !important;}
.btn-radius:hover,.btn-radius:focus,.btn-radius:active{
    border-radius: 18px;
    border: 3px solid #000;
    box-shadow: inset 0px 0px 2px 1px #ffffffc2;
    line-height: 39px; outline: none;
}
.btn-orange{ background: #f26817;}
.btn-orange:hover,.btn-orange:focus{ background: #f26817 !important;}
.btn-orange-light{background: #fead17;}
.btn-orange-light:hover,.btn-orange-light:focus{background: #fead17 !important;}
.btn-blue-info{ background: #17b8f6;}
.btn-blue-info:hover,.btn-blue-info:focus{background: #17b8f6 !important;}
.btn-green{ background: #17c557;}
.btn-green:hover,.btn-green:focus{background: #17c557 !important;}
.border-success{ border: 3px solid #17c557 !important;}
.btn-red-danger{  background: #e3515c; }
.btn-red-danger:hover,.btn-red-danger:focus{background: #e3515c; }
.border-danger{ border: 3px solid #e3515c !important;}
.form-text .form-control{ border: 2px solid #000;}
.form-text .form-control error { border: 2px solid #e3515c !important;}
.form-text .form-group label{ font-size: 1.4rem;}
.form-text .form-group {
    margin-bottom: 0.4rem;
}

.p2{     font-weight: bold;
    font-size: 1.6rem;
    line-height: 28px;}
.p3{     font-size: 1.3rem;line-height: 1.5rem;}
.p4{ font-size: 1.2rem;line-height: 1.3rem;}
.p5{ font-size: 1rem;line-height: 1.2rem;}
.p2,.p3,.p4,.p5{  margin-bottom: 0;}
.line-height-1{ line-height:18px;}
.text-dark{ color:#000}
.text-danger-dark{ color: #e01b37;}
.text-link{ color:#0058aa}
.main-boxshadow{
    box-shadow: 0px 0px 10px #000;
}
.text-white{ color:#fff}
.text-white:hover{ color:#fff}
.text-36{ text-align: center; font-style: italic;color:#8837b4;}
.text-large{ font-size: 2rem;}
.input-text{ position: absolute;
    background: #263773;
    top: 0;
    bottom: 0;
    width: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 26px;
    color: #fff; font-weight: bold;}
.select-boxbg{ background: url(../images/caret.jpg) no-repeat; -webkit-appearance: none;
    -moz-appearance: none;    background-position: center right 10px;
    background-size: 20px;}
@media (min-width: 992px){
.dp-width2 {
    flex: 0 0 630px;
    }
.text-m-left{ margin-left: -112px;}
}
/*08/10/2021  end css */




@media(min-width:768px){
    .dp-width{    flex: 0 0 540px;}
    .space150{ height: 150px;}
}
@media(max-width:767px){
    .text-pre {
        font-size: 12px;
        margin-bottom: .5rem;
    }
    h5 {
        font-size: calc((.1em + 1vmin) + (.1em + 1vmax));
    }
    .modal-body .form-group .col-form-label{  font-size: calc((.1em + 1vmin) + (.1em + 1vmax));}
    button[type="button"], button[type="submit"] {
        font-size: calc((.1em + 1vmin) + (.1em + 1vmax));    padding: .7rem;
    }
    
    h1 {
        font-size: calc((.1em + 1vmin) + (.5em + 1vmax));
    }
    .mb-4, .my-4 {
        margin-bottom: 1rem!important;
    }
    .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
        margin-bottom: .3rem;line-height: 1.1;
    }
.btn-icon{position: absolute;
    left: 15px;
    top: unset;
    font-size:30px;
    top: 12%;
}
.navbar .d-flex{      align-items: center;}
.text-m-left{ margin-left:15px; font-size:18px;}
.form-style{ max-height:360px; overflow:auto;}
}
#standardmodal{position: absolute !important;overflow: inherit !important;}
.modal-dialog .position-relative .form-control{    padding-left: 48px;}