@font-face
{
font-family: HelveticaNeueLTStd-Cn;
src: url(../fonts/HelveticaNeueLTStd-Cn.otf);
}
    




/*----------------------------------- Globel Setting -----------------------------------------*/

.font-16{
    font-size:16px !important;
}
.font-14{
    font-size:14px !important;
}
.font-12{
    font-size:12px !important;
}
.font-11{
    font-size:11px !important;
}
.font-10{
    font-size:10px !important;
}
.font-bold, .bold{
    font-weight:bold !important;
}


.floatRight,.float-right{
    float:right !important;
}
.floatLeft, .float-left{
    float:left !important;
}
.float-none{
    float:none !important;    
}

.textRight, .right{
    text-align:right !important;
}
.textLeft, .left{
    text-align:left !important;
}
.textCenter, .center{
    text-align:center !important;
}
.italic{
    font-style: italic !important;
}

.middle-box{
    margin:0px auto !important;
}

.header-blue{
    color:#0293ef;
}
.blue-lighter{
    color:rgba(0, 156, 255, 0.74);
}
.line-height-0{
    /*line-height:10px !important;*/
    line-height:normal;
}


/*---------------------- Position & Display ------------------------*/
.no-display{
    display:none;
}
.no-display-important{
    display:none !important;
}
.display-inline-block{
    display: inline-block !important;
}
.display-table-cell{
    display:table-cell !important;
}
.display-table{
    display:table !important;
}

.display-table-row{
    display:table-row !important;
}
.pos-relative{
    position:relative !important;
}
.pos-absolute{
    position:absolute !important;
}
.pos-fixed{
    position:fixed !important;
}
/*---------------------- End Position & Display ------------------------*/

.center-mid{
    vertical-align:middle !important;
    text-align: center !important;;  
}

.v-middle{
    vertical-align:middle !important;
}

.v-top{
    vertical-align:top;
}

.text-black{
    color:black;   
}

.text-gray-ligh{
   color: #aaa !important;
}

.text-gray-7{
    color:#777;
}

/*--- make span6 50% full for all device*/
.span6-50p-full{
    width:50% !important;
    float:left !important;
}


/*------------------------ Border Style -----------------------*/
.border-gray{
    border:1px solid #DBDBDB !important;
}
.border-gray-radius{
    border:1px solid #DBDBDB !important;
    border-radius:6px;
}
.border-gray-radius-2{
    border:1px solid #DBDBDB !important;
    border-radius:2px;
}

.border-bm-0{
    border-bottom:0 !important ;
}

.border-bottom-gray-0{
    border-bottom:1px solid rgba(226, 223, 223, 0.5);
}
.border-bottom-gray-1{
    border-bottom:1px solid rgba(226, 223, 223, 0.76);
}
.border-bottom-gray2-1{
    border-bottom:1px solid rgba(204, 204, 204, 1);
}
.border-bottom-gray-2{
    border-bottom:2px solid rgb(204,204,204);
}
.border-bottom-gray-2-lighter{
    border-bottom:2px solid #F1F1F1;
}

.border-top-gray-1{
    border-top:1px solid rgba(226, 223, 223, 0.76);
}
.border-top-gray2-1{
    border-top:1px solid rgba(204, 204, 204, 1);
}
.border-top-gray-2{
    border-top:2px solid rgb(204,204,204);
}
.border-top-gray2-2{
    border-top:2px solid rgb(241, 241, 241);
}
.border-top-gray-2-lighter{
    border-top:2px solid #F1F1F1;
}
/*------------------------ End Border Style -----------------------*/

.full-height{
    /*width:100% !important;*/
    height:100% !important;
}

.word-wrap{ 
    word-wrap:break-word !important;
}
.no-break-word{
    white-space:nowrap !important;
}

.sub-title{
    font-size:14px;
}
.hand-hover{
    cursor:pointer;
}

.overflow-hidden{
    overflow: hidden !important;
}

.min-height-0{
    min-height:0px !important;
}
.min-height-20{
    min-height:20px !important;
}
.all-min-height-20 [class*="span"]{
    min-height:20px !important;
}


.border-solid input, .border-solid select{
    line-height: 12px !important;
    margin-bottom: 0 !important;
    margin-top: -1px !important;
    padding: 2px 4px !important;
}


.readonly_active {
    background-color: #fff !important;
    cursor: auto!important;
}
input.btn-submit {
    width: 97px !important
}

input.btn-submit-short {
    width: 71px !important
}
.div_click{
    padding: 7px;
    color: #0293ef;
    cursor: pointer;
}
.div_click:hover{
    background-color: #fff;
}

div.btn-cancel{   
    width: 77px !important;
    margin-left: 20px;
    display: block;
}

.border-solid input.btn-submit, div.btn-cancel, input.btn-submit-short  {
    height: 30px !important;
    padding-left: 5px !important;
    padding-top: 1px !important;
    text-align: center !important;
    
}


div.btn-cancel a {
    background-color: #990000;
    border: 1px solid #990000;
    border-radius: 5px;
    color: #fff;
    font-size: 14px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
    display: block;
}

.height-2{
    height:2px !important;
}
.height-5{
    height:5px !important;
}
.height-10{
    height:10px !important;
}
.height-20{
    height:20px !important;
}
.height-80{
    height:80px !important;
}
.height-100{
    height:100% !important;
}

.width-50{
    width:50px !important;
}

.width-80{
    width:80px !important;
}
.width-90{
    width:90px !important;
}
.width-80p{
    width:80% !important;
}

.width-70{
    width:71px !important;
}

.width-100{
    width:102px !important;
}

.width-120{
    width:120px !important;
}

.width-150{
    width:150px !important;
}

.width-160{
    width:160px !important;
}

.width-200{
    width:200px !important;
}

.width-300{
    width:300px !important;
}

.display-inlne-table{
    display:inline-table;
}

.gray-box{
    border-radius: 2px;
    background-color:#EFEFEF;
    border:1px solid #DBDBDB;
}
.gray-box-radius-2{
    border-radius: 2px;
    background-color:#EFEFEF;
    border:1px solid #E6E6E6;
}
.text-shadow-hover{
    -webkit-transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    transition:all 0.3s ease;
}
.text-shadow-hover:hover{
    text-shadow:1px 1px 1px #CFCFCF;
}

.textbox-standard input[type=text],.textbox-standard input[type="password"]{
    height:35px;
    background-color: #EFEFEF !important;
    color: #6D6E71;
    box-shadow: none !important;
}

.gray-input-background{
    background-color: #EFEFEF;
    color: #6D6E71;
    box-shadow: none !important;    
}

.textbox-standard textarea{
    max-width:100%;
    min-width:100%;
    height:100px;
    min-height:100px;
    max-height:200px;
    background-color: #EFEFEF;
    color: #6D6E71;
    box-shadow: none !important;
}

.icon24 img{
    width:24px;
    height:24px;
}

.textFadeBigFont{
    color:rgb(233, 233, 233);
    font-size:30px;
}


/*-------------------- Over Flow -----------------------*/

.overflow-hidden{
    overflow:hidden;
    -webkit-overflow-scrolling: touch;
}

.hide-scroll-x{
    overflow-x:hidden;
}
.hide-scroll-y{
    overflow-y:hidden;
}
.scroll-y{
    /*overflow:hidden;*/
    overflow-x:hidden;
    overflow-y:auto;
    -webkit-overflow-scrolling: touch;
}
.scroll-x{
    /*overflow:hidden;*/
    overflow-x:auto;
    -webkit-overflow-scrolling: touch;
}

/*--------------------- Fixed Item -------------------*/

.fixed_height_item_64px{
    max-height:64px !important;
    overflow:hidden;
    text-overflow:ellipsis;
    -webkit-overflow-scrolling: touch;
}

.fixed_width_item_64px{
    width:64px;
    image-rendering: -moz-crisp-edges;         /* Firefox */
    image-rendering:   -o-crisp-edges;         /* Opera */
    image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;  /* IE (non-standard property) */
}

.fixed_height_item_48px{
    max-height:48x !important;
    overflow:hidden;
    text-overflow:ellipsis;
    -webkit-overflow-scrolling: touch;
}


/*--------------------------------- End Globel Setting -----------------------------------------*/

.bggreen{background: rgb(184,222,82); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(184,222,82,1) 0%, rgba(123,168,1,1) 82%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(184,222,82,1)), color-stop(82%,rgba(123,168,1,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(184,222,82,1) 0%,rgba(123,168,1,1) 82%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(184,222,82,1) 0%,rgba(123,168,1,1) 82%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(184,222,82,1) 0%,rgba(123,168,1,1) 82%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(184,222,82,1) 0%,rgba(123,168,1,1) 82%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8de52', endColorstr='#7ba801',GradientType=0 ); /* IE6-9 */	
}
.bggrey{background-color:grey;}
html { height: 100% }
#body_ { height: 100%;padding:0;margin:0px;font: 12px/18px,helvetica-neue, helvetica, arial, sans-serif;color:#6d6e71;}
.expire_logo{
    /*position: absolute;    right: 40%;    top: 35%;*/
}
#body_content{min-height: 470px;}
a.underline {text-decoration: underline !important;}
a {text-decoration: none !important;}
.bg-none {background: none !important;}
.base-title {color:#000;font-size: 22px;}
.base-title-blue {color:#0293ef !important;font-size: 22px !important;line-height: 28px;}
.base-title-black{color:#000 !important;font-size: 22px !important;}
.base-title-yellow{color:#fdb913 !important;font-size: 25px !important;}
.base-title-gray {color:#6d6e71;font-size: 22px !important;}
.base-title-gray-18 {color:#6d6e71;font-size: 18px !important;}
.base-border {border:1px solid #bcbdbf;box-sizing:border-box;}
.base-border-top {border-top:1px solid #bcbdbf;}
.base-border-thin {border:1px solid #bcbdbf;}
.base-border-radius {border-radius: 5px;-webkit-border-radius:5px;-moz-border-radius: 5px;}
.border-solid {
    margin-left: 0 !important;
}
.border-solid div, .base-border-bottom {border-bottom: 1px solid #bcbdbf;width:100%;}
.border-solid div{
    margin-left: 0 !important;
    padding-left: 10px;
    padding-right: 10px;
}
.base-border-right {border-right: 1px solid #bcbdbf;height:100%;}
.base-border-bottom-none {border-bottom: none !important;}
.base-bg-color {background: #f3f3f4;}
.base-link {font-size: 18px;color:#0293ef;text-decoration: none;}
.forgot-link {text-decoration: underline;font-size: 15px;color:#0293ef; }
.download {background: url(../img/iconAppDownload.png) no-repeat left;color:#0293ef;font-size: 15px;
font-weight: bold;padding: 10px 0px 10px 45px;}
.download:hover {background: url(../img/iconAppDownloadOver.png) no-repeat left;}

.base-select {width:97%;height: 27px !important;
    background:transparent url(../img/selectArrow.png) no-repeat right #e7e8e9 !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    overflow: hidden;
}
.login-welcome {width:400px;margin:0 auto;padding: 30px 20px 10px 20px;}
.login-form-welcome {margin: 20px 30px;}


button{
    margin-left: 10px;
}
button.edit{
    border:1px solid #c99802;
    background: #e6ae00; /* Old browsers */
    background: -moz-linear-gradient(top,  #fce18d 0%, #f5e0a0 38%, #fcd777  50%, #edb815 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fce18d), color-stop(38%,#f5e0a0), color-stop(50%,#fcd777 ), color-stop(100%,#edb815)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #fce18d 0%,#f5e0a0 38%,#fcd777  50%,#edb815 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #fce18d 0%,#f5e0a0 38%,#fcd777  50%,#edb815 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #fce18d 0%,#f5e0a0 38%,#fcd777  50%,#edb815 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #fce18d 0%,#f5e0a0 38%,#fcd777  50%,#edb815 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fce18d', endColorstr='#edb815',GradientType=0 ); /* IE6-9 */
}
button.edit:hover{
    background: #e6ae00; /* Old browsers */
    background: -moz-linear-gradient(top,  #f6d777 0%, #f5e0a0 38%, #fcd777  50%, #e6ae00 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6d777), color-stop(38%,#f5e0a0), color-stop(50%,#fcd777 ), color-stop(100%,#e6ae00)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f6d777 0%,#f5e0a0 38%,#fcd777  50%,#e6ae00 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f6d777 0%,#f5e0a0 38%,#fcd777  50%,#e6ae00 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f6d777 0%,#f5e0a0 38%,#fcd777  50%,#e6ae00 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f6d777 0%,#f5e0a0 38%,#fcd777  50%,#e6ae00 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6d777', endColorstr='#e6ae00',GradientType=0 ); /* IE6-9 */
}

.btn-icon{
    background-color: #f4f4f4;
    background: rgba(0, 0, 0, 0) linear-gradient(#ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%) repeat scroll 0 0 padding-box;

    cursor: pointer;
}
.btn-icon:hover{
    background-color: #f6f6f6;
    background: rgba(0, 0, 0, 0) linear-gradient(#f4f4f4 20%, #eeeeee 50%, #f6f6f6 52%, #ffffff 100%) repeat scroll 0 0 padding-box;
}

/*------------------------------------------------ Edit Account ------------------------------------------------*/
.edit-acc .editBtn-Save{
    text-align:center;
    padding:6px 6px;
    font-size:14px;
    border:1px solid rgb(218, 218, 218);
    border-radius:4px;
    background: #d6d6d6;
    background: -moz-linear-gradient(top, #d6d6d6 0%, #bcbcbc 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d6d6d6), color-stop(100%,#bcbcbc));
    background: -webkit-linear-gradient(top, #d6d6d6 0%,#bcbcbc 100%);
    background: -o-linear-gradient(top, #d6d6d6 0%,#bcbcbc 100%);
    background: -ms-linear-gradient(top, #d6d6d6 0%,#bcbcbc 100%);
    background: linear-gradient(to bottom, #d6d6d6 0%,#bcbcbc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6d6d6', endColorstr='#bcbcbc',GradientType=0 );
}
.edit-acc .editBtn-Save:hover{
background: #bcbcbc; /* Old browsers */
background: -moz-linear-gradient(top,  #bcbcbc 0%, #bcbcbc 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bcbcbc), color-stop(100%,#bcbcbc)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #bcbcbc 0%,#bcbcbc 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #bcbcbc 0%,#bcbcbc 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #bcbcbc 0%,#bcbcbc 100%); /* IE10+ */
background: linear-gradient(to bottom,  #bcbcbc 0%,#bcbcbc 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bcbcbc', endColorstr='#bcbcbc',GradientType=0 ); /* IE6-9 */

}

.edit-acc .editBtn-Cancel, button.grey{
    border-radius:4px;
    border: 1px solid rgb(218, 218, 218);
    background: #e2e2e2; /* Old browsers */
    background: -moz-linear-gradient(top,  #e2e2e2 0%, #e2e2e2 50%, #e2e2e2 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2e2e2), color-stop(50%,#e2e2e2), color-stop(100%,#e2e2e2)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #e2e2e2 0%,#e2e2e2 50%,#e2e2e2 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #e2e2e2 0%,#e2e2e2 50%,#e2e2e2 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #e2e2e2 0%,#e2e2e2 50%,#e2e2e2 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #e2e2e2 0%,#e2e2e2 50%,#e2e2e2 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#e2e2e2',GradientType=0 ); /* IE6-9 */

}
.edit-acc .editBtn-Cancel{
    text-align:center;
    padding:6px 6px;
    font-size:14px;
}

.edit-acc .editBtn-Cancel:hover, button.grey:hover{
background: #d6d6d6;
background: -moz-linear-gradient(top, #d6d6d6 0%, #bcbcbc 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d6d6d6), color-stop(100%,#bcbcbc));
background: -webkit-linear-gradient(top, #d6d6d6 0%,#bcbcbc 100%);
background: -o-linear-gradient(top, #d6d6d6 0%,#bcbcbc 100%);
background: -ms-linear-gradient(top, #d6d6d6 0%,#bcbcbc 100%);
background: linear-gradient(to bottom, #d6d6d6 0%,#bcbcbc 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6d6d6', endColorstr='#bcbcbc',GradientType=0 );

}



.edit-acc .editBtn-Cancel,.editBtn-Save{
    cursor:pointer;
}

.edit-acc a span{
    text-align:center;
}
.edit-acc .row-edit .cmdEdit span{
    cursor:pointer;
}
.edit-acc .chzn-container  a span{
    text-align:left !important;
}
.edit-acc .chzn-container{
     margin-bottom:10px !important;
}
.edit-acc .editor{
    background:#e7e8e9;
}
/*.edit-acc .row-edit input[type=password]{
    font-size:25px;
}*/
.edit-bg{   
    /*padding: 10px 5px 0px 5px;*/
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 44%, #efefef 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(44%,#ffffff), color-stop(100%,#efefef)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 44%,#efefef 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 44%,#efefef 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 44%,#efefef 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 44%,#efefef 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */


}
.row-edit{
    border-bottom:1px solid #ddd;
}
.transparent-text{
    padding:0px 0px !important;
    margin-bottom:0px !important;
    border:0px solid !important;
    /*background-color: transparent !important;*/
    box-shadow: none !important;
    background-color: white !important;
}
.edit-acc a{
    color:#6d6e71;
}
.edit-acc > div select{
    margin-bottom:0px !important;
}
.edit-acc label{
    margin-bottom:0px !important;
}
.edit-acc .icon img{
    width:15px;
    height:15px;
    margin-top:-5px;
}

.edit-form input[type="text"],.edit-form input[type="password"]{
    height:35px;
}

.edit-form-full{
    width: 48.61878453038674% !important;
    *width: 48.56559304102504% !important;
}

/*---- make span8 to span9 for textbox-----*/
.edit-text-button-for-phone{
     width: 74.30939226519337% !important;
    *width: 74.25620077583166% !important;
}
/*---- make span8 to span9 for button-----*/
.edit-button-for-phone{
    width: 82.87292817679558% !important;
    *width: 82.81973668743387% !important;
}

/*------------------------------------------- End Edit Account ------------------------------------------*/

/*------------------------------------ Account Setting Calendar ---------------------------------------------*/

    .acc-set-calen .gray-border h4,.acc-profile .header h4, .friends .header h4{
        text-shadow:1px 1px 0px #fff !important;
        color:#0293ef;
    }
    .acc-profile .item-box{
        width:100%;
        height:220px;
    }
    .acc-profile .item-box input{
        opacity:0;
        width:100%;
        height:100%;
        /*visibility:hidden;*/
    }
    .acc-profile .item-box{
        background:url("../img/register-img.png") center no-repeat;
    }
    .acc-profile .item-box input:hover{
        cursor:pointer;
    }

    .edit-form{
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }


    /*--------------- Tab Listing ----------------*/
    .tab-listing .header,.friends .header,.coupon .header{
        /*border-bottom:2px solid #E5E5E5;*/
    }
    .tab-listing .item-box,.acc-profile .upload-avatar .item-box,.friends .item-box{
        border-radius: 2px;
        background-color:#f6f6f6;
        border:1px solid #EFEFEF;
    }
    .tab-listing .item-box .infor span:first-child{
        color:#0293ef;
    }

    .tab-listing .movies-back{
        background-image:url("../img/calendar/movie-back.png");
        background-size:134px 82px;
        background-repeat:no-repeat;
        background-position:right bottom;
    }

    .tab-listing .events-back{
        background-image:url("../img/calendar/event-back.png");
        background-size:134px 82px;
        background-repeat:no-repeat;
        background-position:right bottom;
    }

    .tab-listing .coupons-back{
        background-image:url("../img/calendar/coupon-back.png");
        background-size:134px 82px;
        background-repeat:no-repeat;
        background-position:right bottom;
    }


    .tab-listing .movie-back img,.event-back img,.coupon-back img,.movie-back img{
        height:64px !important;
    }

    .store h4{
        /*font-family:"Helvetica Neue LT 45 Light" !important;*/
    }

/*----------------------------------- End Account Setting Calendar ------------------------------------------*/

    .tab-calendar .calendar-box-clear{
        position:relative;
        z-index: 1;
    }
    .tab-calendar .calendar-box-clear .wrap_arrow span{
        padding-top:3px;
    }

    .tab-calendar .calendar-box-clear .container_calendar #custom-sep{
        color:#DFDADA !important;
        font-size:22px !important;
    }





/*------------------------------------- friend Setting ------------------------------------------*/

.myPopup{
    background-color:white;
    border:1px solid gray;
    border-radius:6px;
}


button.bt_confirm, button.bt_remove{
    font-size: 12px;
}

button.bt_remove, button.bt_confirm:hover, .btn-upload{
    color:rgb(139, 139, 139);
    border-radius:6px;
    border:1px solid rgb(224, 224, 224);
    background: #f9f9f9; /* Old browsers */
    background: -moz-linear-gradient(top,  #f9f9f9 0%, #f2f2f2 50%, #f2f2f2 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(50%,#f2f2f2), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f9f9f9 0%,#f2f2f2 50%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f9f9f9 0%,#f2f2f2 50%,#f2f2f2 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f9f9f9 0%,#f2f2f2 50%,#f2f2f2 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f9f9f9 0%,#f2f2f2 50%,#f2f2f2 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */

}

button.bt_confirm button:hover,.btn-upload:hover{
    border-radius:6px;
    border:1px solid rgb(224, 224, 224);
    background: #dbdbdb; /* Old browsers */
    background: -moz-linear-gradient(top,  #dbdbdb 0%, #c1c1c1 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dbdbdb), color-stop(100%,#c1c1c1)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #dbdbdb 0%,#c1c1c1 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #dbdbdb 0%,#c1c1c1 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #dbdbdb 0%,#c1c1c1 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #dbdbdb 0%,#c1c1c1 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbdbdb', endColorstr='#c1c1c1',GradientType=0 ); /* IE6-9 */

}


.close-button button{
    /*padding-bottom:4px;*/
    opacity:0.5;
    text-align:center;
    font-size:18px;
    font-family:Arial, Baskerville, monospace;
    border: 1px solid #909396 !important;
    color:#8d8f92 !important;
    border-radius: 3px;
    background: #e9eaeb !important; /* Old browsers */
    background: -moz-linear-gradient(top,  #e9eaeb 0%, #c8c9cc 100%) !important; /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e9eaeb), color-stop(100%,#c8c9cc)) !important; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #e9eaeb 0%,#c8c9cc 100%) !important; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #e9eaeb 0%,#c8c9cc 100%) !important; /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #e9eaeb 0%,#c8c9cc 100%) !important; /* IE10+ */
    background: linear-gradient(to bottom,  #e9eaeb 0%,#c8c9cc 100%) !important; /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9eaeb', endColorstr='#c8c9cc',GradientType=0 ) !important; /* IE6-9 */
}
.close-button button:hover,button:focus{
    opacity:1;
}
/*----------------------------------- End friend Setting ------------------------------------------*/


/*----------------------------------- Notification ------------------------------------------*/

.notification .menu .row-fluid .span12 b:first-child{
    padding-top: -2px;
}
.notification .menu .row-fluid .symbol{
    padding-top:0px;
    margin-left-left:4px;
    font-size: 18px;
    float:right;
    padding-right:20px;
}
.notification .menu .menu-left{
    border-bottom:1px solid #E5E5E5;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-transition:all .1s linear;
    -moz-transition:all .1s linear;
    transition:all .1s linear;

}
.notification .menu .menu-left:hover{
    cursor:pointer;
    color:#0293ef;
    padding-left:30px !important;
}

.notification .menu .noti_selected{
    color:#0293ef;
    padding-left:30px !important;
}


.notification .content .header-content{
    color:rgb(179, 179, 179);
}
.notification .custom-check input[type=checkbox]{
    display:none;
}
.notification .custom-check input:not(:checked) + label{
    background:url("../img/box_check.png") no-repeat;
    background-position:0px 2px;
    background-size:16px 16px;
    /*background:no-repeat;*/
}
.notification .custom-check input:checked + label{
    background:url("../img/checked_box.png") no-repeat;
    background-position:0px 2px;
    background-size:16px 16px;
    /*background:no-repeat;*/
}

.tab-notification,.content{
    overflow:hidden !important;
}

.notification .menu, .notification .content{
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform:translate3d(0,0,0);


-webkit-transition: all 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); 
   -moz-transition: all 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); 
    -ms-transition: all 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); 
     -o-transition: all 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); 
        transition: all 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); /* easeInOutQuint */
        overflow:hidden;
    /*opacity:1;*/
}
.menu-slide-out{
    /*position: relative;*/
    /*opacity:0.5 !important;*/
    margin-left:-500px !important;
}
.menu-slide-in{
    /*opacity:1 !important;*/
    margin-left:0px !important;
}

.notification .content .block .btn-upload{
    height:30px;
    max-width:80px;
    cursor: pointer;
}
.notification .submit_button button{
    max-width:180px !important;
    font-size:17px;
    padding-top:10px;
    padding-bottom:10px;
    padding-left:20px;
    padding-right:20px;
}


/*------------------------------------- End Notification --------------------------------------*/



.popup{
    max-width:800px !important;
    margin:0px auto !important;
}

.popup .mfp-close,.myPopup .mfp-close{
    position:relative;
    float:right;
}
.mainPopup{
    max-width:800px;
    margin:0px auto;
}
.popup p{
    word-break: break-word;
}
.popup .space{
    margin-top:30px;
}
.popup .close-button{
    margin-top:50px;
}


/*----------------------------------- End Notification ------------------------------------------*/


/*--------------------------- Margin & Padding Setting --------------------------*/

/*----------------- Padding Top--------------*/

.padd-top-0{
    padding-top:0px !important;
}
.padd-top-3{
    padding-top:3px !important;
}
.padd-top-5{
    padding-top:5px !important;
}
.padd-top-10{
    padding-top:10px !important;
}
.padd-top-15{
    padding-top:15px !important;
}
.padd-top-20{
    padding-top:20px !important;
}
.padd-top-30{
    padding-top:30px !important;
}
/*----------------- Padding Bottom --------------*/
.padd-bottom-0{
    padding-bottom:0px !important;
}
.padd-bottom-5{
    padding-bottom:5px !important;
}
.padd-bottom-10{
    padding-bottom:10px !important;
}
.padd-bottom-15{
    padding-bottom:15px !important;
}
.padd-bottom-20, .pb20{
    padding-bottom:20px !important;
}
.padd-bottom-30, .pb30{
    padding-bottom:30px !important;
}
/*----------------- Padding Left --------------*/
.padd-left-0{
    padding-left:0px !important;
}
.padd-left-5{
    padding-left:5px !important;
}
.padd-left-10{
    padding-left:10px !important;
}
.padd-left-15{
    padding-left:15px !important;
}
.padd-left-20{
    padding-left:20px !important;
}
.padd-left-30{
    padding-left:30px !important;
}
.padd-left-45{
    padding-left:45px !important;
}
/*----------------- Padding Right --------------*/
.padd-right-0{
    padding-right:0px !important;
}
.padd-right-4{
    padding-right:4px !important;
}
.padd-right-5{
    padding-right:5px !important;
}
.padd-right-10{
    padding-right:10px !important;
}
.padd-right-15{
    padding-right:15px !important;
}
.padd-right-20{
    padding-right:20px !important;
}
.padd-right-30{
    padding-right:30px !important;
}

/*----------------- Padding Top Buttom --------------*/

.min-h-20{ min-height: 20px !important; }
.min-h-24{ min-height: 24px !important; }

.padd-tb-2{
    padding-top:2px !important;
    padding-bottom:2px !important;
}
.padd-tb-0{
    padding-top:0px !important;
    padding-bottom:0px !important;
}
.padd-tb-5{
    padding-top:5px !important;
    padding-bottom:5px!important;
}
.padd-tb-10{
    padding-top:10px !important;
    padding-bottom:10px !important;
}
.padd-tb-15{
    padding-top:15px !important;
    padding-bottom:15px !important;
}
.padd-tb-20{
    padding-top:20px !important;
    padding-bottom:20px !important;
}
.padd-tb-30{
    padding-top:30px !important;
    padding-bottom:30px !important;
}
.padd-tb-60{
    padding-top:60px !important;
    padding-bottom:60px !important;
}
/*----------------- Padding Left Righ --------------*/
.padd-lr-0{
    padding-left:0px !important;
    padding-right:0px !important;
}
.padd-lr-5{
    padding-left:5px !important;
    padding-right:5px !important;
}
.padd-lr-10{
    padding-left:10px !important;
    padding-right:10px !important;
}
.padd-lr-15{
    padding-left:15px !important;
    padding-right:15px !important;
}
.padd-lr-20{
    padding-left:20px !important;
    padding-right:20px !important;
}
.padd-lr-30{
    padding-left:30px !important;
    padding-right:30px !important;
}
 
 
/*----------------- Margin--------------*/
 .margin-10{
    margin:10px !important;
}
/*----------------- Margin Top--------------*/
.marg-top-0{
    margin-top:0px !important;
}
.marg-top-5{
    margin-top:5px !important;
}
.marg-top-10{
    margin-top:10px !important;
}
.marg-top-15{
    margin-top:15px !important;
}
.marg-top-20, .ma-top-20{
    margin-top:20px !important;
}
.marg-top-25{
    margin-top:25px !important;
}
.marg-top-30, .ma-top-30{
    margin-top:30px !important;
}
.ma-top-50{
    margin-top:50px !important;
}
/*----------------- Margin Bottom --------------*/
.marg-bottom-0{
    margin-bottom:0px !important;
}
.marg-bottom-5{
    margin-bottom:5px !important;
}
.marg-bottom-10{
    margin-bottom:10px !important;
}
.marg-bottom-15{
    margin-bottom:15px !important;
}
.marg-bottom-20, .mb20{
    margin-bottom:20px !important;
}
.marg-bottom-30, .mb30{
    margin-bottom:30px !important;
}

.marg-0, .m0{ margin:0 !important;}

.marg-tb-0{
    margin-top:0px !important;
    margin-bottom:0px !important;
}
.marg-tb-5{
    margin-top:5px !important;
    margin-bottom:5px !important;
}
.marg-tb-10{
    margin-top:10px !important;
    margin-bottom:10px !important;
}
.marg-tb-15{
    margin-top:15px !important;
    margin-bottom:15px !important;
}
.marg-tb-20{
    margin-top:20px !important;
    margin-bottom:20px !important;
}
.marg-tb-30{
    margin-top:30px !important;
    margin-bottom:30px !important;
}
 
/*----------------- Margin Left Righ --------------*/
 
.marg-lr-0{
    margin-left:0px !important;
    margin-right:0px !important;
}
.marg-lr-5{
    margin-left:5px !important;
    margin-right:5px !important;
}
.marg-lr-10{
    margin-left:10px !important;
    margin-right:10px !important;
}
.marg-lr-15{
    margin-left:15px !important;
    margin-right:15px !important;
}
.marg-lr-20{
    margin-left:20px !important;
    margin-right:20px !important;
}
.marg-lr-30{
    margin-left:30px !important;
    margin-right:30px !important;
}

/*----------------- Padding Left --------------*/
.marg-left-0, .ml0{
    margin-left:0px !important;
}
.marg-left-5, .ml5{
    margin-left:5px !important;
}
.marg-left-10, .ml10{
    margin-left:10px !important;
}
.marg-left-15, .ml15{
    margin-left:15px !important;
}
.marg-left-20, .ml20{
    margin-left:20px !important;
}
.marg-left-25, .ml25{
    margin-left:25px !important;
}
.marg-left-30, .ml30{
    margin-left:30px !important;
}
.marg-left-60{
    margin-left:60px !important;
}
/*----------------- Padding Right --------------*/
.marg-right-0, .mr0{
    margin-right:0px !important;
}
.marg-right-5, .mr5{
    margin-right:5px !important;
}
.marg-right-10, .ma-right-10, .mr10{
    margin-right:10px !important;
}
.marg-right-15, .mr15{
    margin-right:15px !important;
}
.marg-right-20, .mr20{
    margin-right:20px !important;
}
.marg-right-25, .mr25{
    margin-right:25px !important;
}
.marg-right-30, .ma-right-30, .mr30{
    margin-right:30px !important;
}
 
 
/*---------------------------- End TeMargin & Paddingxt Setting -------------------------- */

/*------------------------------------- Store Style ------------------------------------------*/


.color-gray{
    color: #909090;
}

/*------------------------------------- End Store Style ------------------------------------------*/


/*------------------------------------- Fixed Style ------------------------------------------*/

.combo-fixed-kratos ul li{
    padding-left:0px !important;
    padding-right:0px !important;
}
.combo-fixed-kratos .nav{
    margin-top:7px !important;
}
.combo-fixed-kratos .nav .dropdown a{
    padding-top: 3px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    /*padding-top:10px;*/
}
.combo-fixed-kratos .nav .genre .dropdown-toggle{
    background:url("../img/selectArrow.png") no-repeat scroll right center transparent !important;
    /*background-position:95% 70% !important;*/
    background-position-x:90% !important;
    background-position-y:50% !important;
}
.combo-fixed-kratos .nav li.dropdown.open>.dropdown-toggle{
    background:url("../img/selectArrow.png") no-repeat scroll right center transparent !important;
    /*background-position:95% 70% !important;*/

    background-position-x:90% !important;
    background-position-y:50% !important;
}
.combo-fixed-kratos .nav li>a{
    padding-top:2px !important;
    padding-bottom:2px !important;
}
.nav-collapse{
    margin-top:4px !important;
}
.nav-collapse .nav>li>a{
    padding:2px 15px 2px 20px !important;
}


/*------------------------------------- End Fixed Style ------------------------------------------*/








/*---------------------------------- Search All --------------------------------*/

.search_all_cate .header .navbar .container .nav{
    max-width:130px;
}
.search_all_cate .header .navbar .container .nav .dropdown-menu{
    min-width:156px !important;
}

.search_all_cate .content .merchant_back,.search_all_cate .content .movie_back,.search_all_cate .content .event_back,
.search_all_cate .content .coupon_back,.search_all_cate .content .store_back{
    background-size:40px 32px,120% 1px;
    background-repeat:no-repeat,no-repeat;
    background-position:right center,bottom center;    
}

.good_custom_dropdown_menu .navbar .container .nav .dropdown{
    width:157px !important;
}
.good_custom_dropdown_menu .navbar .container .nav .dropdown > a{
    width:100% !important;
    padding-left:0px !important;
    padding-right:0px !important;
}
.good_custom_dropdown_menu .navbar .container .nav .dropdown > a span{
    padding-left:10px !important; 
    width:75% !important;
}
.good_custom_dropdown_menu .navbar .container .nav .dropdown .dropdown-menu{
    min-width:100% !important;
    max-width:100% !important;
}
.good_custom_dropdown_menu .navbar .container .nav .dropdown .dropdown-menu li{
    width:100%; 
}

/*---------------------------------- End Search All -----------------------------*/


/*-------------------------- Carousel ----------------------*/

    .fixed_carousel_instand_search{
        margin:0px 0px 0px 0px !important;
        margin-top:0px !important;
        padding-top:7px;
        padding-bottom:7px;
        padding-left:15px;
        padding-right:15px;
    }
    .fixed_carousel_instand_search img{
        /*width:100%;*/
        /*height:284px;*/
    }
    .fixed_carousel_instand_search .carousel-indicators{
        right:-1px;
    }
    .fixed_carousel_instand_search .carousel .carousel-inner{
        /*width:99.8%;*/
        width:100%;
    }

    .fixed_carousel_instand_search .carousel .left.carousel-control{
        left:10px !important;
    }
    .fixed_carousel_instand_search .carousel .right.carousel-control{
        right:10px !important;
    }

    /*--------------------------- Instand Search ---------------------*/

/*    .instant_booking{
        width:24.5% !important;
        margin-left:1% !important;
    }*/
    .instant_booking .header_blue{
        border-radius:6px 6px 0px 0px;
        /*background-color:rgba(62, 193, 251, 0.66);*/
        /*background-color:#3ec1fb;*/

        background-color:#E9E9E9;
        /*border:1px solid gray;*/
        border-bottom:2px solid #1495ce;

    }
    .bg-gray{
        background-color: #e1e1e1;    
    }



    /*-------------------------- Sub Menu ---------------------*/
    .fixed_submenu .subMenuWrapper{
        /*margin-top:5px;*/
        margin-left:15px;
        margin-right:15px;
    }

    /*-------------------------- Main Body -------------------------*/

    .fixed_main_body .itemWrapper{
        margin-left:0px !important;
        margin-right:0px !important;
        padding-left:15px ;
        padding-right:10px;
    }

/*--------------------------------- End Edit Layout ------------------------------*/


/*-------------------------------- Fixed 100% Width Dropdown List -----------------------------*/

.dropdown_list_width_full .nav > li > a.dropdown-toggle{
    border: 1px solid rgba(96, 211, 244, 0.78);
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    /*background:gray;    */
    box-shadow:0px 0px 6px -2px #3ECDF6;
}


.dropdown_list_width_full .nav > li > a.dropdown-toggle.gray{
    background: #fcfcfc; /* Old browsers */
    background: -moz-linear-gradient(top,  #fcfcfc 0%, #e5e5e5 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #fcfcfc 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #fcfcfc 0%,#e5e5e5 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #fcfcfc 0%,#e5e5e5 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #fcfcfc 0%,#e5e5e5 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */

}


.dropdown_list_width_full .nav > li > a{
    line-height:26px;
    padding:1px 5px 0 15px !important;
}

.dropdown_list_width_full .nav > li > a.dropdown-toggle span{
    background: url("../img/selectArrow.png") no-repeat scroll 95% 50% transparent !important;
    color: rgb(167, 167, 167);    
    font-weight:bold;
}

.dropdown_list_width_full .nav > li > ul{
    width:100%;
}
.dropdown_list_width_full .nav > li > ul > .divider{
    margin-top:0px !important;
}

.dropdown_list_width_full .arrow-dropdown{
    width:20px;
    right:5px;
    top:2px;
    background: url("../img/selectArrow.png") no-repeat scroll 95% 50% transparent !important;
}


/*------------------------------------ Fixed Loading Image Center --------------------------------*/

.loadingCenter{
    width:100%;
    height:50px;
    position:absolute;

    top:-80px;
/*    left:20px;
    right:20px;*/
    background: url("../img/loading.gif") no-repeat scroll center center transparent;
}



.navbar .pull-right>li>.dropdown-menu:before, .navbar .nav>li>.dropdown-menu.pull-right:before {
    right: 22px;
    left: auto;
}
.navbar .nav>li>.dropdown-menu:before {
    position: absolute;
    top: -11px;
    display: inline-block;
    border-right: 11px solid transparent;
    border-bottom: 11px solid #ccc;
    border-left: 11px solid transparent;
    border-bottom-color: rgba(0,0,0,0.2);
    content: '';
}


/*============================================================================================*/




/*----------------- Scroll Specific Element ------------------*/

.fixed_height_item_64px::-webkit-scrollbar{
    width:5px;
}

/*------------------- Costomize Scroll ---------------------*/



button,a{
    outline:none;
    &:focus{
        outline:none;
    }
}

a.edit, a.edit:hover{
    color: #f27f00;
}

 .pending, .Pending{
    color: #c5b500;
}
.approved, .Approved, .noted, .Noted{
    color: #31a823;
}
.rejected, .Rejected{
    color: #f22222;
}


/*------------------------------------- End Seng Panhna Style  ------------------------------------*/



.table-border-none td {border:none;}
tr.has-border td {border-top:1px solid #ccc;}
.pl-pr-0 td {padding:8px 0px !important;}

table.table-header {margin:0px;}
table.table-header td {padding:0px;}

.title-1 {font-size: 14px;color:#000;}
.title-2 {font-size: 14px;color: #000;font-weight: bold;}
td.logo {width:15%;vertical-align: middle;}
td.menu {
    width:50%;
    /*width:49%;*/
}
td.base-search {}
td.base-search-unlog {}
td.activity {width:22%;}
td.activity-unlog {width:4%;}

td.menu ul.nav {margin:0px;}
tr.tr-border-none td {border-top:none;}
/*.......................................*/
.nav-collapse {margin-top: 4px !important;}
#filterbox {width:82%;}

.stream {margin-top: 50px;}
.grey{color: #999999;}

ul {list-style: none;}

div.span8 ul li{ display: inline;}
div.span8 ul {}

div.submenu{margin-left: 20px;}

.search-area{
    position:fixed;
    z-index: 10000;
    top:0px;
    left:0px;
    width:260px;
    margin-left:30px;
}

.search-blank-are{
    height:12px;
}

input.searchbox
{
	margin-top:10px;
	margin-left: 5px;
	height: 22px;
	width: 160px;
}
input.chkbox{margin: 0px 0px 4px 0px;padding: 0px;}

.base-form input[type="text"], .base-form input[type="password"] {
font-size: 15px;
font-style: normal;
padding: 7px 0px 7px 5px;
width: 99.6%;
background-color: #e7e8e9;
color: #6D6E71;
box-shadow: none !important;
}

.base-form label {
color: #000;
font-size: 14px;
margin-top: 1px;
min-height: 20px;
}

#search{border: 1px solid gray;}
.text 
{
	font-size: 12px;
	font-family: Sans-Serif;
	position: relative;
	font-weight: normal;
	vertical-align: middle;
	line-height: 11px;
}
.text2
{
	font-size: 12px;
	font-family: Sans-Serif;
	position: relative;
	font-weight: normal;
	padding: 0 5px;
	vertical-align: middle;
	line-height: 11px;
}

.dropDownList
{
	width: 160px;
	font-size: 14px;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	font-weight: normal;
	padding: 0 ;	
	margin: 0;
	vertical-align: middle;
	line-height: 20px;
	height: 22px;

}

#modeOfTravel
{
	padding-top: 10px;
	padding-bottom: 10px;
}

#direction
{
	border: 1px solid gray;
	margin-top: 5px;
}

/* START MY INFO BOX STYLE*/

h1.titleBubble{
     color: #3d6aa2;
     font-size: 14px;
     font-weight: bold;
}
button.btn-location-navigation {margin-left:-4px !important;}
p.contentBubble
{
    margin-top: 10px;
}
.btn-group>.btn{font-size:11px;padding:6px 5px;}
input.search-query
, .btn-group>.btn
, .btn-group>.btn:last-child
, .btn-group>.btn:first-child
, .btn-group>.dropdown-toggle{
    -webkit-border-radius: 0px;
      -moz-border-radius: 0px;
          border-radius: 0px;
    
    -webkit-border-top-right-radius: 0px;
    border-top-right-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
    border-bottom-right-radius: 0px;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-bottomright: 0px;

    -webkit-border-top-left-radius: 0px;
    border-top-left-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    border-bottom-left-radius: 0px;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-bottomleft: 0px;

}

#infobox {
    border:2px solid gray;
    margin-top: 8px;
    background:#333;
    color:#FFF;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    padding: .5em 1em;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-shadow:0 -1px #000000;
    -webkit-box-shadow: 0 0 8px #000;
       -moz-box-shadow: 0 0 8px #000;
            box-shadow: 0 0 8px #000;
}


/*................................My Style...........................................*/
#main-menu {margin-bottom:0px;}
.menuTop 
    {
        -webkit-box-shadow: 2px 2px 20px rgba(0, 0, 0, 1) !important;
        -moz-box-shadow: 2px 2px 20px rgba(0, 0, 0, 1) !important;
        box-shadow: 2px 2px 20px rgba(0, 0, 0, 1) !important;
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding;
        background-clip: padding-box;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
        border:none;
        z-index:100;
        position:relative;
        background: rgb(73,100,252); /* Old browsers */
        background: -moz-linear-gradient(top, rgba(73,100,252,1) 0%, rgba(30,53,255,1) 49%, rgba(0,25,255,1) 51%, rgba(73,100,252,1) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(73,100,252,1)), color-stop(49%,rgba(30,53,255,1)), color-stop(51%,rgba(0,25,255,1)), color-stop(100%,rgba(73,100,252,1))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, rgba(73,100,252,1) 0%,rgba(30,53,255,1) 49%,rgba(0,25,255,1) 51%,rgba(73,100,252,1) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, rgba(73,100,252,1) 0%,rgba(30,53,255,1) 49%,rgba(0,25,255,1) 51%,rgba(73,100,252,1) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, rgba(73,100,252,1) 0%,rgba(30,53,255,1) 49%,rgba(0,25,255,1) 51%,rgba(73,100,252,1) 100%); /* IE10+ */
        background: linear-gradient(to bottom, rgba(73,100,252,1) 0%,rgba(30,53,255,1) 49%,rgba(0,25,255,1) 51%,rgba(73,100,252,1) 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4964fc', endColorstr='#4964fc',GradientType=0 ); /* IE6-9 */
    }

.menuBottom 
    {
        height:50px;
        
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding;
        background-clip: padding-box;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
        border-top: 1px solid #ccc;
        background:#fff;
         }
.menuBottomHome {
    bottom:0px;position:fixed;color:#fff;
    background: rgb(73,100,252) ; /* Old browsers */
        background: -moz-linear-gradient(top, rgba(73,100,252,1) 0%, rgba(30,53,255,1) 49%, rgba(0,25,255,1) 51%, rgba(73,100,252,1) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(73,100,252,1)), color-stop(49%,rgba(30,53,255,1)), color-stop(51%,rgba(0,25,255,1)), color-stop(100%,rgba(73,100,252,1))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, rgba(73,100,252,1) 0%,rgba(30,53,255,1) 49%,rgba(0,25,255,1) 51%,rgba(73,100,252,1) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, rgba(73,100,252,1) 0%,rgba(30,53,255,1) 49%,rgba(0,25,255,1) 51%,rgba(73,100,252,1) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, rgba(73,100,252,1) 0%,rgba(30,53,255,1) 49%,rgba(0,25,255,1) 51%,rgba(73,100,252,1) 100%); /* IE10+ */
        background: linear-gradient(to bottom, rgba(73,100,252,1) 0%,rgba(30,53,255,1) 49%,rgba(0,25,255,1) 51%,rgba(73,100,252,1) 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4964fc', endColorstr='#4964fc',GradientType=0 ); /* IE6-9 */
   
}

.copyRight {margin:15px 0px 0 0px;}
.copyRightHome{margin:15px 0px 0 320px;}
.menuBottomHome ul li a {color:#fff; padding-left: 7px; padding-right: 7px;}

#map-canvas {width: 100%;float:right;z-index:0;position:fixed !important;}
#map-canvas img {max-width: none;}
/*.navbar .container {width:1170px;padding:3px 0;}*/
.containerCustom { height: 42px;    margin: 0 auto;    padding: 3px 0;    width: 98%;}
.overlayWrapper {left: 0;
top: 0;
position: absolute;
width: 100%;}
.overlayBg {background: rgba(0, 0, 0, 0.2);margin: 0 auto;padding: 10px;position: relative;-moz-border-radius: 5px;
-webkit-border-radius: 5px;border-radius: 5px;}
.innerBg {-moz-border-radius: 3px;-webkit-border-radius: 3px;
                        border-radius: 3px;background: #fff;
                        -webkit-background-clip: padding-box;
                        background-clip: padding-box;margin-left: auto;
                        margin-right: auto;padding: 15px 15px 10px;
                        position: relative;z-index: 3;
                    }
.borderBottom {border-bottom: 1px solid #eee;}
.formStyle {background: #fcfcfc;border: 1px solid #d9d9d9;color: #4d4d4d;font-family: inherit;
            font-size: 13px;outline: none;padding: 6px;
            -moz-box-shadow: inset rgba(0, 0, 0, 0.1) 0 0 3px 0px;
            -webkit-box-shadow: inset rgba(0, 0, 0, 0.1) 0 0 3px 0px;
            box-shadow: inset rgba(0, 0, 0, 0.1) 0 0 3px 0px;
            -moz-transition-duration: .33s;
            -moz-transition-property: background,border,color,opacity,box-shadow;
            -webkit-transition-duration: .33s;
            -webkit-transition-property: background,border,color,opacity,box-shadow;
            transition-duration: .33s;
            transition-property: background,border,color,opacity,box-shadow;
            -moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;
}
.searchInput {border:none !important;box-shadow:none !important;width:90%;font-size:90% !important;
              background:url(../img/search.png) 0px 8px no-repeat !important;text-indent:8px;
              }
.currentIcon {background:url(../img/location.png);display: inline-block;
width: 12px;
height: 12px;
margin-top: 2px;
line-height: 14px;
vertical-align: text-top;
background-repeat: no-repeat;}
.currentLocation {display:inline;font-size:15px;color:#000;}
.currentLocationInner{display:inline;font-size:85%;color:#000;}
.leftPanel {
   /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjQ1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4zNCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.8) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.20)), color-stop(100%,rgba(0,0,0,0.20))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255, 255, 255, 0.8) 0%,rgba(255, 255, 255, 0.8) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255, 255, 255, 0.8) 0%,rgba(255, 255, 255, 0.8) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255, 255, 255, 0.8) 0%,rgba(255, 255, 255, 0.8) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255, 255, 255, 0.8) 0%,rgba(255, 255, 255, 0.8) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c000000', endColorstr='#1c000000',GradientType=0 ); /* IE6-8 */

        padding:2px 7px 2px 0;
        position: relative;
        z-index:2000;
        box-shadow:0px 5px 10px #000;
        width:240px;
        margin-left:25px;
        overflow: hidden;
}

#right-panel-for-Btn{
    position: absolute;
    float: relative;
    top: 52px;
    right: 12px;
}

.rightPanel {
   /* IE9 SVG, needs conditional override of 'filter' to 'none' */
   float: right;
   top:52px;
   right: 45px;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjQ1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4zNCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.8) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.20)), color-stop(100%,rgba(0,0,0,0.20))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255, 255, 255, 0.8) 0%,rgba(255, 255, 255, 0.8) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255, 255, 255, 0.8) 0%,rgba(255, 255, 255, 0.8) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255, 255, 255, 0.8) 0%,rgba(255, 255, 255, 0.8) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255, 255, 255, 0.8) 0%,rgba(255, 255, 255, 0.8) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c000000', endColorstr='#1c000000',GradientType=0 ); /* IE6-8 */

        position: fixed;
        z-index:501;
        box-shadow:0px 5px 10px #000;
        width:225px;
        overflow: hidden;
}

.inputs {
    background: #fff;
    border: 1px solid #0061b4;
    margin-top: 6px;
    padding: 3px 5px;
    width:160px;
    height:25px;
    -moz-box-shadow: #ffffff 0 0 2px 0px;
    -webkit-box-shadow: #ffffff 0 0 2px 0px;
    box-shadow: #ffffff 0 0 2px 0px;
    float:right;
}
.inline {display:inline !important;}
.absolute {position:absolute !important;}
.logo {margin-top:5px;}
.font7 {font-size:7px;}
.suggestionWrapper 
    {
        text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
        background-color: #fcf8e3;
        box-shadow:0px 0px 10px #000;
        width:100%;
        overflow: hidden;
    }
.displayInline label {display:inline !important;}
.bold {font-weight:bold;}
.filterViewBottom 
{
margin-bottom: 0;
-webkit-box-shadow: inset 0 1px 0 #ffffff;
-moz-box-shadow: inset 0 1px 0 #ffffff;
padding:5px 0 0;

}
.filterViewBottomOver {background:#b0caff;}
.filterViewTopOver {background:#b0caff;}
.filterViewTop
{ -webkit-border-radius:5px 5px 0 0 ;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0px 0px;
margin-bottom: 0;
padding:10px 65px 10px 10px;

	background: #3ec1fb; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3ec1fb), color-stop(50%,#35b8f2), color-stop(100%,#1495ce)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #3ec1fb 0%,#35b8f2 50%,#1495ce 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #3ec1fb 0%,#35b8f2 50%,#1495ce 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #3ec1fb 0%,#35b8f2 50%,#1495ce 100%); /* IE10+ */
    background: linear-gradient(to bottom, #3ec1fb 0%,#35b8f2 50%,#1495ce 100%); /* W3C */
}


.suggestionWrapper {
    margin:0;
    -webkit-border-radius:0px;
       -moz-border-radius:0px;
            border-radius:0px;
}


.infoBox-content .photoWrapper{right: 12px;}
.photoWrapper p{display: table-cell;    text-align: center;    vertical-align: middle;}
.photoWrapper img {width:64px;float:right;margin: 3px;}
.placeDetail {font-size: 11px;    height: 76px;    width: 166px;}
.placeDetail .release{font-size: 11px;}
.placeDetail p {font-size: 11px;    margin-bottom: 0;   padding: 14px 10px 10px;    width: 96%;}
.placeIcon {float:left;margin:3px 5px 0px 0px;}
.hotPromotion {min-height: 300px;padding:10px;}
.popularSearch {min-height: 300px;padding:10px;}
.profile img {}
h3.title {color:#ff9a01;}
.homeMenuWrapper {position: absolute;z-index: 6000;}
.border {border:1px solid #b0caff;padding:10px;}
.border1 {border:1px solid #BCBDBF;padding:10px;-webkit-border-radius:5px 5px 5px 5px ; -moz-border-radius: 5px 5px 5px 5px;    border-radius: 5px 5px 5px 5px;}
.border_table {border:1px solid #BBBCBE;-webkit-border-radius:5px 5px 5px 5px ; -moz-border-radius: 5px 5px 5px 5px;    border-radius: 5px 5px 5px 5px;}
#rightSide {
    width: 24.5%;
    /*margin-left: 1%;*/
    margin-left:8px;
}


             

/* Large desktop */
@media (min-width: 1200px){
    .row-fluid [class*="span"] .no-display{
        display:none;
    }
    .row-fluid [class*="span"] .no-display-important{
        display:none !important;
    }
    .instant_booking{
        width:24.5% !important;
        margin-left:1.1% !important;
    }
    /*-------------- fixed margin-right of submenu -------------------*/
    .fixed_submenu .subMenuWrapper {
        margin-right: 15px !important;
    }
    .border_grey{
        /*border: 1px solid #BCBEC0;*/
        -webkit-box-sizing: border-box; 
        -moz-box-sizing: border-box;    
        box-sizing: border-box;     
    }
}
/*----------------------------- Ipad Landscape ---------------------------*/
@media (min-width: 980px) and (max-width: 1199px) {
    .nav-tabs>li>a {padding-right: 1px !important;padding-left: 1px !important;}
        .change-back-size{
        background-size:100% 90% !important;
    }
    .marchants-movie .customer_info .customer_rate{
        margin-top:2px !important;
    }

    .popup{
        max-width:700px !important;
    }

    .row-fluid [class*="span"] .no-display{
        display:none;
    }
    .row-fluid [class*="span"] .no-display-important{
        display:none !important;
    }

    #formulaire .imageGallery{
        height:186px;
    }
    .notification .content .fannow .custom-check label{
        background-position:30px 1px !important;
    }
    .merchants_coupon_detail .coupon_detail,.merchants_coupon_detail .event_detail,.merchants_coupon_detail .movie_detail{
         background-size:28% 60%;
    }

    /*----------------- Instant booking --------------*/
    .instant_booking{
        width:24.5% !important;
        margin-left:1% !important;
    }
    .instant_booking .instant_booking_option{
        height:128px !important;
    }

/*-------------- fixed margin-right of submenu -------------------*/
.fixed_submenu .subMenuWrapper {
    margin-right: 15px !important;
}
/*.subMenuContainer_fix{width: 95.5% !important;}*/



    .tablet-land-span12,.tablet-land-span11,.tablet-land-span10,.tablet-land-span9,.tablet-land-span8,
    .tablet-land-span7,.tablet-land-span6,.tablet-land-span5
    ,.tablet-land-span4,.tablet-land-span3,.tablet-land-span2,.tablet-land-span1{
        float:left !important;
        /*margin-left:0px !important;*/
    }

    .tablet-land-float-right{
        float:right !important;
    }
    .tablet-land-float-left{
        float:left !important;
    }
    .hidden-tablet-land{
        display:none !important;
    }
    .tablet-land-marg-sm{
        margin-left:2.12766%;
    }
    .tablet-land-marg-md{
        margin-left:2.52766%%;
    }
    .tablet-land-marg-lg{
        margin-left:2.76243%;
    }

    .tablet-land-marg-left-26{
        margin-left:26px !important;
    }

    .tablet-land-center{
        text-align:center !important;
    }
    .tablet-land-land-right{
        text-align:right !important;
    }
    .tablet-land-left{
        text-align:left !important;
    }

  .tablet-land-padd-top-0{
    padding-top:0px !important;
  }

  .tablet-land-marg-top-0{
    margin-top:0px !important;
  }

  .tablet-land-span6-50p-full{
    width:50% !important;
  }
  .tablet-land-span12 {
    width: 100% !important;
    *width: 99.94680851063829% !important;
  }
  .tablet-land-span11 {
    width: 91.43646408839778% !important;
    *width: 91.38327259903608% !important;
  }
  .tablet-land-span10 {
    width: 82.87292817679558% !important;
    *width: 82.81973668743387% !important;
  }
  .tablet-land-span9 {
    width: 74.30939226519337% !important;
    *width: 74.25620077583166%;
  }
  .tablet-land-span8 {
    width: 65.74585635359117% !important;
    *width: 65.69266486422946% !important;
  }
  .tablet-land-span7 {
    width: 57.18232044198895% !important;
    *width: 57.12912895262725% !important;
  }
  .tablet-land-span6 {
    width: 48.61878453038674% !important;
    *width: 48.56559304102504% !important;
  }
  .tablet-land-span5 {
    width: 40.05524861878453% !important;
    *width: 40.00205712942283% !important;
  }
  .tablet-land-span4 {
    width: 31.491712707182323% !important;
    *width: 31.43852121782062% !important;
  }
  .tablet-land-span3 {
    width: 22.92817679558011% !important;
    *width: 22.87498530621841% !important;
  }
  .tablet-land-span2 {
    width: 14.3646408839779% !important;
    *width: 14.311449394616199% !important;
  }
  .tablet-land-span1 {
    width: 5.801104972375691% !important;
    *width: 5.747913483013988% !important;
  }

}

@media (max-width: 979px) {

    .rightPanel {
        right: 12px;    
    }
    .menuTop {display:none;}
    .search-bar-bg{background-color:rgb(230, 230, 230)}
    .search-box{width:100% !important;}
    /*.row-fluid [class*="span"]{margin-left:0px;}*/
    .inputs{
        width:258px;
        padding-right:0px;
        padding-left:0px;
        float:left;
        -webkit-box-shadow: 0 1px 10px #000;
           -moz-box-shadow: 0 1px 10px #000;
                box-shadow: 0 1px 10px #000;
    }
    .leftPanel {
       margin-left:0px;
    }
    .row-fluid [class*="span"] .no-display{
        display:none;
    }
    .row-fluid [class*="span"] .no-display-important{
        display:none !important;
    }
    .desktop-mobile-marg-sm{
        margin-left:2.12766%;
    }
    .desktop-mobile-marg-md{
        margin-left:2.52766%%;
    }
    .desktop-mobile-marg-lg{
        margin-left:2.76243%;
    }

    .change-back-size{
        background-size:100% 80% !important;
    }

 }
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
    .forgot-link {font-size: 15px;}
    .menuBottom {display: none;}
    .nav-tabs>li>a {font-size: 14px !important;padding-right: 1px !important;padding-left: 1px !important;}

    /*------------------- Edit Profile --------------------*/

    .edit-acc .edit-button .span8{
        width: 82.87292817679558% !important;
        *width: 82.81973668743387% !important;
    }

   
    /*------------------*/
    .tab-listing .movie-back{
        background-size:130px 82px !important;
    }
    .tab-listing .event-back{
        background-size:130px 82px !important;
    }
    .tab-listing .coupon-back{
        background-size:130px 82px !important;
    }

    /*------------------------ Friend ----------------------------*/

   
    .row-fluid [class*="span"] .no-display{
        display:none;
    }
    .row-fluid [class*="span"] .no-display-important{
        display:none !important;
    }

   

    .popup{
        max-width:600px !important;
    }
    .popup .back-event{
        height:850px;
    }
    .popup .back-movie{
        height:850px;
    }


    .popup .back-coupon{
        height:850px;
    }

    #formulaire .imageGallery{
        height:186px;
    }

    .merchants_coupon_detail .coupon_detail,.merchants_coupon_detail .event_detail,.merchants_coupon_detail .movie_detail{
         background-size:25% 50%;
    }

    .notification .content .fannow .custom-check label{
        background-position:30px 0px !important;
    }
    .notification .content .fannow input[type="text"]{
        width:70%;
    }



    /*------------ image slide show ---------------*/
    .carousel-indicators{
        right:1px;
    }
    .slideWrapper .carousel-inner{
        -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
        -moz-box-sizing: border-box;    /* Firefox, other Gecko */
        box-sizing: border-box;         /* Opera/IE 8+ */    
    }





    .tablet-span12,.tablet-span11,.tablet-span10,.tablet-span9,.tablet-span8,.tablet-span7,.tablet-span6,.tablet-span5
    ,.tablet-span4,.tablet-span3,.tablet-span2,.tablet-span1{
        float:left !important;
        /*margin-left:0px !important;*/
    }

    .tablet-float-right{
        float:right !important;
    }
    .tablet-float-left{
        float:left !important;
    }

    .tablet-marg-sm{
        margin-left:2.12766%;
    }
    .tablet-marg-md{
        margin-left:2.52766%%;
    }
    .tablet-marg-lg{
        margin-left:2.76243%;
    }

    .tablet-center{
        text-align:center !important;
    }
    .tablet-right{
        text-align:right !important;
    }
    .tablet-left{
        text-align:left !important;
    }

    .change-back-size{
        background-size:100% 80% !important;
    }

  .tablet-padd-top-0{
    padding-top:0px !important;
  }
  .tablet-padd-top-10{
    padding-top:10px !important;
  }
  .tablet-padd-top-5{
    padding-top:5px !important;
  }
  .tablet-marg-top-0{
    margin-top:0px !important;
  }
  .tablet-marg-left-0{
    margin-left:0px !important;
  }
  .tablet-padd-left-5{
    padding-left:5px !important;
  }
  .tablet-padd-left-25{
    padding-left:25px !important;
  }

  .tablet-span6-50p-full{
    width:50% !important;
  }
  .tablet-span12 {
    width: 100% !important;
    *width: 99.94680851063829% !important;
  }
  .tablet-span11 {
    width: 91.43646408839778% !important;
    *width: 91.38327259903608% !important;
  }
  .tablet-span10 {
    width: 82.87292817679558% !important;
    *width: 82.81973668743387% !important;
  }
  .tablet-span9 {
    width: 74.30939226519337% !important;
    *width: 74.25620077583166%;
  }
  .tablet-span8 {
    width: 65.74585635359117% !important;
    *width: 65.69266486422946% !important;
  }
  .tablet-span7 {
    width: 57.18232044198895% !important;
    *width: 57.12912895262725% !important;
  }
  .tablet-span6 {
    width: 48.61878453038674% !important;
    *width: 48.56559304102504% !important;
  }
  .tablet-span5 {
    width: 40.05524861878453% !important;
    *width: 40.00205712942283% !important;
  }
  .tablet-span4 {
    width: 31.491712707182323% !important;
    *width: 31.43852121782062% !important;
  }
  .tablet-span3 {
    width: 22.92817679558011% !important;
    *width: 22.87498530621841% !important;
  }
  .tablet-span2 {
    width: 14.3646408839779% !important;
    *width: 14.311449394616199% !important;
  }
  .tablet-span1 {
    width: 5.801104972375691% !important;
    *width: 5.747913483013988% !important;
  }

}

/* Landscape phone to portrait tablet */
@media (max-width: 767px){
    .frm-search {
        margin-bottom: 0 !important;
    }
        .menuBottom {display: none;}
        /*.leftPanel {}*/
        .logo {width:30%;margin-top:10px;}
        #locationInnerWrapper {position:absolute;}
        .menuTop {padding-top:2px !important;padding-bottom:0px !important;}
        .currentLocationInner {margin-top:-2px !important;}
        .currentIcon {margin-top: -2px;}
           .nav-tabs>li>a {font-size: 12px !important;padding-right: 1px !important;padding-left: 1px !important;}
  

    /*------------------- End Edit Profile --------------------*/



        /*------------------- Fixed Submenu Reposive --------------*/

        #subMenuIndex {
            padding-left:20px !important;
        }
        #subMenuIndex li{
            background-position:0px 5px !important;
        }
        #subMenuIndex li a{
            padding-bottom:0px !important;
            padding-top:0px !important;
            padding-left:25px !important;
        }
        #subMenuIndex .coupon a{
            padding-left:15px !important;
        }


/*--------------------- Customer Feedback -------------------*/
/*------- Movie --------*/


    .row-fluid [class*="span"] .no-display{
        display:none;
    }
    .row-fluid [class*="span"] .no-display-important{
        display:none !important;
    }

        /*------------------- Responsive on mobile lanscape --------------------*/

        .tablet-mobile-span12,.tablet-mobile-span11,.tablet-mobile-span10,.tablet-mobile-span9,.tablet-mobile-span8,
        .tablet-mobile-span7,.tablet-mobile-span6,.tablet-mobile-span5,.tablet-mobile-span4,.tablet-mobile-span3,.tablet-mobile-span2,
        .tablet-mobile-span1,.tablet-mobile-span6-50p-full{
            float:left !important;
        }
    .tablet-mobile-float-right{
        float:right !important;
    }
    .tablet-mobile-float-left{
        float:left !important;
    }
    .tablet-mobile-padd-lr-0{
        padding-left:0px !important;
        padding-right:0px !important;
    }

    .tablet-mobile-padd-left-20{
        padding-left:20px !important;
    }
    .tablet-mobile-padd-left-10{
        padding-left:10px !important;
    }
    .tablet-mobile-no-display{
        display:none !important;
    }
    .tablet-mobile-display{
        display:block !important;
    }
  .tablet-mobile-marg-top-0{
    margin-top:0px !important;
  }
    .tablet-mobile-marg-top-5{
        margin-top:5px !important;
    }
    .tablet-mobile-marg-sm{
        margin-left:2.12766% !important;
    }
    .tablet-mobile-marg-md{
        margin-left:2.52766% !important;
    }
    .tablet-mobile-marg-lg{
        margin-left:2.76243% !important;
    }

    .tablet-mobile-center{
        text-align:center !important;
    }
    .tablet-mobile-right{
        text-align:right !important;
    }
    .tablet-mobile-left{
        text-align:left !important;
    }
        .t-m-padd-left-10{
            padding-left:10px !important;
        }

    .tablet-mobile-span6-50p-full{
        width:50% !important;
    }
      .tablet-mobile-span12 {
        width: 100% !important;
        *width: 99.94680851063829% !important;
      }
      .tablet-mobile-span11 {
        width: 91.43646408839778% !important;
        *width: 91.38327259903608% !important;
      }
      .tablet-mobile-span10 {
        width: 82.87292817679558% !important;
        *width: 82.81973668743387% !important;
      }
      .tablet-mobile-span9 {
        width: 74.30939226519337% !important;
        *width: 74.25620077583166% !important;
      }
      .tablet-mobile-span8 {
        width: 65.74585635359117% !important;
        *width: 65.69266486422946% !important;
      }
      .tablet-mobile-span7 {
        width: 57.18232044198895% !important;
        *width: 57.12912895262725% !important;
      }
      .tablet-mobile-span6 {
        width: 48.61878453038674% !important;
        *width: 48.56559304102504% !important;
      }
      .tablet-mobile-span5 {
        width: 40.05524861878453% !important;
        *width: 40.00205712942283% !important;
      }
      .tablet-mobile-span4 {
        width: 31.491712707182323% !important;
        *width: 31.43852121782062% !important;
      }
      .tablet-mobile-span3 {
        width: 22.92817679558011% !important;
        *width: 22.87498530621841% !important;
      }
      .tablet-mobile-span2 {
        width: 14.3646408839779% !important;
        *width: 14.311449394616199% !important;
      }
      .tablet-mobile-span1 {
        width: 5.801104972375691% !important;
        *width: 5.747913483013988% !important;
      }
}


/*------------------- End Responsive on mobile lanscape --------------------*/

/* Landscape phones and down */
@media (max-width: 480px) { 
	.menuBottom {display: none;}
    #left-panel {width: 100% !important;} 
    .nav-tabs>li {width: 50% !important;}  

    /*------------------- Edit Profile --------------------*/
        /*span8 to span 7*/
        .acc-set-calen .gray-border .span8{
            width: 57.18232044198895%;
            *width: 57.12912895262725%;
            float:left;
        }
        /*span4 to span5*/
        .acc-set-calen .gray-border .span4{
            width: 40.05524861878453%;
            *width: 40.00205712942283%;
            float:left;
        }
        /*span 6 to span8  edit-form-full ( textbox , save , cancel )*/
        .edit-acc .row-edit .span6{
            width: 65.74585635359117% !important;
            *width: 65.69266486422946% !important;
            /*float:left;*/
        }
        /* --- span8 to span 12 --- div containt save and cancel*/
        .edit-acc .row-edit .edit-button .span8{
            width: 100% !important;
            *width: 99.94680851063829% !important;
            /*float:left;*/
        }
        /* --- span8 to span 12 --- div containt save and cancel*/
        .edit-acc .row-edit .edit-button .span8 .row-fluid .span6{
            width: 48.61878453038674% !important;
            *width: 48.56559304102504% !important;
        }
        /*--- span3 to span1 button edit*/
        .edit-acc .row-edit .cmdEdit.span3{
            width: 5.801104972375691% !important;
            *width: 5.747913483013988% !important;
            /*float:left;*/
        }
        .edit-acc .row-edit .span3:first-child{
            width:27.9282% !important;
        }

    /*------- span3 width still span3 width not to 100% ---------*/

        .change-back-size{
            background-size:100% 65% !important;
        }

        .change-back-size p{
            max-height:80px;
            overflow:hidden;
        }

        .change-back-size .padd-lr-30{
            padding-right:0px !important;
            padding-left: 0px !important;
        }

    .row-fluid [class*="span"] .no-display{
        display:none;
    }
    .row-fluid [class*="span"] .no-display-important{
        display:none !important;
    }

/*------------------------------ Marchants -------------------------*/

.menu-in-row li a span{
    padding-right:4px;
    padding-left:2px;
}


/*------------------- Responsive on mobile portrait --------------------*/

   
  .mobile-span12 {
    width: 100% !important;
    *width: 99.94680851063829% !important;
  }
  .mobile-span11 {
    width: 91.43646408839778% !important;
    *width: 91.38327259903608% !important;
  }
  .mobile-span10 {
    width: 82.87292817679558% !important;
    *width: 82.81973668743387% !important;
  }
  .mobile-span9 {
    width: 74.30939226519337% !important;
    *width: 74.25620077583166% !important;
  }
  .mobile-span8 {
    width: 65.74585635359117% !important;
    *width: 65.69266486422946% !important;
  }
  .mobile-span7 {
    width: 57.18232044198895% !important;
    *width: 57.12912895262725% !important;
  }
  .mobile-span6 {
    width: 48.61878453038674% !important;
    *width: 48.56559304102504% !important;
  }
  .mobile-span5 {
    width: 40.05524861878453% !important;
    *width: 40.00205712942283% !important;
  }
  .mobile-span4 {
    width: 31.491712707182323% !important;
    *width: 31.43852121782062% !important;
  }
  .mobile-span3 {
    width: 22.92817679558011% !important;
    *width: 22.87498530621841% !important;
  }
  .mobile-span2 {
    width: 14.3646408839779% !important;
    *width: 14.311449394616199% !important;
  }
  .mobile-span1 {
    width: 5.801104972375691% !important;
    *width: 5.747913483013988% !important;
  }

/*------------------- End Responsive on mobile portrait --------------------*/

}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {

    .popup .close-button{
        margin-top:30px;
    }
    .popup .space{
        margin-top:0px;
    }
    .popup .back-event{
        height:770px;
    }
    .popup .back-movie{
        height:770px;
    }
    .popup .back-coupon{
        height:770px;
    }
    .ms-mobile-padd-top-0{
        padding-top:0px !important;
    }
    .ms-mobile-padd-top-10{
        padding-top:15px !important;
    }

}

/*---------------------------------------------------- new media query ------------------------------------------*/

a.common-link{
  color: #0293ef !important;
}
a.common-link:hover{
  color: #0000dd !important;
}