body { display: table; width: 100%; height: 100%; }
.processing { position: fixed; width: 120px; height: 120px; z-index: 1000 }
.processing img { width: 120px; }
.divshare { margin-top: 10px; }
.Message_trom { font-weight: b; font-size: 16px; color: #FFF; background: #000; padding: 10px; text-align: center; margin-bottom: 10px; border-radius: 10px; display: none }
.over_clear { overflow: hidden }
#highlineover { width: 100%; height: 100%; position: absolute; }
.highlineover { background: #333; opacity: 0.7; width: 100%; height: 100%; position: fixed; z-index: 100; }
#highlineover .note { position: absolute; z-index: 1100; margin-top: 5px; background: #FF6; background-size: 20px; color: #06F; font-size: 16px; padding: 5px 0; text-align: center }
.arrownote { float: right; background: url(images/down-arrow.gif) right no-repeat; background-size: 40px; display: inline-block; width: 50px; height: 80px; margin-right: 20px; margin-bottom: -10px; }
.callback { margin-left: 30px; }
.onhighline { z-index: 1000; position: relative; -webkit-box-shadow: 0px 0px 5px 1px rgba(255,234,0,1); -moz-box-shadow: 0px 0px 5px 1px rgba(255,234,0,1); box-shadow: 0px 0px 5px 1px rgba(255,234,0,1); background: #fff }
.Message_thantai { font-weight: b; font-size: 16px; color: #FFF; background: #E70309; padding: 10px; text-align: center; margin-bottom: 10px; border-radius: 10px; display: none }
#main .pcontent >div { background-color: transparent }
#contentmodule { background-color: transparent }
.lgFacebook { background: url("http://isale.vn/Source/Images/facebook-login.png") no-repeat }
.profile { display: inline-block; width: 40%; }
.nameUser { font-size: 16px; font-weight: bold; color: #17659D; overflow: hidden }
.user_avata { margin-right: 10px; }
.level_bank { -moz-box-shadow: 0px 0px 0px 2px #fff6af; -webkit-box-shadow: 0px 0px 0px 2px #fff6af; box-shadow: 0px 0px 0px 2px #fff6af; background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffab23)); background: -moz-linear-gradient(top, #ffec64 5%, #ffab23 100%); background: -webkit-linear-gradient(top, #ffec64 5%, #ffab23 100%); background: -o-linear-gradient(top, #ffec64 5%, #ffab23 100%); background: -ms-linear-gradient(top, #ffec64 5%, #ffab23 100%); background: linear-gradient(to bottom, #ffec64 5%, #ffab23 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23', GradientType=0);
background-color: #ffec64; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; border: 1px solid #ffaa22; color: #ff0000; font-family: Arial; font-size: 18px; text-align: center; text-decoration: none; text-shadow: 0px 1px 0px #ffee66; width: 150px; margin-top: 10px; }
.leval_trom { -moz-box-shadow: inset 0px 1px 0px 0px #a4e271; -webkit-box-shadow: inset 0px 1px 0px 0px #a4e271; box-shadow: inset 0px 1px 0px 0px #a4e271; background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #89c403), color-stop(1, #77a809)); background: -moz-linear-gradient(top, #89c403 5%, #77a809 100%); background: -webkit-linear-gradient(top, #89c403 5%, #77a809 100%); background: -o-linear-gradient(top, #89c403 5%, #77a809 100%); background: -ms-linear-gradient(top, #89c403 5%, #77a809 100%); background: linear-gradient(to bottom, #89c403 5%, #77a809 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#89c403', endColorstr='#77a809', GradientType=0);
background-color: #89c403; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; border: 1px solid #74b807; display: inline-block; color: #000; font-family: Arial; font-size: 18px; text-align: center; text-decoration: none; text-shadow: 0px 1px 0px #ffee66; width: 150px; margin-top: 10px; }
.oveLightBox { position: absolute; top: 0; width: 100%; height: 100%; background: url(images/bgoverlight.png); }
.choseSLmua { display: table; margin: 0 auto; background: #FFF; min-height: 120px; border-radius: 10px; position: relative; min-width: 320px; width: 90%; max-width: 600px; ; opacity: 0.3; margin-top: 300px; }
.btnclosechoseSLmua { display: inline-block; width: 20px; height: 20px; margin-top: -15px; margin-right: -15px; right: 0; top: 0; position: absolute; background-color: #ffc; border-radius: 15px; color: #F00; border: 2px solid #F00; text-align: center; line-height: 20px; font-size: 18px; }
.choseSLmua .content { text-align: center; padding: 10px; }
.choseSLmua .content button { width: 50px; height: 30px; line-height: 30px; font-size: 16px; display: inline-block; margin: 5px; background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #33bdef), color-stop(1, #019ad2)); background: -moz-linear-gradient(top, #33bdef 5%, #019ad2 100%); background: -webkit-linear-gradient(top, #33bdef 5%, #019ad2 100%); background: -o-linear-gradient(top, #33bdef 5%, #019ad2 100%); background: -ms-linear-gradient(top, #33bdef 5%, #019ad2 100%); background: linear-gradient(to bottom, #33bdef 5%, #019ad2 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#33bdef', endColorstr='#019ad2', GradientType=0);
background-color: #33bdef; border: 1px solid #057fd0; text-shadow: 0px -1px 0px #5b6178; cursor: pointer; color: #fff; }
.dayso { font-size: 24px; font-weight: bold; letter-spacing: 2px; }
.tpvsLoginbox { margin: 20px 0; text-align: center; font-size: 24px }
.btnloginfa { background: url(images/login-facebook.png) no-repeat; width: 250px; height: 50px; line-height: 50px; text-indent: -800px; display: inline-block; overflow: hidden }
.btnlogingoogle { background: url(images/btngoogle.png) no-repeat; width: 250px; height: 50px; line-height: 50px; text-indent: -800px; display: inline-block; overflow: hidden }
.infoUser { background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, #FCFCFC), color-stop(1, #F2F2F2) ); background-image: -o-linear-gradient(bottom, #FCFCFC 0%, #F2F2F2 100%); background-image: -moz-linear-gradient(bottom, #FCFCFC 0%, #F2F2F2 100%); background-image: -webkit-linear-gradient(bottom, #FCFCFC 0%, #F2F2F2 100%); background-image: -ms-linear-gradient(bottom, #FCFCFC 0%, #F2F2F2 100%); background-image: linear-gradient(to bottom, #FCFCFC 0%, #F2F2F2 100%); border: 1px solid #eaeaea; border-radius: 5px; padding: 5px; min-height: 120px; margin-bottom: 20px; }
.tpvs_usermenu { display: inline-block; float: right; width: 55%; background: #F2F2F2; border-radius: 10px; height: 90px; margin: 10px 0;  }
.tpvs_usermenu ul { padding: 10px; }
.tpvs_usermenu li { width: 40%; float: left; padding: 5px; white-space: nowrap; text-align:left }
.tpvs_usermenu li span { font-weight: bold; letter-spacing: 2px; }
.ticket, .ticket_bought { position: relative }
.ticket input, .ticket_bought input { width: 30px; margin-left: 5px; height: 30px; font-size: 15px; line-height: 25px }
.ticket.active { background: #F4F24C }
.deleteTicket { position: absolute; top: -10; right: -12; border: 1px solid #000; border-radius: 15px; padding: 0 3px; color: #FFF; background-color: #000; }
.slcTicket { position: absolute; top: 0; right: 10px; font-size: 9px; }
.TicketTool .txtSearch { width: 250px; height: 60px !important; line-height: 60px; font-size: 36px !important; display: inline-block; float: left; margin-top: 10px; text-align: center }
.btnSearch { height: 60px !important; line-height: 60px; font-size: 36px !important; display: inline-block; float: left; margin: 10px 20px; text-align: center; }
.hidden { display: none }
#tabMien { display: table; margin: 0 auto; }
#tabMien li { -moz-box-shadow: 3px 4px 0px 0px #8a2a21; -webkit-box-shadow: 3px 4px 0px 0px #8a2a21; box-shadow: 3px 4px 0px 0px #8a2a21; background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #c62d1f), color-stop(1, #f24437)); background: -moz-linear-gradient(top, #c62d1f 5%, #f24437 100%); background: -webkit-linear-gradient(top, #c62d1f 5%, #f24437 100%); background: -o-linear-gradient(top, #c62d1f 5%, #f24437 100%); background: -ms-linear-gradient(top, #c62d1f 5%, #f24437 100%); background: linear-gradient(to bottom, #c62d1f 5%, #f24437 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c62d1f', endColorstr='#f24437', GradientType=0);
background-color: #c62d1f; -moz-border-radius: 18px; -webkit-border-radius: 18px; border-radius: 18px; border: 1px solid #d02718; display: inline-block; cursor: pointer; color: #ffffff; font-family: Arial; font-size: 17px; padding: 7px 25px; text-decoration: none; text-shadow: 0px 1px 0px #810e05; margin: 0 10px }
#tabMien li.active { background: #F5A800; color: #F00; font-weight: bold; cursor: pointer }
.TicketTool { display: block; clear: both; margin: 10px 0; padding: 5px 10px; background-color: #F7F7F7; border: 1px solid #eaeaea; border-radius: 5px; min-height: 80px; }
.boxTicket { display: inline-block; width: 100%; margin-bottom: 20px; }
.boxTicket3dai .boxDai { width: 33.333%; display: inline-block; float: left }
.boxTicket2dai .boxDai { width: 50%; display: inline-block; float: left }
.boxTicket1dai .boxDai { width: 100%; display: inline-block; float: left }
.boxTicket4dai .boxDai { width: 50%; display: inline-block; float: left }
.tickets li { float: left; display: inline-block; line-height: 30px; list-style: none; cursor: pointer }
.tromactive * { cursor: url('images/cute58.gif'), auto }
.tromactive .tickets li { cursor: url('images/cute58.gif'), auto }
.boxTicket4dai .tickets li { width: 25% }
.boxTicket3dai .tickets li { width: 33% }
.boxTicket2dai .tickets li { width: 25% }
.boxTicket1dai .tickets li { width: 12.5%; }
.boxMien { margin: 15px }
.thantai { background-color: #0F0 }
.opacity { opacity: 0.5 }
.btnThanTai { background: url(images/ico_thantai.png) no-repeat; background-size: 80px; width: 80px; height: 80px; display: inline-block; border: 0; cursor: pointer; margin: 0 20px; }
.btntromveso { background: url(images/ico_trom.png) no-repeat; background-size: 80px; width: 80px; height: 80px; display: inline-block; border: 0; cursor: pointer; }
.numberTicket { border: solid 1px #000; border-radius: 5px; display: block; line-height: 30px; text-align: center; letter-spacing: 1px; margin: 5px; font-size: 18px; font-family: Arial, Helvetica, sans-serif; background-color: #323232; color: #FFE800; }
fieldset { padding: 10px 0; background-color: #fff; margin-bottom: 10px; background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, #ED0000), color-stop(1, #BD0000) ); background-image: -o-linear-gradient(bottom, #ED0000 0%, #BD0000 100%); background-image: -moz-linear-gradient(bottom, #ED0000 0%, #BD0000 100%); background-image: -webkit-linear-gradient(bottom, #ED0000 0%, #BD0000 100%); background-image: -ms-linear-gradient(bottom, #ED0000 0%, #BD0000 100%); background-image: linear-gradient(to bottom, #ED0000 0%, #BD0000 100%); }
fieldset legend { margin: 0 auto; width: 200px; text-align: center; background-color: #FFC200 }
.focus { background-color: #0F0 }
.Tromfocus { background-color: #FFF }
.soduocchon { background-color: #F00; color: #FFF }
.soduocchon { -webkit-animation: cssAnimation 1s 11 ease; -moz-animation: cssAnimation 1s 11 ease; -o-animation: cssAnimation 1s 11 ease; }
.tblBXH { width: 33.333%; float: left; margin-bottom: 10px; white-space: nowrap }
.boxBXH { margin: 0 5px; border: solid 3px #21ABF2; border-radius: 10px; }
.headerBXH { background-color: #21ABF2; text-align: center; line-height: 35px; font-family: arial; color: white; text-transform: uppercase; font-size: 16px; font-weight: bold; }
ul.listPerson { background-color: #FFF; }
.boxBXH:first-child { margin-right: 5px }
.boxBXH:last-child { margin-left: 5px }
.listPerson li { list-style: none; padding: 0 10px }
.listPerson .namePerson { float: left; width: 60%; color: blue; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.listPerson .valueBXH { float: left; width: 40%; text-align: right; color: red; font-weight: bold }
li.headerTitle .headerPerson { float: left; width: 60%; font-weight: bold }
li.headerTitle .headerValue { float: left; width: 40%; text-align: right; font-weight: bold }
li.headerTitle { background-color: rgb(189, 236, 253); line-height: 25px; height: 25px; }
 @media only screen and (max-width: 639px) {
.tblBXH { width: 100%; float: none }
.profile { display: inline-block; width: 100%; }
.tpvs_usermenu { display: block; float: none; width: 100%; background: #F2F2F2; border-radius: 0px; height: 90px; margin: 10px 0; }
.boxTicket3dai .boxDai { width: 100%; display: inline-block; float: left }
.boxTicket2dai .boxDai { width: 100%; display: inline-block; float: left }
.boxTicket1dai .boxDai { width: 100%; display: inline-block; float: left }
.boxTicket4dai .boxDai { width: 100%; display: inline-block; float: left }
.boxTicket4dai .tickets li { width: 33.33% }
.boxTicket3dai .tickets li { width: 33.33% }
.boxTicket2dai .tickets li { width: 33.33% }
.boxTicket1dai .tickets li { width: 33.33%; }
#tabMien li { width: 300px; margin: 5px auto; padding: 5px 0; text-align: center; }
.TicketTool .txtSearch { width: 150px; height: 30px !important; line-height: 30px; font-size: 20px !important; display: inline-block; float: left; margin-top: 10px; text-align: center; }
.btnSearch { height: 30px !important; line-height: 30px; font-size: 20px !important; display: inline-block; float: left; margin: 10px 20px; text-align: center; }
}
 @-webkit-keyframes cssAnimation { from {
-webkit-transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
}
to { -webkit-transform: rotate(0deg) scale(1.2) skew(0deg) translate(0px); }
}
@-moz-keyframes cssAnimation { from {
-moz-transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
}
to { -moz-transform: rotate(0deg) scale(1.2) skew(0deg) translate(0px); }
}
@-o-keyframes cssAnimation { from {
-o-transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
}
to { -o-transform: rotate(0deg) scale(1.2) skew(0deg) translate(0px); }
}