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

.search-icon {margin-left: -27px; height: 24px; width : 26px; cursor: pointer;opacity: 0.8;}
.search-icon:hover {opacity: 1;}

h2, h3{
   line-height: 22px; 
}

h3 {
    font-size: 20px;
}

h4 {
    line-height: 10px;
    font-size: 16px;
}


/*----------------------------------- Globel Setting -----------------------------------------*/
form{
    margin: 0 20px;
}

.modal-body form{
    margin: 0 5px;
}

#frm_filter{
    margin: 0;
}

.font-20{
    font-size:20px !important;
}
.font-18{
    font-size:18px !important;
}
.font-16{
    font-size:16px !important;
}
.font-15{
    font-size:15px !important;
}
.font-14{
    font-size:14px !important;
}
.font-13{
    font-size:13px !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;
}


.f-right, .float-right, .float-lbl{
    float:right !important;
}
.f-left, .float-left{
    float:left !important;
    clear: both;
}
.float-none{
    float:none !important;    
}

.textRight, .right, .lbl{
    text-align:right !important;
}
.lbl span{
    float: right;
    padding-right: 9px;
    padding-left: 5px;
}
.textLeft, .left{
    text-align:left !important;
}
.textCenter, .center{
    text-align:center !important;
}

select.center{
    text-align:center !important;
    text-align-last: center;
}

.h-center, table.center {
    margin: 0 auto; /* or margin: 0 auto 0 auto */
}

.h-center-5p, table.center-5p {
    margin: 5% auto !important; 
}

.italic{
    font-style: italic !important;
}

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




/*---------------------- Position & Display ------------------------*/
.vcollapse{
    visibility: collapse !important;
}

.no-display, .display_none{
    display:none !important;
}

.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;
}

.black{
    color:black;   
}


.grey{color: #999;}
.greyx{color: #777;}
.li-grey{ color: #aaa !important; }

.header-blue{ color:#0293ef; }
.blue { color: #0293ef !important; }
.li-blue{ color:rgba(0, 156, 255, 0.74); }


.green, .Approved, .Finished {
    color: #31a823 !important;
}
.red, .Reject, .invalid, .Check{
    color: #f22222 !important;
}

.pink.active{
   color: #f77 !important; 
}

.pink{
   color: #faa !important; 
}


.red_dark{
   color: #ff7777 !important;
}

.brown{
    color: #964B00 !important;
}

.navy{
    color: #000099 !important;
}

.orange{
    color: #FF7711 !important;
}

.gold, .goldkey{
    color: #ddaa11 !important;
}

.yellow, .Pending-1, .Pending-2, .Pending{
    color: #d0aa00 !important;
}

.selected .yellow{
    color: #ffff00 !important; 
}

.bgwhite{
    background: #ffffff !important;
}

.bg-li-blue{
    background: #99f !important;
}

.bgblue{
    background: #2222f2 !important;
}

.bggold{
    background: #FFDF00 !important;
}
.bgred, .bgfail{
    background: #f22222 !important;
}
.bgpink, tr.bgpink th{
   background: #ffbbbb !important; 
}
.bggreen, .bgsuccess, tr.bggreen th{
    background: #7A0 !important;
}
.bgyellow{
    background: #ffee77 !important;
}
.bgyellow_soft{
    background: #ffeedd !important;
}

.bgyellow_li{
    background: #fefecc !important; 
}
 
.bggrey{background-color: grey !important;}

.bg-li-grey{
    background: #ccc !important;
}

.bgsuccess a, .bgfail a{
    color: #00F !important;
}

.header_title{
    background: #34658c  !important;
    color: #fff;
    line-height: 27px;
}
/*--- make span6 50% full for all device*/
.span6-50p-full{
    width:50% !important;
    float:left !important;
}


/*------------------------ Border Style -----------------------*/
.border-bottom{
    border-bottom:1px solid #0f5fbb; !important;
}

.border-gray{
    border:1px solid #DBDBDB !important;
}
.border-navy-r16{
    border:1px solid #009 !important;
    border-radius:16px;
}
.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 ;
}

/*------------------------ End Border Style -----------------------*/

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

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

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

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

.min-height-20, .min-height, .min-height div{
    min-height:20px !important;
}

.row-fluid [class*="span"], .row, .row .span12, .row .span4 {
    margin-left: 0 !important;
    *margin-left: 0 !important;
}

.row, .row .span12 {
    width: 100%;
}


.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: 2px;
    color: #0293ef;
    cursor: pointer;
}
.div_click:hover{
    background-color: #fff;
}
.show_detail_click{
     cursor: pointer;
     text-decoration: underline;
}
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;
}
.line-height-0{
    /*line-height:10px !important;*/
    line-height:normal;
}

.line-height-10{
    line-height: 10px !important;
}

.line-hight30, .lh30 {
    line-height: 30px;
}

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

.ic-status{
    width:12px !important;
    height:12px;
    padding:3px 5px;
}
.ic-status-m{
    width:15px !important;
    height:15px;
    padding:3px 5px;
}

.w0{
    width:0px !important;
}

.w5{
    width:5px !important;
}

.width-10, .w10{
    width:10px !important;
}

.lr-10{
    padding: 0 10px;
}




.w12{
    width:12px !important;
}

.w15{
    width:15px !important;
}

.w18{
    width:18px !important;
}

.w20{
    width:20px !important;
}

.w25{
    width:25px !important;
}

.w30{
    width:30px !important;
}

.width-40, .w40{
    width:40px !important;
}
.width-50, .w50{
    width:50px !important;
}
.width-60, .w60{
    width:60px !important;
}
.width-70, .w70{
    width:70px !important;
}
.width-80, .w80{
    width:80px !important;
}
.width-90, .w90{
    width:90px !important;
}
.width-100, .w100{
    width:100px !important;
}
.width-105, .w105{
    width:105px !important;
}

.width-110, .w110{
    width:110px !important;
}

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

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

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

.width-180, .w180{
    width:180px !important;
}

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

.w250{
    width:250px !important;
}

.w300{
    width:300px !important;
}

.width-3c{
    width:3% !important;
}
.width-4c{
    width:4% !important;
}
.width-5c{
    width:5% !important;
}

.width-6c{
    width:6% !important;
}

.width-7c{
    width:7% !important;
}

.width-8c{
    width:8% !important;
}

.width-9c{
    width:9% !important;
}

.width-10c{
    width:10% !important;
}
.width-11c{
    width:11% !important;
}
.width-12c{
    width:12% !important;
}
.width-13c{
    width:13% !important;
}
.width-14c{
    width:14% !important;
}

.width-15c{
    width:15% !important;
}

.width-17c{
    width:17% !important;
}
.width-18c{
    width:18% !important;
}

.width-20c{
    width:20% !important;
}

.width-22c{
    width:22% !important;
}

.width-23c{
    width:23% !important;
}

.width-25c{
    width:25% !important;
}

.width-27c{
    width:27% !important;
}

.width-30c{
    width:30% !important;
}

.width-35c{
    width:35% !important;
}

.width-40c{
    width:40% !important;
}

.width-45c{
    width:45% !important;
}

.width-50c{
    width:50% !important;
}
.width-55c{
    width:55% !important;
}
.width-60c{
    width:60% !important;
}
.width-70c{
    width:70% !important;
}
.width-75c{
    width:75% !important;
}
.width-80c{
    width:80% !important;
}
.width-85c{
    width:85% !important;
}
.width-90c{
    width:90% !important;
}
.width-95c{
    width:95% !important;
}

.width-100c{
    width:100% !important;
}

.hid-80-40{
    width:80px !important;
}

.minwidth-50{
    min-width:50px !important;   
}
.minwidth-100{
    min-width:100px !important;   
}

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

.minwidth-140{
    min-width:140px !important;   
}

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

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

.minwidth200{
    min-width:200px !important;   
}
.minwidth250{
    min-width:250px !important;   
}

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

.minwidth350{
    min-width:350px !important;   
}


.max-w375{
    max-width:375px !important;   
}

.max-w480{
    max-width:480px !important;   
}

.max-w667{
    max-width:667px !important;   
}
.max-w768{
    max-width:768px !important;   
}
.max-w1024{
    max-width:1024px !important;   
}


.div30c, .div30p{
    width:30% !important;
}

.div35c, .div35p{
    width:35% !important;
}

.div40p{
    width:40% !important;
}
.div_xc, .div15p{
   width:15% !important; 
}

.div20c, .div20p{
    width:20% !important;
}
.div10c, .div10p{
    width:10% !important;
}

.div40c{
    width:40% !important;
}
.div45c{
    width:45% !important;
}
.div50c, .div50m, .div50p{
    width:50% !important;
}
.div55c{
    width:55% !important;
}
.div60c, .div60p{
    width:60% !important;
}
.div65c{
    width:65% !important;
}
.div70c, .div70p{
    width:70% !important;
}
.div80c, .div80p{
    width:80% !important;
}
.div85c, .div85p{
    width:85% !important;
}

.div90c, .div90c{
    width:90% !important;
}

.div100c{
    width:100% !important;
}

.div200{
    width:200px !important;
    float: left;
}

.div150{
    width:150px !important;
    float: left;
}

.div120{
    width:120px !important;
    float: left;
}

.div100{
    width:100px !important;
    float: left;
}

div .t75c table{
    width: 75%;
}

div .t90c table{
    width: 90%;
}

input[type=submit]{
    width:60%;
}
input[type=button].cancel{
    width:40%;
}
    

.row-fluid [class*="div"] {
    float: left;
}

.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;
}

.icon20{
    width:20px;
    height:20px;
    padding: 2px;
}

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

.scale1-3{
    transform: scale(1.3, 1.3);
}

.scale1-5{
    transform: scale(1.5, 1.5);
}

.scale1-7{
    transform: scale(1.7, 1.7);
}

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


.overflowhidden {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.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 -----------------------------------------*/

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;
}


.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;
}

/*------------------------------------- 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 --------------------------*/

.p0{
    padding: 0px !important;
}
/*----------------- Padding Top--------------*/

.p-top-2m{
        padding-top: 20px !important;
}

.padd-top-0{
    padding-top:0px !important;
}
.padd-top-3{
    padding-top:3px !important;
}
.padd-top-5, .pt5{
    padding-top:5px !important;
}
.p-top-7, .pt7{
    padding-top:7px !important;
}
.pt8{
    padding-top:8px !important;
}
.padd-top-10, .pt10{
    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, .pb10{
    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;
}
.pb40{
    padding-bottom:40px !important;
}
/*----------------- Padding Left --------------*/
.padd-left-0, .pl0{
    padding-left:0px !important;
}
.padd-left-5, .pl5{
    padding-left:5px !important;
}
.padd-left-10, .pl10{
    padding-left:10px !important;
}
.padd-left-15, .pl15{
    padding-left:15px !important;
}
.padd-left-20, .pl20{
    padding-left:20px !important;
}
.padd-left-30, .pl30{
    padding-left:30px !important;
}
.pl40{
    padding-left:40px !important;
}
.pl45{
    padding-left:45px !important;
}
.pl50{  
    padding-left:50px !important;
}
.pl60{  
    padding-left:60px !important;
}
.pl70{  
    padding-left:70px !important;
}

.pl20p{
     padding-left:20% !important;
}
.pl30p{
     padding-left:30% !important;
}

/*----------------- Padding Right --------------*/
.padd-right-0, .pr0{
    padding-right:0px !important;
}
.padd-right-4{
    padding-right:4px !important;
}
.padd-right-5, .pr5{
    padding-right:5px !important;
}
.padd-right-10, .pr10{
    padding-right:10px !important;
}
.padd-right-15m, .pr15{
    padding-right:15px !important;
}
.padd-right-20, .pr20{
    padding-right:20px !important;
}
.padd-right-30, .pr30{
    padding-right:30px !important;
}
.padd-right-40, .pr40{
    padding-right:40px !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, .plr5{
    padding-left:5px !important;
    padding-right:5px !important;
}
.padd-lr-10, .plr10{
    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--------------*/
.m10{
    margin:10px !important;
}
/*----------------- Margin Top--------------*/
.marg-top-0, .mt0{
    margin-top:0px !important;
}
.marg-top-5, .mt5{
    margin-top:5px !important;
}

.marg-top-10, .mt10{
    margin-top:10px !important;
}
.marg-top-15{
    margin-top:15px !important;
}
.marg-top-20, .mt20{
    margin-top:20px !important;
}
.marg-top-25{
    margin-top:25px !important;
}
.marg-top-30, .mt30{
    margin-top:30px !important;
}
/*----------------- Margin Bottom --------------*/
.marg-bottom-0, .mb0{
    margin-bottom:0px !important;
}
.marg-bottom-5, .mb5{
    margin-bottom:5px !important;
}
.marg-bottom-10, .mb10{
    margin-bottom:10px !important;
}
.marg-bottom-15, .m15{
    margin-bottom:15px !important;
}
.marg-bottom-20, .mb20{
    margin-bottom:20px !important;
}
.mb30{
    margin-bottom:30px !important;
}

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

.marg-tb-0, .mtb0{
    margin-top:0px !important;
    margin-bottom:0px !important;
}
.marg-tb-5, .mtb5{
    margin-top:5px !important;
    margin-bottom:5px !important;
}
.marg-tb-10, .mtb10{
    margin-top:10px !important;
    margin-bottom:10px !important;
}
.marg-tb-15, .mtb15{
    margin-top:15px !important;
    margin-bottom:15px !important;
}
.marg-tb-20, .mtb20{
    margin-top:20px !important;
    margin-bottom:20px !important;
}
.marg-tb-30, .mtb30{
    margin-top:30px !important;
    margin-bottom:30px !important;
}
 
/*----------------- Margin Left Righ --------------*/
 
.marg-lr-0, .mlr0{
    margin-left:0px !important;
    margin-right:0px !important;
}
.marg-lr-5, .mlr5{
    margin-left:5px !important;
    margin-right:5px !important;
}
.marg-lr-10, .mlr10{
    margin-left:10px !important;
    margin-right:10px !important;
}
.marg-lr-15, .mlr15{
    margin-left:15px !important;
    margin-right:15px !important;
}
.marg-lr-20, .mlr20{
    margin-left:20px !important;
    margin-right:20px !important;
}
.marg-lr-30, .mlr30{
    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, .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, .mr30{
    margin-right:30px !important;
}
.mr50{
    margin-right:50px !important;
}
.mr100{
    margin-right:100px !important;
}
 
/*---------------------------- End TeMargin & Paddingxt Setting -------------------------- */


/*------------------------------------- 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 ------------------------------------------*/






/*---------------------------------- End Overwrite -----------------------------*/


/*-------------------------- 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;
}




/*------------------------------------- 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;}

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;}
.underline {text-decoration: underline;}
.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;
}

#rightSide {
    width: 24.5%;
    /*margin-left: 1%;*/
    margin-left:8px;
}



.row-fluid [class*="span"]{
    min-height: 25px;
}

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

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

/* Large desktop */
@media (min-width: 1300px){
    .hid-70-40{
        width:90px !important;
    }

    .row [class*="span"] .offset2 {
        margin-left: 300px !important;
    }
}

@media (min-width: 1200px) and (max-width: 1299px) {
    .hid-70-40{
        width:55px !important;
    }

}
/* 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;     
    }

    .modal {
        left: 57% !important;
    }

   

    .row .span4 {
        width: 320px;
    }
    .row .span3{
        width: 230px;
    }

}

.modal_x, .modal_m {
    width:70%;
    margin: 0 auto;
    left: 15% !important;
    right: auto;
}


.modal_s {
    width:50%;
    margin: 0 auto;
    left: 25% !important;
    right: auto;
}

.modal_ss {
    width:30%;
    margin: 0 auto;
    left: 35% !important;
    right: auto;
}
/*----------------------------- Ipad Landscape ---------------------------*/
@media (min-width: 980px) and (max-width: 1200px) {
    .hid-70-40{
        width:55px !important;
    }   
    .modal_x, .modal_m {
        width:80%;
        left: 10% !important;
    }

    .modal_s, .modal_ss {
        width:70%;
        left: 15% !important;
    }

    .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) {
    .total_info, .paystep table{
        font-size: 13px;
    }

    .hid-70-40{
        width:55px !important;
    }

    .modal_x, .modal_m {
        width:90%;
        left: 5% !important;
    }

    .modal_s, .modal_ss {
        width:70%;
        left: 15% !important;
    }

    .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;
    }

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

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


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

    #formulaire .imageGallery{
        height:186px;
    }



    /*------------ image slide show ---------------*/

    .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){
    
    h2, h3, h4{
      padding: 0 20px;
    }

    .frm-search {
        margin-bottom: 0 !important;
    }
    .lbl{
        text-align: left !important;
        clear: both;
    }

    input[type=submit]{
        width:70%;
    }
    input[type=button].cancel{
        width:50%;
    }


    .div_xc{
       width:20% !important; 
    }

    .div30c, .div20c{
    width:40% !important;
    }

    .div70c{
    width:90% !important;
    }
    .div-add{
        width: 100% !important;
    }
    .float-lbl{
        float:none !important;
    }
    .menuBottom {display: none;}
    .hid-70-40{
        width:55px !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) {
    .total_info, .paystep table{
        font-size: 12px;
    } 
    h2{
      padding: 0 10px;
    }
    
    input[type=submit]{
        width:80%;
    }
    input[type=button].cancel{
        width:70%;
    }

    .div_xc{
         width:25% !important;
    }
    .hid-70-40{
        width:55px !important;
    }
    .div70c{
    width:90% !important;
    }

    .div30c{
        width:50% !important;
    }

    .div20c{
        width:40% !important;
    }
    .div-add{
        width: 100% !important;
    }

    .modal_xs, .modal_s, .modal_ss{
        width:90% !important;
        left: 5% !important;
        margin: 0 auto;
        right: auto;
    }

    .div50m{
        width:80% !important;
    }
    .p-top-2m{
        padding-top: 60px !important;
    }

	.menuBottom {display: none;}
    #left-panel {width: 100% !important;} 
    .nav-tabs>li {width: 50% !important;}  

    

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

    
/*------------------- 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 --------------------*/

}

@media (max-width: 380px) {
    .total_info, .paystep table{
        font-size: 11px;
    } 
}

.total_info{
    line-height: 25px;
    display: table;
    padding: 0 2px;
    white-space: nowrap;
}

/* -- override bootrap -- */
ul, ol {
    margin: 0 0 10px;   
}

mark{
    color: inherit;
}
.z-index-100{
    z-index: 100 !important;
};