/* style from header.php file */

.form-control::-moz-placeholder {
    color: #b8b8b5 !important;
}
.form-control::-webkit-input-placeholder {
    color: #b8b8b5 !important;
}
.logOutPopUp{
    /*background: url(../logout_bg.png) no-repeat;*/
    height: 50px;
}
.logOutPopUp a{
    float: left;
    background-color: #f1ae1f;
    border: medium none;
    color: #FFFFFF;
    font-family: OpenSans-Semibold;
    font-size: 16px;
    margin-left: 2px;
    margin-top: 5px;
    padding: 10px 30px;
    width: 73%;
    cursor: pointer;
    text-shadow: 0 1px 3px #6E6E6A;
    text-transform: uppercase;
    text-align: center;
}

.loginmember .member_reg{
    padding-bottom: 0px;
}                        
.triphistory a{
    float: left;
    background-color: #B1C862;
    border: medium none;
    color: #FFFFFF;
    font-family: OpenSans-Semibold;
    font-size: 18px;
    margin-left: 2px!important;
    padding: 10px 30px;
    width: 73%;
    margin-top: 5px;
    cursor: pointer;
    z-index: 10000;
    position: relative;
    text-transform: uppercase;
    text-align: center;
}
.triphistory .total-amount span{
    position: relative;
    
}
.triphistory .total-amount span .popup_map_main{
    height: 123px;
    left: -366px;
    margin-top: -48px;
}
.triphistory .total-amount span .popup_map_main .popup_map_bg{
    height: 138px;
}
.loginmember {
    /*background:none !important;*/
    height: 204px;
}
.alert {
    left: 50%;
    position: absolute;
    text-align: center;
    top: 15px;
    width: 30%;
    z-index: 99;
    transform : translate(-50%, 0);
    -ms-transform : translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);

}
.alert-error {
    background-color: #F2DEDE;
    border: 1px solid #EED3D7;
    color: #B94A48;
}
.alert-success {
    background-color: #DFF0D8;
    border: 1px solid #D6E9C6;
    border-radius: 4px 4px 4px 4px;
    color: #468847;
    left: 0;
    padding: 10px 20px;
    /*position: relative;*/
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
.alert-block {
    background-color: #FCF8E3;
    border: 1px solid #FBEED5;
    color: #C09853;
}
@media only screen and (max-width: 1440px){
    .alert{
        width: 40%;
    }
}
@media only screen and (max-width: 1024px){
    .alert{
        width: 50%;
    }
}
@media only screen and (max-width: 767px){
    .alert{
        width: 70%;
    }
}

