/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html{
    font-family:sans-serif;
    -ms-text-size-adjust:100%;
    -webkit-text-size-adjust:100%
}
body{
    margin:0
}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{
    display:block
}
audio,canvas,progress,video{
    display:inline-block;
    vertical-align:baseline
}
audio:not([controls]){
    display:none;
    height:0
}
[hidden],template{
    display:none
}
a{
    background-color:transparent;
    text-decoration:none
}
a:active,a:hover{
    outline:0;
    text-decoration:none
}
abbr[title]{
    border-bottom:1px dotted
}
b,strong{
    font-weight:bold
}
dfn{
    font-style:italic
}
h1{
    font-size:2em;
    margin:.67em 0
}
mark{
    background:#ff0;
    color:#000
}
small{
    font-size:80%
}
sub,sup{
    font-size:75%;
    line-height:0;
    position:relative;
    vertical-align:baseline
}
sup{
    top:-0.5em
}
sub{
    bottom:-0.25em
}
img{
    border:0
}
svg:not(:root){
    overflow:hidden
}
figure{
    margin:1em 40px
}
hr{
    -webkit-box-sizing:content-box;
    box-sizing:content-box;
    height:0
}
pre{
    overflow:auto
}
code,kbd,pre,samp{
    font-family:monospace, monospace;
    font-size:1em
}
button,input,optgroup,select,textarea{
    color:inherit;
    font:inherit;
    margin:0
}
button{
    overflow:visible
}
button,select{
    text-transform:none
}
button,html input[type=button],input[type=reset],input[type=submit]{
    -webkit-appearance:button;
    cursor:pointer
}
button[disabled],html input[disabled]{
    cursor:default
}
button::-moz-focus-inner,input::-moz-focus-inner{
    border:0;
    padding:0
}
input{
    line-height:normal
}
input[type=checkbox],input[type=radio]{
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    padding:0
}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{
    height:auto
}
input[type=search]{
    -webkit-appearance:textfield;
    -webkit-box-sizing:content-box;
    box-sizing:content-box
}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{
    -webkit-appearance:none
}
input[type=number]{
    -moz-appearance:textfield
}
input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{
    -webkit-appearance:none;
    -moz-appearance:none;
    margin:0
}
fieldset{
    border:1px solid #c0c0c0;
    margin:0 2px;
    padding:.35em .625em .75em
}
legend{
    border:0;
    padding:0
}
textarea{
    overflow:auto
}
optgroup{
    font-weight:bold
}
table{
    border-collapse:collapse;
    border-spacing:0
}
td,th{
    padding:0
}
@font-face{
    font-family:'Glyphicons Halflings';
    src:url('../fonts/glyphicons-halflings-regular.eot');
    src:url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg')
}
.glyphicon{
    position:relative;
    top:1px;
    display:inline-block;
    font-family:'Glyphicons Halflings';
    font-style:normal;
    font-weight:normal;
    line-height:1;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
.glyphicon-asterisk:before{
    content:"\002a"
}
.glyphicon-plus:before{
    content:"\002b"
}
.glyphicon-eur:before,.glyphicon-euro:before{
    content:"\20ac"
}
.glyphicon-minus:before{
    content:"\2212"
}
.glyphicon-cloud:before{
    content:"\2601"
}
.glyphicon-envelope:before{
    content:"\2709"
}
.glyphicon-pencil:before{
    content:"\270f"
}
.glyphicon-glass:before{
    content:"\e001"
}
.glyphicon-music:before{
    content:"\e002"
}
.glyphicon-search:before{
    content:"\e003"
}
.glyphicon-heart:before{
    content:"\e005"
}
.glyphicon-star:before{
    content:"\e006"
}
.glyphicon-star-empty:before{
    content:"\e007"
}
.glyphicon-user:before{
    content:"\e008"
}
.glyphicon-film:before{
    content:"\e009"
}
.glyphicon-th-large:before{
    content:"\e010"
}
.glyphicon-th:before{
    content:"\e011"
}
.glyphicon-th-list:before{
    content:"\e012"
}
.glyphicon-ok:before{
    content:"\e013"
}
.glyphicon-remove:before{
    content:"\e014"
}
.glyphicon-zoom-in:before{
    content:"\e015"
}
.glyphicon-zoom-out:before{
    content:"\e016"
}
.glyphicon-off:before{
    content:"\e017"
}
.glyphicon-signal:before{
    content:"\e018"
}
.glyphicon-cog:before{
    content:"\e019"
}
.glyphicon-trash:before{
    content:"\e020"
}
.glyphicon-home:before{
    content:"\e021"
}
.glyphicon-file:before{
    content:"\e022"
}
.glyphicon-time:before{
    content:"\e023"
}
.glyphicon-road:before{
    content:"\e024"
}
.glyphicon-download-alt:before{
    content:"\e025"
}
.glyphicon-download:before{
    content:"\e026"
}
.glyphicon-upload:before{
    content:"\e027"
}
.glyphicon-inbox:before{
    content:"\e028"
}
.glyphicon-play-circle:before{
    content:"\e029"
}
.glyphicon-repeat:before{
    content:"\e030"
}
.glyphicon-refresh:before{
    content:"\e031"
}
.glyphicon-list-alt:before{
    content:"\e032"
}
.glyphicon-lock:before{
    content:"\e033"
}
.glyphicon-flag:before{
    content:"\e034"
}
.glyphicon-headphones:before{
    content:"\e035"
}
.glyphicon-volume-off:before{
    content:"\e036"
}
.glyphicon-volume-down:before{
    content:"\e037"
}
.glyphicon-volume-up:before{
    content:"\e038"
}
.glyphicon-qrcode:before{
    content:"\e039"
}
.glyphicon-barcode:before{
    content:"\e040"
}
.glyphicon-tag:before{
    content:"\e041"
}
.glyphicon-tags:before{
    content:"\e042"
}
.glyphicon-book:before{
    content:"\e043"
}
.glyphicon-bookmark:before{
    content:"\e044"
}
.glyphicon-print:before{
    content:"\e045"
}
.glyphicon-camera:before{
    content:"\e046"
}
.glyphicon-font:before{
    content:"\e047"
}
.glyphicon-bold:before{
    content:"\e048"
}
.glyphicon-italic:before{
    content:"\e049"
}
.glyphicon-text-height:before{
    content:"\e050"
}
.glyphicon-text-width:before{
    content:"\e051"
}
.glyphicon-align-left:before{
    content:"\e052"
}
.glyphicon-align-center:before{
    content:"\e053"
}
.glyphicon-align-right:before{
    content:"\e054"
}
.glyphicon-align-justify:before{
    content:"\e055"
}
.glyphicon-list:before{
    content:"\e056"
}
.glyphicon-indent-left:before{
    content:"\e057"
}
.glyphicon-indent-right:before{
    content:"\e058"
}
.glyphicon-facetime-video:before{
    content:"\e059"
}
.glyphicon-picture:before{
    content:"\e060"
}
.glyphicon-map-marker:before{
    content:"\e062"
}
.glyphicon-adjust:before{
    content:"\e063"
}
.glyphicon-tint:before{
    content:"\e064"
}
.glyphicon-edit:before{
    content:"\e065"
}
.glyphicon-share:before{
    content:"\e066"
}
.glyphicon-check:before{
    content:"\e067"
}
.glyphicon-move:before{
    content:"\e068"
}
.glyphicon-step-backward:before{
    content:"\e069"
}
.glyphicon-fast-backward:before{
    content:"\e070"
}
.glyphicon-backward:before{
    content:"\e071"
}
.glyphicon-play:before{
    content:"\e072"
}
.glyphicon-pause:before{
    content:"\e073"
}
.glyphicon-stop:before{
    content:"\e074"
}
.glyphicon-forward:before{
    content:"\e075"
}
.glyphicon-fast-forward:before{
    content:"\e076"
}
.glyphicon-step-forward:before{
    content:"\e077"
}
.glyphicon-eject:before{
    content:"\e078"
}
.glyphicon-chevron-left:before{
    content:"\e079"
}
.glyphicon-chevron-right:before{
    content:"\e080"
}
.glyphicon-plus-sign:before{
    content:"\e081"
}
.glyphicon-minus-sign:before{
    content:"\e082"
}
.glyphicon-remove-sign:before{
    content:"\e083"
}
.glyphicon-ok-sign:before{
    content:"\e084"
}
.glyphicon-question-sign:before{
    content:"\e085"
}
.glyphicon-info-sign:before{
    content:"\e086"
}
.glyphicon-screenshot:before{
    content:"\e087"
}
.glyphicon-remove-circle:before{
    content:"\e088"
}
.glyphicon-ok-circle:before{
    content:"\e089"
}
.glyphicon-ban-circle:before{
    content:"\e090"
}
.glyphicon-arrow-left:before{
    content:"\e091"
}
.glyphicon-arrow-right:before{
    content:"\e092"
}
.glyphicon-arrow-up:before{
    content:"\e093"
}
.glyphicon-arrow-down:before{
    content:"\e094"
}
.glyphicon-share-alt:before{
    content:"\e095"
}
.glyphicon-resize-full:before{
    content:"\e096"
}
.glyphicon-resize-small:before{
    content:"\e097"
}
.glyphicon-exclamation-sign:before{
    content:"\e101"
}
.glyphicon-gift:before{
    content:"\e102"
}
.glyphicon-leaf:before{
    content:"\e103"
}
.glyphicon-fire:before{
    content:"\e104"
}
.glyphicon-eye-open:before{
    content:"\e105"
}
.glyphicon-eye-close:before{
    content:"\e106"
}
.glyphicon-warning-sign:before{
    content:"\e107"
}
.glyphicon-plane:before{
    content:"\e108"
}
.glyphicon-calendar:before{
    content:"\e109"
}
.glyphicon-random:before{
    content:"\e110"
}
.glyphicon-comment:before{
    content:"\e111"
}
.glyphicon-magnet:before{
    content:"\e112"
}
.glyphicon-chevron-up:before{
    content:"\e113"
}
.glyphicon-chevron-down:before{
    content:"\e114"
}
.glyphicon-retweet:before{
    content:"\e115"
}
.glyphicon-shopping-cart:before{
    content:"\e116"
}
.glyphicon-folder-close:before{
    content:"\e117"
}
.glyphicon-folder-open:before{
    content:"\e118"
}
.glyphicon-resize-vertical:before{
    content:"\e119"
}
.glyphicon-resize-horizontal:before{
    content:"\e120"
}
.glyphicon-hdd:before{
    content:"\e121"
}
.glyphicon-bullhorn:before{
    content:"\e122"
}
.glyphicon-bell:before{
    content:"\e123"
}
.glyphicon-certificate:before{
    content:"\e124"
}
.glyphicon-thumbs-up:before{
    content:"\e125"
}
.glyphicon-thumbs-down:before{
    content:"\e126"
}
.glyphicon-hand-right:before{
    content:"\e127"
}
.glyphicon-hand-left:before{
    content:"\e128"
}
.glyphicon-hand-up:before{
    content:"\e129"
}
.glyphicon-hand-down:before{
    content:"\e130"
}
.glyphicon-circle-arrow-right:before{
    content:"\e131"
}
.glyphicon-circle-arrow-left:before{
    content:"\e132"
}
.glyphicon-circle-arrow-up:before{
    content:"\e133"
}
.glyphicon-circle-arrow-down:before{
    content:"\e134"
}
.glyphicon-globe:before{
    content:"\e135"
}
.glyphicon-wrench:before{
    content:"\e136"
}
.glyphicon-tasks:before{
    content:"\e137"
}
.glyphicon-filter:before{
    content:"\e138"
}
.glyphicon-briefcase:before{
    content:"\e139"
}
.glyphicon-fullscreen:before{
    content:"\e140"
}
.glyphicon-dashboard:before{
    content:"\e141"
}
.glyphicon-paperclip:before{
    content:"\e142"
}
.glyphicon-heart-empty:before{
    content:"\e143"
}
.glyphicon-link:before{
    content:"\e144"
}
.glyphicon-phone:before{
    content:"\e145"
}
.glyphicon-pushpin:before{
    content:"\e146"
}
.glyphicon-usd:before{
    content:"\e148"
}
.glyphicon-gbp:before{
    content:"\e149"
}
.glyphicon-sort:before{
    content:"\e150"
}
.glyphicon-sort-by-alphabet:before{
    content:"\e151"
}
.glyphicon-sort-by-alphabet-alt:before{
    content:"\e152"
}
.glyphicon-sort-by-order:before{
    content:"\e153"
}
.glyphicon-sort-by-order-alt:before{
    content:"\e154"
}
.glyphicon-sort-by-attributes:before{
    content:"\e155"
}
.glyphicon-sort-by-attributes-alt:before{
    content:"\e156"
}
.glyphicon-unchecked:before{
    content:"\e157"
}
.glyphicon-expand:before{
    content:"\e158"
}
.glyphicon-collapse-down:before{
    content:"\e159"
}
.glyphicon-collapse-up:before{
    content:"\e160"
}
.glyphicon-log-in:before{
    content:"\e161"
}
.glyphicon-flash:before{
    content:"\e162"
}
.glyphicon-log-out:before{
    content:"\e163"
}
.glyphicon-new-window:before{
    content:"\e164"
}
.glyphicon-record:before{
    content:"\e165"
}
.glyphicon-save:before{
    content:"\e166"
}
.glyphicon-open:before{
    content:"\e167"
}
.glyphicon-saved:before{
    content:"\e168"
}
.glyphicon-import:before{
    content:"\e169"
}
.glyphicon-export:before{
    content:"\e170"
}
.glyphicon-send:before{
    content:"\e171"
}
.glyphicon-floppy-disk:before{
    content:"\e172"
}
.glyphicon-floppy-saved:before{
    content:"\e173"
}
.glyphicon-floppy-remove:before{
    content:"\e174"
}
.glyphicon-floppy-save:before{
    content:"\e175"
}
.glyphicon-floppy-open:before{
    content:"\e176"
}
.glyphicon-credit-card:before{
    content:"\e177"
}
.glyphicon-transfer:before{
    content:"\e178"
}
.glyphicon-cutlery:before{
    content:"\e179"
}
.glyphicon-header:before{
    content:"\e180"
}
.glyphicon-compressed:before{
    content:"\e181"
}
.glyphicon-earphone:before{
    content:"\e182"
}
.glyphicon-phone-alt:before{
    content:"\e183"
}
.glyphicon-tower:before{
    content:"\e184"
}
.glyphicon-stats:before{
    content:"\e185"
}
.glyphicon-sd-video:before{
    content:"\e186"
}
.glyphicon-hd-video:before{
    content:"\e187"
}
.glyphicon-subtitles:before{
    content:"\e188"
}
.glyphicon-sound-stereo:before{
    content:"\e189"
}
.glyphicon-sound-dolby:before{
    content:"\e190"
}
.glyphicon-sound-5-1:before{
    content:"\e191"
}
.glyphicon-sound-6-1:before{
    content:"\e192"
}
.glyphicon-sound-7-1:before{
    content:"\e193"
}
.glyphicon-copyright-mark:before{
    content:"\e194"
}
.glyphicon-registration-mark:before{
    content:"\e195"
}
.glyphicon-cloud-download:before{
    content:"\e197"
}
.glyphicon-cloud-upload:before{
    content:"\e198"
}
.glyphicon-tree-conifer:before{
    content:"\e199"
}
.glyphicon-tree-deciduous:before{
    content:"\e200"
}
.glyphicon-cd:before{
    content:"\e201"
}
.glyphicon-save-file:before{
    content:"\e202"
}
.glyphicon-open-file:before{
    content:"\e203"
}
.glyphicon-level-up:before{
    content:"\e204"
}
.glyphicon-copy:before{
    content:"\e205"
}
.glyphicon-paste:before{
    content:"\e206"
}
.glyphicon-alert:before{
    content:"\e209"
}
.glyphicon-equalizer:before{
    content:"\e210"
}
.glyphicon-king:before{
    content:"\e211"
}
.glyphicon-queen:before{
    content:"\e212"
}
.glyphicon-pawn:before{
    content:"\e213"
}
.glyphicon-bishop:before{
    content:"\e214"
}
.glyphicon-knight:before{
    content:"\e215"
}
.glyphicon-baby-formula:before{
    content:"\e216"
}
.glyphicon-tent:before{
    content:"\26fa"
}
.glyphicon-blackboard:before{
    content:"\e218"
}
.glyphicon-bed:before{
    content:"\e219"
}
.glyphicon-apple:before{
    content:"\f8ff"
}
.glyphicon-erase:before{
    content:"\e221"
}
.glyphicon-hourglass:before{
    content:"\231b"
}
.glyphicon-lamp:before{
    content:"\e223"
}
.glyphicon-duplicate:before{
    content:"\e224"
}
.glyphicon-piggy-bank:before{
    content:"\e225"
}
.glyphicon-scissors:before{
    content:"\e226"
}
.glyphicon-bitcoin:before{
    content:"\e227"
}
.glyphicon-btc:before{
    content:"\e227"
}
.glyphicon-xbt:before{
    content:"\e227"
}
.glyphicon-yen:before{
    content:"\00a5"
}
.glyphicon-jpy:before{
    content:"\00a5"
}
.glyphicon-ruble:before{
    content:"\20bd"
}
.glyphicon-rub:before{
    content:"\20bd"
}
.glyphicon-scale:before{
    content:"\e230"
}
.glyphicon-ice-lolly:before{
    content:"\e231"
}
.glyphicon-ice-lolly-tasted:before{
    content:"\e232"
}
.glyphicon-education:before{
    content:"\e233"
}
.glyphicon-option-horizontal:before{
    content:"\e234"
}
.glyphicon-option-vertical:before{
    content:"\e235"
}
.glyphicon-menu-hamburger:before{
    content:"\e236"
}
.glyphicon-modal-window:before{
    content:"\e237"
}
.glyphicon-oil:before{
    content:"\e238"
}
.glyphicon-grain:before{
    content:"\e239"
}
.glyphicon-sunglasses:before{
    content:"\e240"
}
.glyphicon-text-size:before{
    content:"\e241"
}
.glyphicon-text-color:before{
    content:"\e242"
}
.glyphicon-text-background:before{
    content:"\e243"
}
.glyphicon-object-align-top:before{
    content:"\e244"
}
.glyphicon-object-align-bottom:before{
    content:"\e245"
}
.glyphicon-object-align-horizontal:before{
    content:"\e246"
}
.glyphicon-object-align-left:before{
    content:"\e247"
}
.glyphicon-object-align-vertical:before{
    content:"\e248"
}
.glyphicon-object-align-right:before{
    content:"\e249"
}
.glyphicon-triangle-right:before{
    content:"\e250"
}
.glyphicon-triangle-left:before{
    content:"\e251"
}
.glyphicon-triangle-bottom:before{
    content:"\e252"
}
.glyphicon-triangle-top:before{
    content:"\e253"
}
.glyphicon-console:before{
    content:"\e254"
}
.glyphicon-superscript:before{
    content:"\e255"
}
.glyphicon-subscript:before{
    content:"\e256"
}
.glyphicon-menu-left:before{
    content:"\e257"
}
.glyphicon-menu-right:before{
    content:"\e258"
}
.glyphicon-menu-down:before{
    content:"\e259"
}
.glyphicon-menu-up:before{
    content:"\e260"
}
*{
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
:after,:before{
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
html{
    font-size:10px;
    -webkit-tap-highlight-color:rgba(0, 0, 0, 0)
}
body{
    font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size:13px;
    line-height:1.42857143;
    color:#333;
    background-color:#f5f7fa
}
button,input,select,textarea{
    font-family:inherit;
    font-size:inherit;
    line-height:inherit
}
a{
    color:#00a9ff;
    text-decoration:none
}
a:focus,a:hover{
    color:#4dc3ff;
    text-decoration:none
}
a:focus{
    outline:thin dotted;
    outline:0 auto -webkit-focus-ring-color;
    outline-offset:0
}
figure{
    margin:0
}
img{
    vertical-align:middle
}
.carousel-inner>.item>a>img,.carousel-inner>.item>img,.img-responsive{
    display:block;
    max-width:100%;
    height:auto
}
.img-rounded{
    border-radius:5px
}
.img-thumbnail{
    padding:4px;
    line-height:1.42857143;
    background-color:#f5f7fa;
    border:1px solid #e5e7ea;
    border-radius:3px;
    -webkit-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out;
    display:inline-block;
    max-width:100%;
    height:auto
}
.img-circle{
    border-radius:50%
}
hr{
    margin-top:18px;
    margin-bottom:18px;
    border:0;
    border-top:1px solid #eee
}
.sr-only{
    position:absolute;
    width:1px;
    height:1px;
    margin:-1px;
    padding:0;
    overflow:hidden;
    clip:rect(0, 0, 0, 0);
    border:0
}
.sr-only-focusable:active,.sr-only-focusable:focus{
    position:static;
    width:auto;
    height:auto;
    margin:0;
    overflow:visible;
    clip:auto
}
[role=button]{
    cursor:pointer
}
.container{
    margin-right:auto;
    margin-left:auto;
    padding-left:10px;
    padding-right:10px
}
@media (min-width:768px){
    .container{
        width:740px
    }
}
@media (min-width:992px){
    .container{
        width:960px
    }
}
@media (min-width:1200px){
    .container{
        width:1160px
    }
}
.container-fluid{
    margin-right:auto;
    margin-left:auto;
    padding-left:10px;
    padding-right:10px
}
.row{
    margin-left:-10px;
    margin-right:-10px
}
.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12{
    position:relative;
    min-height:1px;
    padding-left:10px;
    padding-right:10px
}
.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12{
    float:left
}
.col-xs-12{
    width:100%
}
.col-xs-11{
    width:91.66666667%
}
.col-xs-10{
    width:83.33333333%
}
.col-xs-9{
    width:75%
}
.col-xs-8{
    width:66.66666667%
}
.col-xs-7{
    width:58.33333333%
}
.col-xs-6{
    width:50%
}
.col-xs-5{
    width:41.66666667%
}
.col-xs-4{
    width:33.33333333%
}
.col-xs-3{
    width:25%
}
.col-xs-2{
    width:16.66666667%
}
.col-xs-1{
    width:8.33333333%
}
.col-xs-pull-12{
    right:100%
}
.col-xs-pull-11{
    right:91.66666667%
}
.col-xs-pull-10{
    right:83.33333333%
}
.col-xs-pull-9{
    right:75%
}
.col-xs-pull-8{
    right:66.66666667%
}
.col-xs-pull-7{
    right:58.33333333%
}
.col-xs-pull-6{
    right:50%
}
.col-xs-pull-5{
    right:41.66666667%
}
.col-xs-pull-4{
    right:33.33333333%
}
.col-xs-pull-3{
    right:25%
}
.col-xs-pull-2{
    right:16.66666667%
}
.col-xs-pull-1{
    right:8.33333333%
}
.col-xs-pull-0{
    right:auto
}
.col-xs-push-12{
    left:100%
}
.col-xs-push-11{
    left:91.66666667%
}
.col-xs-push-10{
    left:83.33333333%
}
.col-xs-push-9{
    left:75%
}
.col-xs-push-8{
    left:66.66666667%
}
.col-xs-push-7{
    left:58.33333333%
}
.col-xs-push-6{
    left:50%
}
.col-xs-push-5{
    left:41.66666667%
}
.col-xs-push-4{
    left:33.33333333%
}
.col-xs-push-3{
    left:25%
}
.col-xs-push-2{
    left:16.66666667%
}
.col-xs-push-1{
    left:8.33333333%
}
.col-xs-push-0{
    left:auto
}
.col-xs-offset-12{
    margin-left:100%
}
.col-xs-offset-11{
    margin-left:91.66666667%
}
.col-xs-offset-10{
    margin-left:83.33333333%
}
.col-xs-offset-9{
    margin-left:75%
}
.col-xs-offset-8{
    margin-left:66.66666667%
}
.col-xs-offset-7{
    margin-left:58.33333333%
}
.col-xs-offset-6{
    margin-left:50%
}
.col-xs-offset-5{
    margin-left:41.66666667%
}
.col-xs-offset-4{
    margin-left:33.33333333%
}
.col-xs-offset-3{
    margin-left:25%
}
.col-xs-offset-2{
    margin-left:16.66666667%
}
.col-xs-offset-1{
    margin-left:8.33333333%
}
.col-xs-offset-0{
    margin-left:0
}
@media (min-width:768px){
    .col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12{
        float:left
    }
    .col-sm-12{
        width:100%
    }
    .col-sm-11{
        width:91.66666667%
    }
    .col-sm-10{
        width:83.33333333%
    }
    .col-sm-9{
        width:75%
    }
    .col-sm-8{
        width:66.66666667%
    }
    .col-sm-7{
        width:58.33333333%
    }
    .col-sm-6{
        width:50%
    }
    .col-sm-5{
        width:41.66666667%
    }
    .col-sm-4{
        width:33.33333333%
    }
    .col-sm-3{
        width:25%
    }
    .col-sm-2{
        width:16.66666667%
    }
    .col-sm-1{
        width:8.33333333%
    }
    .col-sm-pull-12{
        right:100%
    }
    .col-sm-pull-11{
        right:91.66666667%
    }
    .col-sm-pull-10{
        right:83.33333333%
    }
    .col-sm-pull-9{
        right:75%
    }
    .col-sm-pull-8{
        right:66.66666667%
    }
    .col-sm-pull-7{
        right:58.33333333%
    }
    .col-sm-pull-6{
        right:50%
    }
    .col-sm-pull-5{
        right:41.66666667%
    }
    .col-sm-pull-4{
        right:33.33333333%
    }
    .col-sm-pull-3{
        right:25%
    }
    .col-sm-pull-2{
        right:16.66666667%
    }
    .col-sm-pull-1{
        right:8.33333333%
    }
    .col-sm-pull-0{
        right:auto
    }
    .col-sm-push-12{
        left:100%
    }
    .col-sm-push-11{
        left:91.66666667%
    }
    .col-sm-push-10{
        left:83.33333333%
    }
    .col-sm-push-9{
        left:75%
    }
    .col-sm-push-8{
        left:66.66666667%
    }
    .col-sm-push-7{
        left:58.33333333%
    }
    .col-sm-push-6{
        left:50%
    }
    .col-sm-push-5{
        left:41.66666667%
    }
    .col-sm-push-4{
        left:33.33333333%
    }
    .col-sm-push-3{
        left:25%
    }
    .col-sm-push-2{
        left:16.66666667%
    }
    .col-sm-push-1{
        left:8.33333333%
    }
    .col-sm-push-0{
        left:auto
    }
    .col-sm-offset-12{
        margin-left:100%
    }
    .col-sm-offset-11{
        margin-left:91.66666667%
    }
    .col-sm-offset-10{
        margin-left:83.33333333%
    }
    .col-sm-offset-9{
        margin-left:75%
    }
    .col-sm-offset-8{
        margin-left:66.66666667%
    }
    .col-sm-offset-7{
        margin-left:58.33333333%
    }
    .col-sm-offset-6{
        margin-left:50%
    }
    .col-sm-offset-5{
        margin-left:41.66666667%
    }
    .col-sm-offset-4{
        margin-left:33.33333333%
    }
    .col-sm-offset-3{
        margin-left:25%
    }
    .col-sm-offset-2{
        margin-left:16.66666667%
    }
    .col-sm-offset-1{
        margin-left:8.33333333%
    }
    .col-sm-offset-0{
        margin-left:0
    }
}
@media (min-width:992px){
    .col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12{
        float:left
    }
    .col-md-12{
        width:100%
    }
    .col-md-11{
        width:91.66666667%
    }
    .col-md-10{
        width:83.33333333%
    }
    .col-md-9{
        width:75%
    }
    .col-md-8{
        width:66.66666667%
    }
    .col-md-7{
        width:58.33333333%
    }
    .col-md-6{
        width:50%
    }
    .col-md-5{
        width:41.66666667%
    }
    .col-md-4{
        width:33.33333333%
    }
    .col-md-3{
        width:25%
    }
    .col-md-2{
        width:16.66666667%
    }
    .col-md-1{
        width:8.33333333%
    }
    .col-md-pull-12{
        right:100%
    }
    .col-md-pull-11{
        right:91.66666667%
    }
    .col-md-pull-10{
        right:83.33333333%
    }
    .col-md-pull-9{
        right:75%
    }
    .col-md-pull-8{
        right:66.66666667%
    }
    .col-md-pull-7{
        right:58.33333333%
    }
    .col-md-pull-6{
        right:50%
    }
    .col-md-pull-5{
        right:41.66666667%
    }
    .col-md-pull-4{
        right:33.33333333%
    }
    .col-md-pull-3{
        right:25%
    }
    .col-md-pull-2{
        right:16.66666667%
    }
    .col-md-pull-1{
        right:8.33333333%
    }
    .col-md-pull-0{
        right:auto
    }
    .col-md-push-12{
        left:100%
    }
    .col-md-push-11{
        left:91.66666667%
    }
    .col-md-push-10{
        left:83.33333333%
    }
    .col-md-push-9{
        left:75%
    }
    .col-md-push-8{
        left:66.66666667%
    }
    .col-md-push-7{
        left:58.33333333%
    }
    .col-md-push-6{
        left:50%
    }
    .col-md-push-5{
        left:41.66666667%
    }
    .col-md-push-4{
        left:33.33333333%
    }
    .col-md-push-3{
        left:25%
    }
    .col-md-push-2{
        left:16.66666667%
    }
    .col-md-push-1{
        left:8.33333333%
    }
    .col-md-push-0{
        left:auto
    }
    .col-md-offset-12{
        margin-left:100%
    }
    .col-md-offset-11{
        margin-left:91.66666667%
    }
    .col-md-offset-10{
        margin-left:83.33333333%
    }
    .col-md-offset-9{
        margin-left:75%
    }
    .col-md-offset-8{
        margin-left:66.66666667%
    }
    .col-md-offset-7{
        margin-left:58.33333333%
    }
    .col-md-offset-6{
        margin-left:50%
    }
    .col-md-offset-5{
        margin-left:41.66666667%
    }
    .col-md-offset-4{
        margin-left:33.33333333%
    }
    .col-md-offset-3{
        margin-left:25%
    }
    .col-md-offset-2{
        margin-left:16.66666667%
    }
    .col-md-offset-1{
        margin-left:8.33333333%
    }
    .col-md-offset-0{
        margin-left:0
    }
}
@media (min-width:1200px){
    .col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12{
        float:left
    }
    .col-lg-12{
        width:100%
    }
    .col-lg-11{
        width:91.66666667%
    }
    .col-lg-10{
        width:83.33333333%
    }
    .col-lg-9{
        width:75%
    }
    .col-lg-8{
        width:66.66666667%
    }
    .col-lg-7{
        width:58.33333333%
    }
    .col-lg-6{
        width:50%
    }
    .col-lg-5{
        width:41.66666667%
    }
    .col-lg-4{
        width:33.33333333%
    }
    .col-lg-3{
        width:25%
    }
    .col-lg-2{
        width:16.66666667%
    }
    .col-lg-1{
        width:8.33333333%
    }
    .col-lg-pull-12{
        right:100%
    }
    .col-lg-pull-11{
        right:91.66666667%
    }
    .col-lg-pull-10{
        right:83.33333333%
    }
    .col-lg-pull-9{
        right:75%
    }
    .col-lg-pull-8{
        right:66.66666667%
    }
    .col-lg-pull-7{
        right:58.33333333%
    }
    .col-lg-pull-6{
        right:50%
    }
    .col-lg-pull-5{
        right:41.66666667%
    }
    .col-lg-pull-4{
        right:33.33333333%
    }
    .col-lg-pull-3{
        right:25%
    }
    .col-lg-pull-2{
        right:16.66666667%
    }
    .col-lg-pull-1{
        right:8.33333333%
    }
    .col-lg-pull-0{
        right:auto
    }
    .col-lg-push-12{
        left:100%
    }
    .col-lg-push-11{
        left:91.66666667%
    }
    .col-lg-push-10{
        left:83.33333333%
    }
    .col-lg-push-9{
        left:75%
    }
    .col-lg-push-8{
        left:66.66666667%
    }
    .col-lg-push-7{
        left:58.33333333%
    }
    .col-lg-push-6{
        left:50%
    }
    .col-lg-push-5{
        left:41.66666667%
    }
    .col-lg-push-4{
        left:33.33333333%
    }
    .col-lg-push-3{
        left:25%
    }
    .col-lg-push-2{
        left:16.66666667%
    }
    .col-lg-push-1{
        left:8.33333333%
    }
    .col-lg-push-0{
        left:auto
    }
    .col-lg-offset-12{
        margin-left:100%
    }
    .col-lg-offset-11{
        margin-left:91.66666667%
    }
    .col-lg-offset-10{
        margin-left:83.33333333%
    }
    .col-lg-offset-9{
        margin-left:75%
    }
    .col-lg-offset-8{
        margin-left:66.66666667%
    }
    .col-lg-offset-7{
        margin-left:58.33333333%
    }
    .col-lg-offset-6{
        margin-left:50%
    }
    .col-lg-offset-5{
        margin-left:41.66666667%
    }
    .col-lg-offset-4{
        margin-left:33.33333333%
    }
    .col-lg-offset-3{
        margin-left:25%
    }
    .col-lg-offset-2{
        margin-left:16.66666667%
    }
    .col-lg-offset-1{
        margin-left:8.33333333%
    }
    .col-lg-offset-0{
        margin-left:0
    }
}
table{
    background-color:transparent
}
caption{
    padding-top:8px;
    padding-bottom:8px;
    color:#777;
    text-align:left
}
th{
    text-align:left
}
.table{
    width:100%;
    max-width:100%;
    margin-bottom:18px
}
.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th{
    padding:8px;
    line-height:1.42857143;
    vertical-align:top;
    border-top:1px solid #e5e7ea
}
.table>thead>tr>th{
    vertical-align:bottom;
    border-bottom:2px solid #e5e7ea
}
.table>caption+thead>tr:first-child>td,.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>td,.table>thead:first-child>tr:first-child>th{
    border-top:0
}
.table>tbody+tbody{
    border-top:2px solid #e5e7ea
}
.table .table{
    background-color:#f5f7fa
}
.table-condensed>tbody>tr>td,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>td,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>thead>tr>th{
    padding:5px
}
.table-bordered{
    border:1px solid #e5e7ea
}
.table-bordered>tbody>tr>td,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>td,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{
    border:1px solid #e5e7ea
}
.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{
    border-bottom-width:2px
}
.table-striped>tbody>tr:nth-of-type(odd){
    background-color:#f9f9f9
}
.table-hover>tbody>tr:hover{
    background-color:#f5f5f5
}
table col[class*=col-]{
    position:static;
    float:none;
    display:table-column
}
table td[class*=col-],table th[class*=col-]{
    position:static;
    float:none;
    display:table-cell
}
.table>tbody>tr.active>td,.table>tbody>tr.active>th,.table>tbody>tr>td.active,.table>tbody>tr>th.active,.table>tfoot>tr.active>td,.table>tfoot>tr.active>th,.table>tfoot>tr>td.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>thead>tr.active>th,.table>thead>tr>td.active,.table>thead>tr>th.active{
    background-color:#f5f5f5
}
.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr.active:hover>th,.table-hover>tbody>tr:hover>.active,.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover{
    background-color:#e8e8e8
}
.table>tbody>tr.success>td,.table>tbody>tr.success>th,.table>tbody>tr>td.success,.table>tbody>tr>th.success,.table>tfoot>tr.success>td,.table>tfoot>tr.success>th,.table>tfoot>tr>td.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>thead>tr.success>th,.table>thead>tr>td.success,.table>thead>tr>th.success{
    background-color:#dff0d8
}
.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr.success:hover>th,.table-hover>tbody>tr:hover>.success,.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover{
    background-color:#d0e9c6
}
.table>tbody>tr.info>td,.table>tbody>tr.info>th,.table>tbody>tr>td.info,.table>tbody>tr>th.info,.table>tfoot>tr.info>td,.table>tfoot>tr.info>th,.table>tfoot>tr>td.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>thead>tr.info>th,.table>thead>tr>td.info,.table>thead>tr>th.info{
    background-color:#d9edf7
}
.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr.info:hover>th,.table-hover>tbody>tr:hover>.info,.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover{
    background-color:#c4e3f3
}
.table>tbody>tr.warning>td,.table>tbody>tr.warning>th,.table>tbody>tr>td.warning,.table>tbody>tr>th.warning,.table>tfoot>tr.warning>td,.table>tfoot>tr.warning>th,.table>tfoot>tr>td.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>thead>tr.warning>th,.table>thead>tr>td.warning,.table>thead>tr>th.warning{
    background-color:#fcf8e3
}
.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr.warning:hover>th,.table-hover>tbody>tr:hover>.warning,.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover{
    background-color:#faf2cc
}
.table>tbody>tr.danger>td,.table>tbody>tr.danger>th,.table>tbody>tr>td.danger,.table>tbody>tr>th.danger,.table>tfoot>tr.danger>td,.table>tfoot>tr.danger>th,.table>tfoot>tr>td.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>thead>tr.danger>th,.table>thead>tr>td.danger,.table>thead>tr>th.danger{
    background-color:#f2dede
}
.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr.danger:hover>th,.table-hover>tbody>tr:hover>.danger,.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover{
    background-color:#ebcccc
}
.table-responsive{
    overflow-x:auto;
    min-height:.01%
}
@media screen and (max-width:767px){
    .table-responsive{
        width:100%;
        margin-bottom:13.5px;
        overflow-y:hidden;
        -ms-overflow-style:-ms-autohiding-scrollbar;
        border:1px solid #e5e7ea
    }
    .table-responsive>.table{
        margin-bottom:0
    }
    .table-responsive>.table>tbody>tr>td,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>td,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>thead>tr>th{
        white-space:nowrap
    }
    .table-responsive>.table-bordered{
        border:0
    }
    .table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>thead>tr>th:first-child{
        border-left:0
    }
    .table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>thead>tr>th:last-child{
        border-right:0
    }
    .table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>th{
        border-bottom:0
    }
}
fieldset{
    padding:0;
    margin:0;
    border:0;
    min-width:0
}
legend{
    display:block;
    width:100%;
    padding:0;
    margin-bottom:18px;
    font-size:19.5px;
    line-height:inherit;
    color:#333;
    border:0;
    border-bottom:1px solid #e5e5e5
}
label{
    display:inline-block;
    max-width:100%
}
input[type=search]{
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
input[type=checkbox],input[type=radio]{
    margin:4px 0 0;
    margin-top:1px\9;
    line-height:normal
}
input[type=file]{
    display:block
}
input[type=range]{
    display:block;
    width:100%
}
select[multiple],select[size]{
    height:auto
}
input[type=checkbox]:focus,input[type=file]:focus,input[type=radio]:focus{
    outline:thin dotted;
    outline:0 auto -webkit-focus-ring-color;
    outline-offset:0
}
output{
    display:block;
    padding-top:7px;
    font-size:13px;
    line-height:1.42857143;
    color:#3c3c3c
}
.form-control{
    display:block;
    width:100%;
    height:32px;
    padding:6px 10px;
    font-size:13px;
    line-height:1.42857143;
    color:#3c3c3c;
    background-color:#fff;
    background-image:none;
    border:1px solid #e5e7ea;
    border-radius:3px;
    -webkit-box-shadow:inset 0 0 0 rgba(255, 255, 255, 0);
    box-shadow:inset 0 0 0 rgba(255, 255, 255, 0)
}
.form-control:focus{
    border-color:#66afe9;
    outline:0
}
.form-control::-moz-placeholder{
    color:#9c9c9c;
    opacity:1
}
.form-control:-ms-input-placeholder{
    color:#9c9c9c
}
.form-control::-webkit-input-placeholder{
    color:#9c9c9c
}
.form-control::-ms-expand{
    border:0;
    background-color:transparent
}
.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{
    background-color:#eee;
    opacity:1
}
.form-control[disabled],fieldset[disabled] .form-control{
    cursor:not-allowed
}
textarea.form-control{
    height:auto
}
input[type=search]{
    -webkit-appearance:none
}
@media screen and (-webkit-min-device-pixel-ratio:0){
    input[type=date].form-control,input[type=datetime-local].form-control,input[type=month].form-control,input[type=time].form-control{
        line-height:32px
    }
    .input-group-sm input[type=date],.input-group-sm input[type=datetime-local],.input-group-sm input[type=month],.input-group-sm input[type=time],input[type=date].input-sm,input[type=datetime-local].input-sm,input[type=month].input-sm,input[type=time].input-sm{
        line-height:30px
    }
    .input-group-lg input[type=date],.input-group-lg input[type=datetime-local],.input-group-lg input[type=month],.input-group-lg input[type=time],input[type=date].input-lg,input[type=datetime-local].input-lg,input[type=month].input-lg,input[type=time].input-lg{
        line-height:45px
    }
}
.form-group{
    margin-bottom:15px
}
.form-group label{
    font-weight:500;
    font-size:11px;
    text-transform:uppercase
}
.checkbox,.radio{
    position:relative;
    display:block;
    margin-top:10px;
    margin-bottom:10px
}
.checkbox label,.radio label{
    min-height:18px;
    padding-left:20px;
    margin-bottom:0;
    font-weight:normal;
    cursor:pointer
}
.checkbox-inline input[type=checkbox],.checkbox input[type=checkbox],.radio-inline input[type=radio],.radio input[type=radio]{
    position:absolute;
    margin-left:-20px;
    margin-top:4px\9
}
.checkbox+.checkbox,.radio+.radio{
    margin-top:-5px
}
.checkbox-inline,.radio-inline{
    position:relative;
    display:inline-block;
    padding-left:20px;
    margin-bottom:0;
    vertical-align:middle;
    font-weight:normal;
    cursor:pointer
}
.checkbox-inline+.checkbox-inline,.radio-inline+.radio-inline{
    margin-top:0;
    margin-left:10px
}
fieldset[disabled] input[type=checkbox],fieldset[disabled] input[type=radio],input[type=checkbox].disabled,input[type=checkbox][disabled],input[type=radio].disabled,input[type=radio][disabled]{
    cursor:not-allowed
}
.checkbox-inline.disabled,.radio-inline.disabled,fieldset[disabled] .checkbox-inline,fieldset[disabled] .radio-inline{
    cursor:not-allowed
}
.checkbox.disabled label,.radio.disabled label,fieldset[disabled] .checkbox label,fieldset[disabled] .radio label{
    cursor:not-allowed
}
.form-control-static{
    padding-top:7px;
    padding-bottom:7px;
    margin-bottom:0;
    min-height:31px
}
.form-control-static.input-lg,.form-control-static.input-sm{
    padding-left:0;
    padding-right:0
}
.input-sm{
    height:30px;
    padding:5px 10px;
    font-size:12px;
    line-height:1.5;
    border-radius:3px
}
select.input-sm{
    height:30px;
    line-height:30px
}
select[multiple].input-sm,textarea.input-sm{
    height:auto
}
.form-group-sm .form-control{
    height:30px;
    padding:5px 10px;
    font-size:12px;
    line-height:1.5;
    border-radius:3px
}
.form-group-sm select.form-control{
    height:30px;
    line-height:30px
}
.form-group-sm select[multiple].form-control,.form-group-sm textarea.form-control{
    height:auto
}
.form-group-sm .form-control-static{
    height:30px;
    min-height:30px;
    padding:6px 10px;
    font-size:12px;
    line-height:1.5
}
.input-lg{
    height:45px;
    padding:10px 16px;
    font-size:17px;
    line-height:1.3333333;
    border-radius:5px
}
select.input-lg{
    height:45px;
    line-height:45px
}
select[multiple].input-lg,textarea.input-lg{
    height:auto
}
.form-group-lg .form-control{
    height:45px;
    padding:10px 16px;
    font-size:17px;
    line-height:1.3333333;
    border-radius:5px
}
.form-group-lg select.form-control{
    height:45px;
    line-height:45px
}
.form-group-lg select[multiple].form-control,.form-group-lg textarea.form-control{
    height:auto
}
.form-group-lg .form-control-static{
    height:45px;
    min-height:35px;
    padding:11px 16px;
    font-size:17px;
    line-height:1.3333333
}
.has-feedback{
    position:relative
}
.has-feedback .form-control{
    padding-right:40px
}
.form-control-feedback{
    position:absolute;
    top:0;
    right:0;
    z-index:2;
    display:block;
    width:32px;
    height:32px;
    line-height:32px;
    text-align:center;
    pointer-events:none
}
.form-group-lg .form-control+.form-control-feedback,.input-group-lg+.form-control-feedback,.input-lg+.form-control-feedback{
    width:45px;
    height:45px;
    line-height:45px
}
.form-group-sm .form-control+.form-control-feedback,.input-group-sm+.form-control-feedback,.input-sm+.form-control-feedback{
    width:30px;
    height:30px;
    line-height:30px
}
.has-success .checkbox,.has-success .checkbox-inline,.has-success.checkbox-inline label,.has-success.checkbox label,.has-success .control-label,.has-success .help-block,.has-success .radio,.has-success .radio-inline,.has-success.radio-inline label,.has-success.radio label{
    color:#2ecc71
}
.has-success .form-control{
    border-color:#2ecc71
}
.has-success .form-control:focus{
    border-color:#25a25a
}
.has-success .input-group-addon{
    color:#2ecc71;
    border-color:#2ecc71;
    background-color:#dff0d8
}
.has-success .form-control-feedback{
    color:#2ecc71
}
.has-warning .checkbox,.has-warning .checkbox-inline,.has-warning.checkbox-inline label,.has-warning.checkbox label,.has-warning .control-label,.has-warning .help-block,.has-warning .radio,.has-warning .radio-inline,.has-warning.radio-inline label,.has-warning.radio label{
    color:#f39c12
}
.has-warning .form-control{
    border-color:#f39c12
}
.has-warning .form-control:focus{
    border-color:#c87f0a
}
.has-warning .input-group-addon{
    color:#f39c12;
    border-color:#f39c12;
    background-color:#fcf8e3
}
.has-warning .form-control-feedback{
    color:#f39c12
}
.has-error .checkbox,.has-error .checkbox-inline,.has-error.checkbox-inline label,.has-error.checkbox label,.has-error .control-label,.has-error .help-block,.has-error .radio,.has-error .radio-inline,.has-error.radio-inline label,.has-error.radio label{
    color:#d33724
}
.has-error .form-control{
    border-color:#d33724
}
.has-error .form-control:focus{
    border-color:#a72c1d
}
.has-error .input-group-addon{
    color:#d33724;
    border-color:#d33724;
    background-color:#f2dede
}
.has-error .form-control-feedback{
    color:#d33724
}
.form-group{
    position:relative
}
.form-group label{
    font-weight:300;
    font-size:11px;
    text-transform:uppercase
}
@media (max-width:767px){
    .form-group label{
        font-weight:500
    }
}
.form-group.has-success label{
    color:#333
}
.form-group.has-success .form-control{
    border-color:#ddd;
    -webkit-box-shadow:0 0 0 #fff, inset 0 0 0 #fff;
    box-shadow:0 0 0 #fff, inset 0 0 0 #fff
}
.form-group.has-success .form-control-feedback{
    color:#7bc255
}
.form-group.has-warning label{
    color:#f39c12
}
.form-group.has-warning .form-control{
    border-color:#f39c12;
    -webkit-box-shadow:none;
    box-shadow:none
}
.form-group.has-warning .form-control.hover,.form-group.has-warning .form-control:active,.form-group.has-warning .form-control:focus,.form-group.has-warning .form-control:hover{
    border-color:#f39c12!important
}
.form-group.has-warning .btn-exist{
    border-color:#f39c12;
    color:#f39c12
}
.form-group.has-warning .btn-exist.hover,.form-group.has-warning .btn-exist:active,.form-group.has-warning .btn-exist:focus,.form-group.has-warning .btn-exist:hover{
    border-color:#f39c12!important
}
.form-group.has-error label{
    color:#dd4b39
}
.form-group.has-error .form-control{
    border-color:#dd4b39;
    -webkit-box-shadow:none;
    box-shadow:none
}
.form-group.has-error .form-control.hover,.form-group.has-error .form-control:active,.form-group.has-error .form-control:focus,.form-group.has-error .form-control:hover{
    border-color:#dd4b39!important
}
.form-group.has-error .form-control-feedback{
    color:#dd4b39
}
.form-group.has-error .btn-exist{
    border-color:#dd4b39;
    color:#dd4b39
}
.form-group.has-error .btn-exist.hover,.form-group.has-error .btn-exist:active,.form-group.has-error .btn-exist:focus,.form-group.has-error .btn-exist:hover{
    border-color:#dd4b39!important;
    background-color:#dd4b39!important;
    color:#fff
}
@media (max-width:768px){
    .form-group{
        margin-bottom:10px
    }
}
.has-feedback label~.form-control-feedback{
    top:23px
}
.has-feedback label.sr-only~.form-control-feedback{
    top:0
}
.help-block{
    display:block;
    margin-top:5px;
    margin-bottom:10px;
    color:#737373
}
.help-block.danger{
    color:#d33724
}
@media (min-width:768px){
    .form-inline .form-group{
        display:inline-block;
        margin-bottom:0;
        vertical-align:middle
    }
    .form-inline .form-control{
        display:inline-block;
        width:auto;
        vertical-align:middle
    }
    .form-inline .form-control-static{
        display:inline-block
    }
    .form-inline .input-group{
        display:inline-table;
        vertical-align:middle
    }
    .form-inline .input-group .form-control,.form-inline .input-group .input-group-addon,.form-inline .input-group .input-group-btn{
        width:auto
    }
    .form-inline .input-group>.form-control{
        width:100%
    }
    .form-inline .control-label{
        margin-bottom:0;
        vertical-align:middle
    }
    .form-inline .checkbox,.form-inline .radio{
        display:inline-block;
        margin-top:0;
        margin-bottom:0;
        vertical-align:middle
    }
    .form-inline .checkbox label,.form-inline .radio label{
        padding-left:0
    }
    .form-inline .checkbox input[type=checkbox],.form-inline .radio input[type=radio]{
        position:relative;
        margin-left:0
    }
    .form-inline .has-feedback .form-control-feedback{
        top:0
    }
}
.form-horizontal .checkbox,.form-horizontal .checkbox-inline,.form-horizontal .radio,.form-horizontal .radio-inline{
    margin-top:0;
    margin-bottom:0;
    padding-top:7px
}
.form-horizontal .checkbox,.form-horizontal .radio{
    min-height:25px
}
.form-horizontal .form-group{
    margin-left:-10px;
    margin-right:-10px
}
@media (min-width:768px){
    .form-horizontal .control-label{
        text-align:right;
        margin-bottom:0;
        padding-top:7px
    }
}
.form-horizontal .has-feedback .form-control-feedback{
    right:10px
}
@media (min-width:768px){
    .form-horizontal .form-group-lg .control-label{
        padding-top:11px;
        font-size:17px
    }
}
@media (min-width:768px){
    .form-horizontal .form-group-sm .control-label{
        padding-top:6px;
        font-size:12px
    }
}
ul.ui-radio{
    list-style:none;
    margin:0;
    padding:0;
    overflow:hidden
}
ul.ui-radio li{
    border-width:0!important;
    display:block;
    float:left;
    margin:5px 20px 5px 0;
    padding:0!important;
    position:relative;
    min-height:20px
}
ul.ui-radio li input[type=radio]{
    position:absolute;
    visibility:hidden
}
ul.ui-radio li input[type=radio]:checked~.check{
    border:2px solid #26a73b
}
ul.ui-radio li label{
    -webkit-transition:all .25s linear;
    cursor:pointer;
    display:block;
    margin:5px auto;
    padding:0 0 0 25px;
    position:relative;
    z-index:9
}
ul.ui-radio li .check{
    -webkit-transition:border .26s linear;
    background-color:#ededed;
    border-radius:100%;
    border:2px solid #b6b6b6;
    display:block;
    height:20px;
    left:0;
    position:absolute;
    top:4px;
    -o-transition:border .26s linear;
    transition:border .26s linear;
    width:20px;
    z-index:5
}
ul.ui-radio li .check:before{
    -webkit-transition:background .25s linear;
    border-radius:100%;
    content:'';
    display:block;
    height:16px;
    left:0;
    margin:auto;
    position:absolute;
    top:0;
    -o-transition:background .25s linear;
    transition:background .25s linear;
    width:16px
}
ul.ui-radio li input[type=radio]:checked~.check:before{
    background:#0b7c1e;
    border:4px solid #fff
}
ul.ui-checkbox{
    list-style:none;
    margin:0;
    padding:0
}
ul.ui-checkbox li{
    border-width:0!important;
    display:block;
    float:left;
    margin:0;
    min-height:50px;
    padding:0!important;
    position:relative;
    width:100%
}
ul.ui-checkbox li input[type=checkbox]{
    position:absolute;
    visibility:hidden
}
ul.ui-checkbox li input[type=checkbox]:checked~.check{
    border:3px solid #26a73b
}
ul.ui-checkbox li label{
    -webkit-transition:all .25s linear;
    cursor:pointer;
    display:block;
    font-weight:300;
    margin:10px auto;
    min-height:26px;
    padding:0;
    position:relative;
    z-index:9
}
ul.ui-checkbox li .check{
    -webkit-transition:border .26s linear;
    background-color:#ededed;
    border-radius:3px;
    border:3px solid #b6b6b6;
    display:block;
    height:26px;
    left:0;
    position:absolute;
    top:12px;
    -o-transition:border .26s linear;
    transition:border .26s linear;
    width:26px;
    z-index:5
}
ul.ui-checkbox li .check:before{
    -webkit-transition:background .25s linear;
    border-radius:0;
    content:'';
    display:block;
    height:20px;
    left:0;
    margin:auto;
    position:absolute;
    top:0;
    -o-transition:background .25s linear;
    transition:background .25s linear;
    width:20px
}
ul.ui-checkbox li input[type=checkbox]:checked~.check:before{
    background:#ffffff;
    color:#00a9ff;
    content:"\f00c";
    display:inline-block;
    font:normal normal normal 14px/1 FontAwesome;
    text-rendering:auto;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    font-size:14px;
    line-height:20px;
    text-align:center
}
.btn{
    display:inline-block;
    margin-bottom:0;
    font-weight:500;
    text-align:center;
    vertical-align:middle;
    -ms-touch-action:manipulation;
    touch-action:manipulation;
    cursor:pointer;
    background-image:none;
    border:1px solid transparent;
    white-space:nowrap;
    padding:11px 8px;
    font-size:15px;
    line-height:1.42857143;
    border-radius:3px;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.btn.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus{
    outline:thin dotted;
    outline:0 auto -webkit-focus-ring-color;
    outline-offset:0
}
.btn.focus,.btn:focus,.btn:hover{
    color:#00a9ff;
    text-decoration:none
}
.btn.active,.btn:active{
    outline:0;
    background-image:none
}
.btn.disabled,.btn[disabled],fieldset[disabled] .btn{
    cursor:not-allowed;
    opacity:.65;
    filter:alpha(opacity=65);
    -webkit-box-shadow:none;
    box-shadow:none
}
a.btn.disabled,fieldset[disabled] a.btn{
    pointer-events:none
}
.btn-exist{
    background-color:#fff;
    color:#00a9ff;
    border-color:#ddd
}
.btn-exist.hover,.btn-exist:active,.btn-exist:focus,.btn-exist:hover{
    border-color:#00a9ff;
    background-color:#00a9ff;
    color:#fff
}
.btn-border{
    color:#00a9ff;
    background-color:#fff;
    border-color:#00a9ff
}
.btn-border.focus,.btn-border:focus{
    color:#00a9ff;
    background-color:#e6e6e6;
    border-color:#005480
}
.btn-border:hover{
    color:#00a9ff;
    background-color:#e6e6e6;
    border-color:#0080c2
}
.btn-border.active,.btn-border:active,.open>.dropdown-toggle.btn-border{
    color:#00a9ff;
    background-color:#e6e6e6;
    border-color:#0080c2
}
.btn-border.active.focus,.btn-border.active:focus,.btn-border.active:hover,.btn-border:active.focus,.btn-border:active:focus,.btn-border:active:hover,.open>.dropdown-toggle.btn-border.focus,.open>.dropdown-toggle.btn-border:focus,.open>.dropdown-toggle.btn-border:hover{
    color:#00a9ff;
    background-color:#d4d4d4;
    border-color:#005480
}
.btn-border.active,.btn-border:active,.open>.dropdown-toggle.btn-border{
    background-image:none
}
.btn-border.disabled.focus,.btn-border.disabled:focus,.btn-border.disabled:hover,.btn-border[disabled].focus,.btn-border[disabled]:focus,.btn-border[disabled]:hover,fieldset[disabled] .btn-border.focus,fieldset[disabled] .btn-border:focus,fieldset[disabled] .btn-border:hover{
    background-color:#fff;
    border-color:#00a9ff
}
.btn-border .badge{
    color:#fff;
    background-color:#00a9ff
}
.btn-default{
    color:#00a9ff;
    background-color:#fff;
    border-color:#00a9ff
}
.btn-default.focus,.btn-default:focus{
    color:#00a9ff;
    background-color:#e6e6e6;
    border-color:#005480
}
.btn-default:hover{
    color:#00a9ff;
    background-color:#e6e6e6;
    border-color:#0080c2
}
.btn-default.active,.btn-default:active,.open>.dropdown-toggle.btn-default{
    color:#00a9ff;
    background-color:#e6e6e6;
    border-color:#0080c2
}
.btn-default.active.focus,.btn-default.active:focus,.btn-default.active:hover,.btn-default:active.focus,.btn-default:active:focus,.btn-default:active:hover,.open>.dropdown-toggle.btn-default.focus,.open>.dropdown-toggle.btn-default:focus,.open>.dropdown-toggle.btn-default:hover{
    color:#00a9ff;
    background-color:#d4d4d4;
    border-color:#005480
}
.btn-default.active,.btn-default:active,.open>.dropdown-toggle.btn-default{
    background-image:none
}
.btn-default.disabled.focus,.btn-default.disabled:focus,.btn-default.disabled:hover,.btn-default[disabled].focus,.btn-default[disabled]:focus,.btn-default[disabled]:hover,fieldset[disabled] .btn-default.focus,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:hover{
    background-color:#fff;
    border-color:#00a9ff
}
.btn-default .badge{
    color:#fff;
    background-color:#00a9ff
}
.btn-default.active,.btn-default.active:hover,.btn-default:active,.btn-default:focus,.btn-default:hover{
    color:#fff;
    background-color:#00a9ff;
    border-color:#00a9ff
}
.btn-primary{
    color:#fff;
    background-color:#00a9ff;
    border-color:#0098e6
}
.btn-primary.focus,.btn-primary:focus{
    color:#fff;
    background-color:#0087cc;
    border-color:#046
}
.btn-primary:hover{
    color:#fff;
    background-color:#0087cc;
    border-color:#0070a8
}
.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary{
    color:#fff;
    background-color:#0087cc;
    border-color:#0070a8
}
.btn-primary.active.focus,.btn-primary.active:focus,.btn-primary.active:hover,.btn-primary:active.focus,.btn-primary:active:focus,.btn-primary:active:hover,.open>.dropdown-toggle.btn-primary.focus,.open>.dropdown-toggle.btn-primary:focus,.open>.dropdown-toggle.btn-primary:hover{
    color:#fff;
    background-color:#0070a8;
    border-color:#046
}
.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary{
    background-image:none
}
.btn-primary.disabled.focus,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled].focus,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary.focus,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover{
    background-color:#00a9ff;
    border-color:#0098e6
}
.btn-primary .badge{
    color:#00a9ff;
    background-color:#fff
}
.btn-success{
    color:#fff;
    background-color:#2ecc71;
    border-color:#29b765
}
.btn-success.focus,.btn-success:focus{
    color:#fff;
    background-color:#25a25a;
    border-color:#124f2c
}
.btn-success:hover{
    color:#fff;
    background-color:#25a25a;
    border-color:#1e854a
}
.btn-success.active,.btn-success:active,.open>.dropdown-toggle.btn-success{
    color:#fff;
    background-color:#25a25a;
    border-color:#1e854a
}
.btn-success.active.focus,.btn-success.active:focus,.btn-success.active:hover,.btn-success:active.focus,.btn-success:active:focus,.btn-success:active:hover,.open>.dropdown-toggle.btn-success.focus,.open>.dropdown-toggle.btn-success:focus,.open>.dropdown-toggle.btn-success:hover{
    color:#fff;
    background-color:#1e854a;
    border-color:#124f2c
}
.btn-success.active,.btn-success:active,.open>.dropdown-toggle.btn-success{
    background-image:none
}
.btn-success.disabled.focus,.btn-success.disabled:focus,.btn-success.disabled:hover,.btn-success[disabled].focus,.btn-success[disabled]:focus,.btn-success[disabled]:hover,fieldset[disabled] .btn-success.focus,fieldset[disabled] .btn-success:focus,fieldset[disabled] .btn-success:hover{
    background-color:#2ecc71;
    border-color:#29b765
}
.btn-success .badge{
    color:#2ecc71;
    background-color:#fff
}
.btn-info{
    color:#fff;
    background-color:#00c0ef;
    border-color:#00acd6
}
.btn-info.focus,.btn-info:focus{
    color:#fff;
    background-color:#0097bc;
    border-color:#004556
}
.btn-info:hover{
    color:#fff;
    background-color:#0097bc;
    border-color:#007a98
}
.btn-info.active,.btn-info:active,.open>.dropdown-toggle.btn-info{
    color:#fff;
    background-color:#0097bc;
    border-color:#007a98
}
.btn-info.active.focus,.btn-info.active:focus,.btn-info.active:hover,.btn-info:active.focus,.btn-info:active:focus,.btn-info:active:hover,.open>.dropdown-toggle.btn-info.focus,.open>.dropdown-toggle.btn-info:focus,.open>.dropdown-toggle.btn-info:hover{
    color:#fff;
    background-color:#007a98;
    border-color:#004556
}
.btn-info.active,.btn-info:active,.open>.dropdown-toggle.btn-info{
    background-image:none
}
.btn-info.disabled.focus,.btn-info.disabled:focus,.btn-info.disabled:hover,.btn-info[disabled].focus,.btn-info[disabled]:focus,.btn-info[disabled]:hover,fieldset[disabled] .btn-info.focus,fieldset[disabled] .btn-info:focus,fieldset[disabled] .btn-info:hover{
    background-color:#00c0ef;
    border-color:#00acd6
}
.btn-info .badge{
    color:#00c0ef;
    background-color:#fff
}
.btn-warning{
    color:#fff;
    background-color:#f39c12;
    border-color:#e08e0b
}
.btn-warning.focus,.btn-warning:focus{
    color:#fff;
    background-color:#c87f0a;
    border-color:#674105
}
.btn-warning:hover{
    color:#fff;
    background-color:#c87f0a;
    border-color:#a66908
}
.btn-warning.active,.btn-warning:active,.open>.dropdown-toggle.btn-warning{
    color:#fff;
    background-color:#c87f0a;
    border-color:#a66908
}
.btn-warning.active.focus,.btn-warning.active:focus,.btn-warning.active:hover,.btn-warning:active.focus,.btn-warning:active:focus,.btn-warning:active:hover,.open>.dropdown-toggle.btn-warning.focus,.open>.dropdown-toggle.btn-warning:focus,.open>.dropdown-toggle.btn-warning:hover{
    color:#fff;
    background-color:#a66908;
    border-color:#674105
}
.btn-warning.active,.btn-warning:active,.open>.dropdown-toggle.btn-warning{
    background-image:none
}
.btn-warning.disabled.focus,.btn-warning.disabled:focus,.btn-warning.disabled:hover,.btn-warning[disabled].focus,.btn-warning[disabled]:focus,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning.focus,fieldset[disabled] .btn-warning:focus,fieldset[disabled] .btn-warning:hover{
    background-color:#f39c12;
    border-color:#e08e0b
}
.btn-warning .badge{
    color:#f39c12;
    background-color:#fff
}
.btn-danger{
    color:#fff;
    background-color:#d33724;
    border-color:#bd3120
}
.btn-danger.focus,.btn-danger:focus{
    color:#fff;
    background-color:#a72c1d;
    border-color:#50150e
}
.btn-danger:hover{
    color:#fff;
    background-color:#a72c1d;
    border-color:#892417
}
.btn-danger.active,.btn-danger:active,.open>.dropdown-toggle.btn-danger{
    color:#fff;
    background-color:#a72c1d;
    border-color:#892417
}
.btn-danger.active.focus,.btn-danger.active:focus,.btn-danger.active:hover,.btn-danger:active.focus,.btn-danger:active:focus,.btn-danger:active:hover,.open>.dropdown-toggle.btn-danger.focus,.open>.dropdown-toggle.btn-danger:focus,.open>.dropdown-toggle.btn-danger:hover{
    color:#fff;
    background-color:#892417;
    border-color:#50150e
}
.btn-danger.active,.btn-danger:active,.open>.dropdown-toggle.btn-danger{
    background-image:none
}
.btn-danger.disabled.focus,.btn-danger.disabled:focus,.btn-danger.disabled:hover,.btn-danger[disabled].focus,.btn-danger[disabled]:focus,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger.focus,fieldset[disabled] .btn-danger:focus,fieldset[disabled] .btn-danger:hover{
    background-color:#d33724;
    border-color:#bd3120
}
.btn-danger .badge{
    color:#d33724;
    background-color:#fff
}
.btn-facebook{
    color:#fff;
    background-color:#3b5998;
    border-color:#3b5998;
    position:relative
}
.btn-facebook.focus,.btn-facebook:focus{
    color:#fff;
    background-color:#2d4373;
    border-color:#17233c
}
.btn-facebook:hover{
    color:#fff;
    background-color:#2d4373;
    border-color:#2a3f6c
}
.btn-facebook.active,.btn-facebook:active,.open>.dropdown-toggle.btn-facebook{
    color:#fff;
    background-color:#2d4373;
    border-color:#2a3f6c
}
.btn-facebook.active.focus,.btn-facebook.active:focus,.btn-facebook.active:hover,.btn-facebook:active.focus,.btn-facebook:active:focus,.btn-facebook:active:hover,.open>.dropdown-toggle.btn-facebook.focus,.open>.dropdown-toggle.btn-facebook:focus,.open>.dropdown-toggle.btn-facebook:hover{
    color:#fff;
    background-color:#23345a;
    border-color:#17233c
}
.btn-facebook.active,.btn-facebook:active,.open>.dropdown-toggle.btn-facebook{
    background-image:none
}
.btn-facebook.disabled.focus,.btn-facebook.disabled:focus,.btn-facebook.disabled:hover,.btn-facebook[disabled].focus,.btn-facebook[disabled]:focus,.btn-facebook[disabled]:hover,fieldset[disabled] .btn-facebook.focus,fieldset[disabled] .btn-facebook:focus,fieldset[disabled] .btn-facebook:hover{
    background-color:#3b5998;
    border-color:#3b5998
}
.btn-facebook .badge{
    color:#3b5998;
    background-color:#fff
}
.btn-facebook i{
    font-size:40px;
    line-height:40px;
    position:absolute;
    left:10px;
    bottom:-6px
}
.btn-googleplus{
    color:#fff;
    background-color:#db4437;
    border-color:#db4437;
    position:relative
}
.btn-googleplus.focus,.btn-googleplus:focus{
    color:#fff;
    background-color:#bd2e22;
    border-color:#7c1e16
}
.btn-googleplus:hover{
    color:#fff;
    background-color:#bd2e22;
    border-color:#b42c20
}
.btn-googleplus.active,.btn-googleplus:active,.open>.dropdown-toggle.btn-googleplus{
    color:#fff;
    background-color:#bd2e22;
    border-color:#b42c20
}
.btn-googleplus.active.focus,.btn-googleplus.active:focus,.btn-googleplus.active:hover,.btn-googleplus:active.focus,.btn-googleplus:active:focus,.btn-googleplus:active:hover,.open>.dropdown-toggle.btn-googleplus.focus,.open>.dropdown-toggle.btn-googleplus:focus,.open>.dropdown-toggle.btn-googleplus:hover{
    color:#fff;
    background-color:#9f271d;
    border-color:#7c1e16
}
.btn-googleplus.active,.btn-googleplus:active,.open>.dropdown-toggle.btn-googleplus{
    background-image:none
}
.btn-googleplus.disabled.focus,.btn-googleplus.disabled:focus,.btn-googleplus.disabled:hover,.btn-googleplus[disabled].focus,.btn-googleplus[disabled]:focus,.btn-googleplus[disabled]:hover,fieldset[disabled] .btn-googleplus.focus,fieldset[disabled] .btn-googleplus:focus,fieldset[disabled] .btn-googleplus:hover{
    background-color:#db4437;
    border-color:#db4437
}
.btn-googleplus .badge{
    color:#db4437;
    background-color:#fff
}
.btn-googleplus i{
    font-size:34px;
    line-height:40px;
    position:absolute;
    left:10px;
    bottom:-2px
}
.btn-icon{
    position:relative;
    padding-left:30px!important;
    text-transform:none!important
}
.btn-icon .fa,.btn-icon .icon{
    position:absolute;
    font-size:20px
}
.btn-icon.btn-default{
    color:#00a9ff
}
.btn-icon.btn-lg{
    text-transform:uppercase!important
}
.btn-icon.btn-lg .icon{
    top:6px
}
.btn-link{
    color:#00a9ff;
    font-weight:normal;
    border-radius:0
}
.btn-link,.btn-link.active,.btn-link:active,.btn-link[disabled],fieldset[disabled] .btn-link{
    background-color:transparent;
    -webkit-box-shadow:none;
    box-shadow:none
}
.btn-link,.btn-link:active,.btn-link:focus,.btn-link:hover{
    border-color:transparent
}
.btn-link:focus,.btn-link:hover{
    color:#4dc3ff;
    text-decoration:none;
    background-color:transparent
}
.btn-link[disabled]:focus,.btn-link[disabled]:hover,fieldset[disabled] .btn-link:focus,fieldset[disabled] .btn-link:hover{
    color:#777;
    text-decoration:none
}
.btn-group-lg>.btn,.btn-lg{
    padding:10px 16px;
    font-size:17px;
    line-height:1.3333333;
    border-radius:5px
}
.btn-group-sm>.btn,.btn-sm{
    padding:5px 10px;
    font-size:12px;
    line-height:1.5;
    border-radius:3px
}
.btn-group-xs>.btn,.btn-xs{
    padding:1px 5px;
    font-size:12px;
    line-height:1.5;
    border-radius:3px
}
.btn-block{
    display:block;
    width:100%
}
.btn-block+.btn-block{
    margin-top:5px
}
input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block{
    width:100%
}
.fade{
    opacity:0;
    -webkit-transition:opacity .15s linear;
    -o-transition:opacity .15s linear;
    transition:opacity .15s linear
}
.fade.in{
    opacity:1
}
.collapse{
    display:none
}
.collapse.in{
    display:block
}
tr.collapse.in{
    display:table-row
}
tbody.collapse.in{
    display:table-row-group
}
.collapsing{
    position:relative;
    height:0;
    overflow:hidden;
    -webkit-transition-property:height, visibility;
    -o-transition-property:height, visibility;
    transition-property:height, visibility;
    -webkit-transition-duration:.35s;
    -o-transition-duration:.35s;
    transition-duration:.35s;
    -webkit-transition-timing-function:ease;
    -o-transition-timing-function:ease;
    transition-timing-function:ease
}
.caret{
    display:inline-block;
    width:0;
    height:0;
    margin-left:2px;
    vertical-align:middle;
    border-top:4px dashed;
    border-top:4px solid\9;
    border-right:4px solid transparent;
    border-left:4px solid transparent
}
.dropdown,.dropup{
    position:relative
}
.dropdown-toggle:focus{
    outline:0
}
.dropdown-menu{
    position:absolute;
    top:100%;
    left:0;
    z-index:1000;
    display:none;
    float:left;
    min-width:160px;
    padding:5px 0;
    margin:2px 0 0;
    list-style:none;
    font-size:13px;
    text-align:left;
    background-color:#fff;
    border:1px solid #ccc;
    border:1px solid rgba(0, 0, 0, 0.15);
    border-radius:3px;
    -webkit-box-shadow:0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow:0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip:padding-box
}
.dropdown-menu.pull-right{
    right:0;
    left:auto
}
.dropdown-menu .divider{
    height:1px;
    margin:8px 0;
    overflow:hidden;
    background-color:#e5e5e5
}
.dropdown-menu>li>a{
    display:block;
    padding:3px 20px;
    clear:both;
    font-weight:normal;
    line-height:1.42857143;
    color:#333;
    white-space:nowrap
}
.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{
    text-decoration:none;
    color:#262626;
    background-color:#f5f5f5
}
.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover{
    color:#fff;
    text-decoration:none;
    outline:0;
    background-color:#00a9ff
}
.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{
    color:#777
}
.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{
    text-decoration:none;
    background-color:transparent;
    background-image:none;
    filter:progid: DXImageTransform.Microsoft.gradient(enabled false);
    cursor:not-allowed
}
.open>.dropdown-menu{
    display:block
}
.open>a{
    outline:0
}
.dropdown-menu-right{
    left:auto;
    right:0
}
.dropdown-menu-left{
    left:0;
    right:auto
}
.dropdown-header{
    display:block;
    padding:3px 20px;
    font-size:12px;
    line-height:1.42857143;
    color:#777;
    white-space:nowrap
}
.dropdown-backdrop{
    position:fixed;
    left:0;
    right:0;
    bottom:0;
    top:0;
    z-index:990
}
.pull-right>.dropdown-menu{
    right:0;
    left:auto
}
.dropup .caret,.navbar-fixed-bottom .dropdown .caret{
    border-top:0;
    border-bottom:4px dashed;
    border-bottom:4px solid\9;
    content:""
}
.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu{
    top:auto;
    bottom:100%;
    margin-bottom:2px
}
@media (min-width:480px){
    .navbar-right .dropdown-menu{
        left:auto;
        right:0
    }
    .navbar-right .dropdown-menu-left{
        left:0;
        right:auto
    }
}
.btn-group,.btn-group-vertical{
    position:relative;
    display:inline-block;
    vertical-align:middle
}
.btn-group-vertical>.btn,.btn-group>.btn{
    position:relative;
    float:left
}
.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover{
    z-index:2
}
.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group{
    margin-left:-1px
}
.btn-toolbar{
    margin-left:-5px
}
.btn-toolbar .btn,.btn-toolbar .btn-group,.btn-toolbar .input-group{
    float:left
}
.btn-toolbar>.btn,.btn-toolbar>.btn-group,.btn-toolbar>.input-group{
    margin-left:5px
}
.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle){
    border-radius:0
}
.btn-group>.btn:first-child{
    margin-left:0
}
.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle){
    border-bottom-right-radius:0;
    border-top-right-radius:0
}
.btn-group>.btn:last-child:not(:first-child),.btn-group>.dropdown-toggle:not(:first-child){
    border-bottom-left-radius:0;
    border-top-left-radius:0
}
.btn-group>.btn-group{
    float:left
}
.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn{
    border-radius:0
}
.btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle{
    border-bottom-right-radius:0;
    border-top-right-radius:0
}
.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child{
    border-bottom-left-radius:0;
    border-top-left-radius:0
}
.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle{
    outline:0
}
.btn-group>.btn+.dropdown-toggle{
    padding-left:8px;
    padding-right:8px
}
.btn-group>.btn-lg+.dropdown-toggle{
    padding-left:12px;
    padding-right:12px
}
.btn-group.open .dropdown-toggle{
    -webkit-box-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125)
}
.btn-group.open .dropdown-toggle.btn-link{
    -webkit-box-shadow:none;
    box-shadow:none
}
.btn .caret{
    margin-left:0
}
.btn-lg .caret{
    border-width:5px 5px 0;
    border-bottom-width:0
}
.dropup .btn-lg .caret{
    border-width:0 5px 5px
}
.btn-group-vertical>.btn,.btn-group-vertical>.btn-group,.btn-group-vertical>.btn-group>.btn{
    display:block;
    float:none;
    width:100%;
    max-width:100%
}
.btn-group-vertical>.btn-group>.btn{
    float:none
}
.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group{
    margin-top:-1px;
    margin-left:0
}
.btn-group-vertical>.btn:not(:first-child):not(:last-child){
    border-radius:0
}
.btn-group-vertical>.btn:first-child:not(:last-child){
    border-top-right-radius:3px;
    border-top-left-radius:3px;
    border-bottom-right-radius:0;
    border-bottom-left-radius:0
}
.btn-group-vertical>.btn:last-child:not(:first-child){
    border-top-right-radius:0;
    border-top-left-radius:0;
    border-bottom-right-radius:3px;
    border-bottom-left-radius:3px
}
.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn{
    border-radius:0
}
.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle{
    border-bottom-right-radius:0;
    border-bottom-left-radius:0
}
.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child{
    border-top-right-radius:0;
    border-top-left-radius:0
}
.btn-group-justified{
    display:table;
    width:100%;
    table-layout:fixed;
    border-collapse:separate
}
.btn-group-justified>.btn,.btn-group-justified>.btn-group{
    float:none;
    display:table-cell;
    width:1%
}
.btn-group-justified>.btn-group .btn{
    width:100%
}
.btn-group-justified>.btn-group .dropdown-menu{
    left:auto
}
[data-toggle=buttons]>.btn-group>.btn input[type=checkbox],[data-toggle=buttons]>.btn-group>.btn input[type=radio],[data-toggle=buttons]>.btn input[type=checkbox],[data-toggle=buttons]>.btn input[type=radio]{
    position:absolute;
    clip:rect(0, 0, 0, 0);
    pointer-events:none
}
.input-group{
    position:relative;
    display:table;
    border-collapse:separate
}
.input-group[class*=col-]{
    float:none;
    padding-left:0;
    padding-right:0
}
.input-group .form-control{
    position:relative;
    z-index:2;
    float:left;
    width:100%;
    margin-bottom:0
}
.input-group .form-control:focus{
    z-index:3
}
.input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn{
    height:45px;
    padding:10px 16px;
    font-size:17px;
    line-height:1.3333333;
    border-radius:5px
}
select.input-group-lg>.form-control,select.input-group-lg>.input-group-addon,select.input-group-lg>.input-group-btn>.btn{
    height:45px;
    line-height:45px
}
select[multiple].input-group-lg>.form-control,select[multiple].input-group-lg>.input-group-addon,select[multiple].input-group-lg>.input-group-btn>.btn,textarea.input-group-lg>.form-control,textarea.input-group-lg>.input-group-addon,textarea.input-group-lg>.input-group-btn>.btn{
    height:auto
}
.input-group-sm>.form-control,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.btn{
    height:30px;
    padding:5px 10px;
    font-size:12px;
    line-height:1.5;
    border-radius:3px
}
select.input-group-sm>.form-control,select.input-group-sm>.input-group-addon,select.input-group-sm>.input-group-btn>.btn{
    height:30px;
    line-height:30px
}
select[multiple].input-group-sm>.form-control,select[multiple].input-group-sm>.input-group-addon,select[multiple].input-group-sm>.input-group-btn>.btn,textarea.input-group-sm>.form-control,textarea.input-group-sm>.input-group-addon,textarea.input-group-sm>.input-group-btn>.btn{
    height:auto
}
.input-group-addon,.input-group-btn,.input-group .form-control{
    display:table-cell
}
.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child),.input-group .form-control:not(:first-child):not(:last-child){
    border-radius:0
}
.input-group-addon .btn,.input-group-addon .btn-default,.input-group-btn .btn,.input-group-btn .btn-default,.input-group .form-control .btn,.input-group .form-control .btn-default{
    border-color:#e5e7ea
}
.input-group-addon:active,.input-group-addon:focus,.input-group-btn:active,.input-group-btn:focus,.input-group .form-control:active,.input-group .form-control:focus{
    border-color:#e5e7ea!important
}
.input-group-addon,.input-group-btn{
    width:1%;
    white-space:nowrap;
    vertical-align:middle
}
.input-group-addon{
    padding:6px 10px;
    font-size:13px;
    font-weight:normal;
    line-height:1;
    color:#3c3c3c;
    text-align:center;
    background-color:#eee;
    border:1px solid #e5e7ea;
    border-radius:3px
}
.input-group-addon.input-sm{
    padding:5px 10px;
    font-size:12px;
    border-radius:3px
}
.input-group-addon.input-lg{
    padding:10px 16px;
    font-size:17px;
    border-radius:5px
}
.input-group-addon input[type=checkbox],.input-group-addon input[type=radio]{
    margin-top:0
}
.input-group-addon:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn-group:not(:last-child)>.btn,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group .form-control:first-child{
    border-bottom-right-radius:0;
    border-top-right-radius:0
}
.input-group-addon:first-child{
    border-right:0
}
.input-group-addon:last-child,.input-group-btn:first-child>.btn-group:not(:first-child)>.btn,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group>.btn,.input-group-btn:last-child>.dropdown-toggle,.input-group .form-control:last-child{
    border-bottom-left-radius:0;
    border-top-left-radius:0
}
.input-group-addon:last-child{
    border-left:0
}
.input-group-btn{
    position:relative;
    font-size:0;
    white-space:nowrap
}
.input-group-btn>.btn{
    position:relative
}
.input-group-btn>.btn+.btn{
    margin-left:-1px
}
.input-group-btn>.btn:active,.input-group-btn>.btn:focus,.input-group-btn>.btn:hover{
    z-index:2
}
.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group{
    margin-right:-1px
}
.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group{
    z-index:2;
    margin-left:-1px
}
.nav{
    margin-bottom:0;
    padding-left:0;
    list-style:none
}
.nav>li{
    position:relative;
    display:inline-block
}
.nav>li>a{
    position:relative;
    display:block;
    padding:10px 15px
}
.nav>li>a:focus,.nav>li>a:hover{
    text-decoration:none;
    background-color:#eee
}
.nav>li.disabled>a{
    color:#777
}
.nav>li.disabled>a:focus,.nav>li.disabled>a:hover{
    color:#777;
    text-decoration:none;
    background-color:transparent;
    cursor:not-allowed
}
.nav .open>a,.nav .open>a:focus,.nav .open>a:hover{
    background-color:transparent;
    border-color:#00a9ff
}
.nav .nav-divider{
    height:1px;
    margin:8px 0;
    overflow:hidden;
    background-color:#e5e5e5
}
.nav>li>a>img{
    max-width:none
}
.nav-tabs{
    border-bottom:1px solid #e5e7ea
}
.nav-tabs>li{
    float:left;
    margin-bottom:-1px
}
.nav-tabs>li>a{
    margin-right:2px;
    line-height:1.42857143;
    border:1px solid transparent;
    border-radius:3px 3px 0 0
}
.nav-tabs>li>a:hover{
    border-color:#eee #eee #e5e7ea
}
.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{
    color:#d2d6de;
    background-color:#f5f7fa;
    border:1px solid #e5e7ea;
    border-bottom-color:transparent;
    cursor:default
}
.nav-tabs.nav-justified{
    width:100%;
    border-bottom:0
}
.nav-tabs.nav-justified>li{
    float:none
}
.nav-tabs.nav-justified>li>a{
    text-align:center;
    margin-bottom:5px
}
.nav-tabs.nav-justified>.dropdown .dropdown-menu{
    top:auto;
    left:auto
}
@media (min-width:768px){
    .nav-tabs.nav-justified>li{
        display:table-cell;
        width:1%
    }
    .nav-tabs.nav-justified>li>a{
        margin-bottom:0
    }
}
.nav-tabs.nav-justified>li>a{
    margin-right:0;
    border-radius:3px
}
.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover{
    border:1px solid #e5e7ea
}
@media (min-width:768px){
    .nav-tabs.nav-justified>li>a{
        border-bottom:1px solid #e5e7ea;
        border-radius:3px 3px 0 0
    }
    .nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover{
        border-bottom-color:#f5f7fa
    }
}
.nav-pills>li{
    float:left
}
.nav-pills>li>a{
    border-radius:3px
}
.nav-pills>li+li{
    margin-left:2px
}
.nav-pills>li.active>a,.nav-pills>li.active>a:focus,.nav-pills>li.active>a:hover{
    color:#fff;
    background-color:#00a9ff
}
.nav-stacked>li{
    float:none
}
.nav-stacked>li+li{
    margin-top:2px;
    margin-left:0
}
.nav-justified{
    width:100%
}
.nav-justified>li{
    float:none
}
.nav-justified>li>a{
    text-align:center;
    margin-bottom:5px
}
.nav-justified>.dropdown .dropdown-menu{
    top:auto;
    left:auto
}
@media (min-width:768px){
    .nav-justified>li{
        display:table-cell;
        width:1%
    }
    .nav-justified>li>a{
        margin-bottom:0
    }
}
.nav-tabs-justified{
    border-bottom:0
}
.nav-tabs-justified>li>a{
    margin-right:0;
    border-radius:3px
}
.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover{
    border:1px solid #e5e7ea
}
@media (min-width:768px){
    .nav-tabs-justified>li>a{
        border-bottom:1px solid #e5e7ea;
        border-radius:3px 3px 0 0
    }
    .nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover{
        border-bottom-color:#f5f7fa
    }
}
.tab-content>.tab-pane{
    display:none
}
.tab-content>.active{
    display:block
}
.nav-tabs .dropdown-menu{
    margin-top:-1px;
    border-top-right-radius:0;
    border-top-left-radius:0
}
.navbar{
    position:relative;
    min-height:50px;
    margin-bottom:18px;
    border:1px solid transparent
}
@media (min-width:480px){
    .navbar{
        border-radius:3px
    }
}
@media (min-width:480px){
    .navbar-header{
        float:left;
        display:inline
    }
}
.navbar-collapse{
    overflow-x:visible;
    padding-right:10px;
    padding-left:10px;
    border-top:1px solid transparent;
    -webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.1);
    box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.1);
    -webkit-overflow-scrolling:touch
}
.navbar-collapse.in{
    overflow-y:auto
}
@media (min-width:480px){
    .navbar-collapse{
        width:auto;
        border-top:0;
        -webkit-box-shadow:none;
        box-shadow:none
    }
    .navbar-collapse.collapse{
        display:block!important;
        height:auto!important;
        padding-bottom:0;
        overflow:visible!important
    }
    .navbar-collapse.in{
        overflow-y:visible
    }
    .navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse,.navbar-static-top .navbar-collapse{
        padding-left:0;
        padding-right:0
    }
}
.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse{
    max-height:340px
}
@media (max-device-width:480px) and (orientation:landscape){
    .navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse{
        max-height:200px
    }
}
.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{
    margin-right:-10px;
    margin-left:-10px
}
@media (min-width:480px){
    .container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{
        margin-right:0;
        margin-left:0
    }
}
.navbar-static-top{
    z-index:1000;
    border-width:0 0 1px
}
@media (min-width:480px){
    .navbar-static-top{
        border-radius:0
    }
}
.navbar-fixed-bottom,.navbar-fixed-top{
    position:fixed;
    right:0;
    left:0;
    z-index:1030
}
@media (min-width:480px){
    .navbar-fixed-bottom,.navbar-fixed-top{
        border-radius:0
    }
}
.navbar-fixed-top{
    top:0;
    border-width:0 0 1px
}
.navbar-fixed-bottom{
    bottom:0;
    margin-bottom:0;
    border-width:1px 0 0
}
.navbar-brand{
    float:left;
    padding:16px 10px;
    font-size:17px;
    line-height:18px;
    height:50px
}
.navbar-brand:focus,.navbar-brand:hover{
    text-decoration:none
}
.navbar-brand>img{
    display:block
}
@media (min-width:480px){
    .navbar>.container-fluid .navbar-brand,.navbar>.container .navbar-brand{
        margin-left:-10px
    }
}
.navbar-toggle{
    position:relative;
    float:right;
    margin-right:10px;
    padding:9px 10px;
    margin-top:8px;
    margin-bottom:8px;
    background-color:transparent;
    background-image:none;
    border:1px solid transparent;
    border-radius:3px
}
.navbar-toggle:focus{
    outline:0
}
.navbar-toggle .icon-bar{
    display:block;
    width:22px;
    height:2px;
    border-radius:1px
}
.navbar-toggle .icon-bar+.icon-bar{
    margin-top:4px
}
@media (min-width:480px){
    .navbar-toggle{
        display:none
    }
}
.navbar-nav{
    margin:8px -10px
}
.navbar-nav>li>a{
    padding-top:10px;
    padding-bottom:10px;
    line-height:18px
}
@media (max-width:479px){
    .navbar-nav .open .dropdown-menu{
        position:static;
        float:none;
        width:auto;
        margin-top:0;
        background-color:transparent;
        border:0;
        -webkit-box-shadow:none;
        box-shadow:none
    }
    .navbar-nav .open .dropdown-menu .dropdown-header,.navbar-nav .open .dropdown-menu>li>a{
        padding:5px 15px 5px 25px
    }
    .navbar-nav .open .dropdown-menu>li>a{
        line-height:18px
    }
    .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-nav .open .dropdown-menu>li>a:hover{
        background-image:none
    }
}
@media (min-width:480px){
    .navbar-nav{
        float:left;
        margin:0;
        display:inline
    }
    .navbar-nav.tabs-header{
        float:left;
        clear:left;
        overflow:hidden
    }
    .navbar-nav>li{
        float:left
    }
    .navbar-nav>li>a{
        padding-top:16px;
        padding-bottom:16px
    }
}
.navbar-form{
    margin-left:-10px;
    margin-right:-10px;
    padding:10px 10px;
    border-top:1px solid transparent;
    border-bottom:1px solid transparent;
    -webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
    box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
    margin-top:9px;
    margin-bottom:9px
}
@media (min-width:768px){
    .navbar-form .form-group{
        display:inline-block;
        margin-bottom:0;
        vertical-align:middle
    }
    .navbar-form .form-control{
        display:inline-block;
        width:auto;
        vertical-align:middle
    }
    .navbar-form .form-control-static{
        display:inline-block
    }
    .navbar-form .input-group{
        display:inline-table;
        vertical-align:middle
    }
    .navbar-form .input-group .form-control,.navbar-form .input-group .input-group-addon,.navbar-form .input-group .input-group-btn{
        width:auto
    }
    .navbar-form .input-group>.form-control{
        width:100%
    }
    .navbar-form .control-label{
        margin-bottom:0;
        vertical-align:middle
    }
    .navbar-form .checkbox,.navbar-form .radio{
        display:inline-block;
        margin-top:0;
        margin-bottom:0;
        vertical-align:middle
    }
    .navbar-form .checkbox label,.navbar-form .radio label{
        padding-left:0
    }
    .navbar-form .checkbox input[type=checkbox],.navbar-form .radio input[type=radio]{
        position:relative;
        margin-left:0
    }
    .navbar-form .has-feedback .form-control-feedback{
        top:0
    }
}
@media (max-width:479px){
    .navbar-form .form-group{
        margin-bottom:5px
    }
    .navbar-form .form-group:last-child{
        margin-bottom:0
    }
}
@media (min-width:480px){
    .navbar-form{
        width:auto;
        border:0;
        margin-left:0;
        margin-right:0;
        padding-top:0;
        padding-bottom:0;
        -webkit-box-shadow:none;
        box-shadow:none
    }
}
.navbar-nav>li>.dropdown-menu{
    margin-top:0;
    border-top-right-radius:0;
    border-top-left-radius:0
}
.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu{
    margin-bottom:0;
    border-top-right-radius:3px;
    border-top-left-radius:3px;
    border-bottom-right-radius:0;
    border-bottom-left-radius:0
}
.navbar-btn{
    margin-top:9px;
    margin-bottom:9px
}
.navbar-btn.btn-sm{
    margin-top:10px;
    margin-bottom:10px
}
.navbar-btn.btn-xs{
    margin-top:14px;
    margin-bottom:14px
}
.navbar-text{
    margin-top:16px;
    margin-bottom:16px
}
@media (min-width:480px){
    .navbar-text{
        float:left;
        margin-left:10px;
        margin-right:10px
    }
}
@media (min-width:480px){
    .navbar-left{
        float:left!important
    }
    .navbar-right{
        float:right!important;
        margin-right:-10px
    }
    .navbar-right~.navbar-right{
        margin-right:0
    }
}
.navbar-default{
    background-color:#f8f8f8;
    border-color:#e7e7e7
}
.navbar-default .navbar-brand{
    color:#777
}
.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover{
    color:#5e5e5e;
    background-color:transparent
}
.navbar-default .navbar-text{
    color:#777
}
.navbar-default .navbar-nav>li>a{
    color:#777
}
.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover{
    color:#333;
    background-color:transparent
}
.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover{
    color:#555;
    background-color:#e7e7e7
}
.navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:focus,.navbar-default .navbar-nav>.disabled>a:hover{
    color:#ccc;
    background-color:transparent
}
.navbar-default .navbar-toggle{
    border-color:#e5e7ea
}
.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover{
    background-color:#e5e7ea
}
.navbar-default .navbar-toggle .icon-bar{
    background-color:#888
}
.navbar-default .navbar-collapse,.navbar-default .navbar-form{
    border-color:#e7e7e7
}
.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover{
    background-color:#e7e7e7;
    color:#555
}
@media (max-width:479px){
    .navbar-default .navbar-nav .open .dropdown-menu>li>a{
        color:#777
    }
    .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{
        color:#333;
        background-color:transparent
    }
    .navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover{
        color:#555;
        background-color:#e7e7e7
    }
    .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover{
        color:#ccc;
        background-color:transparent
    }
}
.navbar-default .navbar-link{
    color:#777
}
.navbar-default .navbar-link:hover{
    color:#333
}
.navbar-default .btn-link{
    color:#777
}
.navbar-default .btn-link:focus,.navbar-default .btn-link:hover{
    color:#333
}
.navbar-default .btn-link[disabled]:focus,.navbar-default .btn-link[disabled]:hover,fieldset[disabled] .navbar-default .btn-link:focus,fieldset[disabled] .navbar-default .btn-link:hover{
    color:#ccc
}
.navbar-inverse{
    background-color:#222;
    border-color:#080808
}
.navbar-inverse .navbar-brand{
    color:#9d9d9d
}
.navbar-inverse .navbar-brand:focus,.navbar-inverse .navbar-brand:hover{
    color:#fff;
    background-color:transparent
}
.navbar-inverse .navbar-text{
    color:#9d9d9d
}
.navbar-inverse .navbar-nav>li>a{
    color:#9d9d9d
}
.navbar-inverse .navbar-nav>li>a:focus,.navbar-inverse .navbar-nav>li>a:hover{
    color:#fff;
    background-color:transparent
}
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:focus,.navbar-inverse .navbar-nav>.active>a:hover{
    color:#fff;
    background-color:#080808
}
.navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:focus,.navbar-inverse .navbar-nav>.disabled>a:hover{
    color:#444;
    background-color:transparent
}
.navbar-inverse .navbar-toggle{
    border-color:#333
}
.navbar-inverse .navbar-toggle:focus,.navbar-inverse .navbar-toggle:hover{
    background-color:#333
}
.navbar-inverse .navbar-toggle .icon-bar{
    background-color:#fff
}
.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form{
    border-color:#101010
}
.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:focus,.navbar-inverse .navbar-nav>.open>a:hover{
    background-color:#080808;
    color:#fff
}
@media (max-width:479px){
    .navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header{
        border-color:#080808
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu .divider{
        background-color:#080808
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a{
        color:#9d9d9d
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover{
        color:#fff;
        background-color:transparent
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover{
        color:#fff;
        background-color:#080808
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover{
        color:#444;
        background-color:transparent
    }
}
.navbar-inverse .navbar-link{
    color:#9d9d9d
}
.navbar-inverse .navbar-link:hover{
    color:#fff
}
.navbar-inverse .btn-link{
    color:#9d9d9d
}
.navbar-inverse .btn-link:focus,.navbar-inverse .btn-link:hover{
    color:#fff
}
.navbar-inverse .btn-link[disabled]:focus,.navbar-inverse .btn-link[disabled]:hover,fieldset[disabled] .navbar-inverse .btn-link:focus,fieldset[disabled] .navbar-inverse .btn-link:hover{
    color:#444
}
.label{
    display:inline-block;
    padding:0 5px;
    font-size:11px;
    line-height:16px;
    font-weight:bold;
    margin-right:5px;
    color:#fff;
    text-align:center;
    white-space:nowrap;
    vertical-align:baseline;
    border-radius:.25em;
    position:relative;
    top:-1px
}
a.label:focus,a.label:hover{
    color:#fff;
    text-decoration:none;
    cursor:pointer
}
.label:empty{
    display:none
}
.btn .label{
    position:relative;
    top:-1px
}
.label-default{
    background-color:#777
}
.label-default[href]:focus,.label-default[href]:hover{
    background-color:#5e5e5e
}
.label-primary{
    background-color:#00a9ff
}
.label-primary[href]:focus,.label-primary[href]:hover{
    background-color:#0087cc
}
.label-success{
    background-color:#2ecc71
}
.label-success[href]:focus,.label-success[href]:hover{
    background-color:#25a25a
}
.label-info{
    background-color:#00c0ef
}
.label-info[href]:focus,.label-info[href]:hover{
    background-color:#0097bc
}
.label-warning{
    background-color:#f39c12
}
.label-warning[href]:focus,.label-warning[href]:hover{
    background-color:#c87f0a
}
.label-danger{
    background-color:#d33724
}
.label-danger[href]:focus,.label-danger[href]:hover{
    background-color:#a72c1d
}
.alert{
    padding:10px;
    margin-bottom:10px;
    border:1px solid transparent;
    border-radius:3px;
    position:relative;
    line-height:18px
}
.alert *{
    display:inline-block
}
.alert .box-header a{
    display:inline-block
}
.alert h4{
    color:inherit;
    font-weight:600;
    margin:0 0 10px 0;
    font-size:16px
}
.alert .icon{
    margin-right:10px;
    float:left
}
.alert .close{
    color:#000;
    opacity:.2;
    filter:alpha(opacity=20);
    right:0
}
.alert .close:hover{
    opacity:.5;
    filter:alpha(opacity=50)
}
.alert a{
    color:#fff
}
.alert a,.alert a:active,.alert a:focus{
    outline:0
}
.alert marquee{
    margin:0;
    padding:0;
    font-weight:bold
}
.alert .alert-link{
    font-weight:bold
}
.alert>p,.alert>ul{
    margin-bottom:0
}
.alert>p+p{
    margin-top:5px
}
.alert-dismissable,.alert-dismissible{
    padding-right:30px
}
.alert-dismissable .close,.alert-dismissible .close{
    position:absolute;
    top:6px;
    right:10px;
    color:inherit
}
.alert-success{
    border-color:#29b765
}
.alert-danger,.alert-error{
    border-color:#d73925
}
.alert-warning{
    border-color:#e08e0b
}
.alert-info{
    border-color:#0098e6
}
.list-group{
    margin-bottom:20px;
    padding-left:0
}
.list-group-item{
    position:relative;
    display:block;
    padding:10px 15px;
    margin-bottom:-1px;
    background-color:#fff;
    border:1px solid #e5e7ea
}
.list-group-item:first-child{
    border-top-right-radius:3px;
    border-top-left-radius:3px
}
.list-group-item:last-child{
    margin-bottom:0;
    border-bottom-right-radius:3px;
    border-bottom-left-radius:3px
}
a.list-group-item,button.list-group-item{
    color:#555
}
a.list-group-item .list-group-item-heading,button.list-group-item .list-group-item-heading{
    color:#333
}
a.list-group-item:focus,a.list-group-item:hover,button.list-group-item:focus,button.list-group-item:hover{
    text-decoration:none;
    color:#555;
    background-color:#f5f5f5
}
button.list-group-item{
    width:100%;
    text-align:left
}
.list-group-item.disabled,.list-group-item.disabled:focus,.list-group-item.disabled:hover{
    background-color:#eee;
    color:#777;
    cursor:not-allowed
}
.list-group-item.disabled .list-group-item-heading,.list-group-item.disabled:focus .list-group-item-heading,.list-group-item.disabled:hover .list-group-item-heading{
    color:inherit
}
.list-group-item.disabled .list-group-item-text,.list-group-item.disabled:focus .list-group-item-text,.list-group-item.disabled:hover .list-group-item-text{
    color:#777
}
.list-group-item.active,.list-group-item.active:focus,.list-group-item.active:hover{
    z-index:2;
    color:#fff;
    background-color:#00a9ff;
    border-color:#00a9ff
}
.list-group-item.active .list-group-item-heading,.list-group-item.active .list-group-item-heading>.small,.list-group-item.active .list-group-item-heading>small,.list-group-item.active:focus .list-group-item-heading,.list-group-item.active:focus .list-group-item-heading>.small,.list-group-item.active:focus .list-group-item-heading>small,.list-group-item.active:hover .list-group-item-heading,.list-group-item.active:hover .list-group-item-heading>.small,.list-group-item.active:hover .list-group-item-heading>small{
    color:inherit
}
.list-group-item.active .list-group-item-text,.list-group-item.active:focus .list-group-item-text,.list-group-item.active:hover .list-group-item-text{
    color:#cef
}
.list-group-item-success{
    color:#2ecc71;
    background-color:#dff0d8
}
a.list-group-item-success,button.list-group-item-success{
    color:#2ecc71
}
a.list-group-item-success .list-group-item-heading,button.list-group-item-success .list-group-item-heading{
    color:inherit
}
a.list-group-item-success:focus,a.list-group-item-success:hover,button.list-group-item-success:focus,button.list-group-item-success:hover{
    color:#2ecc71;
    background-color:#d0e9c6
}
a.list-group-item-success.active,a.list-group-item-success.active:focus,a.list-group-item-success.active:hover,button.list-group-item-success.active,button.list-group-item-success.active:focus,button.list-group-item-success.active:hover{
    color:#fff;
    background-color:#2ecc71;
    border-color:#2ecc71
}
.list-group-item-info{
    color:#00c0ef;
    background-color:#d9edf7
}
a.list-group-item-info,button.list-group-item-info{
    color:#00c0ef
}
a.list-group-item-info .list-group-item-heading,button.list-group-item-info .list-group-item-heading{
    color:inherit
}
a.list-group-item-info:focus,a.list-group-item-info:hover,button.list-group-item-info:focus,button.list-group-item-info:hover{
    color:#00c0ef;
    background-color:#c4e3f3
}
a.list-group-item-info.active,a.list-group-item-info.active:focus,a.list-group-item-info.active:hover,button.list-group-item-info.active,button.list-group-item-info.active:focus,button.list-group-item-info.active:hover{
    color:#fff;
    background-color:#00c0ef;
    border-color:#00c0ef
}
.list-group-item-warning{
    color:#f39c12;
    background-color:#fcf8e3
}
a.list-group-item-warning,button.list-group-item-warning{
    color:#f39c12
}
a.list-group-item-warning .list-group-item-heading,button.list-group-item-warning .list-group-item-heading{
    color:inherit
}
a.list-group-item-warning:focus,a.list-group-item-warning:hover,button.list-group-item-warning:focus,button.list-group-item-warning:hover{
    color:#f39c12;
    background-color:#faf2cc
}
a.list-group-item-warning.active,a.list-group-item-warning.active:focus,a.list-group-item-warning.active:hover,button.list-group-item-warning.active,button.list-group-item-warning.active:focus,button.list-group-item-warning.active:hover{
    color:#fff;
    background-color:#f39c12;
    border-color:#f39c12
}
.list-group-item-danger{
    color:#d33724;
    background-color:#f2dede
}
a.list-group-item-danger,button.list-group-item-danger{
    color:#d33724
}
a.list-group-item-danger .list-group-item-heading,button.list-group-item-danger .list-group-item-heading{
    color:inherit
}
a.list-group-item-danger:focus,a.list-group-item-danger:hover,button.list-group-item-danger:focus,button.list-group-item-danger:hover{
    color:#d33724;
    background-color:#ebcccc
}
a.list-group-item-danger.active,a.list-group-item-danger.active:focus,a.list-group-item-danger.active:hover,button.list-group-item-danger.active,button.list-group-item-danger.active:focus,button.list-group-item-danger.active:hover{
    color:#fff;
    background-color:#d33724;
    border-color:#d33724
}
.list-group-item-heading{
    margin-top:0;
    margin-bottom:5px
}
.list-group-item-text{
    margin-bottom:0;
    line-height:1.3
}
.panel{
    margin-bottom:18px;
    background-color:#fff;
    border:1px solid transparent;
    border-radius:3px;
    -webkit-box-shadow:0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow:0 1px 1px rgba(0, 0, 0, 0.05)
}
.panel-body{
    padding:10px
}
.panel-heading{
    padding:10px 10px;
    border-bottom:1px solid transparent;
    border-top-right-radius:2px;
    border-top-left-radius:2px
}
.panel-heading>.dropdown .dropdown-toggle{
    color:inherit
}
.panel-title{
    margin-top:0;
    margin-bottom:0;
    font-size:15px;
    color:inherit
}
.panel-title>.small,.panel-title>.small>a,.panel-title>a,.panel-title>small,.panel-title>small>a{
    color:inherit
}
.panel-footer{
    padding:10px 10px;
    background-color:#f5f5f5;
    border-top:1px solid #e5e7ea;
    border-bottom-right-radius:2px;
    border-bottom-left-radius:2px
}
.panel>.list-group,.panel>.panel-collapse>.list-group{
    margin-bottom:0
}
.panel>.list-group .list-group-item,.panel>.panel-collapse>.list-group .list-group-item{
    border-width:1px 0;
    border-radius:0
}
.panel>.list-group:first-child .list-group-item:first-child,.panel>.panel-collapse>.list-group:first-child .list-group-item:first-child{
    border-top:0;
    border-top-right-radius:2px;
    border-top-left-radius:2px
}
.panel>.list-group:last-child .list-group-item:last-child,.panel>.panel-collapse>.list-group:last-child .list-group-item:last-child{
    border-bottom:0;
    border-bottom-right-radius:2px;
    border-bottom-left-radius:2px
}
.panel>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child{
    border-top-right-radius:0;
    border-top-left-radius:0
}
.panel-heading+.list-group .list-group-item:first-child{
    border-top-width:0
}
.list-group+.panel-footer{
    border-top-width:0
}
.panel>.panel-collapse>.table,.panel>.table,.panel>.table-responsive>.table{
    margin-bottom:0
}
.panel>.panel-collapse>.table caption,.panel>.table-responsive>.table caption,.panel>.table caption{
    padding-left:10px;
    padding-right:10px
}
.panel>.table-responsive:first-child>.table:first-child,.panel>.table:first-child{
    border-top-right-radius:2px;
    border-top-left-radius:2px
}
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child,.panel>.table:first-child>thead:first-child>tr:first-child{
    border-top-left-radius:2px;
    border-top-right-radius:2px
}
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table:first-child>thead:first-child>tr:first-child th:first-child{
    border-top-left-radius:2px
}
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table:first-child>thead:first-child>tr:first-child th:last-child{
    border-top-right-radius:2px
}
.panel>.table-responsive:last-child>.table:last-child,.panel>.table:last-child{
    border-bottom-right-radius:2px;
    border-bottom-left-radius:2px
}
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child{
    border-bottom-left-radius:2px;
    border-bottom-right-radius:2px
}
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child{
    border-bottom-left-radius:2px
}
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child{
    border-bottom-right-radius:2px
}
.panel>.panel-body+.table,.panel>.panel-body+.table-responsive,.panel>.table+.panel-body,.panel>.table-responsive+.panel-body{
    border-top:1px solid #e5e7ea
}
.panel>.table>tbody:first-child>tr:first-child td,.panel>.table>tbody:first-child>tr:first-child th{
    border-top:0
}
.panel>.table-bordered,.panel>.table-responsive>.table-bordered{
    border:0
}
.panel>.table-bordered>tbody>tr>td:first-child,.panel>.table-bordered>tbody>tr>th:first-child,.panel>.table-bordered>tfoot>tr>td:first-child,.panel>.table-bordered>tfoot>tr>th:first-child,.panel>.table-bordered>thead>tr>td:first-child,.panel>.table-bordered>thead>tr>th:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,.panel>.table-responsive>.table-bordered>thead>tr>th:first-child{
    border-left:0
}
.panel>.table-bordered>tbody>tr>td:last-child,.panel>.table-bordered>tbody>tr>th:last-child,.panel>.table-bordered>tfoot>tr>td:last-child,.panel>.table-bordered>tfoot>tr>th:last-child,.panel>.table-bordered>thead>tr>td:last-child,.panel>.table-bordered>thead>tr>th:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,.panel>.table-responsive>.table-bordered>thead>tr>th:last-child{
    border-right:0
}
.panel>.table-bordered>tbody>tr:first-child>td,.panel>.table-bordered>tbody>tr:first-child>th,.panel>.table-bordered>thead>tr:first-child>td,.panel>.table-bordered>thead>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th,.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,.panel>.table-responsive>.table-bordered>thead>tr:first-child>th{
    border-bottom:0
}
.panel>.table-bordered>tbody>tr:last-child>td,.panel>.table-bordered>tbody>tr:last-child>th,.panel>.table-bordered>tfoot>tr:last-child>td,.panel>.table-bordered>tfoot>tr:last-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th{
    border-bottom:0
}
.panel>.table-responsive{
    border:0;
    margin-bottom:0
}
.panel-group{
    margin-bottom:18px
}
.panel-group .panel{
    margin-bottom:0;
    border-radius:3px
}
.panel-group .panel+.panel{
    margin-top:5px
}
.panel-group .panel-heading{
    border-bottom:0
}
.panel-group .panel-heading+.panel-collapse>.list-group,.panel-group .panel-heading+.panel-collapse>.panel-body{
    border-top:1px solid #e5e7ea
}
.panel-group .panel-footer{
    border-top:0
}
.panel-group .panel-footer+.panel-collapse .panel-body{
    border-bottom:1px solid #e5e7ea
}
.panel-default{
    border-color:#e5e7ea
}
.panel-default>.panel-heading{
    color:#333;
    background-color:#f5f5f5;
    border-color:#e5e7ea
}
.panel-default>.panel-heading+.panel-collapse>.panel-body{
    border-top-color:#e5e7ea
}
.panel-default>.panel-heading .badge{
    color:#f5f5f5;
    background-color:#333
}
.panel-default>.panel-footer+.panel-collapse>.panel-body{
    border-bottom-color:#e5e7ea
}
.panel-primary{
    border-color:#00a9ff
}
.panel-primary>.panel-heading{
    color:#fff;
    background-color:#00a9ff;
    border-color:#00a9ff
}
.panel-primary>.panel-heading+.panel-collapse>.panel-body{
    border-top-color:#00a9ff
}
.panel-primary>.panel-heading .badge{
    color:#00a9ff;
    background-color:#fff
}
.panel-primary>.panel-footer+.panel-collapse>.panel-body{
    border-bottom-color:#00a9ff
}
.panel-success{
    border-color:#d6e9c6
}
.panel-success>.panel-heading{
    color:#2ecc71;
    background-color:#dff0d8;
    border-color:#d6e9c6
}
.panel-success>.panel-heading+.panel-collapse>.panel-body{
    border-top-color:#d6e9c6
}
.panel-success>.panel-heading .badge{
    color:#dff0d8;
    background-color:#2ecc71
}
.panel-success>.panel-footer+.panel-collapse>.panel-body{
    border-bottom-color:#d6e9c6
}
.panel-info{
    border-color:#bce8f1
}
.panel-info>.panel-heading{
    color:#00c0ef;
    background-color:#d9edf7;
    border-color:#bce8f1
}
.panel-info>.panel-heading+.panel-collapse>.panel-body{
    border-top-color:#bce8f1
}
.panel-info>.panel-heading .badge{
    color:#d9edf7;
    background-color:#00c0ef
}
.panel-info>.panel-footer+.panel-collapse>.panel-body{
    border-bottom-color:#bce8f1
}
.panel-warning{
    border-color:#faebcc
}
.panel-warning>.panel-heading{
    color:#f39c12;
    background-color:#fcf8e3;
    border-color:#faebcc
}
.panel-warning>.panel-heading+.panel-collapse>.panel-body{
    border-top-color:#faebcc
}
.panel-warning>.panel-heading .badge{
    color:#fcf8e3;
    background-color:#f39c12
}
.panel-warning>.panel-footer+.panel-collapse>.panel-body{
    border-bottom-color:#faebcc
}
.panel-danger{
    border-color:#ebccd1
}
.panel-danger>.panel-heading{
    color:#d33724;
    background-color:#f2dede;
    border-color:#ebccd1
}
.panel-danger>.panel-heading+.panel-collapse>.panel-body{
    border-top-color:#ebccd1
}
.panel-danger>.panel-heading .badge{
    color:#f2dede;
    background-color:#d33724
}
.panel-danger>.panel-footer+.panel-collapse>.panel-body{
    border-bottom-color:#ebccd1
}
.close{
    float:right;
    font-size:19.5px;
    font-weight:bold;
    line-height:1;
    color:#000;
    text-shadow:0 1px 0 #fff;
    opacity:.2;
    filter:alpha(opacity=20)
}
.close:focus,.close:hover{
    color:#000;
    text-decoration:none;
    cursor:pointer;
    opacity:.5;
    filter:alpha(opacity=50)
}
button.close{
    padding:0;
    cursor:pointer;
    background:transparent;
    border:0;
    -webkit-appearance:none
}
.modal-open{
    overflow:hidden
}
.modal{
    display:none;
    overflow:hidden;
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    left:0;
    z-index:1050000;
    -webkit-overflow-scrolling:touch;
    outline:0
}
.modal.fade .modal-dialog{
    -webkit-transform:translate(0, -25%);
    -ms-transform:translate(0, -25%);
    transform:translate(0, -25%);
    transition:-webkit-transform 0.3s ease-out;
    -webkit-transition:-webkit-transform 0.3s ease-out;
    -o-transition:transform 0.3s ease-out;
    transition:transform 0.3s ease-out;
    transition:transform 0.3s ease-out, -webkit-transform 0.3s ease-out
}
.modal.in .modal-dialog{
    -webkit-transform:translate(0, 0);
    -ms-transform:translate(0, 0);
    transform:translate(0, 0)
}
.modal-open .modal{
    overflow-x:hidden;
    overflow-y:auto
}
.modal-dialog{
    position:relative;
    width:auto;
    margin:20px
}
.modal-content{
    position:relative;
    background-color:#fff;
    border:1px solid #999;
    border:1px solid rgba(0, 0, 0, 0.2);
    border-radius:5px;
    -webkit-box-shadow:0 3px 9px rgba(0, 0, 0, 0.5);
    box-shadow:0 3px 9px rgba(0, 0, 0, 0.5);
    background-clip:padding-box;
    outline:0
}
.modal-backdrop{
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    left:0;
    z-index:1040000;
    background-color:#000
}
.modal-backdrop.fade{
    opacity:0;
    filter:alpha(opacity=0)
}
.modal-backdrop.in{
    opacity:.5;
    filter:alpha(opacity=50)
}
.modal-header{
    padding:10px;
    border-bottom:1px solid #e5e5e5
}
.modal-header .close{
    margin-top:-2px;
    font-size:30px
}
.modal-title{
    margin:0;
    line-height:1.42857143
}
.modal-body{
    position:relative;
    padding:10px
}
.modal-body .close{
    margin-top:-2px;
    font-size:30px
}
.modal-footer{
    padding:10px;
    text-align:right;
    border-top:1px solid #e5e5e5;
    text-align:center
}
.modal-footer .btn{
    width:48%;
    margin:0 1px
}
.modal-footer .btn.btn-block{
    width:100%
}
.modal-footer .btn+.btn{
    margin-bottom:0
}
.modal-footer .btn-group .btn+.btn{
    margin-left:-1px
}
.modal-footer .btn-block+.btn-block{
    margin-left:0
}
.modal-footer .pull-left,.modal-footer .pull-right{
    width:50%
}
.modal-footer .pull-left .btn,.modal-footer .pull-right .btn{
    width:100%
}
.modal-footer .pull-left{
    padding-right:5px
}
.modal-footer .pull-right{
    padding-left:5px
}
.modal-scrollbar-measure{
    position:absolute;
    top:-9999px;
    width:50px;
    height:50px;
    overflow:scroll
}
@media (min-width:768px){
    .modal-dialog{
        width:600px;
        margin:30px auto
    }
    .modal-content{
        -webkit-box-shadow:0 5px 15px rgba(0, 0, 0, 0.5);
        box-shadow:0 5px 15px rgba(0, 0, 0, 0.5)
    }
    .modal-sm{
        width:300px
    }
}
@media (min-width:992px){
    .modal-lg{
        width:900px
    }
}
.carousel{
    position:relative
}
.carousel-inner{
    position:relative;
    overflow:hidden;
    width:100%
}
.carousel-inner>.item{
    display:none;
    position:relative;
    -webkit-transition:.6s ease-in-out left;
    -o-transition:.6s ease-in-out left;
    transition:.6s ease-in-out left
}
.carousel-inner>.item>a>img,.carousel-inner>.item>img{
    line-height:1
}
@media (-webkit-transform-3d),(transform-3d){
    .carousel-inner>.item{
        transition:-webkit-transform 0.6s ease-in-out;
        -webkit-transition:-webkit-transform 0.6s ease-in-out;
        -o-transition:transform 0.6s ease-in-out;
        transition:transform 0.6s ease-in-out;
        transition:transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
        -webkit-backface-visibility:hidden;
        backface-visibility:hidden;
        -webkit-perspective:1000px;
        perspective:1000px
    }
    .carousel-inner>.item.active.right,.carousel-inner>.item.next{
        -webkit-transform:translate3d(100%, 0, 0);
        transform:translate3d(100%, 0, 0);
        left:0
    }
    .carousel-inner>.item.active.left,.carousel-inner>.item.prev{
        -webkit-transform:translate3d(-100%, 0, 0);
        transform:translate3d(-100%, 0, 0);
        left:0
    }
    .carousel-inner>.item.active,.carousel-inner>.item.next.left,.carousel-inner>.item.prev.right{
        -webkit-transform:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0);
        left:0
    }
}
.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{
    display:block
}
.carousel-inner>.active{
    left:0
}
.carousel-inner>.next,.carousel-inner>.prev{
    position:absolute;
    top:0;
    width:100%
}
.carousel-inner>.next{
    left:100%
}
.carousel-inner>.prev{
    left:-100%
}
.carousel-inner>.next.left,.carousel-inner>.prev.right{
    left:0
}
.carousel-inner>.active.left{
    left:-100%
}
.carousel-inner>.active.right{
    left:100%
}
.carousel-control{
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    width:15%;
    opacity:.5;
    filter:alpha(opacity=50);
    font-size:20px;
    color:#fff;
    text-align:center;
    text-shadow:0 1px 2px rgba(0, 0, 0, 0.6);
    background-color:rgba(0, 0, 0, 0)
}
.carousel-control.left{
    background-image:-webkit-gradient(linear, left top, right top, color-stop(0, rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001)));
    background-image:-webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%);
    background-image:-o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%);
    background-image:linear-gradient(to right, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%);
    background-repeat:repeat-x;
    filter:progid: DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1)
}
.carousel-control.right{
    left:auto;
    right:0;
    background-image:-webkit-gradient(linear, left top, right top, color-stop(0, rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.5)));
    background-image:-webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%);
    background-image:-o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%);
    background-image:linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%);
    background-repeat:repeat-x;
    filter:progid: DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1)
}
.carousel-control:focus,.carousel-control:hover{
    outline:0;
    color:#fff;
    text-decoration:none;
    opacity:.9;
    filter:alpha(opacity=90)
}
.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{
    position:absolute;
    top:50%;
    margin-top:-10px;
    z-index:5;
    display:inline-block
}
.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{
    left:50%;
    margin-left:-10px
}
.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{
    right:50%;
    margin-right:-10px
}
.carousel-control .icon-next,.carousel-control .icon-prev{
    width:20px;
    height:20px;
    line-height:1;
    font-family:serif
}
.carousel-control .icon-prev:before{
    content:'\2039'
}
.carousel-control .icon-next:before{
    content:'\203a'
}
.carousel-indicators{
    position:absolute;
    bottom:10px;
    left:50%;
    z-index:15;
    width:60%;
    margin-left:-30%;
    padding-left:0;
    list-style:none;
    text-align:center
}
.carousel-indicators li{
    display:inline-block;
    width:10px;
    height:10px;
    margin:1px;
    text-indent:-999px;
    border:1px solid #fff;
    border-radius:10px;
    cursor:pointer;
    background-color:#000\9;
    background-color:rgba(0, 0, 0, 0)
}
.carousel-indicators .active{
    margin:0;
    width:12px;
    height:12px;
    background-color:#fff
}
.carousel-caption{
    position:absolute;
    left:15%;
    right:15%;
    bottom:20px;
    z-index:10;
    padding-top:20px;
    padding-bottom:20px;
    color:#fff;
    text-align:center;
    text-shadow:0 1px 2px rgba(0, 0, 0, 0.6)
}
.carousel-caption .btn{
    text-shadow:none
}
@media screen and (min-width:768px){
    .carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{
        width:30px;
        height:30px;
        margin-top:-10px;
        font-size:30px
    }
    .carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{
        margin-left:-10px
    }
    .carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{
        margin-right:-10px
    }
    .carousel-caption{
        left:20%;
        right:20%;
        padding-bottom:30px
    }
    .carousel-indicators{
        bottom:20px
    }
}
.btn-group-vertical>.btn-group:after,.btn-group-vertical>.btn-group:before,.btn-toolbar:after,.btn-toolbar:before,.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.form-horizontal .form-group:after,.form-horizontal .form-group:before,.modal-footer:after,.modal-footer:before,.modal-header:after,.modal-header:before,.nav:after,.nav:before,.navbar-collapse:after,.navbar-collapse:before,.navbar-header:after,.navbar-header:before,.navbar:after,.navbar:before,.panel-body:after,.panel-body:before,.row:after,.row:before{
    content:" ";
    display:table
}
.btn-group-vertical>.btn-group:after,.btn-toolbar:after,.clearfix:after,.container-fluid:after,.container:after,.form-horizontal .form-group:after,.modal-footer:after,.modal-header:after,.nav:after,.navbar-collapse:after,.navbar-header:after,.navbar:after,.panel-body:after,.row:after{
    clear:both
}
.center-block{
    display:block;
    margin-left:auto;
    margin-right:auto
}
.pull-right{
    float:right!important
}
.pull-left{
    float:left!important
}
.hide{
    display:none!important
}
.show{
    display:block!important
}
.invisible{
    visibility:hidden
}
.text-hide{
    font:0/0 a;
    color:transparent;
    text-shadow:none;
    background-color:transparent;
    border:0
}
.hidden{
    display:none!important
}
.affix{
    position:fixed
}
body,html{
    background-color:#f5f7fa;
    margin:0;
    padding:0
}
.layout-boxed body,.layout-boxed html{
    height:100%
}
@media (max-width:767px){
    body,html{
        background-color:#fff
    }
}
html{
    min-height:100%;
    height:100%
}
body{
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    font-family:'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight:400;
    overflow-x:hidden;
    overflow-y:auto;
    height:100%;
    position:relative
}
.glyphicon-refresh-animate{
    -animation:spin .7s infinite linear;
    -webkit-animation:spin2 .7s infinite linear
}
.load-more{
    margin:10px;
    text-align:center
}
.wrapper{
    min-height:100%;
    position:relative;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:-webkit-box;
    display:flex;
    -webkit-flex-direction:column;
    -ms-flex-direction:column;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    flex-direction:column
}
.wrapper:after,.wrapper:before{
    content:" ";
    display:table
}
.wrapper:after{
    clear:both
}
.wrapper:after,.wrapper:before{
    content:" ";
    display:table
}
.wrapper:after{
    clear:both
}
.layout-boxed .wrapper{
    max-width:1250px;
    margin:0 auto;
    min-height:100%;
    -webkit-box-shadow:0 0 8px rgba(0, 0, 0, 0.5);
    box-shadow:0 0 8px rgba(0, 0, 0, 0.5);
    position:relative
}
.wrapper .wrapper{
    -webkit-box-flex:1;
    -webkit-flex-grow:1;
    -ms-flex-positive:1;
    flex-grow:1
}
.wrapper:after{
    content:"";
    display:block
}
.content-wrapper,.main-footer,.right-side{
    transition:margin .3s ease-in-out, -webkit-transform .3s ease-in-out;
    -webkit-transition:margin .3s ease-in-out, -webkit-transform .3s ease-in-out;
    -o-transition:transform .3s ease-in-out, margin .3s ease-in-out;
    transition:transform .3s ease-in-out, margin .3s ease-in-out;
    transition:transform .3s ease-in-out, margin .3s ease-in-out, -webkit-transform .3s ease-in-out;
    margin:0;
    position:relative
}
.layout-top-nav .content-wrapper,.layout-top-nav .main-footer,.layout-top-nav .right-side{
    margin-left:0
}
@media (max-width:767px){
    .content-wrapper,.main-footer,.right-side{
        margin-left:0
    }
}
@media (min-width:768px){
    .sidebar-collapse .content-wrapper,.sidebar-collapse .main-footer,.sidebar-collapse .right-side{
        margin-left:0
    }
}
@media (max-width:767px){
    .sidebar-open .content-wrapper,.sidebar-open .main-footer,.sidebar-open .right-side{
        -webkit-transform:translate(0, 0);
        -ms-transform:translate(0, 0);
        transform:translate(0, 0)
    }
}
.content-wrapper,.right-side{
    min-height:100%;
    background-color:#f5f7fa;
    z-index:800
}
@media (max-width:767px){
    .content-wrapper,.right-side{
        background-color:#f5f7fa
    }
}
.main-footer{
    border-top:1px #e5e7ea solid;
    padding:20px 10px 60px 10px;
    color:#9c9c9c
}
.main-footer .container{
    position:relative
}
.main-footer .logo-footer{
    width:70px;
    border-radius:10px;
    margin-right:10px
}
.main-footer .title-footer{
    font-weight:500;
    color:#6c6c6c;
    font-size:18px
}
.main-footer .menu-footer{
    text-align:left
}
.main-footer .menu-footer a{
    margin:0;
    font-weight:500;
    display:inline-block;
    color:#6c6c6c;
    line-height:25px
}
.main-footer .menu-footer a:after{
    content:'·';
    padding:0 10px
}
.main-footer .menu-footer a:last-child:after{
    content:''
}
.main-footer .menu-footer a:hover{
    color:#3c3c3c
}
.main-footer .info-footer{
    text-align:center;
    margin-top:5px
}
.main-footer .lag{
    position:absolute;
    right:0;
    top:10px
}
.main-footer .lag button{
    background-color:rgba(255, 255, 255, 0.1);
    border:1px rgba(255, 255, 255, 0.1) solid;
    padding:6px 12px;
    border-radius:3px
}
.main-footer .lag button:focus{
    outline:0
}
.main-footer .lag .dropdown-menu{
    top:inherit;
    left:inherit;
    bottom:0;
    right:0
}
.main-footer .lag .dropdown-menu li.active a{
    background-color:transparent;
    color:#00a9ff
}
.main-footer .lag .dropdown-menu li.active a:hover{
    background-color:transparent
}
.main-footer .lag .dropdown-menu li:hover{
    background-color:transparent
}
.main-footer .lag .dropdown-menu li:hover a{
    background-color:transparent
}
.main-footer .lag .dropdown-menu li:hover a:hover{
    background-color:transparent
}
@media (max-width:767px){
    .main-footer .title-footer{
        font-size:14px
    }
}
@media (max-width:767px){
    .main-footer{
        padding:10px 0
    }
    .main-footer .container{
        padding:0
    }
    .main-footer .menu-footer{
        text-align:center
    }
    .main-footer .menu-footer a{
        width:45%;
        margin:2px 5px;
        padding:5px 0;
        background-color:#f0f0f0;
        border-radius:3px;
        font-size:12px
    }
    .main-footer .info-footer{
        font-size:12px;
        text-align:center
    }
    .main-footer .lag{
        position:relative;
        padding:10px
    }
    .main-footer .lag button{
        width:100%
    }
    .main-footer .lag .dropdown-menu{
        left:0
    }
}
.fixed .left-side,.fixed .main-header{
    position:fixed
}
@media (max-width:767px){
    .fixed .left-side,.fixed .main-header{
        position:relative
    }
}
@media (max-width:480px){
    .fixed .left-side,.fixed .main-header{
        position:relative;
        height:84px
    }
}
.fixed .main-header{
    top:0;
    right:0;
    left:0;
    border-bottom:1px rgba(0, 0, 0, 0.1) solid
}
.fixed .content-wrapper,.fixed .right-side{
    padding-top:50px
}
@media (max-width:767px){
    .fixed .content-wrapper,.fixed .right-side{
        padding-top:0
    }
}
@media (max-width:480px){
    .fixed .content-wrapper,.fixed .right-side{
        padding-top:0
    }
}
.fixed.layout-boxed .wrapper{
    max-width:100%
}
.content{
    min-height:320px
}
@media (min-width:480px){
    .content{
        display:block
    }
    .content .bx-body{
        display:-ms-flexbox;
        display:-webkit-flex;
        display:-webkit-box;
        display:flex;
        -webkit-flex-direction:column;
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        flex-direction:column;
        -ms-flex-direction:column;
        -webkit-box-flex:1;
        flex:1;
        -webkit-flex:1;
        -ms-flex:1
    }
}
.more{
    clear:both;
    padding:12px 5px 12px 5px;
    text-align:center;
    text-transform:uppercase;
    border-top:1px solid #ebebeb
}
@media (max-width:480px){
    .more{
        margin:0 -10px;
        padding:10px 5px 5px 5px
    }
}
.body-header{
    border-bottom:1px solid #f0f0f0;
    background:#ffffff;
    margin-bottom:10px
}
@media (max-width:480px){
    .body-header{
        margin-bottom:10px
    }
}
.game-header>.breadcrumb{
    background:transparent;
    margin-top:10px;
    margin-bottom:10px;
    font-size:12px;
    padding:7px 0;
    display:none;
    border-radius:0
}
.game-header>.breadcrumb>li>a{
    color:#4c4c4c;
    text-decoration:none;
    display:inline-block
}
.game-header>.breadcrumb>li>a>.fa,.game-header>.breadcrumb>li>a>.glyphicon,.game-header>.breadcrumb>li>a>.ion{
    margin-right:5px
}
.game-header>.breadcrumb>li+li:before{
    content:'>\00a0'
}
@media (max-width:767px){
    .game-header>.breadcrumb{
        display:none;
        position:relative;
        margin-top:5px;
        top:0;
        right:0;
        float:none;
        background:#d2d6de;
        padding-left:10px
    }
    .game-header>.breadcrumb li:before{
        color:#97a0b3
    }
}
.game-content .has-success label.control-label{
    display:none
}
.game-content .has-error label.control-label{
    display:block
}
@media (max-width:767px){
    .game-content{
        padding-bottom:120px
    }
}
.docs-content .title{
    margin:30px 0 20px 0;
    font-weight:500;
    color:#0c0c0c;
    font-size:20px
}
.bx-apps{
    position:relative;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-webkit-box;
    display:flex;
    -webkit-flex-direction:row;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    flex-direction:row;
    -ms-flex-direction:row;
    -webkit-flex:1 1 auto;
    -ms-flex:1 1 auto;
    -webkit-box-flex:1;
    flex:1 1 auto;
    -webkit-align-items:stretch;
    -ms-flex-align:stretch;
    -webkit-box-align:stretch;
    align-items:stretch;
    -webkit-justify-content:stretch;
    -ms-flex-pack:stretch;
    -webkit-box-pack:stretch;
    justify-content:stretch
}
.bx-apps .bx-full{
    display:block;
    -ms-flex:1;
    -webkit-box-flex:1;
    flex:1;
    -webkit-flex:1
}
@media (max-width:992px){
    .bx-apps{
        display:block;
        -webkit-flex:inherit;
        -ms-flex:inherit;
        -webkit-box-flex:inherit;
        flex:inherit
    }
}
.bx-apps .bx-left,.bx-apps .bx-left .content-left,.bx-apps .bx-right,.bx-apps .bx-right .content-right{
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-webkit-box;
    display:flex;
    -webkit-flex-direction:column;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    flex-direction:column;
    -ms-flex-direction:column;
    position:relative
}
@media (max-width:768px){
    .bx-apps .bx-left,.bx-apps .bx-left .content-left,.bx-apps .bx-right,.bx-apps .bx-right .content-right{
        display:block
    }
}
.bx-apps .bx-left,.bx-apps .bx-left .content-left,.bx-apps .bx-right .content-right{
}
@media (max-width:768px){
    .bx-apps .bx-left,.bx-apps .bx-left .content-left,.bx-apps .bx-right .content-right{
        -webkit-flex:inherit;
        -ms-flex:inherit;
        -webkit-box-flex:inherit;
        flex:inherit
    }
}
.bx-apps .bx-left{
    padding-right:0px;
    padding-top:10px;
    float:left
}
.bx-apps .bx-left.col-sm-9{
    width:66.66666667%;
    padding-top:0
}
.bx-apps .bx-left.col-sm-4{
    width:33.33333333%
}
@media (max-width:992px){
    .bx-apps .bx-left{
        float:none;
        padding-left:10px;
        padding-right:10px;
        width:100%;
        padding-top:0
    }
    .bx-apps .bx-left.col-sm-9{
        width:100%
    }
    .bx-apps .bx-left.col-sm-4{
        width:100%
    }
}
@media (max-width:480px){
    .bx-apps .bx-left.col-sm-4,.bx-apps .bx-left.col-sm-9{
        width:100%
    }
    .bx-apps .bx-left.col-sm-4{
        background-color:#f5f5f5;
        padding:0
    }
}
.bx-apps .bx-right{
    border-left:1px solid #e5e7ea;
    float:left
}
.bx-apps .bx-right.col-sm-8{
    width:66.66666667%
}
.bx-apps .bx-right.col-sm-3{
    width:33.33333333%;
    padding-left:0
}
.bx-apps .bx-right .block-title{
    margin-left:20px
}
@media (max-width:992px){
    .bx-apps .bx-right{
        padding-left:10px;
        padding-right:10px;
        width:100%;
        float:none;
        border-left:0 solid #e5e7ea
    }
    .bx-apps .bx-right .block-title{
        margin-left:0
    }
    .bx-apps .bx-right.col-sm-3,.bx-apps .bx-right.col-sm-8{
        width:100%;
        padding-left:10px
    }
}
@media (max-width:480px){
    .bx-apps .bx-right.col-sm-3,.bx-apps .bx-right.col-sm-8{
        width:100%
    }
}
.bx-apps .bx-bill .bx-left{
    padding-top:20px
}
@media (max-width:768px){
    .bx-apps .bx-bill .bx-left{
        padding-top:0
    }
}
.bx-body{
    border-top:0 solid #dae2ed
}
.games-row ul{
    margin:0;
    padding:0;
    list-style:none
}
.games-row ul li{
    border-top:1px solid #e5e7ea;
    padding:10px 0 10px 0
}
.games-row ul li:first-child{
    border-top:1px solid #e5e7ea
}
.games-row ul li .item-games{
    position:relative;
    margin-left:18px;
    min-height:80px;
    display:-ms-flexbox;
    display:-webkit-box;
    display:flex;
    display:-webkit-flex;
    -ms-flex-align:center;
    -webkit-box-align:center;
    align-items:center;
    -webkit-align-items:center
}
.games-row ul li .item-games a{
    display:block;
    width:100%
}
.games-row ul li .item-games a:hover *{
    color:#00a9ff
}
.games-row ul li .item-games a:hover .title-games,.games-row ul li .item-games a:hover .title-level,.games-row ul li .item-games a:hover .title-name,.games-row ul li .item-games a:hover .title-noti,.games-row ul li .item-games a:hover .title-server{
    color:#00a9ff
}
.games-row ul li .item-games a:hover .pay-info{
    overflow:hidden;
    position:relative
}
.games-row ul li .item-games a:hover .pay-info .title-price{
    float:left
}
.games-row ul li .item-games a:hover .pay-info .title-price span{
    background-color:#00a9ff;
    border:1px solid #00a9ff;
    color:#fff
}
.games-row ul li .item-games a:hover .pay-info .title-buy{
    float:right;
    display:inline;
    width:auto
}
.games-row ul li .item-games a:hover .pay-info .title-buy span{
    background-color:#00a9ff;
    border:1px solid #00a9ff;
    color:#fff
}
.games-row ul li .item-games a:hover .pay-info .title-buy span.red{
    background-color:#d33724;
    border-color:#d33724
}
.games-row ul li .item-games a:hover .pay-info .title-buy span.blue{
    background-color:#00a9ff;
    border-color:#00a9ff
}
.games-row ul li .item-games a:hover .pay-info .title-buy span.yellow{
    background-color:#f39c12;
    border-color:#f39c12
}
.games-row ul li .item-games a:hover .label{
    color:#fff
}
.games-row ul li .item-games a:hover .price{
    color:#fff
}
.games-row ul li .item-games a:hover .price .amount{
    color:#fff
}
.games-row ul li .item-games .cover-game{
    position:relative;
    background-color:#000;
    border-radius:5px 5px 0 0
}
.games-row ul li .item-games .cover-game img{
    display:block;
    border-radius:5px 5px 0 0;
    background-color:#000
}
.games-row ul li .item-games .cover-game .price{
    position:absolute;
    bottom:20px;
    left:-0.58em;
    background:#f37324;
    padding:5px 10px;
    color:#fff;
    display:block;
    font-size:16px;
    border-bottom-right-radius:3px;
    -webkit-border-top-left-radius:3px;
    -webkit-border-top-right-radius:3px;
    border-top-left-radius:3px;
    border-top-right-radius:3px;
    background-clip:padding-box;
    font-weight:bold
}
.games-row ul li .item-games .cover-game .price:after{
    content:"";
    display:block;
    border-width:10px 0 0 10px;
    border-color:#d15102 transparent transparent transparent;
    border-style:solid;
    position:absolute;
    left:0;
    bottom:-0.58em
}
.games-row ul li .item-games .cover-game .mask{
    display:none
}
.games-row ul li .item-games .info-game{
    clear:both;
    position:relative;
    min-height:100px;
    display:-ms-flexbox;
    display:-webkit-box;
    display:flex;
    display:-webkit-flex;
    -webkit-align-items:center;
    -ms-flex-align:center;
    -webkit-box-align:center;
    align-items:center
}
.games-row ul li .item-games .pic-games{
    position:absolute;
    left:0;
    top:0;
    width:80px;
    height:80px;
    z-index:1000
}
.games-row ul li .item-games .pic-games img{
    width:100%;
    border-radius:11px
}
.games-row ul li .item-games .title-info{
    position:relative;
    padding-left:90px;
    width:100%
}
.games-row ul li .item-games .title-info .title-games,.games-row ul li .item-games .title-info .title-level,.games-row ul li .item-games .title-info .title-name,.games-row ul li .item-games .title-info .title-noti,.games-row ul li .item-games .title-info .title-server,.games-row ul li .item-games .title-info .title-verify{
    font-size:12px;
    line-height:20px;
    color:#6c6c6f
}
.games-row ul li .item-games .title-info .title-noti{
    font-size:15px;
    line-height:18px;
    margin-bottom:0;
    font-weight:500;
    color:#4C4C4F;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    word-break:break-word
}
.games-row ul li .item-games .title-info .title-games{
    float:left
}
.games-row ul li .item-games .title-info .title-games:after{
    content:'·';
    font-weight:bold;
    padding:0 5px
}
.games-row ul li .item-games .title-info .title-level{
    float:left;
    margin-left:0
}
.games-row ul li .item-games .title-info .title-verify{
    clear:both
}
.games-row ul li .item-games .title-info .title-verify .verify-check{
    color:red
}
.games-row ul li .item-games .title-info .title-verify .verify-check:before{
    display:inline-block;
    font:normal normal normal 14px/1 FontAwesome;
    text-rendering:auto;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    content:"\f05e";
    font-size:16px;
    margin-right:5px;
    position:relative;
    top:2px
}
.games-row ul li .item-games .title-info .title-verify .verify-ok{
    color:#008000
}
.games-row ul li .item-games .title-info .title-verify .verify-ok:before{
    display:inline-block;
    font:normal normal normal 14px/1 FontAwesome;
    text-rendering:auto;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    content:"\f05d";
    font-size:16px;
    margin-right:5px;
    position:relative;
    top:2px
}
.games-row ul li .item-games .title-info .title-price{
    position:absolute;
    right:0;
    bottom:0
}
.games-row ul li .item-games .title-info .title-price a{
    float:left;
    margin-left:5px;
    width:auto
}
.games-row ul li .item-games .title-info .title-price a.edit span{
    color:#fff;
    background-color:#d33724;
    border:1px solid #d33724
}
.games-row ul li .item-games .title-info .title-price span{
    font-weight:500;
    display:block;
    background-color:#F0F7FC;
    border:1px solid #A5CAE4;
    border-radius:3px;
    padding:1px 4px
}
.games-row ul li .item-games .title-info .title-buy span{
    font-weight:500;
    display:block;
    background-color:#F0F7FC;
    border:1px solid #A5CAE4;
    border-radius:3px;
    padding:1px 4px
}
.games-row ul li .item-games .title-info .title-buy span.red{
    background-color:#d33724;
    border-color:#d33724
}
.games-row ul li .item-games .title-info .title-buy span.blue{
    background-color:#00a9ff;
    border-color:#00a9ff
}
.games-row ul li .item-games .title-info .title-buy span.yellow{
    background-color:#f39c12;
    border-color:#f39c12
}
.games-row ul li .item-games .title-info .title-edit{
    position:absolute;
    right:0;
    bottom:0
}
.games-row ul li .item-games .title-info .title-edit a{
    float:left;
    margin-left:5px;
    width:auto
}
.games-row ul li .item-games .title-info .title-edit a.edit span{
    color:#fff;
    background-color:#d33724;
    border:1px solid #d33724
}
.games-row ul li .item-games .title-info .title-edit span{
    font-weight:500;
    background-color:#F0F7FC;
    border:1px solid #A5CAE4;
    border-radius:3px;
    padding:1px 4px
}
@media (max-width:992px){
    .games-row ul{
        margin:0 0;
        padding-left:0
    }
    .games-row ul li{
        padding:10px 0;
        margin-right:-10px;
        border:solid #f0f0f0;
        border-width:0 0 1px 0
    }
    .games-row ul li:first-child{
        border-width:0 0 1px 0
    }
    .games-row ul li:last-child{
        border-width:0
    }
    .games-row ul li .item-games{
        display:block;
        margin:0;
        min-height:60px
    }
    .games-row ul li .item-games .pic-games{
        width:60px;
        height:60px;
        left:0;
        top:0
    }
    .games-row ul li .item-games .title-info{
        padding-left:70px;
        padding-right:10px
    }
    .games-row ul li .item-games .title-info .title-price{
        right:10px
    }
}
@media (max-width:480px){
    .games-row ul li .item-games .info-game{
        min-height:80px
    }
}
.bx-buy-sell .games-row ul{
    margin:0 -10px;
    padding-right:10px;
    display:-ms-flexbox;
    display:-webkit-box;
    display:flex;
    display:-webkit-flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-flex-wrap:wrap
}
.bx-buy-sell .games-row ul li{
    width:33.33333333%;
    float:left;
    border-width:0;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-webkit-box;
    display:flex;
    flex-wrap:wrap;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap
}
.bx-buy-sell .games-row ul li .item-games{
    margin:0 10px;
    display:block;
    background-color:#fff;
    border:#e5e7ea solid;
    border-width:1px;
    border-radius:5px 5px
}
.bx-buy-sell .games-row ul li .item-games .pic-games{
    top:10px;
    left:10px
}
.bx-buy-sell .games-row ul li .item-games .title-info{
    padding:10px 10px 10px 100px
}
.bx-buy-sell .games-row ul li .item-games .title-info .title-price{
    bottom:5px;
    right:5px
}
.bx-buy-sell .games-row ul li .item-games .title-info .title-price span{
    padding:2px 8px;
    font-size:12px;
    display:block
}
.bx-buy-sell .games-row ul li .item-games .title-info .title-edit{
    bottom:5px;
    right:5px
}
.bx-buy-sell .games-row ul li .item-games .title-info .title-edit span{
    padding:2px 8px;
    font-size:12px;
    display:block
}
.bx-buy-sell .games-row ul li:hover .item-games{
    -webkit-box-shadow:0 2px 10px rgba(0, 0, 0, 0.1);
    box-shadow:0 2px 10px rgba(0, 0, 0, 0.1)
}
.bx-buy-sell .games-row ul li:hover .item-games .cover-game{
    -webkit-transition:all .15s ease;
    -o-transition:all .15s ease;
    transition:all .15s ease
}
.bx-buy-sell .games-row ul li:hover .item-games .cover-game img{
    background-size:120%!important;
    -webkit-transition:all .15s ease;
    -o-transition:all .15s ease;
    transition:all .15s ease
}
@media (max-width:992px){
    .bx-buy-sell .games-row ul li{
        width:50%
    }
    .bx-buy-sell .games-row ul li .item-games .title-info{
        padding:10px 10px 10px 80px
    }
}
@media (max-width:480px){
    .bx-buy-sell .games-row ul li{
        width:100%;
        float:none
    }
    .bx-buy-sell .games-row ul li .item-games .title-info{
        padding-left:80px
    }
    .bx-buy-sell .games-row ul li .item-games .title-info .title-price{
        top:auto
    }
    .bx-buy-sell .games-row ul li .item-games .title-info .title-price span{
        padding:1px 4px;
        font-size:12px
    }
}
.form-buy-sell{
    margin-top:20px
}
.form-buy-sell .btn-group{
    width:100%;
    margin-bottom:10px
}
.form-buy-sell .btn-group .btn{
    width:50%
}
@media (max-width:480px){
    .form-buy-sell .list-form .form-group{
        width:100%
    }
}
.detail-buy-sell .games-row{
    padding:10px 0
}
.detail-buy-sell .games-row ul li{
    border-width:0
}
.detail-buy-sell .games-row ul li .item-games{
    margin:0;
    min-height:180px
}
.detail-buy-sell .games-row ul li .item-games .pic-games{
    width:180px;
    height:180px
}
.detail-buy-sell .games-row ul li .item-games .title-info{
    padding-left:200px
}
.detail-buy-sell .games-row ul li .item-games .title-info .title-noti{
    font-size:25px;
    line-height:30px;
    margin-bottom:5px;
    color:#1C1C1F;
    font-weight:normal
}
.detail-buy-sell .games-row ul li .item-games .title-info .title-games,.detail-buy-sell .games-row ul li .item-games .title-info .title-level,.detail-buy-sell .games-row ul li .item-games .title-info .title-name,.detail-buy-sell .games-row ul li .item-games .title-info .title-server{
    display:block;
    float:none;
    font-size:14px;
    line-height:18px;
    color:#4C4C4F
}
.detail-buy-sell .games-row ul li .item-games .title-info .title-games span,.detail-buy-sell .games-row ul li .item-games .title-info .title-level span,.detail-buy-sell .games-row ul li .item-games .title-info .title-name span,.detail-buy-sell .games-row ul li .item-games .title-info .title-server span{
    font-weight:bold
}
.detail-buy-sell .games-row ul li .item-games .title-info .title-games:after,.detail-buy-sell .games-row ul li .item-games .title-info .title-level:after,.detail-buy-sell .games-row ul li .item-games .title-info .title-name:after,.detail-buy-sell .games-row ul li .item-games .title-info .title-server:after{
    content:'';
    font-weight:bold;
    padding:0
}
.detail-buy-sell .games-row ul li .item-games .title-info .title-verify{
    margin-top:5px
}
.detail-buy-sell .games-row ul li .item-games .title-info .pay-info{
    margin-top:10px;
    position:relative;
    clear:both;
    min-height:32px
}
.detail-buy-sell .games-row ul li .item-games .title-info .pay-info .title-price{
    float:left;
    position:relative
}
.detail-buy-sell .games-row ul li .item-games .title-info .pay-info .title-price span{
    display:block;
    border-width:0;
    background-color:transparent;
    padding:0;
    font-size:21px;
    color:#00a9ff
}
.detail-buy-sell .games-row ul li .item-games .title-info .pay-info .title-buy{
    float:right;
    display:inline;
    width:auto
}
.detail-buy-sell .games-row ul li .item-games .title-info .pay-info .title-buy span{
    background-color:#2ecc71;
    border:1px solid #2ecc71;
    color:#fff;
    padding:4px 12px;
    font-size:15px
}
.detail-buy-sell .games-row ul li .item-games .title-info .pay-info .title-buy span.red{
    background-color:#d33724;
    border-color:#d33724
}
.detail-buy-sell .games-row ul li .item-games .title-info .pay-info .title-buy span.blue{
    background-color:#00a9ff;
    border-color:#00a9ff
}
.detail-buy-sell .games-row ul li .item-games .title-info .pay-info .title-buy span.yellow{
    background-color:#f39c12;
    border-color:#f39c12
}
@media (max-width:480px){
    .detail-buy-sell .games-row ul li .item-games{
        min-height:60px
    }
    .detail-buy-sell .games-row ul li .item-games .pic-games{
        width:60px;
        height:60px;
        right:10px;
        left:inherit
    }
    .detail-buy-sell .games-row ul li .item-games .title-info{
        padding-left:0;
        padding-right:70px
    }
    .detail-buy-sell .games-row ul li .item-games .title-info .title-noti{
        font-size:21px;
        line-height:25px;
        margin-bottom:5px;
        color:#1C1C1F;
        font-weight:normal
    }
    .detail-buy-sell .games-row ul li .item-games .title-info .title-games,.detail-buy-sell .games-row ul li .item-games .title-info .title-level,.detail-buy-sell .games-row ul li .item-games .title-info .title-name,.detail-buy-sell .games-row ul li .item-games .title-info .title-server{
        display:block;
        float:none;
        font-size:13px;
        line-height:16px;
        color:#4C4C4F
    }
    .detail-buy-sell .games-row ul li .item-games .title-info .title-games span,.detail-buy-sell .games-row ul li .item-games .title-info .title-level span,.detail-buy-sell .games-row ul li .item-games .title-info .title-name span,.detail-buy-sell .games-row ul li .item-games .title-info .title-server span{
        font-weight:bold
    }
    .detail-buy-sell .games-row ul li .item-games .title-info .title-games:after,.detail-buy-sell .games-row ul li .item-games .title-info .title-level:after,.detail-buy-sell .games-row ul li .item-games .title-info .title-name:after,.detail-buy-sell .games-row ul li .item-games .title-info .title-server:after{
        content:'';
        font-weight:bold;
        padding:0
    }
    .detail-buy-sell .games-row ul li .item-games .title-info .title-verify{
        margin-top:5px
    }
    .detail-buy-sell .games-row ul li .item-games .title-info .pay-info{
        position:static
    }
    .detail-buy-sell .games-row ul li .item-games .title-info .pay-info .title-price{
        top:auto;
        left:0;
        right:0
    }
    .detail-buy-sell .games-row ul li .item-games .title-info .pay-info .title-buy{
        float:right;
        margin-right:-60px
    }
}
.detail-buy-sell .screenshot-row{
    margin-bottom:10px
}
.detail-buy-sell .form-group label{
    font-weight:normal;
    text-transform:none;
    font-size:13px
}
.detail-buy-sell .alert-warning{
    color:#8a6d3b!important;
    background-color:#fcf8e3!important;
    border-color:#faebcc!important
}
.detail-buy-sell .alert-warning a{
    color:#8a6d3b!important
}
.detail-buy-sell .alert-success{
    color:#3c763d!important;
    background-color:#dff0d8!important;
    border-color:#d6e9c6!important
}
.detail-buy-sell .alert-success a{
    color:#3c763d!important
}
.detail-buy-sell .desc-row{
    font-size:14px;
    color:#000
}
.detail-buy-sell .desc-row .alert{
    font-size:13px
}
.detail-buy-sell .media-footer{
    clear:both
}
.detail-buy-sell .media-footer .msg-post{
    padding:0
}
.detail-buy-sell .media-footer .msg-post .info-msg{
    overflow:hidden;
    padding:10px 0;
    line-height:20px
}
.detail-buy-sell .media-footer .msg-post .info-msg span{
    color:#9197a3;
    font-size:11px
}
.detail-buy-sell .media-footer .msg-post .info-msg .pull-right span{
    margin-left:10px
}
.detail-buy-sell .media-footer .msg-post .btn-msg{
    padding:0
}
.detail-buy-sell .media-footer .msg-post .btn-msg ul{
    margin:0;
    padding:0;
    list-style:none;
    overflow:hidden
}
.detail-buy-sell .media-footer .msg-post .btn-msg ul li{
    display:inline;
    float:left;
    margin-right:30px;
    position:relative
}
.detail-buy-sell .media-footer .msg-post .btn-msg ul li a{
    display:block;
    font-weight:bold;
    color:#7f7f7f;
    font-size:12px;
    line-height:30px;
    padding-left:18px;
    cursor:pointer
}
.detail-buy-sell .media-footer .msg-post .btn-msg ul li a i{
    margin-right:5px;
    font-size:16px;
    position:absolute;
    left:0
}
.detail-buy-sell .media-footer .msg-post .btn-msg ul li a i.ion-thumbsup{
    font-size:17px;
    top:0
}
.detail-buy-sell .media-footer .msg-post .btn-msg ul li a i.ion-chatbox{
    font-size:14px;
    top:1px
}
.detail-buy-sell .media-footer .msg-post .btn-msg ul li a i.ion-android-share{
    font-size:19px;
    top:0
}
.detail-buy-sell .media-footer .msg-post .btn-msg ul li a.active,.detail-buy-sell .media-footer .msg-post .btn-msg ul li a:hover{
    color:#00a9ff
}
.detail-buy-sell .media-footer .cm-post{
    background-color:#f6f7f8;
    border-top:1px solid #e1e2e3;
    padding:10px 0;
    border-radius:0 0 4px 4px
}
.detail-buy-sell .media-footer .cm-post .ip-post{
    position:relative;
    padding-left:42px
}
.detail-buy-sell .media-footer .cm-post .ip-post .av-post{
    position:absolute;
    width:32px;
    height:32px;
    top:0;
    left:0
}
.detail-buy-sell .media-footer .cm-post .ip-post .av-post img{
    width:32px;
    height:32px
}
.detail-buy-sell .media-footer .cm-post .ip-post .tx-post{
    position:relative
}
.detail-buy-sell .media-footer .cm-post .ip-post .tx-post input{
    border-radius:0;
    border-color:#dcdee3;
    font-size:12px
}
.detail-buy-sell .media-footer .cm-post .ip-post .tx-post .fi-post{
    position:absolute;
    right:10px;
    top:2px
}
.detail-buy-sell .media-footer .cm-post .ip-post .tx-post .fi-post ul{
    margin:0;
    padding:0;
    list-style:none
}
.detail-buy-sell .media-footer .cm-post .ip-post .tx-post .fi-post ul li{
    float:left;
    display:inline-block;
    margin-left:10px
}
.detail-buy-sell .media-footer .cm-post .ip-post .tx-post .fi-post ul li label{
    margin:0
}
.detail-buy-sell .media-footer .cm-post .ip-post .tx-post .fi-post ul a{
    color:#000
}
.detail-buy-sell .media-footer .cm-post .ip-post .tx-post .fi-post ul i{
    opacity:.3;
    font-size:18px
}
.detail-buy-sell .media-footer .cm-post .ip-post .tx-post .fi-post ul i:hover{
    opacity:.8
}
.detail-buy-sell .media-footer .cm-post .it-post .row-comment{
    clear:both;
    position:relative;
    padding-left:42px;
    font-size:12px;
    line-height:16px;
    margin:10px 0 5px 0
}
.detail-buy-sell .media-footer .cm-post .it-post .row-comment a{
    color:#000
}
.detail-buy-sell .media-footer .cm-post .it-post .row-comment a:hover{
    color:#00a9ff
}
.detail-buy-sell .media-footer .cm-post .it-post .row-comment .av-cm{
    position:absolute;
    left:0;
    top:0;
    width:32px;
    height:32px
}
.detail-buy-sell .media-footer .cm-post .it-post .row-comment .av-cm img{
    width:32px;
    height:32px
}
.detail-buy-sell .media-footer .cm-post .it-post .row-comment .tx-cm{
    min-height:32px
}
.detail-buy-sell .media-footer .cm-post .it-post .row-comment .tx-cm .hd-cm a{
    font-weight:bold
}
.detail-buy-sell .media-footer .cm-post .it-post .row-comment .tx-cm .hd-cm img{
    margin:5px 0
}
.detail-buy-sell .media-footer .cm-post .it-post .row-comment .tx-cm .bt-cm span{
    color:#9197a3
}
.detail-buy-sell .media-footer .cm-post .it-post .row-comment .tx-cm .bt-cm span .icon{
    font-style:normal!important;
    color:#000
}
.detail-buy-sell .media-footer .cm-post .it-post .row-comment .tx-cm .bt-cm span .icon:before{
    padding-right:2px!important
}
.detail-buy-sell .media-footer .cm-post .it-post .row-comment .tx-cm .bt-cm span.dot{
    font-weight:bold
}
.detail-buy-sell .media-footer .cm-post .it-post .row-comment.reply-comment{
    margin:5px 0 10px 0;
    padding-left:42px
}
.detail-buy-sell .media-footer .cm-post .it-post .row-comment.reply-comment .row-comment{
    margin:0;
    padding:5px 0 5px 36px;
    border-left:2px solid #dcdee3
}
.detail-buy-sell .media-footer .cm-post .it-post .row-comment.reply-comment .row-comment .av-cm{
    position:absolute;
    left:8px;
    top:5px;
    width:20px;
    height:20px
}
.detail-buy-sell .media-footer .cm-post .it-post .row-comment.reply-comment .row-comment .av-cm img{
    width:20px;
    height:20px
}
.detail-buy-sell .media-footer .cm-post .it-post .row-comment.reply-comment .row-comment .tx-cm{
    min-height:20px
}
.detail-buy-sell .media-footer .cm-post .it-post .row-comment.reply-comment .row-comment .tx-cm .hd-cm a{
    font-weight:bold
}
.detail-buy-sell .media-footer .cm-post .it-post .row-comment.reply-comment .row-comment .tx-cm .bt-cm span{
    color:#9197a3
}
.detail-buy-sell .media-footer .cm-post .it-post .row-comment.reply-comment .row-comment .tx-cm .bt-cm span.dot{
    font-weight:bold
}
.detail-buy-sell .media-footer .cm-post .it-post .show-comment{
    font-size:12px;
    color:#9197a3;
    overflow:hidden;
    clear:both;
    padding:10px 0 0 0
}
.detail-buy-sell .media-footer .cm-post .it-post .show-comment span{
    color:#9197a3
}
@media (max-width:480px){
    .detail-buy-sell .media-footer .msg-post{
        margin-top:0;
        padding:0
    }
    .detail-buy-sell .media-footer .msg-post .info-msg{
        overflow:hidden;
        border-bottom:1px #e5e5e5 solid;
        padding:8px 0
    }
    .detail-buy-sell .media-footer .msg-post .info-msg span{
        color:#9197a3;
        font-size:12px
    }
    .detail-buy-sell .media-footer .msg-post .info-msg .pull-right span{
        margin-left:10px
    }
    .detail-buy-sell .media-footer .msg-post .btn-msg{
        padding:6px 0;
        background-color:#f6f7f8
    }
    .detail-buy-sell .media-footer .msg-post .btn-msg ul li{
        display:inline;
        float:left;
        margin:0;
        width:33.3%;
        position:relative;
        text-align:center
    }
    .detail-buy-sell .media-footer .msg-post .btn-msg ul li a{
        font-weight:bold;
        text-align:center;
        color:#7f7f7f;
        font-size:12px;
        line-height:24px;
        padding-left:0;
        position:relative;
        display:-ms-flexbox;
        display:-webkit-flex;
        display:-webkit-box;
        display:flex;
        -ms-flex-align:center;
        -webkit-box-align:center;
        align-items:center;
        -webkit-align-items:center;
        -ms-flex-pack:center;
        -webkit-box-pack:center;
        justify-content:center;
        -webkit-justify-content:center;
        border-left:1px #e1e2e3 solid
    }
    .detail-buy-sell .media-footer .msg-post .btn-msg ul li a i{
        margin-right:5px;
        font-size:16px;
        position:relative;
        left:0
    }
    .detail-buy-sell .media-footer .msg-post .btn-msg ul li a i.ion-thumbsup{
        font-size:17px;
        top:0
    }
    .detail-buy-sell .media-footer .msg-post .btn-msg ul li a i.ion-chatbox{
        font-size:14px;
        top:1px
    }
    .detail-buy-sell .media-footer .msg-post .btn-msg ul li a i.ion-android-share{
        font-size:19px;
        top:0
    }
    .detail-buy-sell .media-footer .msg-post .btn-msg ul li a.active{
        color:#00a9ff
    }
    .detail-buy-sell .media-footer .msg-post .btn-msg ul li:first-child a{
        border-left:0 #e5e5e5 solid
    }
    .detail-buy-sell .media-footer .cm-post{
        background-color:#f6f7f8;
        border-top:1px solid #e1e2e3;
        padding:10px 0;
        border-radius:0 0 4px 4px
    }
    .detail-buy-sell .media-footer .cm-post .ip-post{
        position:relative;
        padding-left:42px
    }
    .detail-buy-sell .media-footer .cm-post .ip-post .av-post{
        position:absolute;
        width:32px;
        height:32px;
        top:0;
        left:0
    }
    .detail-buy-sell .media-footer .cm-post .ip-post .av-post img{
        width:32px;
        height:32px
    }
    .detail-buy-sell .media-footer .cm-post .ip-post .tx-post{
        position:relative
    }
    .detail-buy-sell .media-footer .cm-post .ip-post .tx-post input{
        border-radius:0;
        border-color:#dcdee3;
        font-size:12px
    }
    .detail-buy-sell .media-footer .cm-post .ip-post .tx-post .fi-post{
        position:absolute;
        right:10px;
        top:2px
    }
    .detail-buy-sell .media-footer .cm-post .ip-post .tx-post .fi-post ul{
        margin:0;
        padding:0;
        list-style:none
    }
    .detail-buy-sell .media-footer .cm-post .ip-post .tx-post .fi-post ul li{
        float:left;
        display:inline-block;
        margin-left:10px
    }
    .detail-buy-sell .media-footer .cm-post .ip-post .tx-post .fi-post ul li label{
        margin:0
    }
    .detail-buy-sell .media-footer .cm-post .ip-post .tx-post .fi-post ul a{
        color:#000
    }
    .detail-buy-sell .media-footer .cm-post .ip-post .tx-post .fi-post ul i{
        opacity:.3;
        font-size:18px
    }
    .detail-buy-sell .media-footer .cm-post .ip-post .tx-post .fi-post ul i:hover{
        opacity:.8
    }
    .detail-buy-sell .media-footer .cm-post .it-post .row-comment{
        clear:both;
        position:relative;
        padding-left:42px;
        font-size:13px;
        line-height:16px;
        margin:10px 0 5px 0
    }
    .detail-buy-sell .media-footer .cm-post .it-post .row-comment .av-cm{
        position:absolute;
        left:0;
        top:0;
        width:32px;
        height:32px
    }
    .detail-buy-sell .media-footer .cm-post .it-post .row-comment .av-cm img{
        width:32px;
        height:32px
    }
    .detail-buy-sell .media-footer .cm-post .it-post .row-comment .tx-cm{
        min-height:32px
    }
    .detail-buy-sell .media-footer .cm-post .it-post .row-comment .tx-cm .hd-cm a{
        font-weight:bold;
        color:#0000 0
    }
    .detail-buy-sell .media-footer .cm-post .it-post .row-comment .tx-cm .hd-cm img{
        margin:5px 0
    }
    .detail-buy-sell .media-footer .cm-post .it-post .row-comment .tx-cm .bt-cm span{
        color:#9197a3
    }
    .detail-buy-sell .media-footer .cm-post .it-post .row-comment .tx-cm .bt-cm span.dot{
        font-weight:bold
    }
    .detail-buy-sell .media-footer .cm-post .it-post .row-comment.reply-comment{
        margin:5px 0 10px 0;
        padding-left:42px
    }
    .detail-buy-sell .media-footer .cm-post .it-post .row-comment.reply-comment .row-comment{
        margin:0;
        padding:5px 0 5px 36px;
        border-left:2px solid #dcdee3
    }
    .detail-buy-sell .media-footer .cm-post .it-post .row-comment.reply-comment .row-comment .av-cm{
        position:absolute;
        left:8px;
        top:5px;
        width:20px;
        height:20px
    }
    .detail-buy-sell .media-footer .cm-post .it-post .row-comment.reply-comment .row-comment .av-cm img{
        width:20px;
        height:20px
    }
    .detail-buy-sell .media-footer .cm-post .it-post .row-comment.reply-comment .row-comment .tx-cm{
        min-height:20px
    }
    .detail-buy-sell .media-footer .cm-post .it-post .row-comment.reply-comment .row-comment .tx-cm .hd-cm a{
        font-weight:bold;
        color:#000
    }
    .detail-buy-sell .media-footer .cm-post .it-post .row-comment.reply-comment .row-comment .tx-cm .bt-cm span{
        color:#9197a3
    }
    .detail-buy-sell .media-footer .cm-post .it-post .row-comment.reply-comment .row-comment .tx-cm .bt-cm span.dot{
        font-weight:bold
    }
    .detail-buy-sell .media-footer .cm-post .it-post .show-comment{
        font-size:12px;
        color:#9197a3;
        overflow:hidden;
        clear:both;
        padding:10px 0 0 0
    }
    .detail-buy-sell .media-footer .cm-post .it-post .show-comment span{
        color:#9197a3
    }
}
.modal .modal-body .close{
    position:absolute;
    right:5px;
    top:5px;
    font-size:20px;
    z-index:10000
}
.modal .detail-buy-sell{
    padding:0 10px
}
.modal .detail-buy-sell .games-row{
    padding:0
}
.modal .detail-buy-sell .list-bill{
    margin:0 0 20px 0;
    padding:0;
    list-style:none;
    clear:both
}
.modal .detail-buy-sell .list-bill li{
    overflow:hidden;
    padding:10px 0;
    border-bottom:1px #e5e7ea solid
}
.modal .detail-buy-sell .list-bill li .col-info{
    float:left
}
.modal .detail-buy-sell .list-bill li .col-price{
    float:right;
    font-weight:bold
}
.modal .detail-buy-sell .list-bill li:last-child{
    font-weight:bold;
    border-width:0;
    font-size:1.17em
}
.modal .detail-buy-sell .list-bill li:last-child .col-price{
    color:#d33724
}
.list-sc{
    margin:5px 0 0 0;
    padding:0;
    list-style:none;
    overflow:hidden
}
.list-sc li{
    display:inline-block;
    float:left;
    margin-right:5px;
    margin-bottom:5px
}
.list-sc li .add-sc{
    width:160px;
    height:90px;
    line-height:90px;
    text-align:center;
    background-color:rgba(0, 0, 0, 0.1);
    border:1px rgba(0, 0, 0, 0.1) solid
}
.list-sc li .add-sc span{
    color:rgba(0, 0, 0, 0.5);
    font-size:24px
}
.list-sc li .item-sc{
    position:relative
}
.list-sc li .item-sc .del{
    position:absolute;
    right:0;
    top:0;
    background-color:rgba(0, 0, 0, 0.3);
    color:#fff;
    padding:2px 3px
}
.list-sc li .item-sc .del:hover{
    background-color:rgba(0, 0, 0, 0.6)
}
.list-sc li .item-sc img{
    width:160px
}
@media (max-width:480px){
    .list-sc li .add-sc{
        width:115px;
        height:70px;
        line-height:70px
    }
    .list-sc li .item-sc img{
        width:125px
    }
}
/*.box-list{
    margin:0 -5px;
    padding:0;
    list-style:none;
    text-align:justify;
    overflow:hidden;
    font-size:0;
    display:-ms-flexbox;
    display:-webkit-box;
    display:flex;
    display:-webkit-flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-flex-wrap:wrap
}
.box-list li{
    width: 25%!important;
    text-align:center;
    vertical-align:top;
    position:relative;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-webkit-box;
    display:flex;
    flex-wrap:wrap;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    padding:0 5px 10px 5px;
    float:left;
    min-height:250px;
    max-height:300px;
}*/
.box-list li .item-apps{
    width:100%;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-webkit-box;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-flex-wrap:wrap;
    background-color:#fff;
    border-radius:3px;
    padding:10px 10px;
    border:1px #ededed solid;
    min-height:250px;
}
.box-list li .item-apps .piccol{
    position:relative
}
.box-list li .item-apps .status-app{
    position:absolute;
    right:-7px;
    bottom:-7px;
    font-size:16px;
    font-weight:normal;
    display:block;
    padding:0;
    background-color:#2ECC71;
    text-align:center;
    color:#fff;
    border-radius:50%;
    border:2px #fff solid;
    -webkit-box-shadow:0 2px 6px rgba(0, 0, 0, 0.3);
    box-shadow:0 2px 6px rgba(0, 0, 0, 0.3)
}
.box-list li .item-apps .status-app span{
    line-height:24px;
    font-size:14px;
    display:block;
    width:24px
}
.box-list li .item-apps .status-app span i{
    line-height:24px;
    display:block
}
.box-list li .gridview{
    position:absolute;
    top:0;
    left:0;
    display:none;
    width:1000%;
    height:1000%;
    border-left:1px solid #dae2ed;
    border-top:1px solid #dae2ed;
    pointer-events:none
}
.box-list li:hover .item-apps{
    border:1px #ddd solid;
    -webkit-box-shadow:0 2px 10px rgba(169, 169, 169, 0.3);
    box-shadow:0 2px 10px rgba(169, 169, 169, 0.3)
}
.namecol{
    color: #a75959;
    font-size: 18px;
    padding: 10px 0 0 0;
    text-align: center;
    line-height: 1.2em;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-word;
    width: 100%;
}
.servercol {
    color: #7b2929;
    font-size: 14px;
    margin: 1px 0 0 0;
    padding: 0 0 0 0;
    text-align: center;
    line-height: 1.2em;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-word;
    width: 100%;
}
.detailcol{
    color: #7b8282;
    font-size: 14px;
    margin: 10px 0 0 0;
    padding: 0 0 0 0;
    text-align: left;
    line-height: 1.2em;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: scroll;
    word-break: break-word;
    width: 100%;
    height: 80px;
    overflow-x: hidden;
    overflow-y: auto;
}

.namecol .app-name{
    color:#4c4c4c;
    font-weight:300;
    font-size:16px
}
@media (max-width:767px){
    .box-list li .namecol{
        font-size:15px;
        font-weight:normal
    }
    .box-list li .namecol .app-name{
        font-weight:normal;
        font-size:15px
    }
}
@media (max-width:480px){
    .box-list li .namecol{
        font-size:16px;
        font-weight:normal
    }
    .box-list li .namecol .app-name{
        font-weight:normal
    }
}
.box-list li .subcol{
    text-align:left
}
.box-list li .subcol .dev-name{
    display:block;
    margin-top:3px;
    white-space:nowrap;
    overflow:hidden;
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis;
    font-size:13px;
    line-height:16px;
    color:#9c9c9c
}
.box-list .pay-app{
    transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -webkit-box-shadow:0 0 6px rgba(0, 0, 0, 0.3);
    box-shadow:0 0 6px rgba(0, 0, 0, 0.3);
    color:#ffffff;
    font-size:18px;
    right:-68px;
    padding:16px 0 0 0;
    position:absolute;
    text-align:center;
    top:-8px;
    width:160px;
    z-index:1;
    background-color:#FA0072;
    font-weight:bold
}
.box-list .pay-app span i{
    transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg)
}
.box-list .pay-app span{
    font-size:80%;
    font-weight:normal
}
@media (max-width:480px){
    .box-list .pay-app{
        font-size:12px;
        right:-70px;
        top:-7px;
        line-height:20px;
        padding:12px 0 0 0
    }
    .box-list .pay-app span{
        font-size:13px;
        line-height:20px
    }
}
@media (max-width:489px){
    .box-list li{
        width:50%
    }
}
@media (max-width:768px){
    .box-list li{
        width:20%
    }
}
@media (max-width:480px){
    .box-list{
        margin:0 -10px 0 0
    }
    .box-list li{
        padding:0;
        margin:0;
        border-bottom:1px solid #f0f0f0;
        width:100%
    }
    .box-list li:last-child{
        border-width:0
    }
    .box-list li:hover .item-apps{
        border-width:0;
        -webkit-box-shadow:0 0 0 rgba(255, 255, 255, 0);
        box-shadow:0 0 0 rgba(255, 255, 255, 0)
    }
    .box-list li .item-apps{
        padding:0;
        width:100%;
        border-width:0;
        background-color:transparent;
        min-height:80px;
        display:block;
        position:relative
    }
    .box-list li .item-apps .piccol{
        width:60px;
        height:60px;
        position:absolute;
        left:0;
        top:10px
    }
    .box-list li .item-apps .piccol a{
        display:block;
        width:60px;
        height:60px
    }
    .box-list li .item-apps .piccol a img{
        width:60px;
        height:60px
    }
    .box-list li .item-apps .namecol{
        font-size:14px;
        line-height:16px;
        margin:0
    }
    .box-list li .item-apps .namecol .app-name{
        color:#0c0c0c;
        font-size:15px;
        line-height:16px;
        display:block;
        display:-ms-flexbox;
        display:-webkit-flex;
        display:-webkit-box;
        display:flex;
        -ms-flex-align:center;
        -webkit-box-align:center;
        align-items:center;
        -webkit-align-items:center;
        min-height:80px;
        padding-left:70px;
        padding-right:10px
    }
}
@media (min-width:480px) and (max-width:768px){
    .box-list{
        margin:0 -2.5px
    }
    .box-list li{
        width:20%;
        padding:0 2.5px 5px 2.5px
    }
}
@media (min-width:640px){
    .box-list li{
        width:16.6%
    }
}
@media (min-width:768px){
    .box-list li{
        width:20%
    }
}
@media (min-width:1024px){
    .box-list li{
        width:16.6%
    }
}
@media (min-width:1200px){
    .box-list li{
        width:16.6%
    }
}
@media (min-width:1440px){
    .box-list li{
        width:14.2%
    }
}
@media (min-width:1024px){
    .bx-apps .bx-left .box-list li{
        width:20%
    }
}
@media (min-width:1200px){
    .bx-apps .bx-left .box-list li{
        width:16.6%
    }
}
@media (min-width:1024px){
    .bx-apps .bx-full .box-list li{
        width:16.6%
    }
}
@media (min-width:1200px){
    .bx-apps .bx-full .box-list li{
        width:12.5%
    }
}
.info-account{
    line-height:34px;
    min-height:36px
}
.info-account h4{
    margin:0;
    padding:0;
    line-height:34px;
    color:#00a9ff
}
.info-account h4 span{
    font-weight:bold
}
@media (max-width:480px){
    .info-account h4{
        font-size:14px;
        line-height:18px
    }
    .info-account h4 span{
        clear:both;
        display:block;
        font-size:18px
    }
}
.page-error{
    text-align:center;
    padding:60px 30px
}
.page-error img{
    max-width:260px;
    margin:0 auto
}
.page-error h2{
    font-size:40px
}
.page-error h4{
    color:rgba(0, 0, 0, 0.3);
    font-weight:normal
}
@media (max-width:480px){
    .page-error img{
        max-width:200px
    }
}
.page-success{
    margin:0 auto;
    max-width:520px;
    padding:60px 30px;
    text-align:center
}
.page-success img{
    margin:0 auto;
    max-width:120px
}
.page-success i{
    display:block;
    font-size:80px;
    margin:0 auto
}
.page-success h2{
    font-size:24px
}
.page-success h5{
    font-weight:normal;
    line-height:24px
}
.page-success ul{
    list-style:none;
    margin:0;
    padding:0
}
.page-success ul li{
    overflow:hidden;
    text-align:left
}
.page-success ul label{
    color:#6c6c6c;
    display:block;
    float:left;
    font-weight:700;
    text-align:right;
    width:40%
}
.page-success ul span{
    padding-left:20px
}
@media (max-width:768px){
    .page-success{
        padding:10px 0
    }
    .page-success img{
        max-width:80px
    }
    .page-success h2{
        margin:10px 0;
        display:block
    }
}
@media (max-width:480px){
    .page-success{
        padding:10px 0
    }
    .page-success img{
        max-width:80px
    }
}
.bx-account{
    padding:20px 0
}
.bx-history{
    padding:20px 0
}
.bx-history .box{
    background-color:#fff
}
@media (max-width:480px){
    .bx-history{
        padding:10px 0
    }
}
@media (min-width:480px){
    .bx-history .history-header{
        display:-webkit-flex;
        display:-ms-flexbox;
        display:-webkit-box;
        display:flex;
        font-weight:bold;
        padding:10px 0;
        border-bottom:1px #f0f0f0 solid
    }
    .bx-history .history-header>div{
        -ms-flex:1;
        -webkit-box-flex:1;
        flex:1;
        -webkit-flex:1
    }
    .bx-history .history-body .row-list{
        display:-webkit-flex;
        display:-ms-flexbox;
        display:-webkit-box;
        display:flex;
        border-bottom:1px #eee solid;
        -ms-flex-align:center;
        -webkit-box-align:center;
        align-items:center;
        -webkit-align-items:center
    }
    .bx-history .history-body .row-list>div{
        -ms-flex:1;
        -webkit-box-flex:1;
        flex:1;
        -webkit-flex:1;
        padding:10px 0
    }
    .bx-history .col-app{
        -ms-flex:2!important;
        -webkit-box-flex:2!important;
        flex:2!important;
        -webkit-flex:2!important
    }
    .bx-history .col-app .app-pic{
        display:block;
        color:#333;
        min-height:40px;
        position:relative
    }
    .bx-history .col-app .app-pic img{
        width:40px;
        height:40px;
        display:inline-block;
        position:absolute;
        left:0;
        top:0
    }
    .bx-history .col-app .app-pic .name-pic{
        width:100%;
        max-width:280px;
        min-height:40px;
        padding-left:50px
    }
    .bx-history .col-app .app-pic .name-pic span{
        color:#333;
        text-align:left;
        word-break:break-word;
        white-space:nowrap;
        -o-text-overflow:ellipsis;
        text-overflow:ellipsis;
        overflow:hidden;
        width:100%;
        display:block
    }
    .bx-history .col-app .app-pic .name-pic .name-app{
        font-size:16px;
        text-align:left;
        word-break:break-word
    }
    .bx-history .col-app .app-pic .name-pic .code-app{
        display:block;
        clear:both;
        font-weight:normal;
        font-size:85%;
        color:#999
    }
    .bx-history .col-app .app-pic .name-pic .sub-app-level,.bx-history .col-app .app-pic .name-pic .sub-app-name,.bx-history .col-app .app-pic .name-pic .sub-app-server{
        display:block;
        clear:both;
        font-weight:normal;
        font-size:90%;
        color:#666
    }
    .bx-history .col-date{
        -ms-flex:.7!important;
        -webkit-box-flex:.7!important;
        flex:.7!important;
        -webkit-flex:.7!important
    }
    .bx-history .col-status{
        -ms-flex:.7!important;
        -webkit-box-flex:.7!important;
        flex:.7!important;
        -webkit-flex:.7!important;
        text-align:center
    }
    .bx-history .col-time{
        -ms-flex:.7!important;
        -webkit-box-flex:.7!important;
        flex:.7!important;
        -webkit-flex:.7!important;
        text-align:right
    }
    .bx-history .col-type{
        -ms-flex:1!important;
        -webkit-box-flex:1!important;
        flex:1!important;
        -webkit-flex:1!important;
        font-weight:bold
    }
    .bx-history .col-verify{
        -ms-flex:1!important;
        -webkit-box-flex:1!important;
        flex:1!important;
        -webkit-flex:1!important;
        font-weight:bold
    }
    .bx-history .col-verify .verify-ok{
        color:#008000
    }
    .bx-history .col-verify .verify-ok:before{
        display:inline-block;
        font:normal normal normal 14px/1 FontAwesome;
        text-rendering:auto;
        -webkit-font-smoothing:antialiased;
        -moz-osx-font-smoothing:grayscale;
        content:"\f05d";
        font-size:16px;
        margin-right:5px;
        position:relative;
        top:2px
    }
    .bx-history .col-verify .verify-check{
        color:red
    }
    .bx-history .col-verify .verify-check:before{
        display:inline-block;
        font:normal normal normal 14px/1 FontAwesome;
        text-rendering:auto;
        -webkit-font-smoothing:antialiased;
        -moz-osx-font-smoothing:grayscale;
        content:"\f05e";
        font-size:16px;
        margin-right:5px;
        position:relative;
        top:2px
    }
    .bx-history .col-serial{
        -ms-flex:2!important;
        -webkit-box-flex:2!important;
        flex:2!important;
        -webkit-flex:2!important
    }
    .bx-history .col-serial b{
        font-weight:normal;
        color:#666
    }
}
@media (max-width:480px){
    .bx-history .history-header{
        display:none
    }
    .bx-history .col-id{
        font-size:11px;
        color:#999
    }
    .bx-history .col-app{
        -ms-flex:2!important;
        -webkit-box-flex:2!important;
        flex:2!important;
        -webkit-flex:2!important;
        overflow:hidden;
        margin-bottom:5px
    }
    .bx-history .col-app .app-pic{
        display:block;
        color:#333;
        min-height:30px;
        margin-bottom:5px;
        position:relative
    }
    .bx-history .col-app .app-pic img{
        width:40px;
        height:40px;
        display:inline-block;
        position:absolute;
        left:0;
        top:0
    }
    .bx-history .col-app .app-pic .name-pic{
        width:100%;
        padding-left:50px
    }
    .bx-history .col-app .app-pic .name-pic span{
        color:#333;
        text-align:left;
        word-break:break-word;
        white-space:nowrap;
        -o-text-overflow:ellipsis;
        text-overflow:ellipsis;
        overflow:hidden;
        width:100%;
        display:block
    }
    .bx-history .col-app .app-pic .name-pic .name-app{
        font-size:16px;
        text-align:left;
        word-break:break-word;
        font-weight:500
    }
    .bx-history .col-app .app-pic .name-pic .code-app{
        display:block;
        clear:both;
        font-weight:normal;
        font-size:85%;
        color:#999
    }
    .bx-history .col-date{
        font-size:11px;
        color:#999;
        float:right;
        margin-top:5px
    }
    .bx-history .col-type{
        font-weight:normal;
        float:left;
        margin-right:5px;
        color:#333;
        clear:both
    }
    .bx-history .col-type:after{
        content:':'
    }
    .bx-history .col-verify{
        font-weight:normal;
        float:left;
        margin-right:5px;
        color:#333;
        clear:both
    }
    .bx-history .col-verify:after{
        content:':'
    }
    .bx-history .col-verify .verify-ok{
        color:#008000
    }
    .bx-history .col-verify .verify-ok:before{
        display:inline-block;
        font:normal normal normal 14px/1 FontAwesome;
        text-rendering:auto;
        -webkit-font-smoothing:antialiased;
        -moz-osx-font-smoothing:grayscale;
        content:"\f05d";
        font-size:16px;
        margin-right:5px;
        position:relative;
        top:2px
    }
    .bx-history .col-verify .verify-check{
        color:red
    }
    .bx-history .col-verify .verify-check:before{
        display:inline-block;
        font:normal normal normal 14px/1 FontAwesome;
        text-rendering:auto;
        -webkit-font-smoothing:antialiased;
        -moz-osx-font-smoothing:grayscale;
        content:"\f05e";
        font-size:16px;
        margin-right:5px;
        position:relative;
        top:2px
    }
    .bx-history .col-status{
        font-weight:bold
    }
    .bx-history .col-price{
        font-weight:bold;
        color:#dd4b39
    }
    .bx-history .row-list{
        padding:10px 0;
        border-bottom:1px #eee solid;
        overflow:hidden
    }
}
.bx-profile{
    padding:20px 0
}
.banner-header{
    padding:20px 0 16px 0;
    border-bottom:1px solid #e5e7ea;
    background:#fff
}
@media (max-width:768px){
    .banner-header{
        padding-top:10px;
        padding-bottom:10px
    }
    .banner-header .item-alert{
        margin-bottom:10px
    }
}
.thumb-banner{
    background-size:100% 100%!important;
    filter:progid: DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale');
    -ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader( sizingMethod='scale')";
    background-position:center!important;
    background-repeat:no-repeat!important;
    width:100%
}
.thumb-cover{
    background-size:cover!important;
    filter:progid: DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale');
    -ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader( sizingMethod='scale')";
    background-position:center!important;
    background-repeat:no-repeat!important;
    width:100%
}
.banner-header .bx-banner .banner-lg{
    padding-right:0;
    display:inline;
    float:left;
    width:50%
}
.banner-header .bx-banner .banner-sm{
    padding-left:4px;
    display:inline;
    float:left;
    width:50%
}
.banner-header .bx-banner .banner-sm .row{
    margin-right:-2px;
    margin-left:-2px
}
.banner-header .bx-banner .banner-sm .row .col-sm-6{
    margin-bottom:4px;
    padding-left:2px;
    padding-right:2px;
    display:inline;
    float:left;
    width:50%
}
@media (max-width:767px){
    .banner-header{
        padding:0;
        display:none
    }
    .banner-header .banner-lg{
        padding:0
    }
    .banner-header .banner-sm{
        display:none
    }
}
.info-pay{
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-webkit-box;
    display:flex;
    -webkit-flex-direction:row;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    flex-direction:row;
    -ms-flex-direction:row;
    -webkit-flex:1 1 auto;
    -ms-flex:1 1 auto;
    -webkit-box-flex:1;
    flex:1 1 auto;
    margin:0 -2.5px
}
.info-pay .alert{
    -ms-flex:1;
    -webkit-box-flex:1;
    flex:1;
    -webkit-flex:1;
    margin:0 2.5px
}
.info-pay .alert a{
    color:#fff;
    font-weight:bold;
    text-align:center;
    text-decoration:blink;
    font-size:16px
}
.info-pay .alert a span{
    margin-top:5px;
    line-height:16px;
    font-weight:normal;
    display:none;
    clear:both;
    font-size:85%
}
.info-pay .alert marquee{
    white-space:nowrap;
    width:100%
}
@media (max-width:480px){
    .info-pay{
        display:block;
        margin:0
    }
    .info-pay .alert{
        width:100%;
        margin:0 0 5px 0
    }
    .info-pay .alert a span{
        display:block
    }
}
.bx-unlimited .title-config{
    font-size:16px;
    font-weight:300;
    margin-bottom:10px
}
.bx-unlimited .list-config .item-config .step-title{
    overflow:hidden;
    height:19px
}
.bx-unlimited .list-config .item-config .step-title .title-nums{
    float:left;
    height:19px;
    width:19px;
    overflow:hidden;
    line-height:19px;
    text-align:center;
    vertical-align:middle;
    color:#fff;
    font-size:11px;
    background-color:#b2b2b2;
    border-radius:50%;
    margin-right:10px
}
.bx-unlimited .list-config .item-config .step-title .title-info{
    float:left;
    font-size:14px;
    font-weight:bold;
    line-height:19px;
    color:#999
}
.bx-unlimited .list-config .item-config .step-title .title-edit{
    float:right;
    font-size:12px;
    font-weight:normal;
    line-height:19px;
    display:none
}
.bx-unlimited .list-config .item-config .step-content{
    margin:1px 0 1px 9px;
    padding:3px 0;
    border-left:1px solid #ddd
}
.bx-unlimited .list-config .item-config .step-content .content-inner{
    padding:15px 0 15px 20px;
    display:none
}
.bx-unlimited .list-config .item-config .step-content .content-inner p{
    margin:0 0 10px 0
}
.bx-unlimited .list-config .item-config.active .step-title .title-nums{
    background-color:#00a9ff
}
.bx-unlimited .list-config .item-config.active .step-title .title-info{
    color:#333
}
.bx-unlimited .list-config .item-config.active .step-title .title-edit{
    display:block
}
.bx-unlimited .list-config .item-config.active.focus .step-title .title-edit{
    display:none
}
.bx-unlimited .list-config .item-config.active.focus .step-content .content-inner{
    display:block
}
.bx-unlimited .list-config .item-config:last-of-type .step-content{
    border-width:0
}
.verify{
    text-align:center;
    padding:20px 0;
    max-width:360px;
    margin:0 auto
}
.verify img{
    max-width:160px;
    display:block;
    margin:0 auto
}
.verify h1{
    padding:0;
    margin:0;
    font-weight:normal
}
.verify p{
    margin:5px 0 10px 0
}
.help-buy-sell .content-help img{
    max-width:100%!important;
    width:auto!important
}
.bx-bill{
    display:-ms-flexbox;
    display:-webkit-box;
    display:flex;
    display:-webkit-flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-flex-wrap:wrap
}
.bx-bill .bx-right{
    border-width:0
}
.bx-bill .bill-pay{
    background-color:#fff
}
.bx-bill .bill-pay .info-pay ul{
    margin:0;
    padding:0;
    list-style:none;
    width:100%
}
.bx-bill .bill-pay .info-pay ul li{
    border-top:1px #f0f0f0 solid;
    padding:5px 0;
    clear:both
}
.bx-bill .bill-pay .info-pay ul li.payAmount .gContent{
    font-size:18px;
    font-weight:500;
    color:red;
    margin-top:-6px
}
@media(max-width:767px){
    .bx-bill .bill-pay .info-pay ul li.payAmount .gContent{
        font-size:20px;
        font-weight:500;
        color:red;
        margin-top:5px;
        float:left
    }
    .bx-bill .bill-pay .info-pay ul li .gContent{
        text-align:left;
        float:left
    }
}
.bx-bill .bill-pay .info-pay ul .gTitle{
    width:40%;
    width:calc(40%);
    float:left;
    overflow:hidden;
    clear:left;
    text-align:right;
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis;
    white-space:nowrap;
    padding:5px 10px 5px 0;
    text-align:left;
    font-weight:bold;
    display:block
}
.bx-bill .bill-pay .info-pay ul .gContent{
    padding:5px 0 5px 10px;
    text-align:right;
    display:block;
    float:right;
    min-width:160px
}
.bx-bill .bill-pay .info-pay ul .gContent .nice-select{
    margin-bottom:6px
}
.bx-bill .bill-pay .info-pay ul.info_pay_ ul.list>li.option{
    width:100%;
    padding:0 5px;
    min-height:30px;
    line-height:30px
}
@media (max-width:767px){
    .bx-bill .bill-pay .info-pay ul{
        display:-ms-flexbox;
        display:-webkit-box;
        display:flex;
        display:-webkit-flex;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap;
        -webkit-flex-wrap:wrap
    }
    .bx-bill .bill-pay .info-pay ul .gTitle{
        width:100%;
        width:calc(100%);
        font-weight:normal;
        padding:0;
        font-size:10px;
        line-height:18px;
        text-transform:uppercase;
        color:#00a9ff;
        text-align:left
    }
    .bx-bill .bill-pay .info-pay ul .gContent{
        margin-left:0;
        margin-left:calc(0);
        font-size:14px;
        font-weight:500;
        line-height:18px;
        text-align:left;
        padding:0 10px 0 0;
        clear:both;
        min-width:100%
    }
    .bx-bill .bill-pay .info-pay ul.info_pay_>li{
        width:25%;
        padding:5px 0 5px 10px;
        float:left;
        display:inline
    }
    .bx-bill .bill-pay .info-pay ul .gContent.gName{
        white-space:nowrap;
        -o-text-overflow:ellipsis;
        text-overflow:ellipsis;
        overflow:hidden
    }
}
@media (max-width:480px){
    .bx-bill .bill-pay .info-pay ul.info_pay_>li{
        width:50%;
        float:left;
        display:inline
    }
    .bx-bill .bill-pay .info-pay ul.list>li{
        width:100%;
        padding:0px 5px
    }
    .bx-bill .bill-pay .info-pay ul.info_pay_>li .nice-select{
        margin-bottom:4px
    }
}
.bx-bill .bill-pay .info-pay .dl-horizontal{
    margin:0
}
.bx-bill .bill-pay .info-pay .dl-horizontal dt{
    width:40%;
    width:calc(40%);
    float:left;
    overflow:hidden;
    clear:left;
    text-align:right;
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis;
    white-space:nowrap;
    padding:5px 10px 5px 0
}
.bx-bill .bill-pay .info-pay .dl-horizontal dd{
    margin-left:40%;
    margin-left:calc(40%);
    padding:5px 0 5px 10px
}
.apps-content{
    padding-bottom:50px
}
@media (max-width:480px){
    .bx-bill .bill-pay .info-pay .dl-horizontal{
        padding:0
    }
    .bx-bill .bill-pay .info-pay .dl-horizontal dt{
        width:36%;
        width:calc(36%);
        font-weight:normal;
        font-size:12px;
        line-height:18px;
        text-transform:uppercase;
        color:#999;
        text-align:left
    }
    .bx-bill .bill-pay .info-pay .dl-horizontal dd{
        margin-left:36%;
        margin-left:calc(36%);
        font-weight:normal;
        line-height:18px
    }
}
.bx-bill .bill-pay .box{
    background-color:#fff;
    padding:20px;
    margin:0
}
.bx-bill .bill-pay .box .box-header{
    padding:0
}
.bx-bill .bill-pay .box .box-header .app-header{
    padding:0;
    margin-bottom:10px
}
.bx-bill .bill-pay .box .box-header .app-header .app-title{
    margin:0
}
.bx-bill .bill-pay .box .box-body{
    padding:0
}
@media (max-width:767px){
    .bx-bill .bill-pay .box{
        padding:0
    }
    .bx-bill .bill-pay .box .box-header{
        padding:0
    }
    .bx-bill .bill-pay .box .box-header .app-header{
        padding:5px 10px;
        margin:0;
        width:100%
    }
    .bx-bill .bill-pay .box .box-header .app-header .app-title{
        margin:0
    }
}
@media (max-width:480px){
    .bx-bill .bill-pay .box{
        border-radius:0;
        -webkit-box-shadow:0 0 0 rgba(255, 255, 255, 0);
        box-shadow:0 0 0 rgba(255, 255, 255, 0)
    }
}
.bx-bill .bill-code{
    padding-top:10px
}
.bx-bill .app-title .app-name a{
    font-size:16px;
    font-weight:500;
    color:#3c3c3c
}
.bx-bill .app-title .app-name a .app-pic{
    width:50px;
    height:50px;
    border-radius:13px
}
@media (max-width:767px){
    .bx-bill{
        border-top:0 #fbfbfb solid;
        margin-top:10px
    }
    .bx-bill .app-title .app-name a{
        font-size:18px;
        font-weight:500
    }
    .bx-bill .app-title .app-name a .app-pic{
        width:40px;
        height:40px;
        border-radius:6px;
        margin-right:8px
    }
}
input{
    box-shadow:inherit;
    -webkit-box-shadow:inherit
}
input.error,input.error:focus{
    border-color:#ff8d8d;
    color:red;
    background:#fdeaea
}
input.success{
    border-color:#ff8d8d;
    color:red;
    background:#fdeaea
}
.alert p.fa{
    display:table-cell;
    float:left;
    margin-top:2px
}
.alert p,.alert span{
    display:table-cell
}
#card-alert-box{
    overflow:hidden
}
.alert #card-alert{
    float:left;
    margin-left:10px;
    margin-top:0
}
@media (max-width:480px){
    .bx-bill{
        border-top:0px #fbfbfb solid;
        margin-top:0
    }
    .bx-bill .bill-pay{
        border-top:1px #f0f0f0 solid
    }
    .bx-bill .bill-code{
        padding-top:0
    }
    .bx-bill .app-title .app-name a{
        font-size:18px;
        font-weight:500
    }
    .bx-bill .app-title .app-name a .app-pic{
        width:30px;
        height:30px;
        border-radius:6px;
        margin-right:8px
    }
}
.bx-check{
    padding-top:10px
}
.list-card ul{
    list-style:none;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-webkit-box;
    display:flex;
    -ms-flex-pack:start;
    -webkit-box-pack:start;
    justify-content:flex-start;
    -webkit-justify-content:flex-start;
    -ms-flex-line-pack:center;
    align-content:center;
    -webkit-align-content:center;
    -ms-flex-flow:row wrap;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    flex-flow:row wrap;
    -webkit-flex-flow:row wrap;
    margin:0 -2.5px 10px -2.5px;
    padding:0
}
.list-card ul li{
    width:12.5%
}
.list-card ul li .item-card{
    padding:2.5px;
    position:relative
}
.list-card ul li .item-card img{
    width:100%
}
.list-card ul li .item-card [type=radio]{
    position:absolute;
    opacity:0
}
.list-card ul li .item-card [type=radio]:checked+label,.list-card ul li .item-card [type=radio]:not(:checked)+label{
    background-color:#fff;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-webkit-box;
    display:flex;
    height:auto;
    -ms-flex-align:center;
    -webkit-box-align:center;
    align-items:center;
    -webkit-align-items:center;
    position:relative;
    overflow:hidden;
    border-radius:3px;
    margin:0;
    padding:1px;
    border:1px rgba(0, 0, 0, 0.1) solid;
    cursor:pointer
}
.list-card ul li .item-card [type=radio]:checked+label{
    background-color:#fff;
    border-color:#00a9ff;
    box-shadow:#00a9ff 0 0 0 1px inset;
    -webkit-box-shadow:#00a9ff 0 0 0 1px inset;
    width:100%
}
.list-card ul li .item-card [type=radio]+label:after,.list-card ul li .item-card [type=radio]+label:before{
    position:relative;
    padding:6px;
    margin-left:-10px
}
.list-card ul li .item-card [type=radio]+label:after{
    width:200%;
    height:200%;
    position:absolute;
    z-index:-1;
    border-radius:5px;
    left:-50%;
    right:0;
    top:-50%;
    bottom:0;
    padding:0;
    margin:0;
    background-color:#eee;
    border-width:0
}
.list-card ul li .item-card [type=radio]:checked+label:before{
    border-color:#4CAF50;
    background-color:#4CAF50
}
@media (max-width:480px){
    .list-card ul{
        margin:0 -2.5px
    }
    .list-card ul li{
        width:25%
    }
    .list-card ul li .item-card{
        padding:1.5px
    }
    .list-card ul li .item-card img{
        width:100%;
        max-width:100px;
        display:block;
        margin:0 auto
    }
}
.list-card-phone ul{
    list-style:none;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-webkit-box;
    display:flex;
    -ms-flex-pack:start;
    -webkit-box-pack:start;
    justify-content:flex-start;
    -webkit-justify-content:flex-start;
    -ms-flex-line-pack:center;
    align-content:center;
    -webkit-align-content:center;
    -ms-flex-flow:row wrap;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    flex-flow:row wrap;
    -webkit-flex-flow:row wrap;
    margin:0 -2.5px;
    padding:0
}
.list-card-phone ul li{
    width:20%;
    display:inline-block;
    float:left
}
.list-card-phone ul li .item-card{
    padding:2.5px;
    position:relative
}
.list-card-phone ul li .item-card img{
    width:100%;
    min-height:32px
}
.list-card-phone ul li .item-card [type=radio]{
    position:absolute;
    opacity:0
}
.list-card-phone ul li .item-card [type=radio]:checked+label,.list-card-phone ul li .item-card [type=radio]:not(:checked)+label{
    background-color:#fff;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-webkit-box;
    display:flex;
    height:auto;
    -ms-flex-align:center;
    -webkit-box-align:center;
    align-items:center;
    -webkit-align-items:center;
    position:relative;
    overflow:hidden;
    border-radius:3px;
    margin:0;
    padding:5px;
    border:1px #e5e7ea solid;
    cursor:pointer
}
.list-card-phone ul li .item-card [type=radio]:checked+label{
    background-color:#fff;
    border-color:#00a9ff;
    box-shadow:#00a9ff 0 0 0 2px inset;
    -webkit-box-shadow:#00a9ff 0 0 0 2px inset;
    width:100%
}
.list-card-phone ul li .item-card [type=radio]+label:after,.list-card-phone ul li .item-card [type=radio]+label:before{
    position:relative;
    padding:6px;
    margin-left:-10px
}
.list-card-phone ul li .item-card [type=radio]+label:after{
    width:200%;
    height:200%;
    position:absolute;
    z-index:-1;
    border-radius:5px;
    left:-50%;
    right:0;
    top:-50%;
    bottom:0;
    padding:0;
    margin:0;
    background-color:#eee;
    border-width:0
}
.list-card-phone ul li .item-card [type=radio]:checked+label:before{
    border-color:#4CAF50;
    background-color:#4CAF50
}
@media (max-width:480px){
    .list-card-phone ul{
        margin:0 -1px
    }
    .list-card-phone ul li .item-card{
        padding:1px
    }
    .list-card-phone ul li .item-card img{
        width:100%;
        max-width:100px;
        display:block;
        margin:0 auto
    }
    .list-card-phone ul li .item-card [type=radio]:checked+label,.list-card-phone ul li .item-card [type=radio]:not(:checked)+label{
        padding:0
    }
}
.list-checkbox{
    font-size:0;
    margin:0 -2.5px
}
.list-checkbox>label{
    width:20%;
    display:inline-block
}
.list-checkbox>label.btn-text{
    width:33.3333%
}
.list-checkbox>label.btn-text .inner-btn{
    padding:8px
}
.list-checkbox .form-group{
    padding:0 2.5px
}
.list-checkbox .btn-check{
    border-width:0;
    padding:2.5px
}
#pay-pack .list-checkbox img{
    border-radius:20px
}
.list-checkbox .btn-check .inner-btn{
    background-color:#fff;
    padding:5px 2.5px;
    border-radius:3px;
    color:#3c3c3c;
    border:1px solid;
    border-color:#e5e7ea;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:-webkit-box;
    display:flex;
    -ms-flex-align:center;
    -webkit-box-align:center;
    align-items:center;
    -webkit-align-items:center
}
.list-checkbox .btn-check .inner-btn>span{
    color:#3c3c3c;
    line-height:16px;
    white-space:nowrap;
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis;
    overflow:hidden;
    font-weight:300
}
.list-checkbox .btn-check .inner-btn .ps-left{
    text-align:left;
    font-size:14px;
    font-weight:500;
    color:#3c3c3c;
    width:60%
}
.list-checkbox .btn-check .inner-btn .ps-right{
    text-align:right;
    font-size:14px;
    font-weight:normal;
    color:#3c3c3c;
    width:40%
}
.data-bonus{
    color:#ffaf00;
    display:block;
    font-size:12px
}
@media (max-width:768px){
    .list-checkbox .btn-check .inner-btn .ps-left{
        font-weight:300;
        color:#00a9ff;
        line-height:24px
    }
    .list-checkbox .btn-check .inner-btn .ps-right{
        font-weight:500
    }
}
.list-checkbox .btn-check.active .inner-btn,.list-checkbox .btn-check:hover.active .inner-btn{
    background-color:#00a9ff;
    border-color:#00a9ff;
    color:#fff
}
.list-checkbox .btn-check.active .inner-btn span,.list-checkbox .btn-check:hover.active .inner-btn span{
    color:#fff
}
.list-checkbox .btn-check.active span,.list-checkbox .btn-check:hover.active span{
    color:#fff
}
.list-checkbox .btn-check:hover .inner-btn{
    border-color:#00a9ff;
    color:#00a9ff
}
.list-checkbox .checkbox{
    width:33.33333333%;
    display:inline-block;
    margin:0;
    padding:8px 0
}
.list-checkbox .checkbox label{
    font-size:14px;
    font-weight:300;
    margin:0;
    padding:0
}
.list-checkbox .checkbox label span{
    margin-left:10px
}
.list-checkbox.list-server>label{
    width:12.5%
}
.list-checkbox.list-member>label{
    width:12.5%
}
.list-checkbox.list-pack>label{
    width:33.33333333%;
    display:inline-block
}
.list-checkbox.list-pack .btn-check .inner-btn{
    padding:10px
}
.list-checkbox.list-pay{
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-webkit-box;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-flex-direction:row;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    flex-direction:row;
    -ms-flex-direction:row;
    -webkit-flex:1 1 auto;
    -ms-flex:1 1 auto;
    -webkit-box-flex:1;
    flex:1 1 auto
}
.list-checkbox.list-pay .btn-check .inner-btn{
    padding:10px;
    display:block;
    -ms-flex-direction:column;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    flex-direction:column;
    -webkit-flex-direction:column
}
.list-checkbox.list-pay .btn-check .inner-btn img{
    max-width:100px;
    max-height:100px;
    margin:0 auto;
    margin-bottom:10px
}
.list-checkbox.list-pay .btn-check .inner-btn span{
    font-weight:normal;
    color:#3c3c3c;
    font-size:14px
}
@media (max-width:1200px){
    .list-checkbox.list-server>label{
        width:20%
    }
    .list-checkbox.list-member>label{
        width:20%
    }
    .list-checkbox.list-pack>label{
        width:50%;
        display:inline-block
    }
}
@media (max-width:768px){
    .list-checkbox>label{
        width:33.33333333%
    }
    .list-checkbox.list-server>label{
        width:25%
    }
    .list-checkbox.list-member>label{
        width:25%
    }
    .list-checkbox.list-pack>label{
        width:50%
    }
    .list-checkbox.list-pack .btn-check .inner-btn{
        padding:7px 10px
    }
    .list-checkbox.list-pack .btn-check .inner-btn .ps-right{
        font-weight:500;
        font-size:13px
    }
    .list-checkbox.list-pay .btn-check .inner-btn img{
        max-width:60px;
        margin:0 auto;
        margin-bottom:10px
    }
    .list-checkbox.list-pay .btn-check .inner-btn span{
        font-weight:300;
        font-size:13px
    }
}
@media (max-width:480px){
    .list-checkbox>label{
        font-size:13px
    }
    .list-checkbox.list-server>label{
        width:33.33333333%;
        padding:0 2.5px 5px 2.5px
    }
    .list-checkbox.list-member>label{
        width:50%;
        padding:0 2.5px 5px 2.5px
    }
    .list-checkbox.list-pay{
        display:block
    }
    .list-checkbox.list-pay>label{
        width:100%;
        padding:0 2.5px 5px 2.5px
    }
    .list-checkbox.list-pay .btn-check .inner-btn{
        padding:10px;
        display:block;
        position:relative;
        min-height:40px;
        padding-left:45px;
        text-align:left
    }
    .list-checkbox.list-pay .btn-check .inner-btn img{
        position:absolute;
        left:4px;
        top:4px;
        max-width:30px;
        width:30px;
        height:30px
    }
    .list-checkbox.list-pay .btn-check .inner-btn span{
        font-weight:300;
        color:#3c3c3c;
        font-size:14px;
        text-align:left
    }
    .list-checkbox.list-pack>label{
        width:100%;
        padding:0 2.5px 5px 2.5px
    }
}
@media (max-width:320px){
    .list-checkbox.list-server>label{
        width:50%
    }
    .list-checkbox.list-member>label{
        width:50%
    }
}
@media screen and (max-width:768px) and (max-height:400px){
    .list-checkbox>label{
        width:25%
    }
}
.input-role{
    width:50%;
    padding-right:10px
}
@media (min-width:1200px){
    .input-role{
        width:50%;
        padding-right:10px
    }
}
@media (max-width:1024px){
    .input-role{
        width:40%;
        padding-right:10px
    }
}
@media (max-width:992px){
    .input-role{
        width:50%;
        padding-right:10px
    }
}
@media (max-width:767px){
    .input-role{
        width:50%;
        padding:0
    }
}
@media (max-width:480px){
    .input-role{
        width:100%;
        padding:0
    }
}
.change-info{
    clear:both
}
.config-info .change-info a{
    border-color:#e5e7ea;
    border-radius:3px;
    border:1px solid;
    color:#333333;
    display:block;
    overflow:hidden;
    padding:10px 10px;
    padding:15px
}
.config-info .change-info h3{
    display:block;
    float:left;
    font-weight:normal;
    line-height:26px;
    margin:0;
    overflow:hidden;
    padding:0;
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis;
    white-space:nowrap;
    width:80%
}
.config-info .change-info span{
    color:#00a9ff;
    float:right;
    line-height:26px
}
@media (max-width:480px){
    .config-info .change-info h3{
        font-size:20px
    }
}
.show-btn-pay{
    padding:0 5px
}
.show-btn-pay .col-md-12{
    overflow:hidden
}
.show-btn-pay.col-md-12{
    padding:5px 12.5px;
    position:relative!important;
    border-width:0!important;
    overflow:hidden
}
@media (max-width:767px){
    .show-btn-pay{
        position:fixed!important;
        background-color:#fff;
        left:0;
        right:0;
        bottom:0;
        margin:0!important;
        border-radius:0!important;
        border-top:1px #e5e7ea solid!important;
        width:100%;
        z-index:99999;
        box-shadow:0 1px 20px rgba(0, 0, 0, 0.1)!important;
        -webkit-box-shadow:0 1px 20px rgba(0, 0, 0, 0.1)!important;
        -moz-box-shadow:0 1px 20px rgba(0, 0, 0, 0.1)!important;
        -o-box-shadow:0 1px 20px rgba(0, 0, 0, 0.1)!important
    }
    .show-btn-pay .col-md-12{
        overflow:hidden;
        padding-left:10px;
        padding-right:10px
    }
    .show-btn-pay .col-md-12 .pull-left{
        display:none
    }
    .show-btn-pay .col-md-12 .pull-right{
        display:block;
        float:none;
        width:100%;
        margin:0
    }
    .show-btn-pay .btn{
        text-transform:uppercase;
        width:50%;
        margin:0 -2.5px
    }
    .show-btn-pay .btn-default{
        color:#2ecc71;
        background-color:#fff;
        border-color:#29b765
    }
    .show-btn-pay .btn-primary{
        color:#fff;
        background-color:#2ecc71;
        border-color:#29b765
    }
}
.panel-default>.panel-heading{
    padding:0 15px;
    background-color:transparent
}
.panel-default>.panel-heading a{
    display:block;
    padding:10px 0
}
.bx-support .faq-title,.bx-support .help-title{
    margin-top:20px;
    margin-bottom:20px
}
.bx-support .help-title{
    background:#fff;
    margin-top:0;
    padding:10px;
    border:1px solid #e5e5e5;
    border-radius:5px
}
.bx-support .help-title ul{
    margin-top:0;
    margin-bottom:0
}
.bx-support .help-title ul li{
    width:100%
}
.bx-support .help-title ul li a{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    text-align:left;
    padding:6px 10px;
    border:none
}
.bx-support .help-title ul li a img{
    width:32px;
    height:32px
}
.bx-support .help-title ul li a span{
    padding-left:10px;
    text-align:left;
    line-height:30px;
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis;
    overflow:hidden;
    white-space:nowrap
}
.bx-support .faq-title ul{
    padding:0;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-webkit-box;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-flex-wrap:wrap;
    max-width:1024px;
    margin:0 auto;
    vertical-align:top
}
.bx-support .faq-title ul li{
    -ms-flex:1;
    -webkit-box-flex:1;
    flex:1;
    -webkit-flex:1;
    width:20%
}
.bx-support .faq-title ul li a{
    border-width:0
}
.bx-support .faq-title ul li a span{
    display:block;
    text-align:center;
    padding-top:10px;
    font-weight:bold
}
.bx-support .faq-title ul li.active,.bx-support .help-title ul li.active{
    border-width:0;
    background-color:#f0f0f0;
    border-radius:5px;
    text-align:center
}
.bx-support .faq-title ul li.active a{
    border-width:0
}
@media (max-width:767px){
    .bx-support .faq-title ul{
        margin:0 0 10px 0;
        padding:0;
        font-size:0;
        vertical-align:top;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap;
        -webkit-flex-wrap:wrap
    }
    .bx-support .faq-title ul li{
        text-align:center;
        margin:0;
        width:19.9%;
        float:left;
        display:inline-block;
        -ms-flex:inherit;
        -webkit-box-flex:inherit;
        flex:inherit;
        -webkit-flex:inherit;
        margin-bottom:10px
    }
    .bx-support .faq-title ul li a{
        border-width:0;
        padding:10px 10px 5px 10px;
        font-weight:normal;
        font-size:13px;
        line-height:16px
    }
    .bx-support .faq-title ul li a img{
        max-width:60px;
        margin:0 auto
    }
    .bx-support .faq-title ul li a span{
        padding-top:8px;
        font-weight:normal
    }
    .bx-support .faq-title ul li a span abbr{
        display:none
    }
    .bx-support .faq-title ul li.active{
        border-width:0;
        background-color:#f0f0f0;
        border-radius:5px;
        text-align:center
    }
    .bx-support .faq-title ul li.active a{
        border-width:0
    }
}
@media (max-width:480px){
    .bx-support .faq-title ul li{
        width:33.2%
    }
}
.bx-support .help-content{
    max-width:1024px;
    margin:0 auto
}
.bx-support .panel-default{
    border-color:transparent;
    border-width:0
}
.bx-support .panel-default .panel-heading{
    padding:0;
    border-color:transparent;
    border-width:0
}
.bx-support .panel-default .panel-heading .panel-title a{
    position:relative;
    font-weight:500;
    font-size:13px;
    border:1px #ddd solid;
    padding:8px 20px 8px 10px;
    border-radius:3px
}
.bx-support .panel-default .panel-heading .panel-title a:before{
    position:absolute;
    right:10px;
    display:inline-block;
    font:normal normal normal 14px/1 FontAwesome;
    font-size:inherit;
    text-rendering:auto;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    content:"\f105"
}
.bx-support .panel-default .panel-heading .panel-title a[aria-expanded=true]{
    background-color:#00a9ff;
    color:#fff;
    border-width:0;
    border-radius:3px 3px 0 0
}
.bx-support .panel-default .panel-heading .panel-title a[aria-expanded=true]:before{
    position:absolute;
    right:10px;
    display:inline-block;
    font:normal normal normal 14px/1 FontAwesome;
    font-size:inherit;
    text-rendering:auto;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    content:"\f107"
}
.bx-support .panel-default .panel-collapse{
    border:0 #00a9ff solid;
    border-width:0 1px 1px 1px;
    border-radius:0 0 3px 3px
}
.bx-support .panel-default .panel-collapse .panel-body{
    border-width:0
}
.bx-support .panel-default .panel-collapse .panel-body ul{
    padding-left:10px
}
.step-support{
    background:#fff;
    padding:15px;
    border:1px solid #e5e5e5;
    border-radius:3px
}
.step-support img{
    max-width:100%;
    width:100%;
    display:block;
    margin-left:auto;
    margin-right:auto;
    height:auto!important
}
.widget-box input{
    position:absolute;
    left:-999em
}
.widget-box input[type=checkbox]:checked+div{
    opacity:1;
    bottom:0
}
.widget-box input[type=checkbox]:checked+label{
    opacity:0
}
.widget-box .close_content{
    background:#00a9ff;
    width:32px;
    height:32px;
    position:absolute;
    top:-16px;
    right:-12px;
    color:#fff;
    font-size:20px;
    display:block;
    line-height:32px;
    border-radius:50%;
    -webkit-border-radius:50%;
    -ms-border-radius:50%;
    -moz-border-radius:50%;
    cursor:pointer
}
.widget-box .close_content i{
    margin-top:5px
}
@media (max-width:767px){
    .widget-box{
        display:none
    }
}
.widget-title{
    z-index:14000000;
    position:fixed;
    cursor:pointer;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    bottom:0;
    right:10px;
    left:auto;
    height:40px;
    width:224px;
    padding:0
}
.widget-title label{
    margin:0;
    display:block;
    height:40px;
    background-color:#00a9ff;
    border-radius:3px 3px 0 0;
    -moz-border-radius:3px 3px 0 0;
    -webkit-border-radius:3px 3px 0 0;
    color:#fff!important;
    font-weight:normal;
    padding:4px 10px;
    font-size:14px!important;
    font-weight:500;
    text-decoration:none;
    cursor:pointer;
    float:left!important;
    line-height:32px!important;
    border:rgba(0, 0, 0, 0.1) solid;
    border-width:1px 1px 0 1px;
    -webkit-box-shadow:0 0 5px 0 rgba(0, 0, 0, 0.2);
    box-shadow:0 0 5px 0 rgba(0, 0, 0, 0.2)
}
.widget-title label:before{
    display:inline-block;
    font:normal normal normal 16px/1 FontAwesome;
    text-rendering:auto;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    content:"\f082";
    font-size:20px;
    margin-right:5px;
    position:relative;
    top:2px
}
@media (max-width:767px){
    .widget-title{
        height:30px
    }
    .widget-title label{
        height:30px;
        padding:2px 10px;
        line-height:24px!important
    }
}
.widget-content{
    opacity:0;
    position:fixed;
    z-index:99999999999;
    bottom:-500;
    right:10px;
    width:258px!important;
    height:308px!important;
    border:4px solid #00a9ff!important;
    border-top-right-radius:3px!important;
    border-top-left-radius:3px!important;
    background-color:#fff!important;
    border-bottom:0;
    -webkit-box-shadow:0 0 5px 0 rgba(0, 0, 0, 0.2);
    box-shadow:0 0 5px 0 rgba(0, 0, 0, 0.2)
}
.thumb-event{
    background-size:cover!important;
    filter:progid: DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale');
    -ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader( sizingMethod='scale')";
    background-position:center!important;
    background-repeat:no-repeat!important;
    width:100%
}
.event-header{
    padding:6px 0;
    border-bottom:1px solid #e5e7ea;
    background:#fff
}
.event-header .event-top{
    margin:0 -3px
}
.event-header .event-top .item-event{
    width:33.33333333%;
    padding:0 3px;
    display:inline-block;
    float:left
}
.pay-link{
    display:none
}
@media(max-width:768px){
    .event-header .event-top{
        margin:0px
    }
    .event-header{
        padding:0;
        margin-top:0!important
    }
    .event-header .container{
        padding-left:0;
        padding-right:0
    }
    .event-header .event-top .item-event{
        width:100%;
        padding:0
    }
}
.event-header .event-top .item-event a{
    display:block;
    position:relative
}
.event-header .event-top .item-event .info-caption{
    display:block;
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    padding:40px 10px 10px 10px;
    background:rgba(0, 0, 0, 0.8);
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.8)));
    background:-webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.8) 100%);
    background:-o-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.8) 100%);
    background:linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.8) 100%)
}
.event-header .event-top .item-event .info-caption .info-menu{
    text-transform:uppercase;
    font-size:11px;
    font-weight:bold;
    margin-bottom:5px;
    color:#ffff00;
    display:block;
    clear:both
}
.event-header .event-top .item-event .info-caption .info-title{
    color:#fff;
    font-size:18px;
    line-height:22px;
    font-weight:bold;
    display:block;
    clear:both
}
@media (max-width:767px){
}
.bx-event{
    margin-top:24px
}
.bx-event .header{
    padding:10px 0
}
.bx-event .header h3{
    margin:0;
    padding:6px 10px;
    text-transform:uppercase;
    background-color:#eee;
    color:#00a9ff;
    border-left:2px #00a9ff solid
}
.bx-event .list-event{
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-webkit-box;
    display:flex;
    flex-wrap:wrap;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    overflow:hidden;
    margin:0 -12px
}
.bx-event .list-event .item-event{
    width:25%;
    padding:0 12px;
    display:inline-block;
    float:left;
    margin-bottom:20px
}
.bx-event .list-event .item-event a{
    display:block;
    position:relative
}
.bx-event .list-event .item-event .info-pic{
    margin-bottom:10px
}
.bx-event .list-event .item-event .info-pic img{
    display:block
}
.bx-event .list-event .item-event .info-title{
    margin-bottom:10px
}
.bx-event .list-event .item-event .info-title a{
    font-weight:bold;
    font-size:18px;
    line-height:22px;
    color:#000
}
.bx-event .list-event.other .item-event{
    width:100%
}
.bx-event .detail-header{
    margin-bottom:20px;
    padding-bottom:10px;
    border-bottom:1px #eee solid
}
.bx-event .detail-header .title-news{
    margin:5px 0 10px 0;
    font-size:32px;
    line-height:40px
}
.bx-event .detail-header .time-news{
    color:#999;
    margin:0
}
.bx-event .detail-info{
    word-break:break-word
}
.bx-event .detail-info *{
    word-break:break-word
}
.bx-event .detail-info img{
    display:block;
    max-width:100%;
    height:auto!important;
    margin:0 auto
}
@media (max-width:1200px){
    .bx-event{
        margin-top:20px
    }
    .bx-event .list-event{
        margin:0 -10px
    }
    .bx-event .list-event .item-event{
        width:33.33333333%;
        padding:0 10px
    }
}
@media (max-width:767px){
    .bx-event{
        margin-top:12px
    }
    .bx-event .list-event{
        margin:0 -6px
    }
    .bx-event .list-event .item-event{
        width:50%;
        padding:0 6px
    }
}
@media (max-width:480px){
    .bx-event .list-event .item-event{
        width:100%
    }
    .bx-event .detail-header{
        margin-bottom:20px;
        padding-bottom:10px;
        border-bottom:1px #eee solid
    }
    .bx-event .detail-header .title-news{
        font-size:20px;
        line-height:24px
    }
}
.skin-blue .main-header .navbar .sidebar-toggle{
    color:#fff
}
.skin-blue .main-header .navbar .sidebar-toggle:hover{
    background-color:transparent
}
@media (max-width:480px){
    .skin-blue .main-header .navbar .dropdown-menu li.divider{
        background-color:rgba(255, 255, 255, 0.1)
    }
    .skin-blue .main-header .navbar .dropdown-menu li a{
        color:#00a9ff
    }
    .skin-blue .main-header .navbar .dropdown-menu li a:hover{
        background-color:transparent
    }
}
.skin-blue .main-header li.user-header{
    background-color:#00a9ff
}
.skin-blue .user-panel>.info,.skin-blue .user-panel>.info>a{
    color:#fff
}
.skin-blue .sidebar-menu>li.header{
    color:#fff;
    background:#f5f5f5
}
.skin-blue .sidebar-menu>li>a{
    border-radius:5px 0 0 5px
}
.skin-blue .sidebar-menu>li.active:hover>a,.skin-blue .sidebar-menu>li.active>a{
    color:#fff;
    background-color:#00a9ff
}
.skin-blue .sidebar-menu>li.treeview.active:hover>a,.skin-blue .sidebar-menu>li.treeview.active>a{
    border-radius:5px 0 0 0
}
.skin-blue .sidebar-menu>li:hover>a{
    color:#00a9ff;
    background-color:rgba(0, 0, 0, 0.03)
}
.skin-blue .sidebar-menu>li>.treeview-menu{
    margin:0;
    background:#00a9ff;
    border-radius:0 0 0 5px
}
.skin-blue .sidebar-menu>li>.treeview-menu li:last-child{
    border-radius:0 0 0 5px
}
@media (max-width:767px){
    .skin-blue .sidebar-menu{
        display:-ms-flexbox;
        display:-webkit-box;
        display:flex;
        display:-webkit-flex;
        -ms-flex-align:center;
        -webkit-box-align:center;
        align-items:center;
        -webkit-align-items:center;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap;
        -webkit-flex-wrap:wrap
    }
    .skin-blue .sidebar-menu>li{
        -ms-flex:1;
        -webkit-box-flex:1;
        flex:1;
        -webkit-flex:1;
        margin:0
    }
    .skin-blue .sidebar-menu>li>a{
        border-radius:0;
        text-align:center;
        font-size:12px;
        padding:8px 2px;
        border:1px #00a9ff solid;
        border-width:1px 0 1px 1px
    }
    .skin-blue .sidebar-menu>li>a i{
        display:none
    }
    .skin-blue .sidebar-menu>li.active>a{
        color:#fff;
        border-color:#00a9ff;
        background-color:#00a9ff
    }
    .skin-blue .sidebar-menu>li:first-child>a{
        border-radius:3px 0 0 3px
    }
    .skin-blue .sidebar-menu>li:last-child>a{
        border-radius:0 3px 3px 0;
        border-width:1px 1px 1px 1px
    }
}
.skin-blue .sidebar a:hover{
    text-decoration:none
}
.skin-blue .treeview-menu>li>a{
    color:rgba(255, 255, 255, 0.8)
}
.skin-blue .treeview-menu>li.active>a,.skin-blue .treeview-menu>li>a:hover{
    color:#fff
}
.skin-blue .sidebar-form{
    border-radius:3px;
    border:1px solid #fff;
    margin:10px 10px
}
.skin-blue .sidebar-form .btn,.skin-blue .sidebar-form input[type=text]{
    -webkit-box-shadow:none;
    box-shadow:none;
    background-color:#fff;
    border:1px solid transparent;
    height:35px;
    -webkit-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
.skin-blue .sidebar-form input[type=text]{
    color:#666;
    border-top-left-radius:2px;
    border-top-right-radius:0;
    border-bottom-right-radius:0;
    border-bottom-left-radius:2px
}
.skin-blue .sidebar-form input[type=text]:focus,.skin-blue .sidebar-form input[type=text]:focus+.input-group-btn .btn{
    background-color:#fff;
    color:#666
}
.skin-blue .sidebar-form input[type=text]:focus+.input-group-btn .btn{
    border-left-color:#fff
}
.skin-blue .sidebar-form .btn{
    color:#999;
    border-top-left-radius:0;
    border-top-right-radius:2px;
    border-bottom-right-radius:2px;
    border-bottom-left-radius:0
}
.skin-blue.layout-top-nav .main-header>.logo{
    background-color:#00a9ff;
    color:#fff;
    border-bottom:0 solid transparent
}
.main-header{
    position:relative;
    max-height:100px;
    z-index:1030;
    background-color:#00a9ff
}
.main-header .top-header{
    padding:0;
    margin:0
}
@media (max-width:480px){
    .main-header .top-header{
        min-height:84px
    }
}
.main-header .navbar{
    -webkit-transition:margin-left .3s ease-in-out;
    -o-transition:margin-left .3s ease-in-out;
    transition:margin-left .3s ease-in-out;
    margin-bottom:0;
    margin:0;
    border:none;
    min-height:50px;
    border-radius:0;
    display:-ms-flexbox;
    display:-webkit-box;
    display:flex;
    display:-webkit-flex;
    -webkit-flex-flow:row nowrap;
    -ms-flex-flow:row nowrap;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    flex-flow:row nowrap;
    -webkit-align-items:center;
    -ms-flex-align:center;
    -webkit-box-align:center;
    align-items:center;
    -webkit-justify-content:flex-end;
    -ms-flex-pack:end;
    -webkit-box-pack:end;
    justify-content:flex-end;
    float:right;
    display:inline
}
.main-header .navbar .layout-top-nav{
    margin-left:0
}
.main-header .navbar .navbar-custom-menu,.main-header .navbar .navbar-nav{
    float:right
}
.main-header .navbar .navbar-custom-menu .navbar-nav a{
    word-wrap:normal;
    white-space:nowrap;
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis
}
.main-header .navbar a{
    color:#fff
}
.main-header .navbar a:active,.main-header .navbar a:focus,.main-header .navbar a:hover{
    background-color:transparent;
    outline:0;
    color:#fff
}
@media (max-width:767px){
    .main-header .navbar{
        min-height:44px;
        position:absolute;
        right:10px;
        top:0
    }
}
.main-header #navbar-search-input.form-control{
    background:rgba(255, 255, 255, 0.2);
    border-color:transparent
}
.main-header #navbar-search-input.form-control:active,.main-header #navbar-search-input.form-control:focus{
    border-color:rgba(0, 0, 0, 0.1);
    background:rgba(255, 255, 255, 0.9)
}
.main-header #navbar-search-input.form-control::-moz-placeholder{
    color:#ccc;
    opacity:1
}
.main-header #navbar-search-input.form-control:-ms-input-placeholder{
    color:#ccc
}
.main-header #navbar-search-input.form-control::-webkit-input-placeholder{
    color:#ccc
}
.main-header .navbar-custom-menu,.main-header .navbar-right{
    float:right;
    display:inline-block
}
@media (max-width:991px){
    .main-header .navbar-custom-menu a,.main-header .navbar-right a{
        background:transparent
    }
}
@media (max-width:480px){
    .main-header .navbar-right{
        float:none
    }
    .navbar-collapse .main-header .navbar-right{
        margin:7.5px -15px
    }
    .main-header .navbar-right>li{
        color:inherit;
        border:0
    }
}
.main-header .sidebar-toggle{
    float:left;
    background-color:transparent;
    background-image:none;
    padding:0;
    position:relative;
    display:block;
    width:50px;
    height:50px;
    font-family:fontAwesome
}
.main-header .sidebar-toggle:before{
    content:"\f07a";
    width:50px;
    height:50px;
    line-height:50px;
    text-align:center;
    display:block;
    font-size:18px
}
@media (max-width:480px){
    .main-header .sidebar-toggle:before{
        font-size:20px
    }
}
.main-header .sidebar-toggle:hover{
    color:#fff
}
.main-header .sidebar-toggle:active,.main-header .sidebar-toggle:focus{
    background:transparent
}
.main-header .sidebar-toggle .icon-bar{
    display:none
}
.main-header .navbar .nav>li.user>a>.fa,.main-header .navbar .nav>li.user>a>.glyphicon,.main-header .navbar .nav>li.user>a>.ion{
    margin-right:5px
}
.main-header .navbar .nav>li>a>.label{
    position:absolute;
    top:9px;
    right:7px;
    text-align:center;
    font-size:9px;
    padding:2px 3px;
    line-height:.9
}
.main-header .logo{
    -webkit-transition:width .3s ease-in-out;
    -o-transition:width .3s ease-in-out;
    transition:width .3s ease-in-out;
    display:inline;
    float:left;
    height:50px;
    font-size:20px;
    line-height:50px;
    text-align:center;
    min-width:140px;
    width:140px;
    font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
    padding:0;
    font-weight:500;
    overflow:hidden
}
.main-header .logo .logo-lg{
    display:-ms-flexbox;
    display:-webkit-box;
    display:flex;
    display:-webkit-flex;
    -webkit-justify-content:flex-start;
    -ms-flex-pack:start;
    -webkit-box-pack:start;
    justify-content:flex-start;
    -ms-flex-align:center;
    -webkit-box-align:center;
    align-items:center;
    -webkit-align-items:center;
    height:50px
}
.main-header .logo .logo-lg img{
    height:30px;
    margin-right:10px
}
.main-header .logo .logo-lg span{
    display:none
}
@media (max-width:767px){
    .main-header .logo .logo-lg{
        -webkit-justify-content:flex-start;
        -ms-flex-pack:start;
        -webkit-box-pack:start;
        justify-content:flex-start;
        height:44px
    }
    .main-header .logo .logo-lg img{
        height:24px
    }
}
@media (max-width:480px){
    .main-header .logo .logo-lg{
        -webkit-justify-content:flex-start;
        -ms-flex-pack:start;
        -webkit-box-pack:start;
        justify-content:flex-start;
        height:44px
    }
    .main-header .logo .logo-lg img{
        height:26px
    }
}
.main-header .logo .logo-mini{
    display:none
}
.main-header .logo .logo-mini img{
    width:30px;
    height:30px
}
@media (max-width:767px){
    .main-header .logo{
        height:44px;
        line-height:44px
    }
}
@media (max-width:480px){
    .main-header .logo{
        position:absolute;
        left:10px
    }
}
.main-header .navbar-brand{
    color:#fff
}
.content-header{
    position:relative;
    border-bottom:1px solid #f0f0f0;
    background:#ffffff;
    display:none
}
.content-header .container{
    background-size:auto 100%
}
@media (max-width:767px){
    .content-header .container{
        background-image:none;
        min-height:auto
    }
}
.content-header.profile-header .container{
    background-image:none
}
.content-header.no-pic .container{
    background-image:none;
    min-height:inherit
}
.content-header.no-pic h1{
    line-height:48px
}
.content-header.no-pic .app-header{
    min-height:inherit
}
.content-header h1{
    margin:0;
    font-size:32px;
    line-height:56px;
    margin:10px 0
}
@media (max-width:768px){
    .content-header h1{
        font-size:24px
    }
}
.content-header small{
    font-size:15px;
    display:block
}
.content-header .pull-right{
    float:right;
    position:absolute;
    top:18px;
    right:0
}
.content-header .calendar{
    float:right;
    position:absolute;
    top:13px;
    right:0
}
.content-header .calendar .calendar-inner{
    position:relative;
    color:#00a9ff
}
.content-header .calendar .calendar-inner i{
    position:absolute;
    bottom:10px;
    left:10px;
    top:auto;
    cursor:pointer;
    color:#00a9ff
}
.content-header .calendar .calendar-inner input{
    padding-left:30px;
    color:#00a9ff;
    background-color:#fff;
    min-width:210px
}
.content-header .calendar .calendar-inner input:focus,.content-header .calendar .calendar-inner input:hover{
    background-color:#fff;
    border-color:#00a9ff;
    color:#00a9ff;
    outline:0
}
.content-header .breadcrumb{
    background:transparent;
    margin-top:0;
    margin-bottom:0;
    font-size:12px;
    padding:7px 5px;
    border-radius:2px
}
.content-header .breadcrumb>li>a{
    text-decoration:none;
    display:inline-block
}
.content-header .breadcrumb>li>a>.fa,.content-header .breadcrumb>li>a>.glyphicon,.content-header .breadcrumb>li>a>.ion{
    margin-right:5px
}
.content-header .breadcrumb>li+li:before{
    content:'>\00a0';
    color:rgba(0, 0, 0, 0.8)
}
.content-header .breadcrumb .active{
    color:rgba(0, 0, 0, 0.8)
}
@media (max-width:767px){
    .content-header .breadcrumb{
        display:none;
        position:relative;
        margin-top:5px;
        top:0;
        right:0;
        float:none;
        background:transparent;
        padding-left:10px
    }
    .content-header .breadcrumb li:before{
        color:#fff
    }
}
.game-header .nav>li{
    margin-right:30px
}
.game-header .nav>li a{
    padding:0;
    display:block;
    line-height:40px;
    cursor:pointer
}
.game-header .calendar{
    float:right;
    position:absolute;
    top:3px;
    right:0
}
.game-header .calendar .calendar-inner{
    position:relative;
    color:#00a9ff
}
.game-header .calendar .calendar-inner i{
    position:absolute;
    bottom:10px;
    left:10px;
    top:auto;
    cursor:pointer;
    color:#00a9ff
}
.game-header .calendar .calendar-inner input{
    padding-left:30px;
    color:#00a9ff;
    background-color:#fff;
    min-width:210px
}
.game-header .calendar .calendar-inner input:focus,.game-header .calendar .calendar-inner input:hover{
    background-color:#fff;
    border-color:#00a9ff;
    color:#00a9ff;
    outline:0
}
@media (max-width:480px){
    .game-header .calendar{
        position:relative;
        float:none;
        right:auto;
        top:5px
    }
    .game-header .calendar input{
        width:100%
    }
}
.navbar-toggle{
    color:#fff;
    border:0;
    margin:0;
    padding:16px 10px
}
@media (max-width:768px){
    .content-header{
        padding-top:0
    }
}
@media (max-width:480px){
    .content-header .calendar{
        position:relative;
        float:none;
        right:auto;
        top:5px
    }
    .content-header .calendar input{
        width:100%
    }
}
@media (max-width:480px){
    .navbar-custom-menu .navbar-nav>li{
        float:left
    }
    .navbar-custom-menu .navbar-nav{
        margin:0;
        float:left
    }
    .navbar-custom-menu .navbar-nav>li>a{
        padding-top:0;
        padding-bottom:0;
        color:#fff
    }
    .navbar-custom-menu .navbar-nav .user-image{
        margin:0
    }
}
@media (max-width:767px){
    .main-header .logo a,.main-header .navbar a{
        padding:0;
        line-height:44px;
        min-width:26px;
        text-align:center
    }
    .main-header .logo a i,.main-header .navbar a i{
        font-size:20px;
        line-height:44px;
        display:block
    }
    .main-header .logo span,.main-header .navbar span{
        display:block
    }
    .main-header .navbar a.btn-login i{
        float:left;
        font-size:16px
    }
    .main-header .navbar a.btn-login{
        margin-right:15px
    }
}
@media (max-width:767px){
    .main-header .nav.tabs-header{
        display:-ms-flexbox;
        display:-webkit-box;
        display:flex;
        display:-webkit-flex;
        margin:0;
        position:absolute;
        padding:2px;
        left:180px;
        right:180px;
        top:8px;
        background-color:rgba(0, 0, 0, 0.15);
        border-radius:30px;
        width:inherit;
        height:30px
    }
    .main-header .nav.tabs-header li{
        -ms-flex:1;
        -webkit-box-flex:1;
        flex:1;
        -webkit-flex:1;
        width:0
    }
    .main-header .nav.tabs-header li a{
        text-align:center;
        text-transform:uppercase;
        font-weight:500;
        padding:0;
        line-height:26px;
        font-size:12px
    }
    .main-header .nav.tabs-header li a span{
        color:rgba(255, 255, 255, 0.5)
    }
    .main-header .nav.tabs-header li:first-child{
        border-radius:30px 0 0 30px
    }
    .main-header .nav.tabs-header li:last-child{
        border-radius:0 30px 30px 0
    }
    .main-header .nav.tabs-header li.active{
        box-shadow:#FFFF8C 0 0 0 0 inset;
        -webkit-box-shadow:#FFFF8C 0 0 0 0 inset;
        background-color:#00a9ff;
        border-radius:30px
    }
    .main-header .nav.tabs-header li.active a span{
        color:#fff
    }
    .main-header .nav.tabs-header li.home{
        display:none
    }
    .main-header .nav.tabs-header li.help{
        display:none
    }
    .skin-blue .main-header .navbar .nav>li>a.dropdown-toggle span{
        display:none;
        width:70px;
        -o-text-overflow:ellipsis;
        text-overflow:ellipsis;
        white-space:nowrap;
        overflow:hidden
    }
}
@media (max-width:480px){
    .main-header{
        position:relative
    }
    .main-header .logo{
        width:50%
    }
    .main-header .logo,.main-header .navbar{
        float:none;
        height:44px;
        display:-ms-flexbox;
        display:-webkit-box;
        display:flex;
        display:-webkit-flex;
        -ms-flex-align:center;
        -webkit-box-align:center;
        align-items:center;
        -webkit-align-items:center;
        -webkit-justify-content:flex-start;
        -ms-flex-pack:start;
        -webkit-box-pack:start;
        justify-content:flex-start
    }
    .main-header .logo span,.main-header .navbar span{
        display:block
    }
    .main-header .navbar{
        margin:0;
        position:initial
    }
    .main-header .navbar-custom-menu{
        float:right;
        position:absolute;
        top:0;
        right:0
    }
    .main-header .nav{
        display:-ms-flexbox;
        display:-webkit-box;
        display:flex;
        display:-webkit-flex;
        margin:0;
        position:absolute;
        top:0;
        right:0;
        width:90px;
        height:40px
    }
    .main-header .nav li{
        -ms-flex:1;
        -webkit-box-flex:1;
        flex:1;
        -webkit-flex:1;
        width:0
    }
    .main-header .nav li a{
        text-align:center;
        text-transform:uppercase;
        font-weight:500;
        padding:0;
        line-height:28px;
        font-size:12px
    }
    .main-header .nav li a span{
        color:rgba(255, 255, 255, 1)
    }
    .main-header .nav li.active{
        box-shadow:#FFFF8C 0 0 0 0 inset;
        -webkit-box-shadow:#FFFF8C 0 0 0 0 inset;
        background-color:#00a9ff;
        border-radius:30px
    }
    .main-header .nav li.active a span{
        color:#fff
    }
    .main-header .nav.tabs-header{
        padding:2px;
        left:10px;
        right:10px;
        top:49px;
        width:100%;
        background-color:rgba(0, 0, 0, 0.15);
        border-radius:30px;
        width:inherit;
        height:30px
    }
    .main-header .nav.tabs-header li:first-child{
        border-radius:30px 0 0 30px
    }
    .main-header .nav.tabs-header li:last-child{
        border-radius:0 30px 30px 0
    }
    .main-header .nav.tabs-header li.help{
        display:none
    }
    .main-header .sidebar-toggle{
        position:absolute;
        top:0;
        right:50px
    }
    .content-header{
        padding-top:0;
        background-color:#fff;
        -webkit-box-shadow:0 0 0 rgba(0, 0, 0, 0.05), inset 0 0 0 rgba(0, 0, 0, 0.1);
        box-shadow:0 0 0 rgba(0, 0, 0, 0.05), inset 0 0 0 rgba(0, 0, 0, 0.1);
        border-bottom:1px solid #f0f0f0
    }
    .content-header h1{
        margin:0
    }
    .skin-blue .main-header .navbar .nav>li>a{
        font-weight:500;
        font-size:13px;
        padding:0;
        line-height:44px
    }
    .skin-blue .main-header .navbar .nav>li>a span{
        display:inline-block;
        font-size:12px;
        margin-right:5px
    }
    .skin-blue .main-header .navbar .nav>li>a i{
        font-size:16px;
        line-height:40px;
        float:left
    }
    .skin-blue .main-header .navbar .navbar-custom-menu .nav>li>a{
        padding:0 10px;
        font-size:13px
    }
    .skin-blue .main-header .navbar .nav>li>a:focus,.skin-blue .main-header .navbar .nav>li>a:hover{
        color:#00a9ff;
        background-color:transparent
    }
    .skin-blue .main-header .navbar .nav>.active>a{
        color:#00a9ff;
        -webkit-box-shadow:inset 0 -3px 0 0 #00a9ff;
        box-shadow:inset 0 -3px 0 0 #00a9ff
    }
}
@media (max-width:991px){
    .navbar-collapse.pull-left{
        float:none!important
    }
    .navbar-collapse.pull-left+.navbar-custom-menu{
        display:block;
        position:absolute;
        top:0;
        right:40px
    }
}
.bx-filter{
    display:-ms-flexbox;
    display:-webkit-box;
    display:flex;
    display:-webkit-flex;
    -webkit-flex-flow:row nowrap;
    -ms-flex-flow:row nowrap;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    flex-flow:row nowrap
}
.bx-filter .and{
    line-height:34px;
    padding:0 10px;
    color:#999;
    font-style:italic
}
.bx-filter .clear{
    color:#00a9ff;
    line-height:34px;
    padding:0 10px
}
.bx-filter button:focus,.bx-filter button:hover{
    background-color:#fff;
    border-color:#00a9ff;
    color:#00a9ff
}
.bx-filter.list-filter{
    display:-ms-flexbox;
    display:-webkit-box;
    display:flex;
    display:-webkit-flex;
    -webkit-flex-flow:row nowrap;
    -ms-flex-flow:row nowrap;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    flex-flow:row nowrap
}
.bx-filter.list-filter .item-filter{
    -ms-flex:1;
    -webkit-box-flex:1;
    flex:1;
    -webkit-flex:1;
    padding:0 2px
}
.bx-filter.list-filter .item-filter:first-child{
    padding-left:0
}
.bx-filter.list-filter .item-filter:last-child{
    padding-right:0
}
.bx-filter.list-filter label{
    display:block;
    font-weight:normal
}
.bx-filter.list-filter .btn-group{
    clear:both;
    display:block
}
.bx-filter.list-filter .btn-group button,.bx-filter.list-filter .btn-group input{
    float:none;
    display:block;
    width:100%
}
@media (max-width:480px){
    .bx-filter.list-filter{
        display:block;
        margin-top:10px;
        margin-left:-2px;
        margin-right:-2px;
        text-align:center;
        overflow:hidden
    }
    .bx-filter.list-filter label a{
        display:none
    }
    .bx-filter.list-filter .item-filter{
        width:50%;
        display:inline-block;
        float:left
    }
    .bx-filter.list-filter .item-filter:last-child{
        width:100%;
        padding:0
    }
}
.thumb{
    background-size:100% 100%!important;
    filter:progid: DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale');
    -ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader( sizingMethod='scale')";
    background-position:center!important;
    background-repeat:no-repeat!important;
    width:100%;
    display:block
}
.app-header{
    position:relative;
    padding:10px 0 10px 0;
    max-width:calc(100%)
}
.app-header h1{
    margin:0;
    font-size:24px;
    line-height:40px
}
.app-header .pull-right{
    float:right;
    position:absolute;
    top:0;
    right:0
}
@media (max-width:767px){
    .app-header .pull-right{
        top:3px
    }
    .pay-link{
        position:absolute;
        right:10px;
        top:32px;
        color:#00a9ff
    }
    .pay-link i{
        margin-left:5px
    }
}
.app-header .btn-store a{
    display:inline-block;
    border:1px #ddd solid;
    border-radius:3px;
    margin-left:5px
}
.app-header .btn-store a img{
    width:32px
}
.app-header .btn-store a span{
    display:none
}
.app-header .btn i{
    margin-right:5px
}
@media (max-width:767px){
    .app-header{
        padding:5px 0 5px 0
    }
    .app-header .btn-store a{
        display:inline-block;
        border:1px #ddd solid;
        border-radius:3px;
        margin-left:5px
    }
    .app-header .btn-store a img{
        width:26px
    }
    .app-header .btn-store a span{
        display:none
    }
}
.pay-link{
    display:none
}
@media (max-width:480px){
    .pay-link{
        position:absolute;
        right:10px;
        display:block;
        top:32px;
        color:#00a9ff
    }
    .pay-link i{
        margin-left:5px
    }
    .app-header{
        max-width:calc(100%);
        min-height:inherit;
        padding:10px 0
    }
    .app-header .app-name{
        width:100%
    }
    .app-header .pull-right{
        position:relative;
        top:auto;
        float:none!important
    }
    .app-header .pull-right .btn{
        display:block;
        width:100%;
        margin-top:10px
    }
    .app-header .pull-right .btn-store{
        padding:5px 0 0 0;
        margin:0 -2px;
        text-align:center;
        display:-ms-flexbox;
        display:-webkit-box;
        display:flex;
        display:-webkit-flex
    }
    .app-header .pull-right .btn-store a{
        -ms-flex:1;
        -webkit-box-flex:1;
        flex:1;
        -webkit-flex:1;
        margin:0 2px;
        float:left
    }
}
.app-title{
    display:-ms-flexbox;
    display:-webkit-box;
    display:flex;
    display:-webkit-flex;
    -ms-flex-align:center;
    -webkit-box-align:center;
    align-items:center;
    -webkit-align-items:center;
    -ms-flex:1;
    -webkit-box-flex:1;
    flex:1;
    -webkit-flex:1;
    position:relative
}
.app-title .app-name a{
    color:#4c4c4c;
    font-size:22px;
    display:-ms-flexbox;
    display:-webkit-box;
    display:flex;
    display:-webkit-flex;
    -ms-flex-flow:row nowrap;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    flex-flow:row nowrap;
    -webkit-flex-flow:row nowrap;
    -ms-flex-align:center;
    -webkit-box-align:center;
    align-items:center;
    -webkit-align-items:center
}
.app-title .app-name a .caret{
    margin-left:5px
}
.app-title .app-name a .app-pic{
    width:34px;
    height:34px;
    margin-right:10px;
    border-radius:3px
}
@media (max-width:767px){
    .app-title .app-name a{
        font-size:20px
    }
}
@media (max-width:480px){
    .app-title .app-name a{
        font-size:20px
    }
}
.app-title .app-name li a{
    display:-ms-flexbox;
    display:-webkit-box;
    display:flex;
    display:-webkit-flex;
    -ms-flex-align:center;
    -webkit-box-align:center;
    align-items:center;
    -webkit-align-items:center
}
.app-title .app-name li a img{
    width:30px;
    margin-right:10px;
    border-radius:5px
}
.app-title .app-name li a span{
    font-size:14px;
    color:#333
}
@media (max-width:480px){
    .app-title .pull-right{
        float:none!important;
        position:relative
    }
    .app-title .pull-right .btn{
        display:block;
        width:100%
    }
}
.app-title .add-app{
    font-size:22px;
    margin-left:10px
}
.app-title .add-app span{
    display:none
}
@media (max-width:480px){
    .app-title .add-app{
        position:absolute;
        right:0;
        top:6px
    }
}
.app-title .calendar{
    -ms-flex-align:end;
    -webkit-box-align:end;
    align-items:flex-end;
    -webkit-align-items:flex-end
}
.app-title .btn-add{
    font-weight:bold
}
.app-title .btn-add i{
    margin-right:5px
}
.app-title .btn-add a{
    font-weight:bold;
    padding:6px 24px
}
@media (max-width:480px){
    .app-title .btn-add{
        width:100%
    }
    .app-title .btn-add a{
        display:block
    }
}
.app-title.app-sm{
    border:1px solid #e5e7ea;
    padding:5px;
    border-radius:3px;
    cursor:pointer
}
.app-title.app-sm .app-name a{
    color:#00a9ff;
    font-size:15px;
    font-weight:500;
    display:-ms-flexbox;
    display:-webkit-box;
    display:flex;
    display:-webkit-flex;
    -ms-flex-flow:row nowrap;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    flex-flow:row nowrap;
    -webkit-flex-flow:row nowrap;
    -ms-flex-align:center;
    -webkit-box-align:center;
    align-items:center;
    -webkit-align-items:center
}
.app-title.app-sm .app-name a .caret{
    margin-left:5px
}
.app-title.app-sm .app-name a .app-pic{
    width:30px;
    height:30px;
    margin-right:8px;
    border-radius:2px
}
.app-title.app-sm .app-name li a{
    display:-ms-flexbox;
    display:-webkit-box;
    display:flex;
    display:-webkit-flex;
    -ms-flex-align:center;
    -webkit-box-align:center;
    align-items:center;
    -webkit-align-items:center
}
.app-title.app-sm .app-name li a img{
    width:30px;
    margin-right:10px;
    border-radius:5px
}
.app-title.app-sm .app-name li a span{
    font-size:14px;
    color:#333
}
@media (max-width:768px){
    .app-title{
        display:block
    }
    .content-header h3{
        margin:0;
        font-size:21px
    }
    .content-header .tabs-header{
        margin-top:10px
    }
    .content-header .tabs-header .nav-tabs{
        margin:0
    }
    .content-header.no-pic .app-header{
        display:none;
        padding-bottom:0
    }
    .content-header.no-pic .app-title{
        margin-bottom:0
    }
    .content-header.no-pic h1{
        line-height:32px;
        font-size:20px;
        color:#333;
        font-weight:300
    }
    .bx-filter .and{
        display:none
    }
    .bx-filter .btn-group{
        margin-right:5px
    }
    .daterangepicker .calendar,.daterangepicker .ranges{
        float:none!important
    }
}
.layout-top-nav .navbar{
    position:initial;
    z-index:auto
}
.layout-top-nav .main-header .logo .logo-lg{
    -webkit-justify-content:flex-start;
    -ms-flex-pack:start;
    -webkit-box-pack:start;
    justify-content:flex-start
}
.layout-top-nav .sidebar-toggle{
    display:none
}
@media (max-width:480px){
    .layout-top-nav .main-header .logo .logo-lg{
        -webkit-justify-content:center;
        -ms-flex-pack:center;
        -webkit-box-pack:center;
        justify-content:center;
        height:44px
    }
}
.left-side,.main-sidebar{
    position:absolute;
    top:0;
    left:0;
    right:50px;
    padding-top:20px;
    min-height:100%;
    border-right:1px solid rgba(0, 0, 0, 0.1);
    transition:width .3s ease-in-out, -webkit-transform .3s ease-in-out;
    -webkit-transition:width .3s ease-in-out, -webkit-transform .3s ease-in-out;
    -o-transition:transform .3s ease-in-out, width .3s ease-in-out;
    transition:transform .3s ease-in-out, width .3s ease-in-out;
    transition:transform .3s ease-in-out, width .3s ease-in-out, -webkit-transform .3s ease-in-out
}
@media (max-width:767px){
    .left-side,.main-sidebar{
        position:relative;
        padding-top:0;
        border-width:0
    }
    .left-side .slimScrollDiv,.main-sidebar .slimScrollDiv{
        height:auto!important
    }
    .left-side .slimScrollDiv .sidebar,.main-sidebar .slimScrollDiv .sidebar{
        height:auto!important;
        margin:0;
        padding:0
    }
}
@media (min-width:768px){
    .sidebar-collapse .left-side,.sidebar-collapse .main-sidebar{
        width:230px;
        -webkit-transform:translate(230px, 0);
        -ms-transform:translate(230px, 0);
        transform:translate(230px, 0)
    }
}
@media (max-width:480px){
    .sidebar-open .left-side,.sidebar-open .main-sidebar{
        width:100%;
        -webkit-transform:translate(0, 0);
        -ms-transform:translate(0, 0);
        transform:translate(0, 0)
    }
}
.sidebar{
    padding-bottom:10px
}
.sidebar-form input:focus{
    border-color:transparent
}
.user-panel{
    position:relative;
    width:100%;
    padding:10px;
    overflow:hidden
}
.user-panel:after,.user-panel:before{
    content:" ";
    display:table
}
.user-panel:after{
    clear:both
}
.user-panel:after,.user-panel:before{
    content:" ";
    display:table
}
.user-panel:after{
    clear:both
}
.user-panel>.image>img{
    width:100%;
    max-width:45px;
    height:auto
}
.user-panel>.info{
    padding:5px 5px 5px 15px;
    line-height:1;
    position:absolute;
    left:55px
}
.user-panel>.info>p{
    font-weight:600;
    margin-bottom:9px
}
.user-panel>.info>a{
    text-decoration:none;
    padding-right:5px;
    margin-top:3px;
    font-size:11px
}
.user-panel>.info>a>.fa,.user-panel>.info>a>.glyphicon,.user-panel>.info>a>.ion{
    margin-right:3px
}
.sidebar-header{
    overflow:hidden;
    height:50px;
    border-bottom:1px solid #eeeff0;
    margin:0 20px
}
@media (max-width:480px){
    .sidebar-header{
        margin:0 15px
    }
}
@media (max-width:320px){
    .sidebar-header{
        margin:0 10px
    }
}
.sidebar-header .sidebar-title{
    height:50px;
    line-height:50px;
    margin:0;
    padding:0
}
.sidebar-header .sidebar-title i{
    font-size:24px;
    text-align:left;
    width:40px
}
@media (max-width:480px){
    .sidebar-header .sidebar-title i{
        font-size:20px;
        width:32px
    }
}
.sidebar-header .sidebar-title a{
    font-size:20px;
    color:#000;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:-webkit-box;
    display:flex;
    -webkit-align-items:center;
    -ms-flex-align:center;
    -webkit-box-align:center;
    align-items:center
}
.sidebar-header .sidebar-close{
    width:40px;
    line-height:50px;
    text-align:right;
    margin:0;
    padding:0;
    display:block;
    font-size:24px;
    color:#000
}
.sidebar-menu{
    list-style:none;
    margin:0;
    padding:0
}
.sidebar-menu>li{
    position:relative;
    margin:0 0 2px 0;
    padding:0
}
.sidebar-menu>li>a{
    padding:12px 5px 12px 6px;
    display:block;
    font-weight:bold
}
.sidebar-menu>li>a>.fa,.sidebar-menu>li>a>.glyphicon,.sidebar-menu>li>a>.ion{
    width:30px;
    font-size:16px;
    text-align:center;
    margin-right:10px
}
.sidebar-menu>li .badge,.sidebar-menu>li .label{
    margin-top:3px;
    margin-right:5px
}
.sidebar-menu li.header{
    padding:10px 25px 10px 15px;
    font-size:12px
}
.sidebar-menu li>a>.fa-angle-right{
    width:auto;
    height:auto;
    padding:0;
    margin-right:10px;
    margin-top:3px
}
.sidebar-menu li.active>a>.fa-angle-right{
    -webkit-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg)
}
.sidebar-menu li.active>.treeview-menu{
    display:block
}
.sidebar-menu .treeview-menu{
    display:none;
    list-style:none;
    margin:0;
    padding:0
}
.sidebar-menu .treeview-menu .treeview-menu{
    padding-left:20px
}
.sidebar-menu .treeview-menu>li{
    margin:0
}
.sidebar-menu .treeview-menu>li>a{
    padding:12px 5px 12px 50px;
    display:block;
    font-size:14px
}
.sidebar-menu .treeview-menu>li>a>.fa,.sidebar-menu .treeview-menu>li>a>.glyphicon,.sidebar-menu .treeview-menu>li>a>.ion{
    width:20px
}
.sidebar-menu .treeview-menu>li>a>.fa-angle-down,.sidebar-menu .treeview-menu>li>a>.fa-angle-left{
    width:auto
}
.sidebar-menu.sidebar-docs li a{
    color:#4c4c4c
}
.sidebar-menu.sidebar-docs li.active:hover>a,.sidebar-menu.sidebar-docs li.active>a{
    background-color:transparent;
    color:#00a9ff
}
.sidebar-menu.sidebar-docs .sub-sidebar{
    margin:0;
    padding:0 0 0 45px;
    list-style:none
}
.sidebar-menu.sidebar-docs .sub-sidebar li a{
    display:block;
    padding:5px 0;
    color:#4c4c4c
}
.sidebar-menu.sidebar-docs .sub-sidebar li a:hover{
    color:#00a9ff
}
.sidebar-menu.sidebar-docs .sub-sidebar li.active a{
    color:#00a9ff
}
.dropdown-menu{
    border-color:transparent;
    border:1px solid #ccc;
    -webkit-box-shadow:0 2px 25px rgba(0, 0, 0, 0.2);
    box-shadow:0 2px 25px rgba(0, 0, 0, 0.2)
}
.dropdown-menu>li>a{
    color:#444;
    padding:6px 15px
}
.dropdown-menu>li>a>.fa,.dropdown-menu>li>a>.glyphicon,.dropdown-menu>li>a>.ion{
    margin-right:10px
}
.dropdown-menu>li>a:hover{
    background-color:#eff1f4;
    color:#333
}
.dropdown-menu>.divider{
    background-color:#eee
}
.navbar-nav>.messages-menu>.dropdown-menu,.navbar-nav>.notifications-menu>.dropdown-menu,.navbar-nav>.tasks-menu>.dropdown-menu{
    width:280px;
    padding:0 0 0 0;
    margin:0;
    top:100%
}
.navbar-nav>.messages-menu>.dropdown-menu>li,.navbar-nav>.notifications-menu>.dropdown-menu>li,.navbar-nav>.tasks-menu>.dropdown-menu>li{
    position:relative
}
.navbar-nav>.messages-menu>.dropdown-menu>li.header,.navbar-nav>.notifications-menu>.dropdown-menu>li.header,.navbar-nav>.tasks-menu>.dropdown-menu>li.header{
    border-top-left-radius:4px;
    border-top-right-radius:4px;
    border-bottom-right-radius:0;
    border-bottom-left-radius:0;
    background-color:#ffffff;
    padding:7px 10px;
    border-bottom:1px solid #f4f4f4;
    color:#444444;
    font-size:14px
}
.navbar-nav>.messages-menu>.dropdown-menu>li.footer>a,.navbar-nav>.notifications-menu>.dropdown-menu>li.footer>a,.navbar-nav>.tasks-menu>.dropdown-menu>li.footer>a{
    border-top-left-radius:0;
    border-top-right-radius:0;
    border-bottom-right-radius:4px;
    border-bottom-left-radius:4px;
    font-size:12px;
    background-color:#fff;
    padding:7px 10px;
    border-bottom:1px solid #eeeeee;
    color:#444!important;
    text-align:center
}
@media (max-width:991px){
    .navbar-nav>.messages-menu>.dropdown-menu>li.footer>a,.navbar-nav>.notifications-menu>.dropdown-menu>li.footer>a,.navbar-nav>.tasks-menu>.dropdown-menu>li.footer>a{
        background:#fff!important;
        color:#444!important
    }
}
.navbar-nav>.messages-menu>.dropdown-menu>li.footer>a:hover,.navbar-nav>.notifications-menu>.dropdown-menu>li.footer>a:hover,.navbar-nav>.tasks-menu>.dropdown-menu>li.footer>a:hover{
    text-decoration:none;
    font-weight:normal
}
.navbar-nav>.messages-menu>.dropdown-menu>li .menu,.navbar-nav>.notifications-menu>.dropdown-menu>li .menu,.navbar-nav>.tasks-menu>.dropdown-menu>li .menu{
    max-height:200px;
    margin:0;
    padding:0;
    list-style:none;
    overflow-x:hidden
}
.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a,.navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a,.navbar-nav>.tasks-menu>.dropdown-menu>li .menu>li>a{
    display:block;
    white-space:nowrap;
    border-bottom:1px solid #f4f4f4
}
.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a:hover,.navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a:hover,.navbar-nav>.tasks-menu>.dropdown-menu>li .menu>li>a:hover{
    background:#f4f4f4;
    text-decoration:none
}
.navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a{
    color:#444444;
    overflow:hidden;
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis;
    white-space:nowrap;
    padding:10px
}
.navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a>.fa,.navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a>.glyphicon,.navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a>.ion{
    width:20px
}
.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a{
    margin:0;
    padding:10px 10px
}
.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a>div>img{
    margin:auto 10px auto auto;
    width:40px;
    height:40px
}
.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a>h4{
    padding:0;
    margin:0 0 0 45px;
    color:#444444;
    font-size:15px;
    position:relative
}
.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a>h4>small{
    color:#999999;
    font-size:10px;
    position:absolute;
    top:0;
    right:0
}
.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a>p{
    margin:0 0 0 45px;
    font-size:12px;
    color:#888888
}
.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a:after,.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a:before{
    content:" ";
    display:table
}
.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a:after{
    clear:both
}
.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a:after,.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a:before{
    content:" ";
    display:table
}
.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a:after{
    clear:both
}
.navbar-nav>.tasks-menu>.dropdown-menu>li .menu>li>a{
    padding:10px
}
.navbar-nav>.tasks-menu>.dropdown-menu>li .menu>li>a>h3{
    font-size:14px;
    padding:0;
    margin:0 0 10px 0;
    color:#666666
}
.navbar-nav>.tasks-menu>.dropdown-menu>li .menu>li>a>.progress{
    padding:0;
    margin:0
}
.navbar-nav>.user-menu>.dropdown-menu{
    border-top-right-radius:0;
    border-top-left-radius:0;
    padding:1px 0 0 0;
    border-top-width:0;
    width:280px
}
.navbar-nav>.user-menu>.dropdown-menu,.navbar-nav>.user-menu>.dropdown-menu>.user-body{
    border-bottom-right-radius:4px;
    border-bottom-left-radius:4px
}
.navbar-nav>.user-menu>.dropdown-menu>li.user-header{
    height:175px;
    padding:10px;
    text-align:center;
    width:100%
}
.navbar-nav>.user-menu>.dropdown-menu>li.user-header>img{
    z-index:5;
    height:90px;
    width:90px;
    border:3px solid;
    border-color:transparent;
    border-color:rgba(255, 255, 255, 0.2)
}
.navbar-nav>.user-menu>.dropdown-menu>li.user-header>p{
    z-index:5;
    color:#fff;
    color:rgba(255, 255, 255, 0.8);
    font-size:17px;
    margin-top:10px
}
.navbar-nav>.user-menu>.dropdown-menu>li.user-header>p>small{
    display:block;
    font-size:12px
}
.navbar-nav>.user-menu>.dropdown-menu>.user-body{
    padding:15px;
    border-bottom:1px solid #f4f4f4;
    border-top:1px solid #dddddd
}
.navbar-nav>.user-menu>.dropdown-menu>.user-body:after,.navbar-nav>.user-menu>.dropdown-menu>.user-body:before{
    content:" ";
    display:table
}
.navbar-nav>.user-menu>.dropdown-menu>.user-body:after{
    clear:both
}
.navbar-nav>.user-menu>.dropdown-menu>.user-body:after,.navbar-nav>.user-menu>.dropdown-menu>.user-body:before{
    content:" ";
    display:table
}
.navbar-nav>.user-menu>.dropdown-menu>.user-body:after{
    clear:both
}
.navbar-nav>.user-menu>.dropdown-menu>.user-body a{
    color:#444!important
}
@media (max-width:991px){
    .navbar-nav>.user-menu>.dropdown-menu>.user-body a{
        background:#fff!important;
        color:#444!important
    }
}
.navbar-nav>.user-menu>.dropdown-menu>.user-footer{
    background-color:#f9f9f9;
    padding:10px;
    width:100%
}
.navbar-nav>.user-menu>.dropdown-menu>.user-footer:after,.navbar-nav>.user-menu>.dropdown-menu>.user-footer:before{
    content:" ";
    display:table
}
.navbar-nav>.user-menu>.dropdown-menu>.user-footer:after{
    clear:both
}
.navbar-nav>.user-menu>.dropdown-menu>.user-footer:after,.navbar-nav>.user-menu>.dropdown-menu>.user-footer:before{
    content:" ";
    display:table
}
.navbar-nav>.user-menu>.dropdown-menu>.user-footer:after{
    clear:both
}
.navbar-nav>.user-menu>.dropdown-menu>.user-footer .btn-default{
    color:#666666;
    border-color:#ccc;
    line-height:24px;
    padding:4px 10px
}
@media (max-width:991px){
    .navbar-nav>.user-menu>.dropdown-menu>.user-footer .btn-default:hover{
        background-color:#f9f9f9
    }
}
.navbar-nav>.user-menu .user-image{
    float:left;
    width:25px;
    height:25px;
    border-radius:50%;
    margin-right:10px;
    margin-top:-2px
}
@media (max-width:767px){
    .navbar-nav>.user-menu .user-image{
        float:right;
        margin-right:0;
        margin-top:10px;
        line-height:10px;
        width:24px;
        height:24px
    }
}
.open:not(.dropup)>.animated-dropdown-menu{
    -webkit-backface-visibility:visible!important;
    backface-visibility:visible!important;
    -webkit-animation:flipInX .7s both;
    animation:flipInX .7s both
}
@keyframes flipInX{
    0%{
        -webkit-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-transition-timing-function:ease-in;
        -o-transition-timing-function:ease-in;
        transition-timing-function:ease-in;
        opacity:0
    }
    40%{
        -webkit-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-transition-timing-function:ease-in;
        -o-transition-timing-function:ease-in;
        transition-timing-function:ease-in
    }
    60%{
        -webkit-transform:perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform:perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity:1
    }
    80%{
        -webkit-transform:perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform:perspective(400px) rotate3d(1, 0, 0, -5deg)
    }
    to{
        -webkit-transform:perspective(400px);
        transform:perspective(400px)
    }
}
@-webkit-keyframes flipInX{
    0%{
        -webkit-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-transition-timing-function:ease-in;
        opacity:0
    }
    40%{
        -webkit-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-transition-timing-function:ease-in
    }
    60%{
        -webkit-transform:perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity:1
    }
    80%{
        -webkit-transform:perspective(400px) rotate3d(1, 0, 0, -5deg)
    }
    to{
        -webkit-transform:perspective(400px)
    }
}
.navbar-custom-menu>.navbar-nav>li{
    position:relative
}
.navbar-custom-menu>.navbar-nav>li>.dropdown-menu{
    position:absolute;
    right:0;
    left:auto;
    padding:0;
    border:1px solid rgba(0, 0, 0, 0.15)
}
@media (max-width:991px){
    .navbar-custom-menu>.navbar-nav{
        float:right
    }
    .navbar-custom-menu>.navbar-nav>li{
        position:static
    }
    .navbar-custom-menu>.navbar-nav>li>.dropdown-menu{
        position:absolute;
        right:5%;
        left:auto;
        padding:0;
        border:1px solid rgba(0, 0, 0, 0.15);
        background:#fff
    }
}
@media (max-width:480px){
    .navbar-custom-menu>.navbar-nav{
        float:right
    }
    .navbar-custom-menu>.navbar-nav>li{
        position:static
    }
    .navbar-custom-menu>.navbar-nav>li>.dropdown-menu{
        position:absolute;
        padding:0;
        right:5%;
        left:auto;
        border:0 solid #00a9ff;
        background:#fff;
        -webkit-box-shadow:0 2px 25px 0 rgba(0, 0, 0, 0.3);
        box-shadow:0 2px 25px 0 rgba(0, 0, 0, 0.3)
    }
}
.block{
    margin-bottom:20px
}
.block .block-header{
    display:-ms-flexbox;
    display:-webkit-box;
    display:flex;
    display:-webkit-flex;
    -ms-flex-align:center;
    -webkit-box-align:center;
    align-items:center;
    -webkit-align-items:center;
    padding:0 0;
    min-height:60px
}
.block .block-header.center{
    text-align:center;
    margin:0 auto;
    font-weight:bold
}
.block .block-header.center h4{
    text-align:center;
    margin:0 auto;
    font-weight:700
}
.block .block-header h2{
    margin:10px 0 0 0;
    padding:0;
    color:#333;
    font-weight:normal;
    font-size:26px
}
.block .block-header h2 span{
    font-size:85%;
    color:#999;
    margin-left:5px
}
.block .block-header h3{
    margin:0;
    padding:0;
    color:#333;
    font-weight:300
}
.block .block-header h3 span{
    font-size:85%;
    color:#999;
    margin-left:5px
}
.block .block-header h4{
    margin:0;
    padding:0;
    font-weight:normal;
    color:#3c3c3c;
    font-size:18px
}
.block .block-header h4 span{
    font-size:85%;
    color:#999;
    margin-left:5px
}
.block .block-header .block-filter,.block .block-header .block-icon,.block .block-header .block-title{
    -ms-flex:1;
    -webkit-box-flex:1;
    flex:1;
    -webkit-flex:1
}
@media (max-width:480px){
    .block .block-header .block-filter,.block .block-header .block-icon,.block .block-header .block-title{
        -ms-flex:inherit;
        -webkit-box-flex:inherit;
        flex:inherit;
        -webkit-flex:inherit
    }
}
.block .block-header .block-filter .btn,.block .block-header .block-filter .btn-group,.block .block-header .block-icon .btn,.block .block-header .block-icon .btn-group{
    float:right;
    font-weight:bold;
    text-transform:uppercase
}
.block .block-header .block-filter .btn-group .dropdown-menu,.block .block-header .block-filter .btn .dropdown-menu,.block .block-header .block-icon .btn-group .dropdown-menu,.block .block-header .block-icon .btn .dropdown-menu{
    left:auto;
    right:0
}
@media (max-width:480px){
    .block .block-header .block-filter .btn,.block .block-header .block-filter .btn-group,.block .block-header .block-icon .btn,.block .block-header .block-icon .btn-group{
        float:none;
        display:block
    }
}
.block .block-header .block-filter i,.block .block-header .block-icon i{
    margin-left:5px
}
.block .block-header .block-filter .input-group,.block .block-header .block-icon .input-group{
    max-width:480px;
    float:right
}
.block .block-header .block-filter .input-group input,.block .block-header .block-icon .input-group input{
    margin-right:-1px
}
.block .block-header .block-filter .input-group input:active,.block .block-header .block-filter .input-group input:focus,.block .block-header .block-icon .input-group input:active,.block .block-header .block-icon .input-group input:focus{
    border-color:#e5e7ea!important
}
.block .block-header .block-filter .input-group .btn,.block .block-header .block-icon .input-group .btn{
    border-left:0
}
.block .block-header .block-filter .gPost{
    float:right
}
.block .block-header .block-filter .gPost .btn{
    float:left;
    margin-left:5px
}
@media (max-width:767px){
    .block .block-header{
        min-height:50px
    }
}
@media (max-width:480px){
    .block .block-header{
        display:block;
        min-height:36px;
        background-color:#fbfbfb;
        border-top:1px #f0f0f0 solid;
        border-bottom:1px #f0f0f0 solid;
        margin:0 -10px
    }
    .block .block-header h3{
        font-size:20px
    }
    .block .block-header .block-filter,.block .block-header .block-title{
        -ms-flex:inherit;
        -webkit-box-flex:inherit;
        flex:inherit;
        -webkit-flex:inherit
    }
    .block .block-header .block-filter{
        overflow:hidden
    }
    .block .block-header .block-filter .gPost{
        float:none;
        overflow:hidden;
        display:-ms-flexbox;
        display:-webkit-flex;
        display:-webkit-box;
        display:flex;
        -webkit-flex-direction:row;
        -webkit-box-orient:horizontal;
        -webkit-box-direction:normal;
        flex-direction:row;
        -ms-flex-direction:row;
        -webkit-flex:1 1 auto;
        -ms-flex:1 1 auto;
        -webkit-box-flex:1;
        flex:1 1 auto;
        -webkit-align-items:stretch;
        -ms-flex-align:stretch;
        -webkit-box-align:stretch;
        align-items:stretch;
        -webkit-justify-content:stretch;
        -ms-flex-pack:stretch;
        -webkit-box-pack:stretch;
        justify-content:stretch;
        margin:0 -2px
    }
    .block .block-header .block-filter .gPost .btn{
        margin:0 2px;
        width:50%;
        -ms-flex:1;
        -webkit-box-flex:1;
        flex:1;
        -webkit-flex:1;
        float:left
    }
    .block .block-header .block-title{
        padding:0
    }
    .block .block-header .block-title a{
        display:block
    }
    .block .block-header .block-title h2{
        margin:0;
        padding:10px 0 10px 10px;
        font-size:20px;
        font-weight:500
    }
    .block .block-header .block-title h2 span{
        padding:10px 0 10px 10px;
        display:block
    }
    .block .block-header .block-title h4{
        margin:0;
        padding:10px 0 10px 10px;
        font-size:16px;
        line-height:20px;
        font-weight:500
    }
    .block .block-header .block-filter{
        padding:0 10px 6px 10px;
        background-color:#fbfbfb
    }
    .block .block-header .block-filter .input-group{
        float:none
    }
    .block .block-header .block-icon{
        position:absolute;
        right:0;
        top:10px
    }
    .block .block-header .block-icon .btn{
        text-align:center;
        padding:3px 10px;
        font-size:11px;
        color:#9c9c9c
    }
    .block .block-header .block-icon .btn span{
        font-size:11px
    }
    .block .block-header .block-icon .btn i{
        margin:0 0 0 2px;
        font-size:10px
    }
}
.block .block-sub{
    clear:both
}
@media (max-width:480px){
    .block .block-sub{
        margin-top:5px
    }
}
@media (max-width:480px){
    .block .block-body .col-xs-6{
        padding-left:5px;
        padding-right:5px
    }
}
@media (max-width:480px){
    .block{
        margin-bottom:0
    }
}
a.box:hover{
    -webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.3)!important;
    box-shadow:0 2px 5px rgba(0, 0, 0, 0.3)!important
}
.box{
    position:relative;
    border-radius:3px;
    margin-bottom:10px;
    width:100%;
    display:block;
    -webkit-box-shadow:0 0 1px rgba(0, 0, 0, 0.35);
    box-shadow:0 0 1px rgba(0, 0, 0, 0.35)
}
@media (max-width:767px){
    .box{
        margin-bottom:10px
    }
    .box .box-body{
        padding:5px
    }
}
.box.box-primary{
    border-top-color:#00a9ff;
    background-color:#fff
}
.box.box-info{
    border-top-color:#00a9ff
}
.box.box-danger{
    border-top-color:#dd4b39
}
.box.box-warning{
    border-top-color:#f39c12
}
.box.box-success{
    border-top-color:#2ECC71
}
.box.box-default{
    border-top-color:#d2d6de
}
.box.no-border{
    border-width:0;
    -webkit-box-shadow:0 0 0 rgba(255, 255, 255, 0), inset 0 0 0 rgba(255, 255, 255, 0);
    box-shadow:0 0 0 rgba(255, 255, 255, 0), inset 0 0 0 rgba(255, 255, 255, 0)
}
.box.no-border .box-body{
    padding:0
}
.box.no-border .box-header{
    padding:10px 0
}
@media (max-width:767px){
    .box.no-border .box-header{
        padding:0;
        display:block;
        min-height:36px;
        background-color:#fbfbfb;
        border-top:1px #f0f0f0 solid;
        border-bottom:1px #f0f0f0 solid;
        margin:0 -10px 10px -10px
    }
    .box.no-border .box-header h3{
        margin:0;
        padding:8px 0 5px 10px;
        color:#6c6c6c;
        font-size:10px;
        text-transform:uppercase;
        line-height:20px;
        font-weight:300
    }
}
.box.box-chart{
    background-color:#fff
}
.box.box-setting{
    background-color:transparent;
    border:solid rgba(0, 0, 0, 0.1);
    border-width:0 0 0 0;
    -webkit-box-shadow:0 0 0, inset 0 0 0;
    box-shadow:0 0 0, inset 0 0 0
}
.box.box-setting .box-body{
    padding:0
}
.box.box-setting .box-header{
    padding:10px 0
}
.box.box-bg{
    background-color:#fff
}
.box.box-code{
    background-color:#272b2d;
    color:#fff
}
.box.box-code pre{
    background-color:transparent;
    border-width:0;
    color:#eee
}
.box.collapsed-box .box-body,.box.collapsed-box .box-footer{
    display:none
}
.box .nav-stacked>li{
    border-bottom:1px solid #e6e6e6;
    margin:0
}
.box .nav-stacked>li:last-of-type{
    border-bottom:none
}
.box.height-control .box-body{
    max-height:300px;
    overflow:auto
}
.box .border-right{
    border-right:1px solid #e6e6e6
}
.box .border-left{
    border-left:1px solid #e6e6e6
}
.box.box-solid{
    border-top:0
}
.box.box-solid>.box-header .btn.btn-default{
    background:transparent
}
.box.box-solid>.box-header .btn:hover,.box.box-solid>.box-header a:hover{
    background:rgba(0, 0, 0, 0.1)
}
.box.box-solid.box-default{
    border:1px solid #d2d6de
}
.box.box-solid.box-default>.box-header{
    color:#444;
    background:#d2d6de;
    background-color:#d2d6de
}
.box.box-solid.box-default>.box-header .btn,.box.box-solid.box-default>.box-header a{
    color:#444
}
.box.box-solid.box-primary{
    border:1px solid #00a9ff
}
.box.box-solid.box-primary>.box-header{
    color:#fff;
    background:#00a9ff;
    background-color:#00a9ff
}
.box.box-solid.box-primary>.box-header .btn,.box.box-solid.box-primary>.box-header a{
    color:#fff
}
.box.box-solid.box-info{
    border:1px solid #00a9ff
}
.box.box-solid.box-info>.box-header{
    color:#fff;
    background:#00a9ff;
    background-color:#00a9ff
}
.box.box-solid.box-info>.box-header .btn,.box.box-solid.box-info>.box-header a{
    color:#fff
}
.box.box-solid.box-danger{
    border:1px solid #dd4b39
}
.box.box-solid.box-danger>.box-header{
    color:#fff;
    background:#dd4b39;
    background-color:#dd4b39
}
.box.box-solid.box-danger>.box-header .btn,.box.box-solid.box-danger>.box-header a{
    color:#fff
}
.box.box-solid.box-warning{
    border:1px solid #f39c12
}
.box.box-solid.box-warning>.box-header{
    color:#fff;
    background:#f39c12;
    background-color:#f39c12
}
.box.box-solid.box-warning>.box-header .btn,.box.box-solid.box-warning>.box-header a{
    color:#fff
}
.box.box-solid.box-success{
    border:1px solid #2ECC71
}
.box.box-solid.box-success>.box-header{
    color:#fff;
    background:#2ECC71;
    background-color:#2ECC71
}
.box.box-solid.box-success>.box-header .btn,.box.box-solid.box-success>.box-header a{
    color:#fff
}
.box.box-solid>.box-header>.box-tools .btn{
    border:0;
    -webkit-box-shadow:none;
    box-shadow:none
}
.box.box-solid[class*=bg]>.box-header{
    color:#fff
}
.box .box-group>.box{
    margin-bottom:5px
}
.box .knob-label{
    text-align:center;
    color:#333;
    font-weight:100;
    font-size:12px;
    margin-bottom:.3em
}
.box .box-filter,.box .box-title{
    -ms-flex:1;
    -webkit-box-flex:1;
    flex:1;
    -webkit-flex:1
}
.box .box-filter{
    text-align:right
}
.box .box-filter a{
    color:#00a9ff
}
.box>.loading-img,.box>.overlay,.overlay-wrapper>.loading-img,.overlay-wrapper>.overlay{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%
}
.box .overlay,.overlay-wrapper .overlay{
    z-index:50;
    background:rgba(255, 255, 255, 0.7);
    border-radius:3px
}
.box .overlay>.fa,.overlay-wrapper .overlay>.fa{
    position:absolute;
    top:50%;
    left:50%;
    margin-left:-15px;
    margin-top:-15px;
    color:#0c0c0c;
    font-size:30px
}
.box .overlay.dark,.overlay-wrapper .overlay.dark{
    background:rgba(0, 0, 0, 0.5)
}
.box-body:after,.box-body:before,.box-footer:after,.box-footer:before,.box-header:after,.box-header:before{
    content:" ";
    display:table
}
.box-body:after,.box-footer:after,.box-header:after{
    clear:both
}
.box-body:after,.box-body:before,.box-footer:after,.box-footer:before,.box-header:after,.box-header:before{
    content:" ";
    display:table
}
.box-body:after,.box-footer:after,.box-header:after{
    clear:both
}
.box-header{
    color:#333;
    padding:10px;
    position:relative;
    display:-ms-flexbox;
    display:-webkit-box;
    display:flex;
    display:-webkit-flex;
    -ms-flex-align:center;
    -webkit-box-align:center;
    align-items:center;
    -webkit-align-items:center
}
.box-header small{
    clear:both;
    display:block;
    padding-top:5px
}
.box-header.center{
    text-align:center
}
.box-header.center h3,.box-header.center h4{
    text-align:center;
    color:#00a9ff;
    margin:0 auto
}
.box-header h3{
    margin:0;
    padding:0;
    font-size:20px;
    font-weight:normal
}
@media (max-width:480px){
    .box-header h3{
        font-size:18px;
        font-weight:300
    }
}
.box-header h4{
    margin:0;
    padding:0;
    font-size:16px;
    font-weight:normal
}
@media (max-width:480px){
    .box-header h4{
        font-size:16px;
        font-weight:500
    }
}
.box-header h5{
    margin:0;
    padding:0;
    font-size:16px;
    text-transform:uppercase;
    color:#00a9ff;
    font-weight:normal
}
.box-header h5 a{
    color:#00a9ff
}
@media (max-width:480px){
    .box-header h5{
        font-size:14px;
        font-weight:500
    }
}
.box-header a{
    color:#333;
    display:block
}
.box-header.with-border{
    border-bottom:1px solid #e6e6e6
}
.collapsed-box .box-header.with-border{
    border-bottom:none
}
.box-header .fa,.box-header .glyphicon,.box-header .ion{
    display:inline-block;
    margin:0;
    line-height:1;
    text-align:center
}
.box-header .fa,.box-header .glyphicon,.box-header .ion{
    margin-right:10px
}
.box-header .box-tools.center{
    text-align:center;
    margin:0 auto
}
.box-header .box-tools.center [data-toggle=tooltip]{
    position:relative
}
.box-header .box-tools.center .input-group{
    width:270px;
    margin:0 auto
}
.box-header .box-tools.center.pull-right .dropdown-menu{
    right:0;
    left:auto
}
.box-header .box-tools.right{
    position:absolute;
    right:10px;
    top:5px
}
.box-header .box-tools.right [data-toggle=tooltip]{
    position:relative
}
.box-header .box-tools.right.pull-right .dropdown-menu{
    right:0;
    left:auto
}
.list_server_mob{
    display:none
}
@media(max-width:767px){
    .box-header .box-filter{
        display:none
    }
    .list_server_role{
        display:none!important
    }
    .list_server_mob{
        display:block
    }
}
@media (max-width:480px){
    .box-header{
        display:block
    }
    .box-header .box-filter,.box-header .box-title{
        -ms-flex:1;
        -webkit-box-flex:1;
        flex:1;
        -webkit-flex:1
    }
    .box-header .box-filter{
        text-align:left;
        margin-top:10px
    }
    .box-header .box-filter a{
        color:#00a9ff
    }
}
.btn-box-tool{
    padding:5px;
    font-size:12px;
    background:transparent;
    color:#97a0b3
}
.btn-box-tool:hover,.open .btn-box-tool{
    color:#606c84
}
.btn-box-tool.btn:active{
    -webkit-box-shadow:none;
    box-shadow:none
}
.box-body{
    border-top-left-radius:0;
    border-top-right-radius:0;
    border-bottom-right-radius:3px;
    border-bottom-left-radius:3px;
    padding:10px
}
.no-header .box-body{
    border-top-right-radius:3px;
    border-top-left-radius:3px
}
.box-body>.table{
    margin-bottom:0
}
.box-body .fc{
    margin-top:5px
}
.box-body .full-width-chart{
    margin:-19px
}
.box-body.no-padding .full-width-chart{
    margin:-9px
}
.box-body .box-pane{
    border-top-left-radius:0;
    border-top-right-radius:0;
    border-bottom-right-radius:0;
    border-bottom-left-radius:3px
}
.box-body .box-pane-right{
    border-top-left-radius:0;
    border-top-right-radius:0;
    border-bottom-right-radius:3px;
    border-bottom-left-radius:0
}
.box-footer{
    border-top-left-radius:0;
    border-top-right-radius:0;
    border-bottom-right-radius:3px;
    border-bottom-left-radius:3px;
    padding:10px
}
.chart-legend{
    margin:10px 0
}
@media (max-width:991px){
    .chart-legend>li{
        float:left;
        margin-right:10px
    }
}
.box-comments{
    background:#f7f7f7
}
.box-comments .box-comment{
    padding:8px 0;
    border-bottom:1px solid #eee
}
.box-comments .box-comment:after,.box-comments .box-comment:before{
    content:" ";
    display:table
}
.box-comments .box-comment:after{
    clear:both
}
.box-comments .box-comment:after,.box-comments .box-comment:before{
    content:" ";
    display:table
}
.box-comments .box-comment:after{
    clear:both
}
.box-comments .box-comment:last-of-type{
    border-bottom:0
}
.box-comments .box-comment:first-of-type{
    padding-top:0
}
.box-comments .box-comment img{
    float:left
}
.box-comments .comment-text{
    margin-left:40px;
    color:#555
}
.box-comments .username{
    color:#444;
    display:block;
    font-weight:600
}
.box-comments .text-muted{
    font-weight:400;
    font-size:12px
}
.todo-list{
    margin:0;
    padding:0;
    list-style:none;
    overflow:auto
}
.todo-list>li{
    border-radius:2px;
    padding:10px;
    background:#f4f4f4;
    margin-bottom:2px;
    border-left:2px solid #e6e7e8;
    color:#444
}
.todo-list>li:last-of-type{
    margin-bottom:0
}
.todo-list>li>input[type=checkbox]{
    margin:0 10px 0 5px
}
.todo-list>li .text{
    display:inline-block;
    margin-left:5px;
    font-weight:600
}
.todo-list>li .label{
    margin-left:10px;
    font-size:9px
}
.todo-list>li .tools{
    display:none;
    float:right;
    color:#dd4b39
}
.todo-list>li .tools>.fa,.todo-list>li .tools>.glyphicon,.todo-list>li .tools>.ion{
    margin-right:5px;
    cursor:pointer
}
.todo-list>li:hover .tools{
    display:inline-block
}
.todo-list>li.done{
    color:#999
}
.todo-list>li.done .text{
    text-decoration:line-through;
    font-weight:500
}
.todo-list>li.done .label{
    background:#d2d6de!important
}
.todo-list .danger{
    border-left-color:#dd4b39
}
.todo-list .warning{
    border-left-color:#f39c12
}
.todo-list .info{
    border-left-color:#00a9ff
}
.todo-list .success{
    border-left-color:#2ECC71
}
.todo-list .primary{
    border-left-color:#00a9ff
}
.todo-list .handle{
    display:inline-block;
    cursor:move;
    margin:0 5px
}
.chat{
    padding:5px 20px 5px 10px
}
.chat .item{
    margin-bottom:10px
}
.chat .item:after,.chat .item:before{
    content:" ";
    display:table
}
.chat .item:after{
    clear:both
}
.chat .item:after,.chat .item:before{
    content:" ";
    display:table
}
.chat .item:after{
    clear:both
}
.chat .item>img{
    width:40px;
    height:40px;
    border:2px solid transparent;
    border-radius:50%
}
.chat .item>.online{
    border:2px solid #2ECC71
}
.chat .item>.offline{
    border:2px solid #dd4b39
}
.chat .item>.message{
    margin-left:55px;
    margin-top:-40px
}
.chat .item>.message>.name{
    display:block;
    font-weight:600
}
.chat .item>.attachment{
    border-radius:3px;
    background:#f4f4f4;
    margin-left:65px;
    margin-right:15px;
    padding:10px
}
.chat .item>.attachment>h4{
    margin:0 0 5px 0;
    font-weight:600;
    font-size:14px
}
.chat .item>.attachment>.filename,.chat .item>.attachment>p{
    font-weight:600;
    font-size:13px;
    font-style:italic;
    margin:0
}
.chat .item>.attachment:after,.chat .item>.attachment:before{
    content:" ";
    display:table
}
.chat .item>.attachment:after{
    clear:both
}
.chat .item>.attachment:after,.chat .item>.attachment:before{
    content:" ";
    display:table
}
.chat .item>.attachment:after{
    clear:both
}
.box-input{
    max-width:200px
}
.modal .panel-body{
    color:#444
}
.group-field{
    border:1px #d2d6de solid;
    border-radius:3px;
    padding:10px 20px;
    margin-bottom:20px
}
.group-field legend{
    border-width:0;
    width:auto;
    padding:0 5px;
    margin-left:-5px;
    margin-bottom:10px;
    font-size:16px
}
.nav>li>a:active,.nav>li>a:focus,.nav>li>a:hover{
    background:transparent
}
.navbar-header li.active{
    box-shadow:#ffffff 0 -3px 0 0 inset;
    -webkit-box-shadow:#ffffff 0 -3px 0 0 inset
}
.navbar-header a span{
    color:#fff
}
.navbar-header a span:active,.navbar-header a span:focus,.navbar-header a span:hover{
    background-color:transparent
}
.navbar-header a:active,.navbar-header a:focus,.navbar-header a:hover{
    background-color:transparent
}
@media (max-width:320px){
    .navbar-header li.home{
        display:none
    }
}
@media (max-width:480px){
    .navbar-header li.apps{
        display:none
    }
}
.nav-pills>li>a{
    border-radius:0;
    font-weight:600;
    border-bottom:3px solid transparent;
    color:#4c4c4c
}
.nav-pills>li>a>.fa,.nav-pills>li>a>.glyphicon,.nav-pills>li>a>.ion{
    margin-right:5px
}
.nav-pills>li.active>a,.nav-pills>li.active>a:focus,.nav-pills>li.active>a:hover{
    border-bottom-color:#00a9ff;
    background-color:transparent;
    color:#00a9ff
}
.nav-pills>li.active>a{
    font-weight:600
}
.nav-code{
    border-radius:3px 3px 0 0;
    background-color:#242729;
    border-bottom:1px rgba(0, 0, 0, 0.15) solid;
    padding:10px
}
.nav-code>li{
    float:left;
    margin-right:10px
}
.nav-code>li>a{
    border-radius:0;
    font-weight:600;
    border-width:0;
    color:#fff;
    padding:5px 15px
}
.nav-code>li>a>.fa,.nav-code>li>a>.glyphicon,.nav-code>li>a>.ion{
    margin-right:5px
}
.nav-code>li.active>a,.nav-code>li.active>a:focus,.nav-code>li.active>a:hover{
    background-color:#00a9ff;
    color:#fff;
    border-radius:3px
}
.nav-code>li.active>a{
    font-weight:600
}
.nav-sub-line{
    border-bottom:1px solid #dddedf
}
.nav-sub-line>li{
    float:left;
    margin-right:40px
}
.nav-sub-line>li>a{
    border-radius:0;
    border-bottom:3px solid transparent;
    color:#4c4c4c;
    padding:15px 0;
    margin-bottom:-2px
}
.nav-sub-line>li>a>.fa,.nav-sub-line>li>a>.glyphicon,.nav-sub-line>li>a>.ion{
    margin-right:5px
}
.nav-sub-line>li.active>a,.nav-sub-line>li.active>a:focus,.nav-sub-line>li.active>a:hover{
    border-bottom-color:#00a9ff;
    background-color:transparent;
    color:#00a9ff
}
.nav-sub{
    border-bottom:1px solid #dddedf
}
.nav-sub>li{
    float:left;
    position:relative
}
@media(max-width:480px){
    .nav-sub>li{
        width:50%
    }
    .nav-sub>li.active a:before{
        display:none
    }
}
.nav-sub>li>a{
    border-radius:0;
    font-weight:600;
    border-bottom:0 solid transparent;
    color:#4c4c4c;
    position:relative;
    text-transform:uppercase
}
.nav-sub>li>a>.fa,.nav-sub>li>a>.glyphicon,.nav-sub>li>a>.ion{
    margin-right:5px
}
.nav-sub>li.active{
    color:#00a9ff
}
.nav-sub>li.active a{
    color:#00a9ff
}
.nav-sub>li.active a:before{
    position:absolute;
    content:"";
    width:0;
    height:0;
    bottom:0;
    left:0;
    right:0;
    margin:0 auto;
    border-left:10px solid transparent;
    border-right:10px solid transparent;
    border-bottom:10px solid #dddedf
}
.nav-sub>li.active a:after{
    position:absolute;
    content:"";
    width:0;
    height:0;
    bottom:-1px;
    left:0;
    right:0;
    margin:0 auto;
    border-left:10px solid transparent;
    border-right:10px solid transparent;
    border-bottom:10px solid #fff
}
.nav-sub>li.active>a{
    font-weight:600
}
.nav-stacked{
    margin-bottom:20px
}
.nav-stacked>li>a{
    border-radius:0;
    border-top:0;
    border-left:3px solid transparent;
    color:#4c4c4c
}
.nav-stacked>li.active>a,.nav-stacked>li.active>a:active,.nav-stacked>li.active>a:focus,.nav-stacked>li.active>a:hover{
    background:transparent;
    color:#00a9ff;
    border-top:0;
    border-left-color:#00a9ff
}
.nav-stacked>li.header{
    border-bottom:1px solid #ddd;
    color:#777;
    margin-bottom:10px;
    padding:5px 10px;
    text-transform:uppercase
}
.nav-tabs-custom{
    background:transparent;
    margin:0;
    border-width:0
}
.nav-tabs-custom>.nav-tabs{
    margin:0 0 20px 0;
    border:0 #00a9ff solid;
    float:left;
    border:0 rgba(255, 255, 255, 0.6) solid;
    border-radius:4px
}
.nav-tabs-custom>.nav-tabs>li{
    border:0 rgba(255, 255, 255, 0.6) solid;
    border-width:1px 0 1px 1px;
    margin:0
}
.nav-tabs-custom>.nav-tabs>li>a{
    color:rgba(255, 255, 255, 0.6);
    border:0 #00a9ff solid;
    font-size:14px;
    text-transform:uppercase;
    font-weight:500;
    padding:6px 15px;
    border-radius:0
}
.nav-tabs-custom>.nav-tabs>li>a.text-muted{
    color:#999
}
.nav-tabs-custom>.nav-tabs>li>a,.nav-tabs-custom>.nav-tabs>li>a:hover{
    background:transparent;
    margin:0
}
.nav-tabs-custom>.nav-tabs>li>a:hover{
    color:#fff
}
.nav-tabs-custom>.nav-tabs>li:not(.active)>a:active,.nav-tabs-custom>.nav-tabs>li:not(.active)>a:focus,.nav-tabs-custom>.nav-tabs>li:not(.active)>a:hover{
    border-color:transparent;
    border:0 #00a9ff solid
}
.nav-tabs-custom>.nav-tabs>li.active{
    background-color:rgba(255, 255, 255, 0.4);
    color:#fff
}
.nav-tabs-custom>.nav-tabs>li.active:hover>a,.nav-tabs-custom>.nav-tabs>li.active>a{
    background-color:transparent;
    color:#fff;
    border:0 #00a9ff solid
}
.nav-tabs-custom>.nav-tabs>li.active>a{
    border-bottom-color:transparent
}
.nav-tabs-custom>.nav-tabs>li:first-child{
    border:0 rgba(255, 255, 255, 0.6) solid;
    border-width:1px 0 1px 1px;
    border-radius:4px 0 0 4px
}
.nav-tabs-custom>.nav-tabs>li:last-child{
    border:0 rgba(255, 255, 255, 0.6) solid;
    border-width:1px 1px 1px 1px;
    border-radius:0 4px 4px 0
}
.nav-tabs-custom>.nav-tabs>li:first-of-type{
    margin-left:0
}
.nav-tabs-custom>.nav-tabs>li:first-of-type.active>a{
    border-left-color:transparent
}
@media (max-width:768px){
    .nav-tabs-custom>.nav-tabs{
        display:-ms-flexbox;
        display:-webkit-box;
        display:flex;
        display:-webkit-flex;
        float:none;
        border-color:#00a9ff;
        width:100%
    }
    .nav-tabs-custom>.nav-tabs>li{
        border-color:#00a9ff;
        margin:0;
        -ms-flex:1;
        -webkit-box-flex:1;
        flex:1;
        -webkit-flex:1;
        text-align:center;
        color:#333;
        width:0
    }
    .nav-tabs-custom>.nav-tabs>li>a{
        color:rgba(0, 0, 0, 0.6);
        padding:6px 0
    }
    .nav-tabs-custom>.nav-tabs>li:hover>a{
        background-color:transparent;
        color:#00a9ff;
        border-width:0
    }
    .nav-tabs-custom>.nav-tabs>li:first-child{
        border:0 #00a9ff solid;
        border-width:1px 0 1px 1px;
        border-radius:4px 0 0 4px
    }
    .nav-tabs-custom>.nav-tabs>li:last-child{
        border:0 #00a9ff solid;
        border-width:1px 1px 1px 0;
        border-radius:0 4px 4px 0
    }
    .nav-tabs-custom>.nav-tabs>li.active{
        background-color:#00a9ff;
        color:#fff
    }
    .nav-tabs-custom>.nav-tabs>li.active:hover>a,.nav-tabs-custom>.nav-tabs>li.active>a{
        background-color:transparent;
        color:#fff;
        border-width:0
    }
    .nav-tabs-custom>.nav-tabs>li.active>a{
        border-bottom-color:transparent
    }
}
@media (max-width:768px) and (max-width:768px){
    .nav-tabs-custom>.nav-tabs>li>a{
        font-size:13px;
        display:block;
        text-align:center
    }
}
.nav-tabs-custom>.nav-tabs.pull-right{
    float:none!important
}
.nav-tabs-custom>.nav-tabs.pull-right>li{
    float:right
}
.nav-tabs-custom>.nav-tabs.pull-right>li:first-of-type{
    margin-right:0
}
.nav-tabs-custom>.nav-tabs.pull-right>li:first-of-type>a{
    border-left-width:1px
}
.nav-tabs-custom>.nav-tabs.pull-right>li:first-of-type.active>a{
    border-left-color:#f4f4f4;
    border-right-color:transparent
}
.nav-tabs-custom>.nav-tabs>li.header{
    line-height:35px;
    padding:0 10px;
    font-size:20px;
    color:#4c4c4c
}
.nav-tabs-custom>.nav-tabs>li.header>.fa,.nav-tabs-custom>.nav-tabs>li.header>.glyphicon,.nav-tabs-custom>.nav-tabs>li.header>.ion{
    margin-right:5px
}
.nav-tabs-custom>.tab-content{
    padding:10px;
    border-width:0;
    border-bottom-right-radius:3px;
    border-bottom-left-radius:3px
}
.nav-tabs-custom .dropdown.open>a:active,.nav-tabs-custom .dropdown.open>a:focus{
    background:transparent;
    color:#999
}
.pagination>li>a{
    background:#fafafa;
    color:#666
}
.pagination.pagination-flat>li>a{
    border-radius:0!important
}
.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th{
    border-bottom:1px solid #e6e6e6;
    padding:10px 15px;
    vertical-align:middle
}
@media (max-width:480px){
    .table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th{
        padding:8px 10px;
        text-align:left
    }
}
.table>tbody tr:last-child td,.table>tfoot tr:last-child td,.table>thead tr:last-child td{
    border-bottom:0 solid #e6e6e6
}
.table>thead>tr>th{
    border-bottom:2px solid #e6e6e6
}
.table tr td .progress{
    margin-top:5px
}
.table>tbody>tr>th,.table>tfoot>tr>th,.table>thead>tr>th{
    border-top:1px solid #e6e6e6;
    border-bottom:1px solid #e6e6e6
}
.table-bordered{
    border:1px solid #e6e6e6
}
.table-bordered>tbody>tr>td,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>td,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{
    border:1px solid #e6e6e6
}
.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{
    border-bottom-width:2px
}
.table.no-border,.table.no-border td,.table.no-border th{
    border:0
}
table.text-center,table.text-center td,table.text-center th{
    text-align:center
}
.table.align th{
    text-align:left
}
.table.align td{
    text-align:right
}
.carousel-inner .dev-pic{
    min-height:320px
}
.carousel-indicators{
    bottom:-10px
}
.carousel-indicators li{
    width:8px;
    height:8px;
    margin:0 1px
}
.carousel-indicators li.active{
    width:8px;
    height:8px
}
.carousel-control.left,.carousel-control.right{
    background-image:none
}
.carousel-control>.fa{
    font-size:40px;
    position:absolute;
    top:50%;
    z-index:5;
    display:inline-block;
    margin-top:-20px
}
.modal{
    background:rgba(0, 0, 0, 0.3)
}
.modal-content{
    border-radius:5;
    -webkit-box-shadow:0 2px 3px rgba(0, 0, 0, 0.125);
    box-shadow:0 2px 3px rgba(0, 0, 0, 0.125);
    border:0
}
@media (min-width:768px){
    .modal-content{
        -webkit-box-shadow:0 2px 3px rgba(0, 0, 0, 0.125);
        box-shadow:0 2px 3px rgba(0, 0, 0, 0.125)
    }
}
.modal-header{
    border-bottom-color:#e6e6e6
}
.modal-header h4{
    font-weight:500;
    font-size:20px;
    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    overflow:hidden;
    word-break:break-word
}
@media (max-width:767px){
    .modal-header{
        text-align:center
    }
    .modal-header h4{
        text-align:center
    }
}
.modal-sub{
    background-color:#f5f5f5;
    padding:5px 10px;
    text-align:left;
    border-bottom:1px #e6e6e6 solid
}
.modal-sub .btn-group{
    width:100%
}
.modal-sub .btn-group .btn{
    width:50%
}
@media (max-width:767px){
    .modal-sub{
        text-align:center
    }
}
.modal-body .block-filter{
    margin:-10px -10px 0 -10px;
    padding:5px 10px;
    background-color:#f5f5f5;
    border-bottom:1px #e6e6e6 solid
}
.modal-footer{
    border-top-color:#e6e6e6
}
.modal-login iframe{
    margin-bottom:-5px
}
.modal-primary .modal-footer,.modal-primary .modal-header{
    border-color:#0087cc
}
.modal-warning .modal-footer,.modal-warning .modal-header{
    border-color:#c87f0a
}
.modal-info .modal-footer,.modal-info .modal-header{
    border-color:#0087cc
}
.modal-success .modal-footer,.modal-success .modal-header{
    border-color:#25a25a
}
.modal-danger .modal-footer,.modal-danger .modal-header{
    border-color:#c23321
}
.pad{
    padding:10px
}
.margin{
    margin:10px
}
.margin-bottom{
    margin-bottom:20px
}
.margin-bottom-none{
    margin-bottom:0
}
.margin-r-5{
    margin-right:5px
}
.inline{
    display:inline
}
.description-block{
    display:block;
    margin:10px 0;
    text-align:center
}
.description-block.margin-bottom{
    margin-bottom:25px
}
.description-block>.description-header{
    margin:0;
    padding:0;
    font-weight:600;
    font-size:16px
}
.description-block>.description-text{
    text-transform:uppercase
}
.alert-danger,.alert-error,.alert-info,.alert-success,.alert-warning,.bg-aqua,.bg-aqua-active,.bg-black,.bg-black-active,.bg-blue,.bg-blue-active,.bg-fuchsia,.bg-fuchsia-active,.bg-green,.bg-green-active,.bg-light-blue,.bg-light-blue-active,.bg-lime,.bg-lime-active,.bg-maroon,.bg-maroon-active,.bg-navy,.bg-navy-active,.bg-olive,.bg-olive-active,.bg-orange,.bg-orange-active,.bg-purple,.bg-purple-active,.bg-red,.bg-red-active,.bg-teal,.bg-teal-active,.bg-yellow,.bg-yellow-active,.modal-danger .modal-body,.modal-danger .modal-footer,.modal-danger .modal-header,.modal-info .modal-body,.modal-info .modal-footer,.modal-info .modal-header,.modal-primary .modal-body,.modal-primary .modal-footer,.modal-primary .modal-header,.modal-success .modal-body,.modal-success .modal-footer,.modal-success .modal-header,.modal-warning .modal-body,.modal-warning .modal-footer,.modal-warning .modal-header{
    color:#fff!important
}
.bg-gray{
    color:#000;
    background-color:#d2d6de!important
}
.bg-gray-light{
    background-color:#f7f7f7
}
.bg-black{
    background-color:#111!important
}
.alert-danger,.alert-error,.bg-red,.modal-danger .modal-body{
    background-color:#dd4b39!important
}
.alert-warning,.bg-yellow,.modal-warning .modal-body{
    background-color:#fff7f7!important
}
.alert-info,.bg-aqua,.modal-info .modal-body{
    background-color:#00a9ff!important
}
.bg-blue{
    background-color:#00a9ff!important
}
.bg-light-blue,.modal-primary .modal-body{
    background-color:#00a9ff!important
}
.alert-success,.bg-green,.modal-success .modal-body{
    background-color:#2ECC71!important
}
.bg-navy{
    background-color:#001F3F!important
}
.bg-teal{
    background-color:#39CCCC!important
}
.bg-olive{
    background-color:#3D9970!important
}
.bg-lime{
    background-color:#01FF70!important
}
.bg-orange{
    background-color:#FF851B!important
}
.bg-fuchsia{
    background-color:#F012BE!important
}
.bg-purple{
    background-color:#605ca8!important
}
.bg-maroon{
    background-color:#D81B60!important
}
.bg-gray-active{
    color:#000;
    background-color:#b5bbc8!important
}
.bg-black-active{
    background-color:#000!important
}
.bg-red-active,.modal-danger .modal-footer,.modal-danger .modal-header{
    background-color:#d33724!important
}
.bg-yellow-active,.modal-warning .modal-footer,.modal-warning .modal-header{
    background-color:#db8b0b!important
}
.bg-aqua-active,.modal-info .modal-footer,.modal-info .modal-header{
    background-color:#0095e0!important
}
.bg-blue-active{
    background-color:#0087cc!important
}
.bg-light-blue-active,.modal-primary .modal-footer,.modal-primary .modal-header{
    background-color:#0095e0!important
}
.bg-green-active,.modal-success .modal-footer,.modal-success .modal-header{
    background-color:#29b765!important
}
.bg-navy-active{
    background-color:#001a35!important
}
.bg-teal-active{
    background-color:#30bbbb!important
}
.bg-olive-active{
    background-color:#368763!important
}
.bg-lime-active{
    background-color:#00e765!important
}
.bg-orange-active{
    background-color:#ff7701!important
}
.bg-fuchsia-active{
    background-color:#db0ead!important
}
.bg-purple-active{
    background-color:#555299!important
}
.bg-maroon-active{
    background-color:#ca195a!important
}
[class^=bg-].disabled{
    opacity:.65;
    filter:alpha(opacity=65)
}
.text-red{
    color:#dd4b39!important
}
.text-yellow{
    color:#f39c12!important
}
.text-aqua{
    color:#00a9ff!important
}
.text-blue{
    color:#00a9ff!important
}
.text-black{
    color:#111!important
}
.text-light-blue{
    color:#00a9ff!important
}
.text-green{
    color:#2ECC71!important
}
.text-gray{
    color:#d2d6de!important
}
.text-navy{
    color:#001F3F!important
}
.text-teal{
    color:#39CCCC!important
}
.text-olive{
    color:#3D9970!important
}
.text-lime{
    color:#01FF70!important
}
.text-orange{
    color:#FF851B!important
}
.text-fuchsia{
    color:#F012BE!important
}
.text-purple{
    color:#605ca8!important
}
.text-maroon{
    color:#D81B60!important
}
.link-muted{
    color:#7a869d
}
.link-muted:focus,.link-muted:hover{
    color:#606c84
}
.link-black{
    color:#666
}
.link-black:focus,.link-black:hover{
    color:#999
}
.hide{
    display:none!important
}
.no-border{
    border:0!important
}
.no-padding{
    padding:0!important
}
.no-margin{
    margin:0!important
}
.no-shadow{
    -webkit-box-shadow:none!important;
    box-shadow:none!important
}
.chart-legend,.list-unstyled{
    list-style:none;
    margin:0;
    padding:0
}
.list-group-unbordered>.list-group-item{
    border-left:0;
    border-right:0;
    border-radius:0;
    padding-left:0;
    padding-right:0
}
.flat{
    border-radius:0!important
}
.text-bold,.text-bold.table td,.text-bold.table th{
    font-weight:700
}
.text-sm{
    font-size:12px
}
.jqstooltip{
    padding:5px!important;
    width:auto!important;
    height:auto!important
}
.bg-teal-gradient{
    background:#39CCCC!important;
    background:-o-linear-gradient(#7adddd, #39CCCC)!important;
    filter:progid: DXImageTransform.Microsoft.gradient(startColorstr='#7adddd', endColorstr='#39CCCC', GradientType=0)!important;
    color:#fff
}
.bg-light-blue-gradient{
    background:#00a9ff!important;
    background:-o-linear-gradient(#3dbeff, #00a9ff)!important;
    filter:progid: DXImageTransform.Microsoft.gradient(startColorstr='#3dbeff', endColorstr='#00a9ff', GradientType=0)!important;
    color:#fff
}
.bg-blue-gradient{
    background:#00a9ff!important;
    background:-o-linear-gradient(#24b5ff, #00a9ff)!important;
    filter:progid: DXImageTransform.Microsoft.gradient(startColorstr='#24b5ff', endColorstr='#00a9ff', GradientType=0)!important;
    color:#fff
}
.bg-aqua-gradient{
    background:#00a9ff!important;
    background:-o-linear-gradient(#24b5ff, #00a9ff)!important;
    filter:progid: DXImageTransform.Microsoft.gradient(startColorstr='#24b5ff', endColorstr='#00a9ff', GradientType=0)!important;
    color:#fff
}
.bg-yellow-gradient{
    background:#f39c12!important;
    background:-o-linear-gradient(#f7bc60, #f39c12)!important;
    filter:progid: DXImageTransform.Microsoft.gradient(startColorstr='#f7bc60', endColorstr='#f39c12', GradientType=0)!important;
    color:#fff
}
.bg-purple-gradient{
    background:#605ca8!important;
    background:-o-linear-gradient(#9491c4, #605ca8)!important;
    filter:progid: DXImageTransform.Microsoft.gradient(startColorstr='#9491c4', endColorstr='#605ca8', GradientType=0)!important;
    color:#fff
}
.bg-green-gradient{
    background:#2ECC71!important;
    background:-o-linear-gradient(#48d684, #2ECC71)!important;
    filter:progid: DXImageTransform.Microsoft.gradient(startColorstr='#48d684', endColorstr='#2ECC71', GradientType=0)!important;
    color:#fff
}
.bg-red-gradient{
    background:#dd4b39!important;
    background:-o-linear-gradient(#e47365, #dd4b39)!important;
    filter:progid: DXImageTransform.Microsoft.gradient(startColorstr='#e47365', endColorstr='#dd4b39', GradientType=0)!important;
    color:#fff
}
.bg-black-gradient{
    background:#111!important;
    background:-o-linear-gradient(#2b2b2b, #111)!important;
    filter:progid: DXImageTransform.Microsoft.gradient(startColorstr='#2b2b2b', endColorstr='#111', GradientType=0)!important;
    color:#fff
}
.bg-maroon-gradient{
    background:#D81B60!important;
    background:-o-linear-gradient(#e73f7c, #D81B60)!important;
    filter:progid: DXImageTransform.Microsoft.gradient(startColorstr='#e73f7c', endColorstr='#D81B60', GradientType=0)!important;
    color:#fff
}
.description-block .description-icon{
    font-size:16px
}
.no-pad-top{
    padding-top:0
}
.position-static{
    position:static!important
}
.list-header{
    font-size:15px;
    padding:10px 4px;
    font-weight:bold;
    color:#666
}
.list-seperator{
    height:1px;
    background:#e6e6e6;
    margin:15px 0 9px 0
}
.list-link>a{
    padding:4px;
    color:#777
}
.list-link>a:hover{
    color:#222
}
.font-light{
    font-weight:300
}
.user-block:after,.user-block:before{
    content:" ";
    display:table
}
.user-block:after{
    clear:both
}
.user-block:after,.user-block:before{
    content:" ";
    display:table
}
.user-block:after{
    clear:both
}
.user-block img{
    width:40px;
    height:40px;
    float:left
}
.user-block .comment,.user-block .description,.user-block .username{
    display:block;
    margin-left:50px
}
.user-block .username{
    font-size:16px;
    font-weight:600
}
.user-block .description{
    color:#999;
    font-size:13px
}
.user-block.user-block-sm .comment,.user-block.user-block-sm .description,.user-block.user-block-sm .username{
    margin-left:40px
}
.user-block.user-block-sm .username{
    font-size:14px
}
.box-comments .box-comment img,.img-lg,.img-md,.img-sm,.user-block.user-block-sm img{
    float:left
}
.box-comments .box-comment img,.img-sm,.user-block.user-block-sm img{
    width:30px!important;
    height:30px!important
}
.img-sm+.img-push{
    margin-left:40px
}
.img-md{
    width:60px;
    height:60px
}
.img-md+.img-push{
    margin-left:70px
}
.img-lg{
    width:100px;
    height:100px
}
.img-lg+.img-push{
    margin-left:110px
}
.img-bordered{
    border:3px solid #d2d6de;
    padding:3px
}
.img-bordered-sm{
    border:2px solid #d2d6de;
    padding:2px
}
.attachment-block{
    border:1px solid #e6e6e6;
    padding:5px;
    margin-bottom:10px;
    background:#f7f7f7
}
.attachment-block .attachment-img{
    max-width:100px;
    max-height:100px;
    height:auto;
    float:left
}
.attachment-block .attachment-pushed{
    margin-left:110px
}
.attachment-block .attachment-heading{
    margin:0
}
.attachment-block .attachment-text{
    color:#555
}
.connectedSortable{
    min-height:100px
}
.ui-helper-hidden-accessible{
    border:0;
    clip:rect(0 0 0 0);
    height:1px;
    margin:-1px;
    overflow:hidden;
    padding:0;
    position:absolute;
    width:1px
}
.sort-highlight{
    background:#f4f4f4;
    border:1px dashed #ddd;
    margin-bottom:10px
}
.full-opacity-hover{
    opacity:.65;
    filter:alpha(opacity=65)
}
.full-opacity-hover:hover{
    opacity:1;
    filter:alpha(opacity=100)
}
.chart{
    position:relative;
    overflow:hidden;
    width:100%
}
.chart canvas,.chart svg{
    width:100%!important
}
.loading{
    display:none
}
.loading_overlay{
    position:fixed;
    top:0;
    height:100%;
    bottom:0;
    width:100%;
    right:0;
    left:0;
    z-index:1000;
    background:rgba(255, 255, 255, 0.9)
}
.loading_img{
    position:fixed;
    width:40px;
    height:40px;
    background:url(../img/reload.svg) no-repeat top left /100%;
    display:block;
    top:45%;
    left:49.6%;
    z-index:1100
}
.resize{
    display:block;
    max-width:100%;
    height:auto
}
.nice-select .list{
    display:none
}
.nice-select.open .list{
    display:block;
    width:100%
}
.login_block{
    max-width:600px;
    margin:30px auto;
    padding:40px 100px;
    background:#fff;
    border-radius:6px;
    border:1px solid #e5e5e5;
    /*overflow:hidden;*/
    -webkit-box-shadow:0 4px 15px rgba(0, 0, 0, 0.05);
    box-shadow:0 4px 15px rgba(0, 0, 0, 0.05);
    margin-bottom:110px;
    margin-top:80px
}
.login_block h2#gamota_logo{
    margin-top:0
}
.login_block h2#gamota_logo img{
    margin-left:auto;
    margin-right:auto;
    display:block;
    max-width:100%;
    width:200px
}
.login_block h3{
    text-align:center;
    margin-bottom:30px
}
.input-field{
    position:relative
}
.input-field .placeholder{
    /*position:absolute;*/
    left:0;
    z-index:1;
    pointer-events:none;
    width:100%;
    -webkit-transition:.25s cubic-bezier(.25, .8, .25, 1);
    -o-transition:.25s cubic-bezier(.25, .8, .25, 1);
    transition:.25s cubic-bezier(.25, .8, .25, 1);
    margin:0;
    font-weight:normal;
    height:36px;
    padding:12px 12px;
    font-size:13px;
    line-height:1.42857143;
    color:#666;
    display:inline-block;
    text-transform:none
}
.input-field .placeholder.active{
    -webkit-transition:.25s cubic-bezier(.25, .8, .25, 1);
    -o-transition:.25s cubic-bezier(.25, .8, .25, 1);
    transition:.25s cubic-bezier(.25, .8, .25, 1);
    top:-12px;
    font-size:75%;
    color:#00a9ff;
    padding:6px 7px
}
.input-field .placeholder.active span{
    color:#00a9ff;
    background-color:#fff;
    padding:0px 5px
}
.input-field .nice-select{
    margin-top:10px;
    padding:0px 10px;
    float:none
}
.login_block .form-control{
    height:40px;
    line-height:40px
}
.login_block .form-control:focus{
    border-color:#00a9ff;
    outline:0
}
.login_block .btn{
    height:50px
}
.login_block .btn-primary{
    text-transform:uppercase;
    font-weight:bold;
    font-size:14px
}
.btn-social .btn{
    text-align:left
}
.btn-social .btn span{
    display:inline-block;
    margin-top:3px
}
.btn-social .fa{
    font-size:16px;
    position:relative;
    line-height:inherit;
    left:auto;
    bottom:auto;
    margin-right:10px;
    float:left
}
.btn-social .btn-google-plus{
    background:#dd4b39;
    color:#fff
}
.btn-social .btn-twitter{
    background:#55acee;
    color:#fff
}
.login_block .note_{
    width:100%;
    float:left;
    font-style:italic;
    color:#999
}
.login_block .note_ ol{
    padding-left:12px
}
.login_block .note_ ol li{
    margin-bottom:10px
}
.login_block .acc-footer{
    margin-top:-10px;
    overflow:hidden
}
@media(max-width:480px){
    .login_block{
        padding:20px;
        border:none;
        margin-top:20px;
        -webkit-box-shadow:none;
        box-shadow:none
    }
    .login_block h2{
        display:none
    }
    .btn-social .btn span{
        display:none
    }
    .btn-social.row{
        margin-left:-5px;
        margin-right:-5px
    }
    .btn-social .col-xs-4{
        padding-left:5px;
        padding-right:5px
    }
    .btn-social .btn{
        text-align:center
    }
    .btn-social .fa{
        text-align:center;
        float:none;
        margin-right:0
    }
    .login_block h3{
        font-size:16px;
        margin-top:0
    }
    .acc-footer{
        font-size:12px
    }
    .login_block .note_{
        font-size:12px
    }
}
#modal_bank .modal-dialog{
    max-width:300px;
    margin-left:auto;
    margin-right:auto;
    font-size:14px;
    color:#666;
    margin-top:100px
}
#modal_bank .modal-dialog strong{
    color:#333;
    display:block
}
#modal_bank .btn-group-justified>.btn,#modal_bank .btn-group-justified>.btn-group{
    width:50%;
    margin-top:10px
}
.list-pack-img ul{
    margin-left:0;
    padding-left:0
}
.list-pack-img ul li{
    padding:2.5px;
    display:inline-block;
    width:12.5%
}
@media(max-width:1100px){
    .list-pack-img ul li{
        width:14.25%
    }
}
@media(max-width:992px){
    .list-pack-img ul li{
        width:16.6667%!important
    }
}
@media(max-width:767px) and (min-width:480px){
    .list-checkbox>label.btn-text{
        width:50%
    }
}
@media(max-width:414px){
    .list-pack-img ul li{
        width:25%
    }
    .list-checkbox>label.btn-text{
        width:100%
    }
}
@media(max-width:375px){
    .list-pack-img ul li{
        width:33.3333%!important
    }
}
label input[type=radio]{
    position:absolute;
    clip:rect(0, 0, 0, 0);
    pointer-events:none
}
.box-title-info{
    margin-top:20px;
    background-color:#fff;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    height:auto;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-align-items:center;
    position:relative;
    border-radius:3px;
    margin:0;
    padding:5px;
    border:1px #e5e7ea solid;
    cursor:pointer;
    margin-bottom:10px
}
.box-title-info div{
    display:block
}
.box-title-info.active{
    background-color:#00a9ff;
    border-color:#00a9ff;
    color:#fff
}
.box-title-info .character_name{
    font-size:14px;
    display:block;
    width:80%
}
.box-title-info .server_name{
    display:block;
    font-size:12px
}
.box-pay-amount{
    width:40%
}
.box-pay-amount .payment_method{
    display:block;
    font-size:12px
}
.box-action{
    width:20%
}
img{
    text-indent:-10000px
}
.btn-check,.item-apps{
    position:relative
}
.badge{
    position:absolute;
    z-index:1;
    margin:0 auto;
    display:block;
    left:-5px;
    right:auto;
    width:60px;
    height:32px;
    color:#fff;
    font-weight:bold;
    top:15px;
    font-size:18px;
    text-align:center;
    padding-left:5px;
    padding-top:2px
}
.badge-hot{
    background:url(../img/badge-hot.png) no-repeat top left /100%
}
.badge-new{
    background:url(../img/badge-new.png) no-repeat top left /100%
}
.badge-sale{
    background:url(../img/badge-sale.png) no-repeat top left /100%
}
.badge span{
    transform:rotate(-4deg);
    -webkit-transform:rotate(-4deg);
    -ms-transform:rotate(-4deg);
    -moz-transform:rotate(-4deg);
    display:block;
    color:#fff!important;
    font-size:18px!important;
    width:auto!important;
    line-height:inherit!important;
    font-weight:bold!important
}
@media(max-width:480px){
    .box-title-info .character_name{
        width:60%
    }
    .box-action{
        width:40%
    }
    .item-apps .badge{
        top:50px;
        font-size:16px;
        width:50px
    }
    .inner-btn .badge{
        top:4px;
        right:5px;
        left:auto;
        width:50px
    }
    .inner-btn .badge span{
        text-align:center!important;
        font-size:16px!important
    }
}
.rotate{
    animation:rotate linear .6s;
    animation-iteration-count:infinite;
    transform-origin:50% 50%;
    -webkit-animation:rotate linear .6s;
    -webkit-animation-iteration-count:infinite;
    -webkit-transform-origin:50% 50%;
    -moz-animation:rotate linear .6s;
    -moz-animation-iteration-count:infinite;
    -moz-transform-origin:50% 50%;
    -o-animation:rotate linear .6s;
    -o-animation-iteration-count:infinite;
    -o-transform-origin:50% 50%;
    -ms-animation:rotate linear .6s;
    -ms-animation-iteration-count:infinite;
    -ms-transform-origin:50% 50%
}
@keyframes rotate{
    0%{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg)
    }
    to{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
@-moz-keyframes rotate{
    0%{
        -moz-transform:rotate(0deg)
    }
    to{
        -moz-transform:rotate(360deg)
    }
}
@-webkit-keyframes rotate{
    0%{
        -webkit-transform:rotate(0deg)
    }
    to{
        -webkit-transform:rotate(360deg)
    }
}
@-o-keyframes rotate{
    0%{
        -o-transform:rotate(0deg)
    }
    to{
        -o-transform:rotate(360deg)
    }
}
@-ms-keyframes rotate{
    0%{
        -ms-transform:rotate(0deg)
    }
    to{
        -ms-transform:rotate(360deg)
    }
}
#btn_progressing{
    display:none
}
#btn_progressing i{
    margin-right:8px
}
.list-new-tabs{
    border-bottom:none;
    padding-top:10px;
    margin-top:0
}
.list-new-tabs li{
    margin-right:10px;
    margin-bottom:10px
}
.list-new-tabs a{
    background:#fff;
    border-radius:3px;
    border:1px solid #e5e7ea!important;
    text-transform:uppercase;
    color:#666;
    font-weight:500;
    position:relative;
    padding:6px 15px!important
}
.taglist{
    animation:light linear .7s;
    animation-iteration-count:infinite;
    transform-origin:50% 50%;
    -webkit-animation:light linear .7s;
    -webkit-animation-iteration-count:infinite;
    -webkit-transform-origin:50% 50%;
    -moz-animation:light linear .7s;
    -moz-animation-iteration-count:infinite;
    -moz-transform-origin:50% 50%;
    -o-animation:light linear .7s;
    -o-animation-iteration-count:infinite;
    -o-transform-origin:50% 50%;
    -ms-animation:light linear .7s;
    -ms-animation-iteration-count:infinite;
    -ms-transform-origin:50% 50%
}
@keyframes light{
    0%{
        opacity:1
    }
    to{
        opacity:0
    }
}
@-moz-keyframes light{
    0%{
        opacity:1
    }
    to{
        opacity:0
    }
}
@-webkit-keyframes light{
    0%{
        opacity:1
    }
    to{
        opacity:0
    }
}
@-o-keyframes light{
    0%{
        opacity:1
    }
    to{
        opacity:0
    }
}
@-ms-keyframes light{
    0%{
        opacity:1
    }
    to{
        opacity:0
    }
}
.list-new-tabs a .taglist{
    padding:0px 4px;
    font-size:10px;
    color:#fff;
    top:-10px;
    left:4px;
    position:absolute;
    border-radius:2px;
    -webkit-border-radius:2px;
    -moz-border-radius:2px
}
.saleoff{
    background:orange
}
.hot-package{
    background:red
}
.list-new-tabs li.active a{
    background:#00a9ff!important;
    color:#fff!important;
    border-color:#00a9ff!important;
    border-radius:3px!important
}
.list-new-tabs a .badge{
    position:absolute;
    width:18px;
    height:18px;
    background:red;
    color:#fff;
    font-size:14px;
    text-align:center;
    line-height:16px;
    top:-10px;
    right:-10px;
    display:block;
    border-radius:50%
}
ul.list-new-pack{
    list-style:none;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start;
    -webkit-justify-content:flex-start;
    -ms-flex-line-pack:center;
    align-content:center;
    -webkit-align-content:center;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-flow:row wrap;
    flex-flow:row wrap;
    -webkit-flex-flow:row wrap;
    margin:10px -2px 0;
    padding:0
}
ul.list-new-pack li{
    width:33.3333%
}
@media(max-width:480px){
    ul.list-new-pack li{
        width:50%
    }
}
ul.list-new-pack li .item-pack{
    padding:5px;
    position:relative;
    letter-spacing:-0.21px
}
ul.list-new-pack li .item-pack [type=radio]{
    position:absolute;
    opacity:0
}
ul.list-new-pack li .item-pack [type=radio]:not(:checked)+label{
    background-color:#fff;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    height:auto;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-align-items:center;
    position:relative;
    overflow:hidden;
    border-radius:3px;
    margin:0;
    cursor:pointer;
    position:relative
}
.list-new-pack .item-pack [type=radio]:checked+label:before,ul.list-new-pack li .item-pack [type=radio]:checked+label:before{
    width:24px;
    height:24px;
    background:#fff;
    border-radius:50%;
    content:"";
    display:block;
    position:absolute;
    bottom:10px;
    left:14px
}
.list-new-pack .item-pack [type=radio]:checked+label:after,ul.list-new-pack li .item-pack [type=radio]:checked+label:after{
    content:"\f058";
    font-family:'fontAwesome', arial;
    font-size:22px;
    color:#27AE60;
    position:absolute;
    bottom:6px;
    left:16px
}
.list-mess{
    list-style:none;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start;
    -webkit-justify-content:flex-start;
    -ms-flex-line-pack:center;
    align-content:center;
    -webkit-align-content:center;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-flow:row wrap;
    flex-flow:row wrap;
    -webkit-flex-flow:row wrap
}
.list-mess:hover{
    background:#fff;
    cursor:pointer
}
.list-mess .col-2-4{
    width:60%;
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis;
    overflow:hidden;
    white-space:nowrap
}
.list-mess .col-1-2{
    width:20%
}
.list-mess .col-1-2.time{
    text-align:right;
    font-weight:normal;
    color:#888
}
.content_invent ul{
    margin:0;
    padding:0
}
.list-mess{
    padding:8px;
    border-bottom:1px solid #e5e7ea
}
.list-mess.unread{
    background:#fff;
    font-weight:bold
}
.title_invent.list-mess{
    margin-bottom:0;
    margin-top:0;
    border-bottom:1px solid #e5e6ea
}
@media(max-width:600px){
    .title_invent{
        display:none
    }
    .list-mess{
        position:relative
    }
    .list-mess .col-2-4{
        width:calc(100% - 60px)
    }
    .list-mess .col-1-2{
        width:100%;
        color:#888
    }
    .list-mess .time{
        position:absolute;
        top:8px;
        right:0;
        font-size:12px
    }
    .list-new-tabs{
        white-space:nowrap;
        width:100%;
        overflow-y:auto
    }
    .list-new-tabs li{
        white-space:nowrap;
        float:none
    }
}
.user_notification{
    position:relative;
    font-size:17px;
    margin-top:2px
}
.user_notification .badge{
    position:absolute;
    width:18px;
    height:18px;
    background:red;
    color:#fff;
    font-size:12px;
    font-weight:bold;
    text-align:center;
    line-height:18px;
    top:10px;
    right:0px;
    display:block;
    border-radius:50%
}
.list-new-pack .item-pack{
    position:relative
}
.list-new-pack .item-pack input[type=radio]{
    position:absolute;
    opacity:0
}
.qr-wrapper{
    margin-top:-10px;
    width:100%;
    height:100%;
    background:url(../img/bg.jpg)no-repeat center center /100%;
    background-size:cover;
    display:-webkit-flex;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-align-items:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-justify-content:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    z-index:2
}
.qr-window{
    text-align:center
}
.title{
    font-weight:normal;
    font-size:80px;
    font-weight:800;
    text-transform:uppercase;
    line-height:100%;
    color:#fff;
    margin-bottom:20px
}
.des{
    font-size:26px;
    line-height:120%;
    color:#fff;
    text-transform:uppercase;
    margin-bottom:20px
}
@media (max-width:700px){
    .title{
        font-size:30px
    }
    .des{
        font-size:15px
    }
}
#clouds{
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    margin:auto;
    height:100%;
    overflow:hidden;
    -webkit-animation:FadeIn 3s ease-out;
    animation:FadeIn 3s ease-out;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    z-index:9;
    padding:100px 0
}
.cloud{
    width:200px;
    height:60px;
    background:#fff;
    border-radius:200px;
    -moz-border-radius:200px;
    -webkit-border-radius:200px;
    position:relative
}
.cloud:after,.cloud:before{
    content:'';
    position:absolute;
    background:#fff;
    width:100px;
    height:80px;
    position:absolute;
    top:-15px;
    left:10px;
    border-radius:100px;
    -moz-border-radius:100px;
    -webkit-border-radius:100px;
    -webkit-transform:rotate(30deg);
    -ms-transform:rotate(30deg);
    transform:rotate(30deg);
    -moz-transform:rotate(30deg)
}
.cloud:after{
    width:120px;
    height:120px;
    top:-55px;
    left:auto;
    right:15px
}
.x1{
    opacity:0.9;
    -webkit-animation:moveclouds 30s linear infinite;
    -moz-animation:moveclouds 30s linear infinite;
    -o-animation:moveclouds 30s linear infinite
}
.x2{
    left:200px;
    -webkit-transform:scale(0.6);
    -moz-transform:scale(0.6);
    -ms-transform:scale(0.6);
    transform:scale(0.6);
    opacity:0.4;
    -webkit-animation:moveclouds 40s linear infinite;
    -moz-animation:moveclouds 40s linear infinite;
    -o-animation:moveclouds 40s linear infinite
}
.x3{
    left:-250px;
    top:-200px;
    -webkit-transform:scale(0.8);
    -moz-transform:scale(0.8);
    -ms-transform:scale(0.8);
    transform:scale(0.8);
    opacity:0.8;
    -webkit-animation:moveclouds 40s linear infinite;
    -moz-animation:moveclouds 40s linear infinite;
    -o-animation:moveclouds 40s linear infinite
}
.x4{
    left:470px;
    top:-250px;
    -webkit-transform:scale(0.75);
    -moz-transform:scale(0.75);
    -ms-transform:scale(0.75);
    transform:scale(0.75);
    opacity:0.75;
    -webkit-animation:moveclouds 50s linear infinite;
    -moz-animation:moveclouds 50s linear infinite;
    -o-animation:moveclouds 50s linear infinite
}
.x5{
    left:-150px;
    top:-150px;
    -webkit-transform:scale(0.8);
    -moz-transform:scale(0.8);
    -ms-transform:scale(0.8);
    transform:scale(0.8);
    opacity:0.9;
    -webkit-animation:moveclouds 60s linear infinite;
    -moz-animation:moveclouds 60s linear infinite;
    -o-animation:moveclouds 60s linear infinite
}
@-webkit-keyframes moveclouds{
    0%{
        margin-left:-200px
    }
    to{
        margin-left:1000px
    }
}
@-moz-keyframes moveclouds{
    0%{
        margin-left:-200px
    }
    to{
        margin-left:1000px
    }
}
@-o-keyframes moveclouds{
    0%{
        margin-left:-200px
    }
    to{
        margin-left:1000px
    }
}
@media(max-width:1400px){
    .title{
        font-size:65px
    }
    .des{
        font-size:20px
    }
    .nv1 img{
        max-width:440px
    }
}
@media(max-width:480px){
    .title{
        font-size:48px;
        margin-bottom:10px
    }
    .des{
        font-size:16px
    }
    .nv1 img{
        max-width:350px
    }
}
.nap-info{
    float:left;
    width:50%;
    text-align:left
}
.nap-info .title-footer{
    text-align:left
}
.nap-info .info-footer{
    text-align:left
}
.info-vi{
    float:right;
    text-align:right;
    width:50%;
    color:#2d682f
}
.info-vi .footer-title{
    background:#c8edc9;
    color:#2d682f;
    display:inline-block;
    clear:both;
    border-radius:13px;
    padding:1px 9px
}
.info-vi .footer-title:after{
    content:"";
    display:block;
    width:100%;
    clear:both
}
.info-vi ul{
    margin:15px 0 0 0;
    padding:0;
    list-style:none;
    text-align:right;
    float:right
}
.info-vi ul li{
    display:block;
    clear:both;
    margin:0 0 5px 0
}
.info-vi ul li a{
    color:#737373;
    line-height:20px;
    display:block
}
.info-vi ul li a img{
    height:30px
}
.vi-info{
    float:right;
    margin-right:25px
}
.vi-info img{
    width:70px;
    margin-top:9px
}
.vi-mob{
    display:none
}
.vi-header{
    background:#c8edc9;
    border-radius:2px;
    padding:10px;
    color:;
    color:#2d682f;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
	margin-bottom: 10px;
}
.vi-header .box-wallet-l .vi-info{
    width:30px;
    float:left;
    margin-right:10px
}
.vi-header .box-wallet-l .vi-info img{
    width:100%;
    margin-top:0
}
.vi-header .box-wallet-l p{
    margin-top:0;
    margin-bottom:0;
    line-height:3.4rem;
    font-size:1.4rem
}
@media(min-width:480px){
    .vi-header>div{
        width:50%
    }
}
.vi-header .box-wallet-r{
    text-align:right
}
.vi-header .box-wallet-r ul{
    list-style:none;
    margin:0;
    padding:0
}
.vi-header .box-wallet-r li{
    display:inline-block;
    width:90px
}
.vi-header .box-wallet-r li a{
    display:block
}
.vi-header .box-wallet-r li a img{
    max-width:100%
}
@media (max-width:480px){
    .vi-pc{
        display:none
    }
    .vi-mob{
        display:block
    }
    .info-vi,.nap-info{
        width:100%;
        padding:10px;
        float:none;
        text-align:center
    }
    .nap-info .info-footer,.nap-info .title-footer{
        text-align:center
    }
    .vi-info{
        float:none;
        margin-right:0
    }
    .info-vi ul{
        text-align:center;
        display:block;
        float:none
    }
    .info-vi ul li{
        clear:both;
        display:inline-block;
        margin:0px 5px 5px 0
    }
    .info-vi ul li a img{
        height:40px
    }
    .vi-header{
        margin-left:-10px;
        margin-right:-10px
    }
    .vi-header .box-wallet-l p{
        line-height:inherit;
        font-size:1.2rem
    }
}
@keyframes rounded_spin{
    0%{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg)
    }
    to{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
@-moz-keyframes rounded_spin{
    0%{
        -moz-transform:rotate(0deg)
    }
    to{
        -moz-transform:rotate(360deg)
    }
}
@-webkit-keyframes rounded_spin{
    0%{
        -webkit-transform:rotate(0deg)
    }
    to{
        -webkit-transform:rotate(360deg)
    }
}
@-o-keyframes rounded_spin{
    0%{
        -o-transform:rotate(0deg)
    }
    to{
        -o-transform:rotate(360deg)
    }
}
@-ms-keyframes rounded_spin{
    0%{
        -ms-transform:rotate(0deg)
    }
    to{
        -ms-transform:rotate(360deg)
    }
}
.badge-maintainance{
    background:#ef7676;
    color:#fff!important;
    font-size:12px;
    border-radius:10px;
    padding:0px 4px;
    position:absolute;
    top:8px;
    right:6px;
    height:19px;
    width:60px!important
}
.badge-maintainance .fa{
    animation:rounded_spin ease 6s;
    animation-iteration-count:infinite;
    transform-origin:50% 50%;
    -webkit-animation:rounded_spin ease 6s;
    -webkit-animation-iteration-count:infinite;
    -webkit-transform-origin:50% 50%;
    -moz-animation:rounded_spin ease 6s;
    -moz-animation-iteration-count:infinite;
    -moz-transform-origin:50% 50%;
    -o-animation:rounded_spin ease 6s;
    -o-animation-iteration-count:infinite;
    -o-transform-origin:50% 50%;
    -ms-animation:rounded_spin ease 6s;
    -ms-animation-iteration-count:infinite;
    -ms-transform-origin:50% 50%;
    font-size:12px;
    margin-right:5px
}
#list-method .badge{
    background:#ed3737;
    width:40px;
    height:40px;
    border-radius:50%;
    top:10px;
    right:10px;
    left:auto;
    line-height:40px;
    padding-left:0;
    padding-top:0
}
#list-method .badge span{
    transform:rotate(0);
    -webkit-transform:rotate(0);
    -moz-transform:rotate(0);
    -ms-transform:rotate(0);
    font-size:15px!important
}
.box-rule-content{
    background:#f5f5f5;
    border:1px solid #e5e5e5;
    padding:10px;
    border-radius:4px;
    font-family:'Roboto', helvetica, sans-serif;
    max-height:150px;
    overflow-y:auto
}
.show-visa-privacy .checkbox input[type=checkbox]{
    margin-left:0
}
.box-rule-content p{
    margin:6px 0
}
@media(max-width:600px){
    #list-method .badge{
        background:none;
        height:auto;
        top:8px;
        right:8px;
        line-height:inherit;
        border-radius:0
    }
    #list-method .badge span{
        color:#ed3737!important
    }
}
.notice_maintain{
    background:#F04C5B;
    padding:10px;
    border-radius:2px;
    margin-top:20px;
    color:#fff;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    margin-bottom:20px
}
.notice_maintain .notice-barrie{
    width:84px
}
.notice_maintain .notice-barrie img{
    display:block;
    width:100%
}
.notice_maintain .icon-method{
    text-align:right;
    width:calc(30% - 80px)
}
.notice_maintain .icon-method img{
    height:79px
}
.notice_maintain .icon-method a{
    display:inline-block;
    padding:0px 10px
}
.notice_maintain .notice_content{
    max-width:70%;
    padding-left:10px;
    line-height:1.5;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    margin-top:20px
}
.notice_maintain .notice_content a{
    color:#fff;
    font-weight:bold;
    text-decoration:underline
}
@media(max-width:1200px){
    .notice_maintain .icon-method img{
        height:70px
    }
    .notice_maintain .notice_content{
        margin-top:10px
    }
    .notice_maintain .notice-barrie{
        width:74px
    }
}
@media(max-width:992px){
    .notice_maintain .icon-method{
        width:160px
    }
    .notice_maintain .icon-method a{
        padding:0 5px
    }
    .notice_maintain .icon-method img{
        height:60px
    }
    .notice_maintain .notice_content{
        margin-top:0px
    }
}
@media(max-width:600px){
    .notice-barrie{
        display:none
    }
    .notice_maintain .notice_content{
        max-width:calc(100% - 90px);
        text-align:justify
    }
    .notice_maintain .icon-method{
        width:90px
    }
    .notice_maintain .icon-method a{
        display:block;
        text-align:center;
        width:100%;
        padding:0 0 10px
    }
}
.qrcode_role{
    width:20%;
    -webkit-box-ordinal-group:2;
    -ms-flex-order:1;
    order:1
}
#list-role.show_qrcode{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
#list-role.show_qrcode ul{
    width:80%;
    -webkit-box-ordinal-group:3;
    -ms-flex-order:2;
    order:2;
    padding-left:15px;
    -ms-flex-item-align:start;
    align-self:flex-start
}
#list-role.show_qrcode ul li{
    width:25%
}
.qrcode_role .item-pack input[type=radio]:checked+label,.qrcode_role .item-pack input[type=radio]:not(:checked)+label{
    background-color:#fff;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    height:auto;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-align-items:center;
    position:relative;
    border-radius:3px;
    margin:0;
    padding:5px;
    border:1px #e5e7ea solid;
    cursor:pointer
}
.qrcode_role .item-pack input[type=radio]{
    position:absolute;
    opacity:0
}
.qrcode_role .item-pack input[type=radio]+label{
    background-color:#00a9ff!important;
    border-color:#00a9ff!important;
    color:#fff
}
.qrcode_role .item-pack label:after{
    top:100%;
    left:50%;
    border:solid transparent;
    content:" ";
    height:0;
    width:0;
    position:absolute;
    pointer-events:none;
    border-color:rgba(0, 169, 255, 0);
    border-top-color:#00a9ff;
    border-width:6px;
    margin-left:-6px
}
.qrcode_role .qrcode{
    border:3px solid #ececec;
    padding:5px;
    text-align:center;
    background:#fff;
    margin-top:4px;
    border-radius:2px;
    position:relative
}
.qrcode_role .qrcode .qrcode-info{
    position:absolute;
    top:10px;
    right:10px;
    color:#00a9ff;
    font-size:18px;
    text-decoration:none
}
.qrcode_role .qrcode img{
    width:200px;
    margin:0 auto
}
.qrcode_role .qrcode span{
    color:#888;
    margin-top:4px;
    display:block
}
.qrcode_role .qrcode_text{
    background:#00a9ff;
    color:#fff;
    font-weight:bold;
    height:30px;
    border-radius:2px;
    text-align:center;
    line-height:30px;
    padding:0 10px;
    font-size:16px;
    display:inline-block;
    margin-bottom:10px
}
.bx-content{
    background:#fff;
    border-radius:5px;
    padding:15px;
    margin-top:10px
}
.bx-content h4{
    font-size:18px;
    font-weight:normal;
    margin-top:0
}
.bx-content .tips_step{
    font-size:15px
}
.tips_step .step{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    margin-bottom:10px
}
.method_number{
    width:81px;
    color:#fff;
    font-weight:bold;
    height:26px;
    margin-right:20px;
    background:url(../img/bg-step.png);
    line-height:26px;
    padding-left:10px;
    margin-top:0px
}
.method_number{
    width:81px;
    color:#fff;
    font-weight:bold;
    height:26px;
    margin-right:20px;
    background:url(../img/bg-step.png);
    line-height:26px;
    padding-left:10px;
    margin-top:6px
}
.method-2-steps{
    padding-left:8%
}
.tips_step .step .step_content{
    width:calc(100% - 100px);
    border-bottom:1px solid #ececec;
    padding-bottom:10px
}
.tips_step .step .step_number{
    width:81px;
    color:#fff;
    font-weight:bold;
    height:26px;
    margin-right:20px;
    background:url(../img/bg-step.png);
    line-height:26px;
    padding-left:10px;
    margin-top:6px
}
.tips_step .method-1{
    background:#fdd63c;
    padding:10px
}
.tips_step .method-2.step{
    background:#b8d6ec;
    padding:10px
}
.tips_step .method-2-steps{
    padding-left:8%
}
.tips_step .method-1 .step_content{
    border-bottom:none;
    padding-bottom:0
}
.tips_step .step:nth-child(2) .step_content{
    border-bottom:none;
    padding-bottom:0
}
.tips_step .step .step_content ul{
    list-style:none;
    margin-left:0;
    padding-left:0;
    position:relative;
    margin-top:30px;
    margin-bottom:30px
}
.tips_step .step .step_content ul:before{
    content:open-quote;
    display:block;
    color:#bdbdbd;
    font-size:60px;
    position:absolute;
    left:-40px;
    top:-18px;
    font-weight:bold
}
.tips_step .step .step_content ul li{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    padding-bottom:8px
}
.tips_step .step .step_content ul li .payinfo_title{
    font-style:italic;
    color:#666;
    width:33%
}
.tips_step .step .step_content ul li .payinfo_content{
    width:67%;
    font-weight:600
}
.bank_transfer_transID{
    text-align:center
}
.bank_transfer_transID .transInfo{
    background:#f4fbff;
    padding:10px;
    margin-top:35px;
    border-radius:4px
}
.bank_transfer_transID .transID{
    font-size:25px;
    color:#00a9ff
}
.bank_transfer_transID span{
    font-size:12px;
    text-transform:none;
    color:#5b8da7;
    display:inline-block
}
.bank_transfer_note{
    font-style:italic;
    color:#333;
    line-height:1.5;
    text-align:center
}
.trans_qrcode{
    text-align:center
}
.qrcode_ct{
    border-left:1px solid #e5e5e5;
    padding-left:10px
}
@media(max-width:600px){
    .qrcode_ct{
        border-left:none;
        padding-left:0
    }
    #list-role.show_qrcode{
        width:100%
    }
    .qrcode_role{
        width:50%
    }
    .tips_step .step{
        display:block
    }
    .tips_step .step .step_content{
        width:100%;
        margin-top:10px
    }
    #list-role.show_qrcode ul{
        width:50%
    }
    #list-role.show_qrcode ul li{
        width:100%;
        margin-bottom:5px
    }
    .tips_step .step .step_content ul{
        margin:15px 0;
        border-top:1px dashed #e5e5e5;
        border-bottom:1px dashed #e5e5e5;
        padding:15px 0
    }
    .bx-content{
        padding:0
    }
    .bx-sms{
        padding:15px
    }
    .b_trans_mob{
        display:block!important;
        margin-bottom:15px;
        background:#db3e3e!important
    }
    .bank_transfer_transID .transID{
        font-size:22px
    }
    .bank_transfer_transID .transInfo{
        margin-top:0
    }
    .trans_qrcode{
        margin-top:25px
    }
    .trans_qrcode p{
        margin-bottom:5px
    }
    .qrcode_ct img{
        margin:0 auto;
        width:220px
    }
}
.map{
    height:520px;
    margin-bottom:10px;
    border:1px solid #e5e5e5;
    border-right:none
}
.map #map{
    width:100%;
    height:100%;
    height:calc(100%)
}
.box_tim_kiem_detail{
    width:100%;
    float:left
}
.box_tim_kiem_detail .count_diem_ban{
    border-bottom:solid 1px #eee;
    color:#a4a4a4;
    padding-bottom:20px
}
.box_tim_kiem_detail .list_diem_ban{
    position:relative;
    height:402px;
    margin-top:10px;
    overflow:auto;
    overflow-y:auto;
    overflow-y:scroll
}
.box_tim_kiem_detail .diem_ban_box{
    border-bottom:solid 1px #eee;
    padding:15px 0 15px 65px;
    overflow:hidden;
    min-height:50px;
    position:relative;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-webkit-box;
    display:flex;
    -webkit-align-content:center;
    -ms-flex-line-pack:center;
    align-content:center
}
.box_tim_kiem_detail .diem_ban_box_left{
    position:absolute;
    left:5px;
    top:10px;
    width:50px;
    height:50px;
    display:block;
    z-index:1000
}
.box_tim_kiem_detail .diem_ban_name{
    font-weight:600;
    color:#000;
    cursor:pointer
}
abbr[title]{
    border:none!important
}
.search_map_result{
    background:#fff;
    padding:10px;
    border:1px solid #e5e5e5;
    margin-left:-10px;
    border-left:none
}
.body-content{
    font-family:Roboto, Helvetica, sans-serif
}
.body-content h4{
    font-size:16px;
    font-weight:500;
    margin-top:0
}
.address:after{
    content:"\f14e";
    display:block;
    color:#00a9ff;
    font-family:'fontAwesome';
    position:absolute;
    top:2px;
    right:18px;
    font-size:18px
}
.address input.form-control{
    padding-right:35px
}
.body-content .title-map{
    margin-bottom:10px
}
.agency_search .form-control{
    height:40px;
    line-height:25px
}
.agency_search .btn-info{
    background:#00a9ff;
    height:40px;
    text-transform:uppercase
}
.agency_search .btn-info .fa{
    margin-right:10px
}
.agency_search_results{
    font-size:14px;
    background:#fff;
    margin-top:10px
}
.agency_search_results thead{
    background:#333;
    color:#fff
}
.agency_search_results table{
    margin-bottom:0
}
.agency_search_results .dataTables_info{
    font-size:12px;
    padding:10px;
    float:left;
    color:#666
}
.agency_search_results .pag_block{
    margin:10px;
    float:right
}
.nice-select .list{
    max-height:350px;
    overflow-y:auto
}
@media(max-width:992px){
    .search_map_result{
        margin-left:10px;
        margin-right:10px;
        border-left:1px solid #e5e5e5;
        overflow:hidden
    }
}
.tips-content h2 img{
    margin:0 auto
}
.tips-block{
    background:#fff;
    border-radius:10px;
    -webkit-box-shadow:0 4px 10px rgba(0, 0, 0, 0.1);
    box-shadow:0 4px 10px rgba(0, 0, 0, 0.1);
    margin-top:40px;
    padding:15px;
    margin-bottom:40px;
    border:1px solid #e5e5e5
}
.tips-title{
    margin-top:-17px;
    text-align:center;
    height:58px;
    position:relative
}
.tips-title h4{
    position:absolute;
    top:-20px;
    width:100%
}
.tips-title img{
    margin:0 auto
}
.tips-inner{
    margin-bottom:25px
}
.tips-inner-content{
    font-size:15px
}
.tips-inner-title{
    margin-bottom:15px
}
.tips-inner-content ul{
    margin-left:0;
    padding-left:0
}
.tips-inner-content li{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    padding:4px 0
}
.tips-inner-content li p{
    margin:4px 0px 4px 18px
}
.tips-inner-content li:before{
    content:"";
    margin-top:8px;
    display:block;
    width:8px;
    height:8px;
    background:red;
    border-radius:50%;
    float:left;
    margin-right:10px
}
.tips-inner-content li>span.title_{
    width:20%;
    color:#666
}
.tips-inner-content li strong.content_{
    width:80%;
    font-weight:normal
}
.color_blue{
    color:#0071FF
}
.color_orange{
    color:#FF9600
}
.color_red{
    color:red
}
.tips-inner-meta{
    background:#f2f2f2;
    padding:6px;
    display:block;
    width:100%;
    margin:10px 0;
    border-radius:4px;
    text-align:center;
    font-weight:bold;
    margin-bottom:10px
}
.tips-inner-meta a{
    color:#0071FF
}
figure img{
    margin:10px auto
}
figure legend{
    font-size:14px;
    color:#666;
    font-style:italic;
    text-align:center;
    margin-bottom:10px;
    border:none
}
.tips_support_phone{
    font-size:24px
}
.embed-responsive{
    position:relative;
    display:block;
    height:0;
    padding:0;
    padding-bottom:0px;
    overflow:hidden
}
.embed-responsive-16by9{
    padding-bottom:56.25%
}
.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    width:100%;
    height:100%;
    border:0
}
#viettel-sms{
    background:#fff;
    padding:15px;
    border:1px solid #e5e7ea;
    font-size:15px;
    display:none
}
#viettel-sms p{
    margin-top:0;
    margin-bottom:5px
}
#viettel-sms .nav>li{
    width:100%;
    margin-bottom:5px
}
#viettel-sms .nav-pills>li.active>a{
    border:1px solid #00a9ff;
    border-radius:2px;
    position:relative
}
#viettel-sms .nav-pills>li.active>a:before{
    content:"";
    display:block;
    width:23px;
    height:23px;
    position:absolute;
    left:10px;
    top:8px;
    background:url(../img/icon_checkmark1.png) no-repeat top left / 100%
}
#viettel-sms .nav-pills>li a{
    font-size:20px;
    color:#000;
    text-transform:uppercase;
    text-align:center;
    font-weight:normal;
    border:1px solid #e5e7ea;
    padding:6px 15px
}
#viettel-sms .tab-pane{
    text-align:center
}
#viettel-sms .tab-pane .sms_format{
    font-size:40px;
    margin-bottom:20px
}
#list-method .badge.badge-new-bank{
    background:none!important;
    position:absolute;
    top:-2px;
    left:10px;
    right:auto;
    height:22px;
    width:52px
}
.list-checkbox.list-pay{
    margin-top:10px
}
@media(max-width:500px){
    .list-checkbox.list-pay label[for=radio-atm-ibanking]{
        -webkit-transform:scale(1.04);
        -ms-transform:scale(1.04);
        transform:scale(1.04)
    }
    .badge-new-bank img{
        position:relative!important;
        height:auto!important;
        max-width:40px!important;
        top:0!important;
        left:0!important
    }
    #list-method .badge.badge-new-bank{
        top:-4px;
        left:auto;
        right:0
    }
}
.list-checkbox.list-pay{
    margin-top:10px
}
@media(max-width:500px){
    .list-checkbox.list-pay label[for=radio-atm-ibanking]{
        -webkit-transform:scale(1.04);
        -ms-transform:scale(1.04);
        transform:scale(1.04)
    }
    .badge-new-bank img{
        position:relative!important;
        height:auto!important;
        max-width:40px!important;
        top:0!important;
        left:0!important
    }
    #list-method .badge.badge-new-bank{
        top:-4px;
        left:auto;
        right:0
    }
}
.gam-services{
    margin-bottom:10px
}
.gam-services .gam-services-bl{
    display:flex;
    color:#fff;
    font-size:15px;
    padding:10px;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    border-radius:2px;
    position:relative;
    cursor:pointer
}
.gam-services .gam-services-bl:before{
    content:"";
    display:block;
    width:38px;
    height:38px;
    background:url(../img/badge-new-service.png) no-repeat top left;
    position:absolute;
    top:0;
    left:0;
    animation:animationFrames linear 0.5s;
    animation-iteration-count:infinite;
    transform-origin:50% 50%;
    animation-fill-mode:forwards;
    -webkit-animation:animationFrames linear 0.5s;
    -webkit-animation-iteration-count:infinite;
    -webkit-transform-origin:50% 50%;
    -webkit-animation-fill-mode:forwards;
    -moz-animation:animationFrames linear 0.5s;
    -moz-animation-iteration-count:infinite;
    -moz-transform-origin:50% 50%;
    -moz-animation-fill-mode:forwards;
    -o-animation:animationFrames linear 0.5s;
    -o-animation-iteration-count:infinite;
    -o-transform-origin:50% 50%;
    -o-animation-fill-mode:forwards;
    -ms-animation:animationFrames linear 0.5s;
    -ms-animation-iteration-count:infinite;
    -ms-transform-origin:50% 50%;
    -ms-animation-fill-mode:forwards
}
.gam-services .gam-services-ac{
    background:#0071FF
}
.gam-services .gam-services-ap{
    background:#449D47
}
.gam-services .gam-services-bl img{
    max-width:38px;
    margin-right:10px
}
.modal-service .modal-title{
    color:#000
}
.modal-service p{
    font-size:15px;
    color:#666
}
.modal-service .row{
    margin-left:-5px;
    margin-right:-5px
}
.modal-service .col-md-3,.modal-service .col-sm-4,.modal-service .col-xs-4{
    padding-left:5px;
    padding-right:5px
}
.modal-service .item-card{
    margin-bottom:10px;
    cursor:pointer;
    overflow:hidden;
    position:relative
}
.modal-service .item-card strong{
    display:block;
    margin-top:3px;
    background:#f0f0f0;
    padding:5px;
    border-radius:6px;
    text-align:center;
    position:relative
}
.modal-service .item-card.active strong:after{
    content:"";
    display:block;
    width:22px;
    height:22px;
    position:absolute;
    top:2px;
    right:5px;
    background:url(../img/check.png) no-repeat top left / 100%
}
.modal-service .form-group{
    text-align:left
}
.modal-service label{
    margin-bottom:5px
}
@keyframes animationFrames{
    0%{
        opacity:1
    }
    to{
        opacity:0
    }
}
@-moz-keyframes animationFrames{
    0%{
        opacity:1
    }
    to{
        opacity:0
    }
}
@-webkit-keyframes animationFrames{
    0%{
        opacity:1
    }
    to{
        opacity:0
    }
}
@-o-keyframes animationFrames{
    0%{
        opacity:1
    }
    to{
        opacity:0
    }
}
@-ms-keyframes animationFrames{
    0%{
        opacity:1
    }
    to{
        opacity:0
    }
}
.modal-service .badge-sale-off{
    background:red;
    -webkit-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    transform:rotate(45deg);
    right:-18px;
    left:auto;
    top:3px;
    padding:3px;
    height:24px;
    line-height:18px;
    font-size:16px;
    width:70px
}
.gam_service_method{
    padding:6px;
    border:1px solid #e5e5e5;
    color:#333;
    font-size:15px;
    cursor:pointer;
    border-radius:3px
}
.gam_service_method.active,.gam_service_method:active{
    color:#fff;
    background:#0095da;
    border-color:#0095da
}
.gam_service_method img{
    width:40px;
    margin-right:15px;
    display:inline-block
}
.modal-service .modal-body{
    text-align:left
}
.modal-service .modal-service-bl{
    margin-bottom:15px
}
.modal-service small{
    display:block;
    margin-top:6px;
    color:red;
    font-size:12px
}
.block_service{
    display:none
}
.gam-services_mobile {
    display:none;
}
@media(max-width:767px){
    .gam-services_mobile {
        display:flex;
    }
    sub {
        top: 0!important;
    }
}
@media(max-width:767px){
    .gam-services{
        margin-bottom:2px
    }
    .gam-services>div{
        padding:0px 1px
    }
    .gam-services .gam-services-bl img{
        max-width:32px
    }
    .gam-services .gam-services-bl{
        font-size:14px
    }
    .gam-services{
        display:none
    }
    .block_service{
        display:block
    }
    .block_service .gam-services{
        display:block;
        padding:8px 0;
        margin-left:0;
        margin-right:0
    }
    .gam-services .gam-services-bl{
        margin-bottom:10px;
        -webkit-box-pack:left;
        -ms-flex-pack:left;
        justify-content:left
    }
}
@media(max-width:480px){
    .modal-service #gam_service_method .col-xs-4{
        width:100%
    }
    .modal-service #gam_service_method .col-xs-6{
        width:100%
    }
    .modal-service-bl .row{
        margin-left:-10px;
        margin-right:-10px
    }
    .gam_service_method{
        margin-bottom:5px
    }
    .gam_service_method img{
        width:40px;
        font-size:12px
    }
}
@media(max-width:320px){
    .gam-services .gam-services-bl{
        font-size:12px
    }
    .modal-service .item-card strong{
        font-size:12px;
        padding:5px 0
    }
}
.btn-more-server{
    display:inline-block;
    border:1px solid #e15252;
    padding:3px 6px;
    background:#fff;
    font-size:13px;
    border-radius:3px;
    color:#e15252
}
.btn-more-server .fa{
    font-size:15px
}
.btn-more-server:hover{
    color:#fff;
    background:#e15252
}
.scroll_banner{
    position:fixed;
    top:25%;
    right:0;
    max-width:110px;
    z-index:999
}
@media(max-width:576px){
    .scroll_banner{
        max-width:50px
    }
}
.appota_wallet_notice{
    background:#fff;
    border:1px solid #e5e5e5;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    margin-top:15px
}
.appota_wallet_notice .aw_transId{
    font-size:18px;
    margin-bottom:5px
}
.appota_wallet_notice .aw_notice{
    font-size:14px;
    font-style:italic
}
.aw_left{
    width:70%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.aw_left .aw_icon{
    width:60px;
    color:#0095da;
    border-right:1px solid #e5e5e5;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    text-align:center;
    border-radius:4px 0 0 4px;
    font-size:24px
}
.aw_left .aw_content{
    padding:10px
}
.aw_left p{
    margin-top:0;
    margin-bottom:0;
    color:#dc2e2e
}
.aw_right{
    width:30%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    justify-content:flex-end;
    padding-right:15px
}
@media(max-width:576px){
    .appota_wallet_notice{
        -ms-flex-wrap:wrap;
        flex-wrap:wrap
    }
    .aw_left,.aw_right{
        width:100%
    }
    .appota_wallet_notice .aw_transId{
        font-size:16px
    }
    .aw_left .aw_content{
        width:calc(100% - 30px)
    }
    .aw_left .aw_icon{
        width:30px;
        border-right:none;
        font-size:20px
    }
    .aw_right{
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center;
        padding:15px
    }
    .aw_right .btn{
        width:100%
    }
}
 sub {
     color: #22a0ea;
     font-weight: 700;
     top: -0.5em;
     font-size: 75%;
     line-height: 0;
     position: relative;
     vertical-align: baseline;
}