/*---- // GLOBAL CSS // --*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
}
input {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

::-moz-focus-inner {
    padding: 0;
    border: 0;
}
:-moz-placeholder {
    color: #3d4d65 !important;
}
::-webkit-input-placeholder {
    color: #3d4d65;
}
.form-control::-webkit-input-placeholder { color: #3d4d65; }
.form-control:-moz-placeholder { color: #3d4d65; }
.form-control::-moz-placeholder { color: #3d4d65; }
.form-control:-ms-input-placeholder { color: #3d4d65; }

body {
    font-family: 'Droid Arabic Kufi' !important;
    background: #fff;
    color: #3d4d65;
    font-size: 14px;
    font-weight: normal;
}
.ENROBO {
    font-family: 'Roboto', sans-serif !important;
}
p {
    margin: 0 0 10px;
    font-size: 14px;
}
h1, h2, h3 {
    font-family: 'Roboto', sans-serif;
    text-decoration: none;
}
/* MARGINS & PADDING*/
.margin-top-5{margin-top: 5px;}
.margin-top-10{margin-top: 10px;}
.margin-top-13{margin-top: 13px;}
.margin-top-15{margin-top: 15px;}
.margin-top-20{margin-top: 20px;}
.margin-top-25{margin-top: 25px;}
.margin-top-30{margin-top: 30px;}
.margin-top-35{margin-top: 35px;}
.margin-top-40{margin-top: 40px;}
.margin-top-45{margin-top: 45px;}
.margin-top-50{margin-top: 50px;}

.margin-right-5{margin-right: 5px;}
.margin-right-8{margin-right: 8px;}
.margin-right-10{margin-right: 10px;}
.margin-right-10-Imp{margin-right: 10px !important;}
.margin-right-15{margin-right: 15px;}
.margin-right-20{margin-right: 20px;}
.margin-right-30{margin-right: 30px;}


.margin-left-5{margin-left: 5px;}
.margin-left-8{margin-left: 8px;}
.margin-left-10{margin-left: 10px;}
.margin-left-10-Imp{margin-left: 10px !important;}
.margin-left-20{margin-left: 20px;}
.margin-left-30{margin-left: 30px;}
.margin-left-50{margin-left: 50px;}
.margin-left-68{margin-left: 68px;}
.margin-right-68{margin-right: 68px;}



.margin-bottom-5{margin-bottom: 5px;}
.margin-bottom-8{margin-bottom: 8px;}
.margin-bottom-10{margin-bottom: 10px;}
.margin-bottom-30{margin-bottom: 30px;}
.margin-bottom-50{margin-bottom: 50px;}
.margin-bottom-60{margin-bottom: 60px;}
.margin-bottom-70{margin-bottom: 70px;}
.margin-bottom-80{margin-bottom: 80px;}
.margin-bottom-90{margin-bottom: 90px;}



.pad-right-0{padding-right: 0px;}
.pad-right-5{padding-right: 5px;}
.pad-right-10{padding-right: 10px;}


.pad-left-0{padding-left: 0px;}
.pad-left-5{padding-left: 5px;}
.pad-left-10{padding-left: 10px;}
.pad-left-20{padding-left: 20px;}
.pad-left-30{padding-left: 30px;}
.pad-left-70{padding-left: 70px;}


.pad-right-70{padding-right: 70px;}

.pad-rightLeft-10{padding-left: 10px; padding-right: 10px;}
.pad-rightLeft-5{padding-left: 5px; padding-right: 5px;}

.pad-top-13{padding-top: 13px;}
.pad-top-15{padding-top: 15px;}

.pad-rl-10{padding-left: 10px; padding-right: 10px;}

.no-padding{padding: 0px;}
.padding-30{padding: 30px !important;}





/* FONT COLORS & SIZES*/
.orange_text{color: #ff7300;}
.blue_text{color: #4898f6;}
.green_text{color: #00CA9D;}
.yash_text{color: #8e8db2;}



.fs-11{font-size: 11px;}
.fs-12{font-size: 12px;}
.fs-14{font-size: 14px;}
.fs-16{font-size: 16px;}
.fs-16-Imp{font-size: 16px !important;}
.fs-20-Imp{font-size: 20px !important;}


/* SECTIONS*/
.sec_features_app{padding:40px 0px; background-color: #fff;}
.sec_mobileLink_app{ background-color: #ff7300; width: 100%;}

/* HERO SLIDER */
.slider_container{width: 100%; height: 520px; background-color: #606877;}
.slider_container, .app_bg {
    background: url("https://images.rehlat.com/content/images/EwalletProfile/app-slide-bg02.jpg") no-repeat top center;
    height: 520px;
    background-size: cover;
}
.image-holder {
    background-color: #d9dfe9;
}

.profile_pic {
    width: 100px;
    float: left;
}

.img-circle.profile_img {
    width: 66%;
    background: #fff;
    z-index: 1000;
    position: inherit;
    border: 1px solid rgba(52, 73, 94, 0.44);
    padding: 4px;
    float:right;
}
.profile_info{
    float: left;
    padding-top: 13px;
    margin-right: -20px;
}

.profile_info p{font-size: 16px; font-weight: bold;}

/*MODAL WIDTHs*/

.modelWidth300px{width: 300px}
.modelWidth320px{width: 320px}
.modelWidth400px{width: 400px}
.modelWidth500px{width: 500px}
.modelWidth600px{width: 600px}
.modelWidth800px{width: 800px}
.modelWidth900px{width: 900px !important}
.modelWidth930px{width: 930px}
.modelWidth1000px{width: 1000px}

.modal-body {
    position: relative;
    padding: 20px !important;
}

.modal-dialog {
    width: auto ;
}

.modal-backdrop {
    /*background-color: transparent;*/

}
.modal-content {
    box-shadow: 5px 5px 0 rgba(0,0,0,.4);
    border-radius: 2px; border: 1px solid #cad3df;
    }
.modal-header {
    padding:0 !important;
    border:none !important;
    min-height: 0 !important;

}
.modal-header .close {
     margin-top: -5px;
     margin-left: -5px;
}

.modal-header .call-close {
     margin-top: -5px;
    margin-left: 5px;
}




@-webkit-keyframes ezCustTrans {
    0% {
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        transform-style: preserve-3d;
        -webkit-transform:  perspective(90%) rotateY(-65deg) rotateX(-45deg) translateZ(-100px);
        -moz-transform: perspective(90%) rotateY(-65deg) rotateX(-45deg) translateZ(-100px);
        -ms-transform: perspective(90%) rotateY(-65deg) rotateX(-45deg) translateZ(-100px);
        transform: perspective(90%) rotateY(-65deg) rotateX(-45deg) translateZ(-100px);
        opacity: 0;
    }
    68% {
        -webkit-transform:  rotateY(10deg) rotateX(10deg) translateZ(20px);
        -moz-transform:  rotateY(10deg) rotateX(10deg) translateZ(20px);
        -ms-transform:  rotateY(10deg) rotateX(10deg) translateZ(20px);
        transform:  rotateY(10deg) rotateX(10deg) translateZ(20px);
        opacity: 0.8;
    }
    100% {
        -webkit-transform:  rotateY(0deg) rotateX(0deg) translateZ(0px);
        -moz-transform:  rotateY(0deg) rotateX(0deg) translateZ(0px);
        -ms-transform:  rotateY(0deg) rotateX(0deg) translateZ(0px);
        transform:  rotateY(0deg) rotateX(0deg) translateZ(0px);
        opacity: 1;
    }
}
@keyframes ezCustTrans {
    0% {
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        transform-style: preserve-3d;
        -webkit-transform: perspective(90%) rotateY(-65deg) rotateX(-45deg) translateZ(-100px);
        -moz-transform: perspective(90%) rotateY(-65deg) rotateX(-45deg) translateZ(-100px);
        -ms-transform: perspective(90%) rotateY(-65deg) rotateX(-45deg) translateZ(-100px);
        transform: perspective(90%) rotateY(-65deg) rotateX(-45deg) translateZ(-100px);
        opacity: 0;
    }
    68% {
        -webkit-transform:  rotateY(10deg) rotateX(10deg) translateZ(20px);
        -moz-transform:  rotateY(10deg) rotateX(10deg) translateZ(20px);
        -ms-transform:  rotateY(10deg) rotateX(10deg) translateZ(20px);
        transform:  rotateY(10deg) rotateX(10deg) translateZ(20px);
        opacity: 0.8;
    }
    100% {
        -webkit-transform: rotateY(0deg) rotateX(0deg) translateZ(0px);
        -moz-transform:  rotateY(0deg) rotateX(0deg) translateZ(0px);
        -ms-transform:  rotateY(0deg) rotateX(0deg) translateZ(0px);
        transform:  rotateY(0deg) rotateX(0deg) translateZ(0px);
        opacity: 1;
    }
}
.ezCustTrans {
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: ezCustTrans;
    animation-name: ezCustTrans;
}

.rosmymodal h1{ font-size: 16px; text-transform: uppercase; margin-bottom: 15px;}
.rosmymodal h2{ font-size: 14px;}



/*.profile{float: left;}*/

/* FONT SIZES*/
.font_12{font-size: 12px;}
.font_14{font-size: 14px;}
.font_16{font-size: 16px;}
.font_18{font-size: 18px;}
.font_20{font-size: 20px;}
.font_22{font-size: 22px;}
.font_24{font-size: 24px;}

.font_38{font-size: 38px;}
.font_40{font-size: 40px;}
.font_42{font-size: 42px;}

.slider_decoration{}
.slider_decoration .image-slider-holder{ margin: 34px 0px 0px 0px}

.slider_content_holder{margin: 150px 0px 0 60px;}
.slider_content_holder h1{ font-size: 44px; font-weight: normal; color: #fff; line-height: 65px;}
.slider_content_holder .app_download_btn { margin-top: 40px;}
.slider_content_holder .app_download_btn a { margin-right: 30px; height: auto;}
.slider_content_holder .app_download_btn a:hover {opacity: 0.80;}


/* FEATURES*/
.features_content h1{font-size: 40px; font-weight: 400; color: #3d4d65; letter-spacing: 1px;}
.features_content .features {margin-top: 30px; float: left;}

.features_mobile_tray {
    background: url("https://images.rehlat.com/content/images/EwalletProfile/features-mobile-bg.jpg") no-repeat top center;
    height: 702px;
    position: relative;
}
fieldset {
    margin: 0;
    padding: 0;
    border: none;
}
.features_data:after, .offer_data:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #fff;
    border-width: 10px;
    margin-left: -10px;
}
.features_data:before, .offer_data:before {
    border-color: rgba(204, 204, 204, 0);
    border-bottom-color: #ccc;
    border-width: 11px;
    margin-left: -11px;
}

.mobile_screen{ width:298px; height:530px; background:#0a2b4a; margin: 50px 0px 0px 0px; position: absolute; top:36px; left: 30px;}
.list-cards ul{ margin-top:120px;}
.list-cards ul .nav{ margin:0; padding:0;}
.list-cards .nav li{ width:100%;}
.list-cards .nav li a{ display:block; text-decoration:none;  color:#0a2b4a; background:none;  transition: all 0.5s ease; padding: 0px;}
.list-cards .nav li.active a, .mobile_bg .nav li a:hover{
    background:none;
    color:#878787;
    outline:none;
}

.list-cards-right ul{ margin-top:120px;}
.list-cards-right ul .nav{ margin:0; padding:0;}
.list-cards-right .nav li{ width:100%;}
.list-cards-right .nav li a{ display:block; text-decoration:none; border-radius:5px;  color:#878787; background:none;  transition: all 0.5s ease; padding: 0px;}

.list-cards-right .nav li.active a, .mobile_bg .nav li a:hover{
    background:none;
    color:#878787;
    outline:none;
}

.mobile_bg .nav li:focus{ border:none; background:none;}
.star_icon{ background-position:2px -350px; width:88px; height:88px; margin-top: 13px;}
.offer_deatil{ font-size:20px; text-align:left;}
.feature_heading{ color:#3d4d65; font-size:18px; display:block; width: 100%; font-weight: 500;}
.details_text{ display:block; font-size:14px; color:#3d4d65; font-weight: 400}

/*Icons and Elements*/
.offer_icon {
    background: url("https://images.rehlat.com/content/images/EwalletProfile/offers-icon.png") no-repeat top center;
    width: 80px;
    height: 80px;
}

.mytrip_icon {
    background: url("https://images.rehlat.com/content/images/EwalletProfile/my-trip-icon.png") no-repeat top center;
    width: 80px;
    height: 80px;
}

.myWallet_icon {
    background: url("https://images.rehlat.com/content/images/EwalletProfile/my-wallet-icon.png") no-repeat top center;
    width: 80px;
    height: 80px;
}
/*.easy_booking_icon{*/
/*background: url("../images/easy-booking-icon.png") no-repeat top center;*/
/*width: 80px;*/
/*height: 80px;*/
/*}*/
.support_icon {
    background: url("https://images.rehlat.com/content/images/EwalletProfile/support_icon.png") no-repeat top center;
    width: 80px;
    height: 80px;
}

.safe_booking_icon {
    background: url("https://images.rehlat.com/content/images/EwalletProfile/safebooking-icon.png") no-repeat top center;
    width: 80px;
    height: 80px;
}

.user-add {
    background: url("https://images.rehlat.com/content/images/EwalletProfile/user-add-icon.png") no-repeat top center;
    width: 21px;
    height: 18px;
    position: relative;
    top: 4px;
}

.plus-icon {
    background: url("https://images.rehlat.com/content/images/EwalletProfile/plus-icon.png") no-repeat top center;
    width: 14px;
    height: 14px;
    position: relative;
    top: 4px;
}

.wallet_btn_icon {
    background: url("https://images.rehlat.com/content/images/EwalletProfile/wallet-small-icon-white.png") no-repeat top center;
    width: 22px;
    height: 22px;
    position: relative;
    top: 3px;
}

/*Alerts*/
.alert-theme {
    padding: 5px 15px 5px 15px;
    margin-bottom: 15px;
    margin-top: 15px;
    border: 1px solid transparent;
    border-radius: 2px;
    /*font-family: "Arial", Helvetica, Arial, sans-serif;*/
    font-size: 11px;
}
.alert-info-theme{
    color: #8c7201;
    background-color: #f9edb8;
    border-color: #edc967;
}

/* Download Link Wrapper*/

.sec_mobileLink_app, .bg_appDownload {
    background: url("https://images.rehlat.com/content/images/EwalletProfile/mobile_app_link_bg.jpg") no-repeat top center;
    height: 180px;
    background-size: cover;
}
.app_download_container{padding: 30px 0px; color: #ffffff;}
.app_download_container .app_download_descriptions h1{ font-weight: 400; font-size: 38px; line-height: 44px;}
.subscribe-input {
    padding: 0 16px;
    width: 80%;
    height: 50px;
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    color: #a3aab0;
    background: #fefefe;
    background-clip: padding-box;
    border: 1px solid #fff;
    border-radius: 2px;
    font-weight: 400;
    font-style: italic;
    }
.subscribe-input:focus {
    outline: 0;
}
.subscribe-submit {
    display: block;
    position: absolute;
    top: 43px;
    right: 15px;
    padding-left: 15px;
    height: 50px;
    width: 160px;
    background: #ff7300;
    border: 1px solid;
    border-color: #ff7300;
    border-radius: 0 2px 2px 0;
    cursor: pointer;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    text-shadow: none;
    color: #fff;
    line-height: 50px;
    }
.subscribe-submit:active {
    background: #0a2b4a;
    }
.lt-ie9 .subscribe-input {
    line-height: 33px;
}

.btn_ros {
    display: inline-block;
    padding: 8px 22px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 22px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    box-sizing: border-box; /* <- added this */
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 2px;

}
.btn_ros:focus,
.btn_ros:active:focus,
.btn_ros.active:focus,
.btn_ros.focus,
.btn_ros:active.focus,
.btn_ros.active.focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}
.btn_ros:hover,
.btn_ros:focus,
.btn_ros.focus {
    color: #333;
    text-decoration: none;
    outline:none;
}
.btn_ros:active,
.btn_ros.active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
.btn-transparent {
    background-color: transparent;
    border-color: transparent;
    padding: 0px;
}
.btn-transparent:hover,
.btn-transparent:focus,
.btn-transparent.focus,
.btn-transparent:active,
.btn-transparent.active,
 {
    color: #fff;
    background-color: transparent;
    border-color: transparent;
}
.btn-transparent:active,
.btn-transparent.active,
.open > .dropdown-toggle.btn-success {
    background-image: none;
}



/***********************
  SHARP BUTTONS
************************/
.sharp {
    border-radius:0;
}

.form-control {
    border-radius: 0;
    line-height: 30px;
    width: 100%;
}

.form-control {
    display: block;
    width: 100%;
    height: 41px;
    padding: 6px 12px;
    font-size: 14px;
    font-weight: normal;
    color: #3d4d65;
    line-height: 36px !important;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #cad3df;
    /*border-radius: 4px;*/
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.inner-addon {
    position: relative;
}

/* style icon */
.inner-addon .glyphicon {
    position: absolute;
    padding: 13px;
    pointer-events: none;
}

/* align icon */
.left-addon .glyphicon  { left:  0px;}
.right-addon .glyphicon { right: 0px;}

/* add padding  */
.left-addon input  { padding-left:  30px; }
.right-addon input { padding-right: 30px; }

/*Buttons*/
.btn-clear-blue {
    color: #4898f6;
    background: transparent;
    border-color: #4898f6;
}

.btn-clear-blue:hover {
    color: #4898f6;
}

.btn-clear-yash {
    background-color: transparent;
    border-color: #8493a8;
    color: #3d4d65;
}
.btn-clear-yash:hover,
.btn-clear-yash:focus,
.btn-clear-yash.focus,
.btn-clear-yash:active,
.btn-clear-yash.active,
{
    color: #3d4d65;
    background-color: #1279;
    border-color: #8493a8;
}

.btn-clear-black {
    color: #3d4d65;
    background: transparent;
    border-color: #3d4d65;
}

.btn-clear-black:hover {
    color: #3d4d65;
}


.btn-lightGray {
    color: #3d4d65;
    background: #eceff4;
    border-color: transparent;
}

.btn-lightGray:hover {
    color: #3d4d65;
    border-color: #cad3df;
}

.btn-Orange {
    color: #fff;
    background: #ff8a00;
    border-color: transparent;
}

.btn-Orange:hover {
    color: #fff;
    border-color: #ff8a00;
}

.btn-Darkgray {
    color: #fff;
    background: #1e1c66;
    border-color: transparent;
    padding: 6px 30px !important;
    border-radius: 0px;
}

    .btn-Darkgray:hover {
        color: #fff !important;
        border-color: #656496;
        /*padding: 6px 36px !important;*/
        border-radius: 0px;
    }
.editButton {
    background-color:transparent;
    border:1px solid transparent;
    display:inline-block;
    cursor:pointer;
    color:#1e1c66;
    font-size:14px;
    font-weight:bold;
    padding:3px 14px!important;
    text-decoration:none;
    position: relative;
    top: -4px;
    right: -8px;
    text-shadow:0px 1px 0px #ffffff;
}
.editButton:hover {
    /*background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed));*/
    /*background:-moz-linear-gradient(top, #dfdfdf 5%, #ededed 100%);*/
    /*background:-webkit-linear-gradient(top, #dfdfdf 5%, #ededed 100%);*/
    /*background:-o-linear-gradient(top, #dfdfdf 5%, #ededed 100%);*/
    /*background:-ms-linear-gradient(top, #dfdfdf 5%, #ededed 100%);*/
    /*background:linear-gradient(to bottom, #dfdfdf 5%, #ededed 100%);*/
    /*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed',GradientType=0);*/
    background-color:transparent;
}
.editButton:active { position:relative;}
.posRelative{position: relative}
.posAbsolute{position: absolute}

/* CUSTOME WIDTH*/
.width_12Per{width: 12.666667%;}
.width_15Per{width: 15.666667%;}


.btn-medium{ padding: 6px 30px!important;}
.btn-medium-one{ padding: 8px 34px!important;}
.btn-small{ padding: 3px 20px!important;}
.btn-small-one{ padding: 0px 15px!important;}
.btn-large{ padding: 10px 40px!important;}



/* Screen Section*/
.custom-container {width: 1600px;}
.sec_screens_app{padding:50px 0px; background-color: #eaedf3; border-bottom: 1px solid #fff;}
.sec_screens_app h1{font-size: 40px; font-weight: 400; color: #0a2b4a; letter-spacing: 1px;}

.image-holder > img {
    width: 100%;
    height: 100%;
    max-width: 100%;
}
/* Screenshots */
.carousel-wrapper {
    position: relative;
    margin: 40px 0 0 0;
}
.carousel-decoration {
    position: absolute;
    top: 0;
    left: 50%;
    width: 365px;
    height: 650px;
    margin-left: -182.5px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.screenshot-carousel {
    height: 695px;
}
.screenshot-carousel .owl-stage-outer {
    height: 650px;
}
.screenshot-carousel .owl-item {
    opacity: 0.35;
    text-align: center;
    cursor: pointer;
    -webkit-transition: 1s opacity;
    -moz-transition: 1s opacity;
    -o-transition: 1s opacity;
    transition: 1s opacity;
}
.screenshot-carousel .center {
    opacity: 1;
    -webkit-transition: 1s opacity;
    -moz-transition: 1s opacity;
    -o-transition: 1s opacity;
    transition: 1s opacity;
}
.screenshot-carousel .neighbor {
    opacity: 0.75;
    -webkit-transition: 0.5s opacity 0s;
    -moz-transition: 0.5s opacity 0s;
    -o-transition: 0.5s opacity 0s;
    transition: 0.5s opacity 0s;
}
.screenshot-carousel .image-holder {
    width: 270px;
    height: 478px;
    background-color: #fff;
    margin: 77px auto 0;
    background: center no-repeat;
    background-size: cover;
    -webkit-transition: .1s transform;
    -moz-transition: .1s transform;
    -o-transition: .1s transform;
    transition: .1s transform;
}
.screenshot-carousel .image-holder.translate {
    opacity: 0.65;
    -ms-transform: scale(0.9);
    -webkit-transform: scale(0.9);
    -o-transform: scale(0.9);
    -moz-transform: scale(0.9);
    transform: scale(0.9);
}
.screenshot-carousel .owl-item img {
    display: inline;
    width: 100%;
    height: 100%;
}
.screenshot-carousel .owl-dots {
    margin-top: 24px;
    text-align: center;
}
.screenshot-carousel .owl-dot {
    display: inline-block;
    width: 14px;
    height: 14px;
    border-radius: 100%;
    margin: 0 3px;
    background-color: transparent;
    border: 2px solid #ffffff;
}
.screenshot-carousel .owl-dot:hover {
    background-color: transparent;
    border: 2px solid #bfc5cb;
}

.screenshot-carousel .owl-dot.active {
    border: 2px solid #016aaf;
}
/* MY WALLET CSS CODE HERE*/
.sec_myWallet{
    width: 100%;
    padding: 15px 0px 15px 0px;
    height: auto;
    background-color: #ecf0f1;
}
.rh_header{
    margin-bottom:15px;
}
.rh_bodyInfo{
    /*background-color: #fff;*/
    padding: 0px;
    margin: 0px;
}
.rh_header .rh_profile_name h1{
    color: #0a2b4a;
    font-size: 20px;
    display: block;
    width: 100%;
    font-weight: 500;
}




.rh_add_banner{}
.rh_add_banner img{padding-right: 30px;}
.sideMenu_width{width: 9.66666%;}

.tabs_width{width: 90%; padding-left: 0px;}

/*  ros tab */
.ros-tab-container{
    z-index: 10;
    /*background-color: #ffffff;*/
    padding: 0 !important;
    border-radius: 4px;
    -moz-border-radius: 4px;
    /*border:1px solid #ddd;*/
    background-clip: padding-box;
    opacity: 1;
    filter: alpha(opacity=97);
}
.ros-tab-menu{
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 0;
}
.ros-tab-menu div.list-group{
    margin-bottom: 0;
}
.ros-tab-menu div.list-group>a{
    margin-bottom: 0;
    text-transform: uppercase;
}
.ros-tab-menu div.list-group>a .glyphicon,
.ros-tab-menu div.list-group>a .fa {
    color: #ffffff;
    opacity: 0.5;
}
.ros-tab-menu div.list-group>a:first-child{
    border-top-left-radius: 0;
    -moz-border-top-left-radius: 0;
}
.ros-tab-menu div.list-group>a:last-child{
    border-bottom-left-radius: 0;
    -moz-border-bottom-left-radius: 0;
}
.ros-tab-menu div.list-group>a.active .glyphicon,
.ros-tab-menu div.list-group>a.active .fa{
    opacity: 10;
}

.ros-tab-menu div.list-group>a.active{
    background-color: #1e1c66;
    /*background-image: #5A55A3;*/
    color: #ffffff;
    text-transform: uppercase;border-bottom: 2px solid #ff234f;
    border-top: 1px solid #54657e;
    border-left: transparent;
    border-right: transparent;

}

.routeWrapper .fl_res_arrow_multi_popup {
    width: 20px;
    height: 14px;
    background: url("https://images.rehlat.com/content/images/multi_arrowicon.png") no-repeat 5px 0px;
    display: inline-block;

}
.routeWrapper { padding-right: 5px; padding-left: 5px; display: inline-block; font-size: 11px;  border-right: 1px solid #cbd4e0; width: 64px;}

.width_22Per{width: 22%;}

.modal-backdrop {
    z-index: -1;
}
.ros-tab-menu div.list-group>a.active:after{
    content: '';
    position: absolute;
    left: -1%;
    top: 50%;
    margin-top: -13px;
    border-left: 0;
    border-bottom: 13px solid transparent;
    border-top: 13px solid transparent;
    border-right: 10px solid #ecf0f1;

    -ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Safari */
    transform: rotate(180deg);
}

.ros-tab-content{
    background-color: #ffffff;
     border: 1px solid #cad3df;
    padding: 20px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;

    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomleft: 5px;

    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.ros-tab .ros-tab-content:not(.active){
    display: none;
}

.easy_booking_icon-small {
    background: url("https://images.rehlat.com/content/images/EwalletProfile/my-travel-icon.png" ) no-repeat top center;
    width: 28px;
    height: 32px;
}

.traveller_icon {
    background: url("https://images.rehlat.com/content/images/EwalletProfile/traveller-icon.png" ) no-repeat top center;
    width: 28px;
    height: 28px;
}

.my_wallet_icon {
    background: url("https://images.rehlat.com/content/images/EwalletProfile/wallet-icon.png" ) no-repeat top center;
    width: 32px;
    height: 32px;
}
.my_deals_icon {
    background: url("https://images.rehlat.com/content/images/EwalletProfile/tripdeal-icon.png" ) no-repeat top center;
    width: 32px;
    height: 32px;
}

.earn_icon {
    background: url("https://images.rehlat.com/content/images/EwalletProfile/earn-icon.png" ) no-repeat top center;
    width: 28px;
    height: 32px;
}

.profile_icon {
    background: url("https://images.rehlat.com/content/images/EwalletProfile/user-icon.png" ) no-repeat top center;
    width: 26px;
    height: 32px;
}

.edit_icon {
    background: url("https://images.rehlat.com/content/images/EwalletProfile/edit-icon.png" ) no-repeat top center;
    width: 20px;
    height: 18px;
}

.trash_icon {
    background: url("https://images.rehlat.com/content/images/EwalletProfile/trash-icon.png" ) no-repeat top center;
    width: 14px;
    height: 17px;
}

.print_icon {
    background: url("https://images.rehlat.com/content/images/EwalletProfile/print-icon.png" ) no-repeat top center;
    width: 16px;
    height: 16px;
}

.mail_icon {
    background: url("https://images.rehlat.com/content/images/EwalletProfile/mail-icon.png" ) no-repeat top center;
    width: 21px;
    height: 14px;
}

.view_icon{ background: url("https://images.rehlat.com/content/images/EwalletProfile/view_icon.png" ) no-repeat top center;   width: 22px;  height: 14px;}



/* SOCIAL ICONS */

.e-mail-icon {
    background: url("https://images.rehlat.com/content/images/EwalletProfile/earn-mail.png" ) no-repeat;
}

.facebook-icon {
    background: url("https://images.rehlat.com/content/images/EwalletProfile/fb-icon.png" ) no-repeat;
}

.tweet-icon {
    background: url("https://images.rehlat.com/content/images/EwalletProfile/tweet.png" ) no-repeat;
}

.gPlus-icon {
    background: url("https://images.rehlat.com/content/images/EwalletProfile/gplus-icon.png" ) no-repeat;
}
.wApp-icon{ background: url("https://images.rehlat.com/content/images/EwalletProfile/whats_app_ico.png" ) no-repeat;}
.apple-icon{ background: url("https://images.rehlat.com/content/images/apple.png" ) no-repeat; height: 24px; width: 24px; margin-top: -5px;}
.android-icon{ background: url("https://images.rehlat.com/content/images/playstore.png" ) no-repeat; height: 24px; width: 24px; margin-top: -5px;  }
.ros-btn {
    height: 42px;
    width: 140px;
    margin: 0px 0px 0px 9px;
    padding: 13px 17px;
    font-size: 14px;
    line-height: 14px;
    font-weight: 300;
    -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;
}
.ros-btn-small {
    margin: 0px 10px 0px 0px;
    padding: 5px 20px;
    font-size: 17px;
    -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;
}
.ros-btn i {   vertical-align: middle; }

.ros-btn i:after {
    content: "";
    position: absolute;
    top: -8px;
    left: 70%;
    height: 36px;
    background: #ccc;
    background: rgba(255, 255, 255, 0.3);
}
.ros-android { background: #8ec147; }
.ros-behance { background: #0077ff; }
.ros-bitcoin { background: #f79012; }
.ros-codepen { background: #444; }
.ros-email-1 { background: #455a6a; }
.ros-facebook { background: #2c4384; }
.ros-flickr { background: #ff1981; }
.ros-foursquare { background: #f04d7a; }
.ros-google { background: #3f85f4; }
.ros-google-plus { background: #db4437; }
.ros-instagram { background: #3d6b92; }
.ros-joomla { background: #fc8f30; }
.ros-jsfiddle { background: #4679bd; }
.ros-lastfm { background: #df1c23; }
.ros-linkedin { background: #0177b5; }
.ros-pinterest { background: #db242c; }
.ros-skype { background: #00aff0; }
.ros-stumbleupon { background: #ea4b24; }
.ros-tumblr { background: #2c4762; }
.ros-twitter { background: #4aa6ec; }
.ros-whatsapp { background: #00e676; }
.ros-youtube { background: #d02022; }
.ros-youtube-play { background: #d02022; }
.ros-apple { background: #000000; }
.ros-playstore { background: #8ec147; }



.ros-tab-menu .list-group-item {
    padding: 18px 10px;
    background-color: #1e1c66;
    font-size: 12px;
    border-bottom: 1px solid #1e1c66;
    border-top: 1px solid #656496;
    border-left: transparent;
    border-right: transparent;
}
.ros-tab-menu a.list-group-item {
     color: #abb6c5;
}
.ros-tab-menu a.list-group-item:hover, a.list-group-item:focus {
    color: #FFFFFF;
    text-decoration: none;
        background-color: #656496;
        border-bottom: 1px solid #ff234f;
        border-top: 1px solid #656496;
    border-left: transparent;
    border-right: transparent;
}
.ros-tab-menu a.list-group-item:hover .glyphicon,
.ros-tab-menu a.list-group-item:hover .fa{
    opacity: 10;
}
.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus{border: none;}

.sub-Heading{
    border-bottom: 1px solid #dedde8;
    font-size: 18px;
    padding-bottom: 5px;
    margin-bottom: 15px;
    color: #8e8db2;
    text-transform: uppercase !important;
}
.couponSubmitWrapper{
    padding: 10px 10px;
    line-height: 42px;
}

.emailSubmitWrapper{
    background-color: #eceff4;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    padding: 15px 20px;
}

.share-email h3, .share-social h3, .emailSubmitWrapper h3{
    /*color: #3d4d65;*/
    font-size: 20px;
    line-height: 20px;
    background-color:transparent;
    text-align:right;
}

.share-email .email_input {
    display: block;
    width: 300px;
    height: 38px;
    padding: 6px 12px;
    font-size: 13px;
    font-weight: 400;
    color: #3d4d65;
    line-height: 36px !important;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #cad3df;
    /* border-radius: 4px; */
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.coupon-input {
    padding: 0 20px;
    width: 100%;
    height: 42px;
    font-size: 12px;
    color: #444;
    background: #fefefe;
    background-clip: padding-box;
    border: 1px solid;
    border-color: #fff;
    border-radius: 2px;
}
.coupon-input:focus {
    outline: 0;
}
.coupon-submit {
    display: block;
    position: absolute;
    top: 2px;
    left: 2px;
    padding-left: 8px;
    height: 38px;
    width: 90px;
    font-size: 14px;
    color: #ffffff;
    border: 1px solid #8493a8;
    border-radius: 2px;
    /* border-radius: 0 20px 20px 0; */
    cursor: pointer;
    text-shadow: none;
    line-height: 30px;
    background-color: #8493a8;
}
.coupon-submit:active {
    background-color: #77869b;
}

.lt-ie9 .coupon-input {
    line-height: 33px;
}

/* MY PROFILE*/
.myProfile_tab .title_Head{ background-color: #eceff4; padding: 10px 15px; border-radius: 3px; line-height: 17px; margin-bottom: 15px;}
.myProfile_tab .title_Head{ font-size: 18px;}
.edit_info{font-size: 12px; text-transform: uppercase; color: #3d4d65; text-decoration: none !important;}
.edit_info:hover{text-decoration: none; !important}

.pax_Personal_details{}

.profile_Image{
    width: 100px;
    height: 100px;
    float: right;
}
.pax_Personal_fullDetails{
    float: right;
    margin-right: 30px;
}
.table-user-information > tbody > tr {
    border-top: 1px solid transparent;
}
.table-user-information > tbody > tr:first-child {
    border-top: 0;
}
.table-user-information > tbody > tr > td {
    border-top: 0;
    padding:2px 8px 2px 8px;
}

.table-add-family-details{ margin-top: 20px;}
.table-border-radius{-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; border-collapse: separate;}
.table-add-family-details > table> thead > tr > th { background-color: #f4f3f7; padding: 10px 10px;color:#1e1c66; text-transform: uppercase; font-size: 16px; font-weight: normal; border-bottom: 1px solid #f0eff3 !important;}
.table-add-family-details > table> tbody > tr > td { padding: 8px 10px; font-size: 12px; font-weight: normal; vertical-align: middle; color:#1e1c66}
.tableInnercontent{ border-top: transparent !important; width: 100%;}
.table-add-family-details > table { border: 1px solid #f0eff3;}

.table-add-family-details .table > thead > tr:first-child > td,
.table-add-family-details .table > tbody > tr:first-child > td {
    border: none;
}

/* Top Left */
.table-add-family-details table tr:first-child th:first-child {
    -webkit-border-top-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    border-top-left-radius: 3px;
}
/* Top Right */
.table-add-family-details table tr:first-child th:last-child{
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    border-top-right-radius: 3px;
}

.cream-tooltip  + .tooltip > .tooltip-inner {background-color: #8493a8; border-radius: 0 !important; font-size: 11px; color: #fff; }
.cream-tooltip + .tooltip > .tooltip-arrow { border-top-color:#8493a8 !important; }


/* MY TRIPS */

.myTrip_tab{}

.myTrip_tab .myTrip-info{ height: auto; margin-bottom: 5px;}
.myTrip_tab .myTrip-info .fly-icon{ width: 42px; height: 42px; float: left; margin-top: 11px}
.myTrip_tab .myTrip-info .flightPnr{ border: 1px solid #e1e8ed; padding: 2px 20px; margin-bottom:10px;}
.myTrip_tab .myTrip-info .flightPnr .fDate{ color: #1e1c66; font-size: 38px; font-weight: 500; float: right;}
.myTrip_tab .myTrip-info .flightPnr .fDate-info{ margin: 10px 4px 0px 0px; display: block; float: right; color: #1e1c66; font-size: 12px;}
.myTrip_tab .myTrip-info .flightPnr .fcityName{ font-size: 16px; color: #1e1c66;}
.myTrip_tab .myTrip-info .flightPnr .fpaxDetails{ font-size: 12px; color: #1e1c66;}
.routeTripWrapper{
    width: 100%;
    height: auto;
    /*min-height: 40px;
    margin-top:10px ;*/
    }
.arcityTpPad {
    padding-top:16px;
}
.swapFlyicon {
    width: 17px;
    height: 16px;
    /*background: url(/Content/images/arrow_Right.png)no-repeat 8px 2px;*/
    background: url("https://images.rehlat.com/content/images/EwalletProfile/flyswap-icon-ar.png") no-repeat center 1px;
    display: inline-block;
    padding: 0 20px 0 20px;
}

.timingRoute_icon {
    width: 20px;
    height: 15px;
    background: url("https://images.rehlat.com/content/images/EwalletProfile/flight-short-form-devider.jpg") no-repeat center 1px;
    display: inline-block;
    padding: 0 20px 0 20px;
}
.yashText{font-size: 12px;
        color: #3d4d65;}
.fActions{margin: 6px 0px 0px 10px;}

.labelTray{vertical-align: middle; line-height: 57px;}
.pnrDetails{margin-top: 10px;}
.pnrDetails .pnrNum{font-size: 13px; color: #1e1c66;}
.pnrDetails .pnrInfo{font-size: 12px; color: #8e8db2;}

.label-gray {
    width: 120px;
    background-color: #8e8db2;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    border-radius: 1px !important;
    padding: 4px 0px;
    text-align: center;
    display: inline-block;
   }
.label-red{
     width:120px;
     background-color: #d85358;
     font-size: 14px;
     font-weight: 400;
     text-align: center;
     text-transform: uppercase;
     padding: 4px 0px;
     border-radius: 1px !important;
     display: inline-block;
 }
.label-orange {
    width: 120px;
    background-color: #ffb23d;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    text-transform: uppercase;
    padding: 4px 0px;
    border-radius: 1px !important;
    display: inline-block;
}
.label-darkGray{
    width:120px;
    background-color: #8493a8;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    text-transform: uppercase;
    padding: 4px 0px;
    border-radius: 1px !important;
    display: inline-block;
}
.label-red{
    width:120px;
    background-color: #d85358;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    text-transform: uppercase;
    padding: 4px 0px;
    border-radius: 1px !important;
    display: inline-block;
}


.label-red-text{
    color: #d85358;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    margin-left: 5px;

}

.modal-open{overflow: auto;}

/* TRAVELLERS CSS HERE*/
.travellerTab{}
.travellerTab .traveller-edit-wrapper{
    background-color: #ffffff;
    padding: 15px 15px 20px 15px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;

}
.bgYash{background-color: #f1f5f8;}
.tabsTransparent .nav-tabs { border-bottom: 1px solid #cfd9e0; }
.tabsTransparent .nav-tabs > li {background-color:transparent; border-radius:0px !important; border-right:none !important;}
.tabsTransparent .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover{padding: 8px 26px 8px 26px !important;}

.tabsTransparent .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { border-width: 0; }
.tabsTransparent .nav-tabs > li > a { border: none; color: #3d4d65; text-transform: uppercase; padding: 8px 26px 8px 26px !important; }
.tabsTransparent .nav-tabs > li.active > a, .nav-tabs > li > a:hover { border: none; color: #3d4d65 !important; background: transparent; }
.tabsTransparent .nav-tabs > li > a::after { content: ""; background: #0082d5; height: 2px; position: absolute; width: 100%; left: 0px; bottom: -1px; transition: all 250ms ease 0s; transform: scale(0); }
.tabsTransparent .nav-tabs > li.active > a::after, .nav-tabs > li:hover > a::after { transform: scale(1); }
.tabsTransparent .tab-nav > li > a::after { background: #21527d none repeat scroll 0% 0%; color: #fff; }

.nav-tabs { border-bottom: 1px solid #cfd9e0; }
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { border-width: 0; }
.nav-tabs > li > a { border: none; color: #3d4d65; text-transform: uppercase; }
.nav-tabs > li.active > a, .nav-tabs > li > a:hover { border: none; color: #3d4d65 !important; background: transparent; }
.nav-tabs > li > a::after { content: ""; background: #0082d5; height: 2px; position: absolute; width: 100%; left: 0px; bottom: -1px; transition: all 250ms ease 0s; transform: scale(0); }
.nav-tabs > li.active > a::after, .nav-tabs > li:hover > a::after { transform: scale(1); }
.tab-nav > li > a::after { background: #21527d none repeat scroll 0% 0%; color: #fff; }
/*.tab-pane { padding: 15px 0; }*/
.tab-content{padding:20px 10px 0px 10px}
.card {background: #FFF none repeat scroll 0% 0%; }

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    background-color: transparent;
    color: #3d4d65 !important;
    border: none;
    padding: 8px 26px 8px 26px;
    outline: none;
    border-radius: 0;
}

.pagination {
    height: 36px;
    margin: 10px 0;
}
.pagination ul {
    display: inline-block;
    *display: inline;
    /* IE7 inline-block hack */

    *zoom: 1;
    margin-left: 0;
    margin-bottom: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
.pagination li {
    display: inline;
}
.pagination a {
    float: left;
    padding: 0 14px;
    line-height: 34px;
    text-decoration: none;
    border: 1px solid #ddd;
    border-left-width: 0;
}
.pagination a:hover,
.pagination .active a {
    background-color: #f5f5f5;
}
.pagination .active a {
    color: #999999;
    cursor: default;
}
.pagination .disabled span,
.pagination .disabled a,
.pagination .disabled a:hover {
    color: #999999;
    background-color: transparent;
    cursor: default;
}
.pagination li:first-child a {
    border-left-width: 1px;
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
}
.pagination li:last-child a {
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
}
.pagination-centered {
    text-align: center;
}
.pagination-right {
    text-align: right;
}
.pager {
    margin-left: 0;
    margin-bottom: 18px;
    list-style: none;
    text-align: center;
    *zoom: 1;
}
.pager:before,
.pager:after {
    display: table;
    content: "";
}
.pager:after {
    clear: both;
}
.pager li {
    display: inline;
}
.pager a {
    display: inline-block;
    padding: 5px 14px;
    background-color: #fff;
    border: 1px solid #ddd;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}
.pager a:hover {
    text-decoration: none;
    background-color: #f5f5f5;
}
.pager .next a {
    float: right;
}
.pager .previous a {
    float: left;
}
.pager .disabled a,
.pager .disabled a:hover {
    color: #999999;
    background-color: #fff;
    cursor: default;
}
.recentTravellers{margin-top: 10px}
.recentTravellers h1{color: #8e8db2; font-size: 20px; font-weight: 400; line-height: 36px;}
.recentTravellers .recentBox {border: 1px solid #eceff4; padding: 5px; float: left; width: 100%; margin-bottom: 15px;}
.recentTravellers .recentBox .recentTravellersInfo {margin-right: 10px; float: right;}
.recentTravellers .recentBox .recentTravellersInfo p {font-size: 12px; font-weight: normal; margin: 0px; width: 100%}
.r-userIcon{float: right;}

.myWallet-info{}

.walletBox{ background-color: #f8fdff; border: 1px solid #bce1f1; display: inline-block; width: 100%;}
.walletBox .walletWrap{border-right: 1px solid #bce1f1; text-align: center; padding: 20px 0px; }
.walletBox .walletWrap .wHeading{text-transform: uppercase; color: #8e8db2; font-size: 20px;}
.walletBox .walletWrap .wBalance{text-transform: uppercase; color: #2bac36; font-size:34px; font-weight: 500; padding: 0px; margin: 0px;}
.walletBox .walletWrap .wBalanceblack{text-transform: uppercase; color: #1e1c66; font-size:32px; font-weight: 500; padding: 0px; margin: 0px;}
.walletBox .walletWrap .wCurrency{text-transform: uppercase; color: #2bac36; font-size: 20px; font-weight: normal;}
.walletBox .walletWrap .wCurrencyblack{text-transform: uppercase; color: #1e1c66; font-size: 20px; font-weight: normal;}
.walletBox-promo {
    background-color: #eef2f4;
    padding: 8px 20px;
    font-size: 18px;
    width: 100%;
    display: inline-block;
    margin: 15px 0px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    line-height: 30px;
}


.walletTableContainer{}
.walletTableContainer > table> thead > tr > th { background-color: #f7f7fb; padding: 10px 10px; text-transform: uppercase; font-size: 16px; font-weight: 500; border-bottom: 1px solid #f0eff3 !important;}
.walletTableContainer > table> tbody > tr > td { padding: 8px 10px; font-size: 12px; font-weight: normal; vertical-align: middle;}
.walletTableContainer > table { border: 1px solid #f0eff3;}

.walletTableContainer .table > thead > tr:first-child > td,
.walletTableContainer .table > tbody > tr:first-child > td {
    border: none;
}
    .walletTableContainer table tr >  th {color:#1e1c66; font-weight:bold;}
/* Top Left */
.walletTableContainer table tr:first-child th:first-child {
    -webkit-border-top-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    border-top-left-radius: 3px;
}
/* Top Right */
.walletTableContainer table tr:first-child th:last-child{
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    border-top-right-radius: 3px;
}




.referEarnwrapper .topEarnHeader{ border-bottom: 2px solid #dbe0e6; font-size: 24px; font-weight: normal; text-align: center; padding-bottom: 20px; padding-top: 20px; margin-bottom: 20px;}
.referEarnwrapper .topEarnContent h1{ font-size: 26px; font-weight: normal; text-align: center; line-height: 36px;}


.peopleIcon{text-align: center; margin: 50px 0px; width: 100%;}
.peopleIcon img{display: inline-block;}

/* Form wrapper styling */
.form-wrapper {
    width: 100%;
   }

/* Form text input */

.form-wrapper input {
    width: 233px;
    height: 36px;
    padding: 10px 10px;
    float: right;
    font: normal 13px 'Roboto', sans-serif;
    border: 0;
    background: #fff;
    border: 1px solid #cad3df;
    border-radius: 0px 3px 3px 0px;
}

.form-wrapper input:focus {
    outline: 0;
    background: #fff;
    box-shadow: 0 0 2px rgba(0,0,0,.8) inset;
}

.form-wrapper input::-webkit-input-placeholder {
    color: #999;
    font-weight: normal;
    font-style: italic;
}

.form-wrapper input:-moz-placeholder {
    color: #999;
    font-weight: normal;
    font-style: italic;
}

.form-wrapper input:-ms-input-placeholder {
    color: #999;
    font-weight: normal;
    font-style: italic;
}

.wallet_policy_wrapper {width: 100px; margin: 10px 0px 10px 0px;}
.wallet_policy_body {padding: 10px; width: 100%;}
.wallet_list ul{list-style: none;}
.wallet_list ul li{margin: 8px 0px;}
.my_Coupon {
    padding: 8px 20px;
    border: 1px dotted #8796aa;
    margin-left: 15px;
    margin-right: 20px;
    color: #ff234f;
    height: 36px;
    text-align:center;
}


/* Form submit button */

.cf:before, .cf:after{
    content:"";
    display:table;
}

.cf:after{
    clear:both;
}

.cf{
    zoom:1;
}
.form-wrapper button {
    overflow: visible;
    position: relative;
    float: right;
    border: 0;
    padding: 0;
    cursor: pointer;
    height: 36px;
    width: 70px;
    font: bold 13px/40px 'Roboto', sans-serif;
    color: #fff;
    text-transform: uppercase;
    background: #1e1c66;
    border-radius: 3px 0px 0px 3px;
    text-shadow: 0 -1px 0 rgba(0, 0 ,0, .3);
}

.form-wrapper button:hover{
    background: #656496;
}

.form-wrapper button:active,
    .form-wrapper button:focus {
        background: #656496;
    outline: 0;
}

    .form-wrapper button:hover:before {
        border-right-color: #656496;
}

.form-wrapper button:focus:before,
    .form-wrapper button:active:before {
        border-right-color: #656496;
}

.form-wrapper button::-moz-focus-inner { /* remove extra button spacing for Mozilla Firefox */
    border: 0;
    padding: 0;
}

.close-icon{position: absolute; left: 25px;top: 5px;}


/***********************
  MY BOOKING PAGE CSS HERE
************************/

.process-row {
    display: table-row;
}
.process {
    display: table;
    width: 100%;
    margin-top: 15px;
    position: relative;
}
.process-step button[disabled] {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}
.process-row:before {
    top: 18px;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 70%;
    left: 16%;
    height: 2px;
    background-color: #ccc;
    z-order: 0;
}
.process-step {
    display: table-cell;
    text-align: center;
    position: relative;
}
.process-step p {
    margin-top:0px;
    font-size: 11px;
    color: #54657e;
    text-transform: uppercase;
}
.process-circle {
    width: 36px;
    height: 36px;
    text-align: center;
    padding: 0px 0;
    font-size: 14px;
    line-height: 2.222222222;
    border-radius: 100%;
}
.process-green {
    color: #fff;
    background-color: #49a300;
    border:3px solid #ffffff;
}
.process-disable {
    color: #fff;
    background-color: #d6d6d6;
    border:4px solid #ffffff;
}

/* Accordion Style Here*/

.panel-booking .panel-default > .panel-heading{background-color: #cad3df; border-color: #cad3df !important;}
.panel-booking .panel-default > .panel-heading + .panel-collapse > .panel-body{border-top: 1px solid #cad3df;}
.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 2px solid #cad3df;
    border-radius: 2px;
    -webkit-box-shadow:none !important;
    box-shadow: none !important;
}
.panel-heading {
    padding: 15px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 1px;
    border-top-right-radius: 1px;
}
.panel-title{font-size: 18px; font-weight: 500; text-transform: uppercase;}
.panel-body{padding: 15px}

.pricing-details-wrapper{
    background-color: #fff;
    margin: 15px 0px 15px 0px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}



.price_details_table_wrapper > table> thead > tr > th { background-color: #8493a8; padding: 6px 10px; color: #fff; text-transform: uppercase; font-size: 12px; font-weight: normal; border-bottom: 1px solid transparent !important;}
.price_details_table_wrapper > table> tbody > tr > td { padding: 8px 10px; font-size: 12px; font-weight: normal; vertical-align: middle; }
.price_details_table_wrapper > table> tbody > tr > .tYash {color: #3d4d65;}
.price_details_table_wrapper > table> tbody > tr > .tBold {font-weight: bold;}
.price_details_table_wrapper > table> tbody > tr > .tBold_extra {font-weight: 500; font-size: 16px;}
.price_details_table_wrapper > table { border: 1px solid transparent;}

.price_details_table_wrapper .table > thead > tr > td, .price_details_table_wrapper .table > tbody > tr > td, .table > tfoot > tr > td{ border-bottom: 1px solid #e2e7ed;}

.price_details_table_wrapper .table > thead > tr:first-child > td,
.price_details_table_wrapper .table > tbody > tr:first-child > td {
    border: none;
}
.price_details_table_wrapper .table > tbody > tr:last-child > td {
    border-top: 2px solid #FFFFFF;
}


/* Top Left */
.price_details_table_wrapper table tr:first-child th:first-child {
    -webkit-border-top-left-radius: 0px;
    -moz-border-radius-topleft: 0px;
    border-top-left-radius: 0px;
}
/* Top Right */
.price_details_table_wrapper table tr:first-child th:last-child{
    -webkit-border-top-right-radius: 0px;
    -moz-border-radius-topright: 0px;
    border-top-right-radius: 0px;
}



.pricing-details-wrapper .price_details_header { padding: 16px 20px; border-bottom: 2px solid #f1f5f8; float: left; width: 100%;}
.pricing-details-wrapper .price_details_header .price_title{font-size: 13px; font-weight: 500; text-transform: uppercase; float: right; padding-top: 18px;}
.pricing-details-wrapper .price_details_header .price_price{float: left; text-align: left;}
.pricing-details-wrapper .price_details_header .price_price .price_blck{font-size: 18px; color: #3d4d65; font-weight: bold;}
.pricing-details-wrapper .price_details_header .price_price .price_green{font-size: 24px; color: #49a300; font-weight: bold;}
.pricing-details-wrapper .price_details_header .price_price .p_title{font-size: 12px; color: #3d4d65;}
.pricing-details-wrapper .pricing_details_body{padding: 20px;}

.pricing-details-wrapper .price_details_footer{ padding: 16px 20px; border-top: 2px solid #f1f5f8; float: left; width: 100%; position: relative;}
.pricing-details-wrapper .price_details_footer:before{
    width: 18px;
    content: " ";
    background-image: url("https://images.rehlat.com/content/images/EwalletProfile/circle-left.png");
    position: absolute;
    height: 18px;
    left: -10px;
    top: -10px;
}
.pricing-details-wrapper .price_details_footer:after{
    width: 18px;
    content: " ";
    background-image: url("https://images.rehlat.com/content/images/EwalletProfile/circle-left.png");
    position: absolute;
    height: 18px;
    right: -10px;
    top: -10px;
}

.dNone{ display: none;}


/* BOOKING SUMMARY FLIGHTS*/
.bookingForm_Flight{}
.compactItinerary{margin-bottom:5px;}
.compactItinerary .airlineLogo_section img{width: 24px; height: 24px;}
.airlineLogo_section {margin-left: 15px;}
.airlineLogo_section img{width: 32px; height: 32px;}
.airLine_text .flght_name{font-size: 13px;}
.airLine_text .fligh_number{font-size: 11px; color: #b2b4b9;}
.form-wrapper button {
    line-height: 23px;
}
@media only screen and (max-width:768px){
    .form-wrapper button {
        line-height: 23px;
    }
    .modelWidth900px {
        width: auto !important;
    }
.compactItinerary .airLine_text{display:block; width:100%;}
}


.flightDepart_info{ /*font-family:Arial, Helvetica, sans-serif; font-family: 'Roboto', sans-serif;*/}

.flightDepart_info .depart_city {font-size: 13px;}
.flightDepart_info .depart_time {font-size: 15px; font-weight: 500;}
.flightDepart_info .depart_date {font-size: 14px; font-weight: 500; color: #9a9c9d;}
.flightDepart_info .depart_airport {font-size: 11px;}

.flightArrive_info{ /*font-family:Arial, Helvetica, sans-serif; font-family: 'Roboto', sans-serif;*/}

.flightArrive_info .depart_city {font-size: 13px;}
.flightArrive_info .depart_time {font-size: 15px; font-weight: 500;}
.flightArrive_info .depart_date {font-size: 14px; font-weight: 500; color: #9a9c9d;}
.flightArrive_info .depart_airport {font-size: 11px;}



.flight_addon_info{text-align: center;}
.flight_addon_info .duration_time{font-size: 12px; color: #9a9c9d;}
.flight_addon_info .class{font-size: 12px; color: #9a9c9d;}

.continue_booking_block{padding:15px 0px 0px 0px; border-top: 1px solid #f1f1f1; margin: 15px 15px 0px 15px; display: flex;}

.total_duration_info{padding-top: 15px;}
.flight_details_link a{color: #2587c8; font-size: 16px; text-decoration: none; float: right; line-height: 32px;}

.total_duration_info .total_time {
    /*font-family: "Arial", Helvetica, Arial, sans-serif;*/
    font-size: 11px;
    color: #3d4d65;
    line-height: 20px;
    padding: 5px 10px 5px 10px;
    background-color: #f1f5f8;
    /*text-shadow: 0 1px 0 #fff;*/
}

.traveller_signup{background-color: #f1f5f8; border-radius: 3px; padding: 10px 15px; display: flex; line-height: 30px; width: 100%;}
.traveller_signup .user_login_icon{float: right; margin-left: 20px;}
.traveller_signup p{font-weight: normal; font-size: 18px; margin:0px 15px 0px 0px; padding: 0px;  font-family: "Arial", Helvetica, Arial, sans-serif; }
.non-refundable{
    background-color: #bcc2c6;
    font-size: 11px;
    font-weight:400;
    text-transform: uppercase;
    /*font-family: Arial;*/
    border-radius: 1px !important;
    padding: 4px 8px;
    text-align: center;
    display: inline-block;
}
.refundable-g{
    background-color: #49a300;
    font-size: 11px;
    font-weight:400;
    text-transform: uppercase;
    /*font-family: Arial;*/
    border-radius: 1px !important;
    padding: 4px 8px;
    text-align: center;
    display: inline-block;
}






.stop_textinfo_multi {
    border: 1px solid #e0e7ec;
    background: #f1f5f8;
    padding: 6px 60px;
    font-size: 14px;
    color: #555964;
    /* font-family: "Arial", Helvetica, Arial, sans-serif; */
    margin-top: 10px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 0px;
    line-height: 18px;
    /*text-shadow: 0 1px 0 #fff;*/
    text-align: center;
}

.layover_info{margin-top: 15px; margin-bottom: 15px !important; position: relative;}


.multi_connection_devider {
    background: rgba(0, 0, 0, 0) url("https://images.rehlat.com/content/images/EwalletProfile/multi-opt-devider.png") no-repeat scroll 0px 0px;
    display: inline-block;
    height: 7px;
    text-align: center;
    width: 154px;
}

.traveller_details_info{margin-top: 15px; display: flex;}
.traveller_contact_info{margin-top: 15px; display: flex; border-top: 2px solid #f1f5f8; border-bottom: 2px solid #f1f5f8; padding: 15px 0px 15px 0px; margin: 15px 15px 0px 15px;}

.pax_type_info{ margin-top: 12px;}
.pax_type_info .pax_type{font-size: 16px; color: #3d4d65; font-weight: 400; font-family: "Arial", Helvetica, Arial, sans-serif;}

.pasprt_info a{font-size: 12px; /*font-family: "Arial", Helvetica, Arial, sans-serif;*/ color: #8e8db2; text-decoration: none;}
.minus_icon{ background: url("https://images.rehlat.com/content/images/minus_icon.png" ) no-repeat top center;   width: 13px;  height: 13px;}
.plus_icon{ background: url("https://images.rehlat.com/content/images/plus_icon.png" ) no-repeat top center;   width: 13px;  height: 13px;}
.pasprt_info .mandatory_Txt{font-size: 11px; /*font-family: "Arial", Helvetica, Arial, sans-serif;*/ color: #ce1b03;}
.optional_Txt{font-size: 11px; /*font-family: "Arial", Helvetica, Arial, sans-serif;*/ color: #8e8db2;}
.optional_Txt_dark{font-size: 12px; /*font-family: "Arial", Helvetica, Arial, sans-serif;*/ color: #8e8db2;}

.psprt_form_bg{
    background-color: #f1f5f8;
    padding: 20px;
    border-radius: 2px 2px 2px 2px;
    -moz-border-radius: 2px 2px 2px 2px;
    -webkit-border-radius: 2px 2px 2px 2px;
    margin-top: 10px;
  }

/*.coupon_box_wrapper{border-left: 1px solid #e2e7ed; padding-left: 20px;}*/
.coupon_box_wrapper{padding-left: 20px;}
.coupon_box_wrapper .coupon_success{color: #49a300; font-size: 12px; font-family: "Arial", Helvetica, Arial, sans-serif; margin: 5px 0px 5px 0px; }
 .coupon_box_wrapper .coupon_success .coupon_success_tick {
            background: url("https://images.rehlat.com/content/images/EwalletProfile/tick-success.png" ) no-repeat;
            width: 16px;
            height: 16px;
        }
.coupon_box_wrapper .coupon_success i{margin-left:6px; position: relative; top: 3px;}
.coupon_box .c_input {
    display: inline-block;
    width: 260px;
    height: 38px;
    padding: 6px 12px;
    font-size: 13px;
    font-weight: 400;
    color: #3d4d65;
    line-height: 36px !important;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #cad3df;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.coupon_box .c_submit {
    display: inline-block;
    height: 37px;
    width: 120px;
    font-size: 12px;
    color: #ffffff;
    border: 1px solid #8493a8;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    cursor: pointer;
    text-shadow: none;
    text-transform: uppercase;
    background-color: #8493a8;
}

.add_info{margin-bottom: 15px;}
.add_info .add_city_info{ margin-top: 13px;}
.add_info .add_city_title{font-size: 12px; color: #3d4d65; font-weight: bold; /*font-family: "Arial", Helvetica, Arial, sans-serif;*/}
.add_info .add_city_time{font-size: 11px; color: #3d4d65;}
.addon_label {
    background-color: #8493a8;
    font-size: 11px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    /*font-family: Arial;*/
    border-radius: 1px !important;
    padding: 4px 14px;
    line-height: 12px;
    text-align: center;
    display: inline-block;
}
.addon_form{margin-top: 10px;}
.addon_form label{margin-top: 12px; font-weight: normal; font-size: 12px;}

.block{display: block;}
.popover{
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    box-shadow:none;
    border: 1px solid #cad3df;
    max-width: 420px;
}


.popOver_header{font-size: 12px; text-transform: uppercase; font-weight: bold; color: #3d4d65; padding:10px 0px 6px 0px; border-bottom: 1px solid #f1f5f8; text-align: right;  }
.popOver_subheader{font-size: 12px; text-transform: uppercase; font-weight: bold; color: #3d4d65; padding:10px 0px 6px 0px; text-align: right;  }
.popOver_content{font-size: 12px; color: #3d4d65; padding:6px 0px 6px 0px; border-bottom: 1px solid #f1f5f8; text-align: right;  }

.walletSummery_wrapper_table{font-size: 12px; color: #3d4d65;}

/* SQUARED TWO */
.squaredTwo {
    width: 18px;
    height: 18px;
    float: left;
    margin-right: 15px;
    background: #8493a8;
    /*background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);*/
    /*background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);*/
    /*background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);*/
    /*background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);*/
    /*background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);*/
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 );
    position: relative;
}

.squaredTwo label {
    cursor: pointer;
    position: absolute;
    width: 14px;
    height: 14px;
    left: 2px;
    top: 2px;
    background-color: #fff;

    /*background: -webkit-linear-gradient(top, #222 0%, #45484d 100%);*/
    /*background: -moz-linear-gradient(top, #222 0%, #45484d 100%);*/
    /*background: -o-linear-gradient(top, #222 0%, #45484d 100%);*/
    /*background: -ms-linear-gradient(top, #222 0%, #45484d 100%);*/
    /*background: linear-gradient(top, #222 0%, #45484d 100%);*/
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#49a300', endColorstr='#49a300',GradientType=0 );
}

.squaredTwo label:after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    content: '';
    position: absolute;
    width: 9px;
    height: 5px;
    background: transparent;
    top: 4px;
    left: 3px;
    border: 2px solid #49a300;
    border-top: none;
    border-right: none;

    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.squaredTwo label:hover::after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: alpha(opacity=30);
    opacity: 0.3;
}

.squaredTwo input[type=checkbox]:checked + label:after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/*  - SIGN UP AND LOGIN POPUP */
/*-------------------------------------------------------------------------------------------------------------------------------*/


.modal-content{border: none; border-radius: 2px;}
.walletSignup_popup .panel-login {
    /*border-color: #ccc;*/
    /*-webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.2);*/
    /*-moz-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.2);*/
    /*box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.2);*/
}
.walletSignup_popup .loginForm{padding: 0px 15px 0px 15px}
.loginForm h2{
    font-size: 16px;
    line-height: 40px;
    font-weight: bold;
}
.walletSignup_popup .signup-img {
    height: 441px;
    width: 100%;
    background-image: url("https://images.rehlat.com/content/images/EwalletProfile/signup-bg-ar.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.walletSignup_popup .panel-login>.panel-heading {
    color: #00415d;
    background-color: #fff;
    border-color: #fff;
    padding: 10px 10px 0px 10px;
    line-height: 25px;
    margin: 0px 15px 0px 15px;
}
.walletSignup_popup .modal-dialog {width: 800px !important;}
.walletSignup_popup .panel-login>.panel-heading a{
    text-decoration: none;
    color: #3d4d65;
    font-size: 12px;
    float: right;
    padding: 5px 20px;
    text-transform: uppercase;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    transition: all 0.1s linear;
}
.walletSignup_popup .panel-login>.panel-heading a.active{
    color: #0082d5;
    font-size: 12px;
    border-bottom: 3px solid #0082d5;
}


.walletSignup_popup .panel{border: none !important;}
.walletSignup_popup .panel-login>.panel-heading {
    margin-bottom: 10px;
    clear: both;
    border: 0;
    border-bottom: 1px solid #cad3df;
    /*background-image: -webkit-linear-gradient(left,rgba(0, 0, 0, 0),rgba(0, 0, 0, 0.15),rgba(0, 0, 0, 0));*/
    /*background-image: -moz-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.15),rgba(0,0,0,0));*/
    /*background-image: -ms-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.15),rgba(0,0,0,0));*/
    /*background-image: -o-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.15),rgba(0,0,0,0));*/
}

.panel-heading  a{text-decoration: none; color: #3d4d65;}
.panel-login input[type="text"],.panel-login input[type="email"],.panel-login input[type="password"] {
    height: 45px;
    border: 1px solid #cad3df;
    font-size: 12px;
    text-transform: uppercase;
    color: #94a1b3;
    background-color: #fff;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    transition: all 0.1s linear;
}
.panel-login input:hover,
.panel-login input:focus {
    outline:none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-color: #8493a8;
}
.walletSignup_popup .btn-login {
    background-color: #8493a8;
    outline: none;
    color: #fff;
    font-size: 12px;
    height: auto;
    font-weight: normal;
    padding: 5px 22px;
    text-transform: uppercase;
    border-color: #8493a8;
}
.walletSignup_popup.btn-login:hover,
.walletSignup_popup .btn-login:focus {
    color: #fff;
    background-color: #8493a8;
    border-color: #8493a8;
}
.forgot-password {
    text-decoration: none;
    color: #118acb;
    text-transform: uppercase;
    font-size: 11px;
    line-height: 40px;
}
.forgot-password:hover,
.forgot-password:focus {
    text-decoration: none;
    color: #3d4d65;
}
.remember {
    text-decoration: none;
    color: #3d4d65;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: normal;
}
.walletSignup_popup .btn-register {
    background-color: #04be5b;
    outline: none;
    color: #fff;
    font-size: 12px;
    height: auto;
    font-weight: normal;
    padding: 5px 22px;
    text-transform: uppercase;
    border-color: #04be5b;
}
.walletSignup_popup .btn-register:hover,
.walletSignup_popup .btn-register:focus {
    color: #fff;
    background-color: #04be5b;
    border-color: #04be5b;
}
.pad-left-30 {
    padding-left: 30px;
}


/*SUPPORT PAGE CSS HERE*/
.support_page_wrapper{margin-top: 40px; display: inline-block; width:100%;}

.form-group {
    margin-bottom: 15px;
    margin-left:-15px !important;
}

.support_page_panel{
    margin-bottom: 20px;
    background-color: #fff;
    border: 2px solid #cad3df;
    border-radius: 2px;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;}
.support_page_panel .support_page_header{
    background-color: #cad3df;
    border-color: #cad3df !important;
    padding: 15px 15px;
}
.support_page_panel .support_page_header .support_header_title{
    font-size: 13px;
    font-weight: 500;
    text-transform: uppercase;
}
.support_page_panel .support_page_body{padding: 20px; display:inline-block;height:auto;width:100%;}
.support_page_panel .support_page_body p{margin: 0px 0px 10px 0px;}


.hide-text {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

.input-block-level {
    display: block;
    width: 100%;
    min-height: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.btn-file {
    overflow: hidden;
    position: relative;
    vertical-align: middle;
}

.btn-file>input {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    transform: translate(-300px, 0) scale(4);
    font-size: 23px;
    direction: ltr;
    cursor: pointer;
}

.fileupload {
    margin-bottom: 9px;
}

.fileupload .uneditable-input {
    display: inline-block;
    margin-bottom: 0px;
    vertical-align: middle;
    cursor: text;
}

.fileupload .thumbnail {
    overflow: hidden;
    display: inline-block;
    margin-bottom: 5px;
    vertical-align: middle;
    text-align: center;
}

.fileupload .thumbnail>img {
    display: inline-block;
    vertical-align: middle;
    max-height: 100%;
}

.fileupload .btn {
    vertical-align: middle;
}

.fileupload-exists .fileupload-new,
.fileupload-new .fileupload-exists {
    display: none;
}

.fileupload-inline .fileupload-controls {
    display: inline;
}

.fileupload-new .input-append .btn-file {
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
}

.thumbnail-borderless .thumbnail {
    border: none;
    padding: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.fileupload-new.thumbnail-borderless .thumbnail {
    border: 1px solid #ddd;
}

.fileupload-preview{
    font-size: 11px;
    color: #3d4d65;
    font-weight: normal;
    text-transform: uppercase;
    /*font-family: Arial;*/
    border-radius: 1px !important;
    padding: 4px 14px;
    line-height: 12px;
    display: inline-block;
}

.support-blocks{
    margin: 30px 0px 20px 0px;
    display: inline-block;
    width: 100%;
}

.support_block_box{
    background: #fff;
    width: 100%;
    text-align: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 15px;
    font-size: 16px;
}
.support_block_box .boxA {
    text-decoration: none;
    width: 100%;
    font-size: 15px;
    display: block;
    transition: border 0.5s ease;
    color: #3d4d65;
    cursor: pointer;
    cursor: hand;
    padding: 30px 10px;
    border: 0px solid #fff;
    height:200px;
}
.support_block_box .boxA:hover {background: #fff; border: 1px solid #cad3df;}
.support_block_box .boxA .supportIcons{
	margin-bottom:10px;
}

.appdownLoadbg{background: url("https://images.rehlat.com/content/images/appdownload-bg-ar.webp") no-repeat top center; height: 513px; width: 100%; position: relative;}
.appdownLoadbg .app_content_info{position: absolute; bottom: 0px;  height: 200px; width: 100%; padding: 30px;}
.appdownLoadbg .app_content_info .appHeading{
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 24px;
}
.filter_wrapper_ewallet{margin-left:0px;}

.sec_support_wrapper{background: url("https://images.rehlat.com/content/images/support_sec_bg.webp")repeat left; width: 100%; padding: 30px 0px 30px 0px;}
.sec_support_wrapper .sec_support_title{
    font-size: 26px;
    font-weight: bold;
    text-align: center;
    margin: 30px 0px 0px 0px;
    color: #3d4d65;
}

.customer_care_wrapper{background-color: #fff;}
.customer_care_wrapper .customer_care_box {padding: 15px; float: right; width: 100%; border-left: 1px solid #cad3df}
.customer_care_wrapper .customer_care_box .flag { float: right;}
.customer_care_wrapper .customer_care_box .flag img {
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    filter: grayscale(0%);
    transition: all 0.6s ease;
}
.customer_care_wrapper .customer_care_box:hover .flag img {-webkit-filter: grayscale(0); -moz-filter: grayscale(0);    filter: grayscale(0);}
.customer_care_wrapper .customer_care_box .callus_box { float: right; margin-right: 20px;}
.customer_care_wrapper .customer_care_box .callus_box span{ display: block;}
.customer_care_wrapper .customer_care_box .callus_box .Cname{font-size: 20px; text-transform: uppercase; color: #038ae0; margin-bottom: 5px;}
.customer_care_wrapper .customer_care_box .callus_box .Cnum{font-size: 14px; text-transform: uppercase;}
.customer_care_wrapper .customer_care_box .callus_box .Ctime{font-size: 12px; color: #3d4d65;}

.callShow{cursor: pointer; cursor: hand;}

.customer_care_wrapper .customer_care_box:last-child{border-left:none;}


/*-------------- Sanjay ------------*/
a.helpRehlat{padding: 5px 0 7px 0;font-size: 13px;color: #038ae0;font-weight: 400; border:none;}
a.helpRehlat:hover{border:none; text-decoration:underline; border-radius: 0px;}
.help24x7{font-size:11px; color:#666; margin-right:4px;}

.googleCAPTCHA{margin-bottom: 10px;}

.date_input {
    background: #fff url(https://images.rehlat.com/content/ar/images/ar_Cal.png)no-repeat 96% 6px;
    background-position: 96% !important;
    padding-right: 48px;
}

.container-fluid{padding:0px;}

#addFamilydetails1{margin-top:100px;}
.width_640_Imp{width:640px;}





@media (min-width: 992px) {
    .col-md-15 {
     width: 20% !important;
        float: left;
    }
}

.text-left {
    text-align: left !important;
}

.mycusInput_ewall select {
    color: #999999;
    padding: 5px 23% 5px 8px;
    width: 100%;
    border: none;
    background-image: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(https://images.rehlat.com/Content/images/arrow_select2.png)no-repeat 93%;
    display: block;
    width: 100%;
    height: 38px;
    font-size: 13px;
    font-weight: lighter;
    color: #8493a8;
    line-height: 28px !important;
    background-color: #ffffff;
    border: 1px solid #cad3df;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}


.lastSession{float:right; font-size:11px; line-height:38px;}

.btn-transparent-wallet {    
    background-color: transparent;
    border-color: none;
    color:#a1adbc;
    padding: 2px 2px!important;
}
.btn-transparent-wallet:hover, .btn-transparent-wallet:focus, .btn-transparent-wallet.focus, .btn-transparent-wallet:active, .btn-transparent-wallet.active{   
    background-color: transparent;
    border-color: none;
    color:#a1adbc;
    box-shadow:none;

}
.trash_icon_color{
    color:#fb9f91;
}


.btn_130px{width:51px !important;}

.ros-btn i {
    padding-left: 17px;
    vertical-align: middle;
    margin-left: 15px;
}


.googleContactWrappers {width:540px; margin:0px auto;}
.googleContactWrappers .modal-dialog .modal-header {
    background-color: #3d4d65; color: #fff; padding: 15px 15px !important; border-bottom:none;
    -webkit-border-top-left-radius: 2px;
    -webkit-border-top-right-radius: 2px;
    -moz-border-radius-topleft: 2px;
    -moz-border-radius-topright: 2px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}

.googleContactWrappers .modal-dialog .modal-header .close{
    margin-top: -3px !important;
        margin-left: 0px;
}
.googleContactWrappers .modal-dialog .modal-header h4 {
    font-size: 18px;
    font-weight: 400;
  }

.googleContactWrappers .googleContactsInfo .input-group-addon:last-child{border-left:1px solid #ccc;}

.googleContactWrappers .modal-content .modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}

.btn-googleImport{
    color: #002c4a;
    background: #fff;
    border-color: transparent;
}
.googleImport_wrap{margin-top:43px;}

.gmail_icon_cont{margin-right:5px;}

.googleContactWrappers .modal-content {
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: none;
    border-radius:2px;
    outline: 0;
    box-shadow: none;
}

.googleContactWrappers .modal-content .googleContactsList .list-group-item {
    position: relative;
    display: block;
    padding: 0px;
    background-color: #fff;
    border: none;
    }

.googleContactWrappers .modal-content .googleContactsList .list-group-item:first-child, .googleContactWrappers .modal-content .googleContactsList .list-group-item:last-child {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}
.googleContactWrappers .modal-content .googleContactsList .list-group-item:last-child {
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}
.googleContactWrappers .modal-content .googleContactsList .list-group {
    padding-left: 0px;
    margin-bottom: 10px;
}
.googleContactsInfo .searchContacts {
    margin: 10px 0px;
    border-bottom: 1px solid #e4e8ee;
    padding: 0px 0px 10px 0px;
}

.googleContactsInfo .searchContacts .navbar-form{
    padding: 0px;
}

.googleContactsInfo .searchContacts .navbar-form .input-group {
    display: inline-table;
    vertical-align: middle;
    width: 100%;
}

.googleContactWrappers .modal-content .googleContactsList .list-group .radio, .checkbox {
    position: relative;
    display: block;
    margin-top: 15px;
    margin-bottom: 15px;
    width:100%;
    float:none;
}

.globleButton_pink {
    background: #ff234f;
    color:#fff;
    border-radius: 3px;
    font-size: 12px;
    padding: 10px 18px;
    border:1px solid #ff1569;
}
.globleButton_pink:hover, .globleButton_pink:active  {
    background: #ff4469; /* Old browsers */
    color:#fff;
    font-size: 12px;
    border-radius: 3px;
}

.globleButton_Cancel {
    background: #1e1c66;
    color:#fff;
    border-radius: 3px;
    font-size: 12px;
    padding: 10px 18px;
}
    .globleButton_Cancel:hover, .globleButton_Cancel:active {
        background: #656496; /* Old browsers */
        color: #fff;
        font-size: 12px;
        border-radius: 3px;
    }

.googleContactWrappers .modal-content .googleContactsList input[type="radio"], input[type="checkbox"] {
    margin: 3px 0 0;
    margin-top: 1px \9;
    line-height: normal;
}

.googleContactWrappers .modal-content .googleContactsList .radio label, .checkbox label{
    padding-right: 30px;
}

.googleContactWrappers .modal-content .googleContactsList .checkbox label::before{
    content: "";
    display: inline-block;
    position: absolute;
    width: 17px;
    height: 17px;
    right: 0;
    margin-right: 0px;
    border: 1px solid #cccccc;
    border-radius: 3px;
    background-color: #fff;
    -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
}

.googleContactWrappers .modal-content .googleContactsList .checkbox label::after {
    display: inline-block;
    position: absolute;
    width: 17px;
    height: 17px;
    right: 0;
    top: 1px;
    margin-right: 0px;
    padding-right: 3px;
    padding-top: 1px;
    font-size: 11px;
    color: #555555;
}

.add_wallet{ float:left;}
    .add_wallet .add_wallet_icon {
        float: left;
        width:30px;
    }

.add_wallet_info {
    float: left;
    width: 180px;
    line-height:20px;
}

.ww-form__input{

}

.add_wallet_info .price_add_karam {
    text-transform: uppercase;
    color: #2bac36;
    font-size: 18px;
    display: block;
    font-weight: normal;
}
    .add_wallet_info .wallte_txtt {
        text-transform: uppercase;
        color: #425269;
        font-size: 12px;
        font-weight: 500;
    }
    .padd-0{
        padding:0px;
    }

.wallete_add_karam_promo {
    border: none;
    border-radius: 2px;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
    outline: none;
    padding: 20px;
    float: left;
    background-color: #fff;
    width: 100%;
    margin: 0px 0px 15px 0px;
}

.wallete_add_karam_promo_green {
    outline: none;
    padding: 20px;
    float: left;
    background-color: #fff;
    width: 100%;
    margin: 5px 0px 15px 0px;
}

.btn-Greenkaram {
    color: #fff;
    background: #2bac36;
    border-color: transparent;
}
.btn-Greenkaram:hover {
    color: #fff;
    background: #2bac36;
    border-color: transparent;
}
.havealink {
    margin-top: 15px;
    float: left;
}
    .havealink a {
        color: #0082d5;       
        font-size: 13px;
        text-decoration: none;
     
    }
    .havealink a:hover {
        color: #0082d5;
        font-size: 13px;
        text-decoration: underline;
        }
.add_txt_pay {
    font-size: 20px;
    color: #073150;
    font-weight: 500;
}

.wBalancefinal {
    text-transform: uppercase;
    color: #2bac36;
    font-size: 20px;
    font-weight: 500;
    padding: 0px;
    margin: 0px;
    float: left;
}
.add_txt_pay_sub {
    font-size: 13px;
    color: #8493a8;
    font-weight: 400;
}

.addKaramWallet{
    width:100%;
    margin:15px 0px;
}

.add_txt_pay_failed {
    font-size: 20px;
    color: #fe2954;
    font-weight: 500;
}

.add_txt_pay_success {
    font-size: 20px;
    color: #2bac36;
    font-weight: 500;
}
    .add_txt_pay_sub strong {
        font-size: 14px;
        color: #073150;
        font-weight: 500;
    }
.add_karamPlus_btn {
    color: #fff;
    background: #2bac36;
    border-color: transparent;
    line-height: 30px;
    text-align: center;
    display: flex;
    margin: 0px auto;
    padding: 6px 20px !important;
    border-radius: 0px;
}
.darkgraypad {
    padding-right: 30px;
}
.add_wrap_info {
}

.karam_icon_box {
    padding: 0px;
    width: 72px;
}
.karam_icon_box img {
    width:46px;
}


.add_karamPlus_btn .addPlus {
    border-radius: 100%;
    height: 20px;
    width: 20px;
    background-color: #fff;
    margin: 5px 10px 0px 0px;
    float: left;
    color: #2bac36;
    font-size: 9px;
    padding: 5px 6px;
}
    .add_karamPlus_btn .addTxtT {
        font-size: 15px;
        float: left;
        font-weight: 400;
        text-align: left;
        color:#fff;
    }
    .cur_rule {
    position: absolute;
    top: 16px;
    left: 15px;
    font-weight: 500;
    font-size: 15px;
    color: black;
}


    /* ADD KARAM MOBILE CSS*/
@media only screen and (max-width: 767px) {
    .btn_ros {
        margin: 0 auto;
        display: inherit;
    }
    select {
        background: url(https://images.rehlat.com/Content/images/NewEnImg/select-opt-arrow.png) no-repeat 14px 18px !important;
    }
    .form-control {
        line-height:24px !important;
    }
    .add_karamPlus_btn {
        padding: 6px 30px !important;
    }
    .mycusInput1 {
        border-radius: 0px;
        height: 42px;
        border: 1px solid #cad3df !important;
    }
    .darkgraypad {
        padding-right: 30px;
    }
    .pax_Personal_fullDetails {
        margin-right: 15px !important;
    }
    .modelWidth900px {
        width: auto !important;
    }
    select {
        border-bottom: 0px solid #98a3af !important;
    }
    .wallete_add_karam_promo_green {
        padding: 15px;
    }

    .ww-form__input {
        margin-bottom: 10px;
    }

    .float-none-xs {
        float: none !important;
        text-align: center !important;
    }

    .wallete_add_karam_promo {
        padding: 10px;
    }

    .karam_icon_box img {
        width: 20px;
    }

    .wBalancefinal {
        font-size: 13px;
        font-weight: 400;
    }

    .karam_icon_box {
        width: 20px;
    }

    .add_txt_pay {
        font-size: 13px;
        font-weight: 400;
    }

    .padding-10-rl {
        padding: 0px 10px;
    }

    .no-padding-xs {
        padding: 0px;
    }

    .add_txt_pay_failed {
        font-size: 13px;
        font-weight: 400;
    }

    .add_txt_pay_sub {
        font-size: 11px;
        font-weight: 400;
    }

    .add_txt_pay_success {
        font-size: 14px;
        font-weight: 400;
    }
}
    /* ADD KARAM MOBILE CSS*/

.wallet-input {
    font-size: 13px;
    padding: 4px 10px;
    display: block;
    width: 100%;
    height: 40px;
    background-color: transparent;
    text-transform: lowercase;
    border: none;
    color: #1e1c66;
    border-bottom: 1px solid #8795aa;
    text-transform: none;
}

/*----------- My Karam (Sanjay)--------------*/

.myKaram {
    display: block;
    background: #F8FDFF;
    border: 1px solid #BEE1F1;
    border-radius: 30px;
    padding: 20px 15px;
    margin: 10px auto;
    min-width: 250px;
    max-width: 400px;
}

    .myKaram a {
        text-decoration: none;
        border-radius: 2px;
    }

.karam1 {
    font-size: 20px;
    color: #333033;
    line-height: 20px;
    text-align: center;
    display: block;
    font-weight: 400;
    padding: 10px;
}

.karam3 {
    font-size: 14px;
    color: #333033;
    line-height: 28px;
    text-align: center;
    display: block;
    font-weight: 400;
}

.karam2 {
    font-size: 30px;
    color: #00CA9D;
    line-height: 36px;
    text-align: center;
    display: block;
    font-weight: 500;
    padding: 10px;
}

.pinkButton {
    font-size: 16px;
    color: #fff;
    background: #ff234f;
    margin: 0 auto;
    padding: 12px 30px;
    padding: 10px 15px;
    display: table;
    text-align: center;
    width: auto;
    min-width: 200px;
}

    .pinkButton:hover {
        color: #fff;
        background: #FB4B6F
    }

.pinkGhost {
    font-size: 16px;
    color: #ff234f;
    background: #fff;
    border: 1px solid #ff234f;
    margin: 0 auto;
    padding: 12px 30px;
    padding: 10px 15px;
    display: table;
    text-align: center;
    width: auto;
    min-width: 200px;
}


/*----------- End My Karam (Sanjay)--------------*/

.floatLeft{float:left!important;}