@charset "UTF-8";
/* CSS Document */
@font-face {
    font-family: 'Lato-Medium';
    src: url('../font/Lato-Medium.eot');
    src: url('../font/Lato-Medium.woff') format('woff'), url('../font/Lato-Medium.woff2') format('woff2'), url('../font/Lato-Medium.ttf') format('truetype');
}

@font-face {
    font-family: 'Lato-Regular';
    src: url('../font/Lato-Regular.eot');
    src: url('../font/Lato-Regular.woff') format('woff'), url('../font/Lato-Regular.woff2') format('woff2'), url('../font/Lato-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Helvetica_Normal';
    src: url('../font/Helvetica_Normal.eot');
    src: url('../font/Helvetica_Normal.woff') format('woff'), url('../font/Helvetica_Normal.woff2') format('woff2'), url('../font/Helvetica_Normal.ttf') format('truetype');
}
 @font-face
  {  
	font-family: 'msyh';
		src: url('../font/msyh.ttc');
  }
  
::-webkit-input-placeholder { /* WebKit browsers */
    color: #b1b1b1;
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #b1b1b1;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #b1b1b1;
}

:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #b1b1b1;
}

html, body {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
}

.wrapper {
    position: relative;
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
}

.header {
    height: 45px;
    background: #1191d0;
    text-align: center;
}

#imgLogo {
    margin-top: 5px;
    width: 80%;
    height: 80%;
}

#map {
    width: 100%;
    height: 180px;
}

#tblOverall {
    display: inline-block;
}

.detail {
    width: 90%;
    height: 17%;
    bottom: 0;
    padding: 10px 0px;
    margin: auto;
    text-align: center;
    background-color: white;
}

#layout {
    width: 100%;
    display: inline-block;
    background-color: #f0f4f6;
    border: 1px #cccccc solid;
    padding-top: 5px;
    padding-bottom: 5px;
}

#tblOrderDetail {
    background-color: #f0f4f6;
    text-align: left;
    width: 94%;
    margin: auto;
    padding: 0;
    table-layout: fixed;
}

.column_fare {
    background-color: #eaeaea;
    color: #333333;
    font-size: 11px;
    font-family: mysh;
    vertical-align: middle;
    padding: 5px 15px;
}

.lblFare {
    font-family: msyh;
    font-weight: bold;
}

.row {
    background-color: white;
}

.txtPickup, .txtDropoff, .txtRemarks {
    padding: 5px 15px;
    margin: 0;
    font-size: 11px;
    font-family: mysh;
    outline: none;
    border: 0;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    border-radius: 0;
    -webkit-appearance: none;
}

.txtRemarks {
    width: 90%;
}

#imgCross, #imgCross2 {
    width: 15px;
    height: 15px;
    padding-right: 20%;
    vertical-align: middle;
    background-color: white;
    float: right;
}

.ddlTaxiProductType {
    outline: none;
    border: 0;
    padding-left: 10px;
    font-size: 11px;
    font-family: mysh;
}

#divBook {
    width: 100%;
    display: inline-block;
}

.btnBook {
    background-color: #aaaaaa;
    color: white;
    font-family: mysh;
    font-size: 15px;
    border: 1px solid #aaaaaa;
    -webkit-appearance: none;
}

@media (min-width: 1024px) and (max-width: 1280px) {
    .txtRemarks {
        width: 92%;
    }

    #imgCross, #imgCross2 {
        padding-right: 10%;
    }

    #layout, #divBook {
        width: 40%;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .txtRemarks {
        width: 90%;
    }

    #layout, #divBook {
        width: 50%;
    }
}

@media (min-width: 600px) and (max-width: 767px) {
    .txtRemarks {
        width: 88%;
    }

    #layout, #divBook {
        width: 50%;
    }
}


/*POP UP DIV*/
.ontop {
    z-index: 999;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: none;
    position: absolute;
    background-color: #cccccc;
    color: #aaaaaa;
    filter: alpha(opacity = 50);
}

#popup {
    width: 300px;
    height: 200px;
    position: absolute;
    color: #000000;
    background-color: #ffffff;
    /* To align popup window at the center of screen*/
    top: 50%;
    left: 50%;
    margin-top: -100px;
    margin-left: -150px;
}
.rwTable{
     overflow:hidden  !important;
}

/* remove main borders */
.rwTitleRow
{
   display:none !important;
}

.rwBodyLeft{
    display:none !important;
}

.rwBodyRight{
    display:none !important;
}
.rwFooterCenter{
    display:none !important;
}

.rwFooterRow{
    display:none !important;
}
.RadWindow .rwIframeWrapperIOS    {
    overflow:hidden !important;
}