html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, /* ol, ul, li, */ fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, credentials, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; }
article, aside, credentials, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }

html, body { width: 100%; height: 100%; font-family: Arial, "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, "Lucida Grande", sans-serif; font-size: 12px; }
a { color: #25c; outline:0 none; }
a:focus { outline:none; outline-offset:-4px; }
a:visited { color: #65c; }
a:hover { color: red !important; }
input[type="button"]::-moz-focus-inner { border: 0; }
input[type="submit"]::-moz-focus-inner { border: 0; }
a img { border: 0; }
p, dl, hr, h1, h2, h3, h4, h5, h6, ol, ul, pre, table, address, fieldset, blockquote { margin-bottom: 20px; }
h1, h2, h3 { font-weight: normal; }
h1 { font-size: 2.4em; }
h1 a { text-decoration:none; }
h2 { font-size: 1.75em; }
h3 { font-size: 1.45em; }
h4 { font-size: 1.2em; }
h5 { font-size: 1.1em; }
h6 { font-size: 1em; }
h1, h2, h3, h4, h5, h6 { line-height:1.2em; }
ul, ol { padding-top:0; }
ol { list-style: decimal; }
input, textarea, select { margin:0; }
input, textarea { font-size: 1em; color: #000; font-family: Helvetica, Arial, sans-serif; }
input[type="button"]:focus { outline:none; outline-offset:-2px; }
fieldset { border:1px solid #bbb; padding:10px; position:relative; background:#e9e9e9; margin-bottom:10px; }
legend { font-size:1.1em; padding:.4em .8em; background:#fff; border:1px solid #bbb; }
fieldset p label { width:98%; }
fieldset p input[type="text"] { width:98%; }
fieldset p select { width:99%; }
blockquote { color: #555; font-size:0.9em; padding:20px; background: #f3f3f3; border-left: 2px solid #ccc; }
blockquote cite { font-size: 0.9em; }
hr { background-color: #ccc; height: 1px; border: 0; }
input::-webkit-input-placeholder { color: #ccc; }
input:-moz-placeholder,
input::-moz-placeholder { color: #ccc; }
input:-ms-input-placeholder { color: #ccc; }

.block { padding: 10px; }
.inline-link { text-decoration: none !important; }
.inline-link b { border-bottom: 1px dotted; font-weight: normal; position: relative; top: -0.13em;}
.inline-link b i { font-style: normal; position: relative; top: 0.13em;}
.small { font-size: 0.9em; }
.large { font-size: 1.2em; }
.bold { font-weight: bold; }
.highlighted { background:  #ffc; }
.hint { color: #aaa; font-size: 0.9em; }
.hint a,
.hint:visited,
.hint a:visited { color: #aaa; }
.gray { color: #aaa; }
.float-left { float: left; }
.float-right { float: right; }
.align-left { text-align: left; }
.align-center { text-align: center; }
.align-right { text-align: right; }
.clear-left { clear: left; }
.clear-right { clear: right; }
.clear-both { clear: both; }
.shadowed { -moz-box-shadow: 0 5px 15px #aaa; -webkit-box-shadow: 0 5px 15px #aaa; box-shadow: 0 5px 15px #aaa; }
.nowrap { white-space: nowrap; }

.meduim-size { font-size: 60px; }
.large-size { font-size: 100px; }
.bg-light-grey { background-color: #e0e0f0; }

.button-xxl {
    border-radius: 8px;
    font-size: 28px;
    line-height: 1.33;
    padding: 10px 16px;
}

.input-xxl {
    border-radius: 8px;
    font-size: 28px;
    line-height: 1.4;
    padding: 10px 16px 10px 30px;
    height: 61px;
}

.input-xxxl {
    border-radius: 8px;
    font-size: 34px;
    line-height: 2.2;
    padding: 10px 16px 10px 30px;
    height: 96px;
}

ul.menu-h { margin: 0; padding: 0; }
ul.menu-h.bottom-padded { margin-bottom: 15px; }
ul.menu-h li { list-style: none; display: inline-block; padding: 0 0 0 20px; line-height: 1.1em; display:block\9; float:left\9; /* ie8 hack */ }
ul.menu-h li a { display: inline-block; padding: 3px 5px; display:block\9; float:left\9; /* ie8 hack */ }
ul.menu-h li a img.icon16 { position: relative; top: 3px; left: -3px; }
ul.menu-h li a i.icon16 { margin-top: -0.1em; }
ul.menu-h li.selected a { color: #000; text-decoration: none; }

.hidden { display: none; }

#debug {
    line-height: 1em;
    font-size: 14px;
    width: 500px;
    height: 800px;
    /*height: 1px;*/
    bottom: 40px;
    right: 0;
    padding: 5px;
    color: #fff;
    position: fixed;
    filter: alpha(Opacity=60);
    opacity: 0.6;
    background: #000;
    z-index: 10000;
}
#debug .messages {
    height: 100%;
    overflow: hidden;
}
#debug .messages p {
    margin: 0px 0px 5px 0px;
}

#device {
    height: 100%;
    background: rgb(210,216,224);
    position: relative;    
}

#header {
    height: 120px;
    font-size: 26px;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F9F9F9), color-stop(1, #C3C3C3));
    background-image: -o-linear-gradient(bottom, #F9F9F9 0%, #C3C3C3 100%);
    background-image: -moz-linear-gradient(bottom, #F9F9F9 0%, #C3C3C3 100%);
    background-image: -webkit-linear-gradient(bottom, #F9F9F9 0%, #C3C3C3 100%);
    background-image: -ms-linear-gradient(bottom, #F9F9F9 0%, #C3C3C3 100%);
    background-image: linear-gradient(to bottom, #F9F9F9 0%, #C3C3C3 100%);
}

#login-link, #logout-link, #block-link {
    font-style: italic;
    cursor: pointer;
    position: relative;
}

#lang-link {
    margin: 0 10px 0 0;
    cursor: pointer;
}
#lang-link img {
    width: 100px;
    height: 100px;
}
#lang-link button {
    font-size: 16px;
    line-height: 1.6;
    padding: 6px 10px;
}

#header a { color: #000; text-decoration: none; text-transform: uppercase; }
#header a i.icon16 { margin-top: -0.2em; }
#header a:hover { color: #f00 !important; }
#header .box { padding: 10px 25px 6px 10px; }
#header ul.menu-h { padding: 0; margin: 0; }
#header ul.menu-h li { padding-top: 10px; }
#header ul.menu-h li a { display: block; padding: 10px 12px 3px 0; margin-right: 0px; }
#header ul.menu-h li.selected a { background: #000; font-weight: bold; color: #f00; }
#header .auth { padding-top: 15px; font-size: 1.5em; font-weight: bold; color: #000; }
#header .auth a { font-style: italic; font-size: 1.2em; font-weight: bold; }
#header .auth a { padding-right: 3px !important; }

#header .header-info ul.menu-h {
    padding: 0px 0px 0px 0px;
    margin: 0;
}
#header .header-info ul.menu-h li {
    padding: 0;
    margin-right: 5px;
}
#header .header-info ul.menu-h li button {
    background: #CCCCCC;
    border-color: #FFFFFF;
    font-size: 24px;
    font-weight: bold;
    line-height: 4em;
    padding: 0px 10px;
    text-shadow: 0 1px 0 #EFEFEF;
    filter: dropshadow(color=#EFEFEF,offX=0,offY=1);
}
#header .header-info ul.menu-h li a {
    color: #000;
    font-weight: bold;
    text-shadow: 1px 1px 0 #EFEFEF;
    display: block;
    margin-right: 0px;
}
#header .header-info ul.menu-h li.selected a {
    background: #000;
}


.radius {
    border-radius: 8px 8px 8px 8px;
    -moz-border-radius: 8px 8px 8px 8px;
    -webkit-border-radius: 8px 8px 8px 8px;
}

.shadow {
    -webkit-box-shadow: 0px 0px 5px 3px rgba(255, 255, 255, 0.75); 
    -moz-box-shadow:    0px 0px 5px 3px rgba(255, 255, 255, 0.75); 
    box-shadow:         0px 0px 5px 3px rgba(255, 255, 255, 0.75);
}

.blue-grad {
    background: #D5D8E4;
}

#main {
    clear: both;
    margin: 0;
    max-height: 100%;
}
#main .box {
    height: 100%;
}

#halls {
    background-color: #efefef;
    height: 135px;
}
#halls .swiper-container {
    color: #000;
    text-align: left;
    font-size: 50px;
    font-weight: bold;
    height: 100%;
    border-bottom: 1px solid #FFFFFF;
}
#halls .swiper-container .swiper-slide {
    height: 100%;
}
#halls .swiper-container .swiper-slide .hall {
    margin: 20px 40px;
}

#tables {
    background-color: rgb(210,216,224);
    height: 100%;
    padding: 5px;
    position: relative;
}
#tables .swiper-container {
    color: #fff;
    text-align: center;
    font-size: 56px;
    height: 100%;
}
#tables .swiper-container .swiper-slide {
    padding-top: 0px;
}
#tables .swiper-container .swiper-slide .place {
    float: left;
    cursor: pointer;
    color: #fff;
    border: 1px solid #fff;
    background: rgb(56,117,215);
    position: relative;
    
}
#tables .swiper-container .swiper-slide .place .box {
    padding-top: 20px;
}

#orders {
    background-color: #efefef;
    height: 135px;
}

#new-order {
    height: 135px;
    width: 150px;
    float: left;
    margin: 0;
    text-align: center;
}
#new-order button {
    padding: 6px 12px;
    border-color: #fff;
    color: #000;
    font-size: 32px;
    white-space: normal;
    height: 135px;
    line-height: 24px;
    border-radius: 0px 0px 0px 0px;
    -moz-border-radius: 0px 0px 0px 0px;
    -webkit-border-radius: 0px 0px 0px 0px;
}
#new-order button:active {
    background: rgb(123, 172, 229);
}

#orders .swiper-container {
    color: #000;
    text-align: center;
    font-size: 34px;
    /*font-size: 24px;*/
    height: 100%;
    border-bottom: 1px solid #fff;
}
#orders .swiper-container .selected {
    background: #D5D8E4;
}
#orders .swiper-container .order-slide {
    width: 200px;
    border-top: 1px solid #FFFFFF;
}
#orders .swiper-container .order-slide .order {
    padding: 20px 90px 0px 20px;
    position: relative;
    height: 100%;
}
#orders .swiper-container .order-slide .order div.info {
    line-height: 1.5em;
}
#orders .swiper-container .order-slide .order .syspanel {
    position: absolute;
    right: 0;
    top: 0;
    width: 90px;
    height: 100%;
    line-height: 100px;
    z-index: 2;
}
#orders .swiper-container .order-slide .order .syspanel .fa-15x {
    font-size: 1.5em;
}

#dishes {
    background-color: rgb(210,216,224);
    height: 100%;
    padding: 5px;
    position: relative;
}
#dishes .swiper-container {
    color: #fff;
    text-align: center;
    font-size: 32px;
    height: 100%;
}
#dishes .swiper-container .dishes-slide {
    padding-top: 0px;
}
#dishes .swiper-container .dishes-slide .dish-add {
    cursor: pointer;
}
#dishes .swiper-container .dishes-slide .dish {
    float: left;
    cursor: pointer;
    border: 1px solid #fff;
    background: #e7e7e0;
    color: #000000;
    border-radius: 0px 0px 0px 0px;
    -moz-border-radius: 0px 0px 0px 0px;
    -webkit-border-radius: 0px 0px 0px 0px;
    position: relative;
    overflow: hidden;
}

#menu {
    background-color: #efefef;
    height: 135px;
    border-bottom: 1px solid #fff;
}

#menu .panel {
    width: 100px;
    height: 100px;
    background: #ffff00;
    float: left;
}

#menu .panel div {
    text-align: center;
    margin: 40px 0px 0px 0px;
}

#menu .swiper-container {
    color: #fff;
    text-align: center;
    font-size: 40px;
    height: 100%;
}

#menu .swiper-container .selected {
    background: #D5D8E4;
}

#menu .swiper-container .mitem {
    height: 100%;
    padding: 50px 10px 10px 10px;
    line-height: 50px;
    color: #000;
}

#menu .swiper-scrollbar {
    height: 24px;
    width: 100%;
    left: 0px;
    top: 1px;
    position: absolute;
    background: #e0e0e0;
    border-radius: 0px 0px 0px 0px;
    -moz-border-radius: 0px 0px 0px 0px;
    -webkit-border-radius: 0px 0px 0px 0px;
}
#menu .swiper-scrollbar-drag {
    background: #555555;
    border-radius: 0px 0px 0px 0px;
    -moz-border-radius: 0px 0px 0px 0px;
    -webkit-border-radius: 0px 0px 0px 0px;
}

#inmenu {
    background-color: rgb(210,216,224);
    padding: 5px;
    position: relative;
}
#inmenu .swiper-container {
    color: #fff;
    text-align: center;
    font-size: 30px;
    height: 100%;
}
#inmenu .swiper-container .asld,
#inmenu .swiper-container .swiper-slide {
    padding-top: 0px;
    height: 100%;
}
#inmenu .swiper-container .asld .dish,
#inmenu .swiper-container .swiper-slide .dish {
    background: #e7e7e0;
    float: left;
    cursor: pointer;
    position: relative;
    overflow: hidden;
}
#inmenu .swiper-container .asld .dish img,
#inmenu .swiper-container .swiper-slide .dish img {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
}
#inmenu .swiper-container .asld .dish.inorder,
#inmenu .swiper-container .swiper-slide .dish.inorder {
    background: #21065d;
}

.dish .syspanel {
    width: 60px;
    position: absolute;
    left: 0;
    top: 0;
}
.dish .quant {
    position: absolute;
    font-size: 0.8em;
    text-align: center;
    width: 45px;
    height: 117px;
    color: #fff;
    top: 0px;
    right: 0px;
}
.dish .quant .tran,
.dish .quant .transp {
    position: absolute;
    filter: alpha(Opacity=40);
    opacity: 0.4;
    height: inherit;
    width: 100%;
}
.dish .quant .new {
    height: 39px;
}
.dish .quant .new .tran,
.dish .quant .new .transp {
    background: #000;
}
.dish .quant .work {
    height: 39px;
}
.dish .quant .work .transp {
    background: #a00;
}
.dish .quant .serv {
    height: 39px;
}
.dish .quant .serv .transp {
    background: #670;
}
.dish .quant .text {
    position: absolute;
    height: inherit;
    width: 100%;
    padding-top: 10px;
}
.dish .info {
    position: absolute;
    height: 58px;
    width: 100%;
    bottom: 0;
    left: 0;
    color: #fff;
}
.dish .info .tran,
.dish .info .transp {
    position: absolute;
    background: #000;
    filter: alpha(Opacity=40);
    opacity: 0.4;
    height: inherit;
    width: 100%;
}
.dish .info .text {
    font-size: 30px;
    text-align: left;
    position: absolute;
    height: inherit;
    width: 100%;
    padding: 0px 10px;
    overflow: hidden;
}

.content-popup .counter {
    max-width: 270px;
}

.content-popup .counter button {
    width: 90px;
    margin-bottom: 1px;
    border-radius: 8px;
    font-size: 34px;
    line-height: 2.2;
    padding: 10px 16px;
}

.content-popup .counter button.simple-button.bootstrap-touchspin-down {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    margin-right: -1;
}

.content-popup .counter button.simple-button.bootstrap-touchspin-up {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    margin-left: -1;
}

#deletedish-popup .content-popup .counter button {
    font-size: 28px;
    line-height: 1.4;
}

.dish-popup {
    position: relative;
    background: #FFF;
    width: 100%;
    margin: 20px auto;
    font-size: 20px;
}
.dish-popup .dish-slider .info {
    position: absolute;
    width: 100%;
    height: 135px;
    /*font-size: 34px;*/
    font-size: 38px;
    color: #fff;
    bottom: 94px;
}
.dish-popup .dish-slider .info .transp {
    position: absolute;
    filter: alpha(Opacity=40);
    opacity: 0.4;
    height: inherit;
    width: 100%;
    background: #000;
    z-index: 100;
}
.dish-popup .dish-slider .info .text {
    position: absolute;
    height: inherit;
    width: 100%;
    padding: 0px 10px;
    z-index: 100;
    overflow: hidden;
}
.dish-popup .bottom .info {
    width: 100px;
    font-size: 38px;
    color: #000;
    line-height: 0.95em;
    margin-top: -2px;
}
.dish-popup input {

}
.dish-popup .bottom .info .text {
    height: inherit;
    width: inherit;
    padding: 4px 10px 4px 20px;
    z-index: 100;
    overflow: hidden;}
.dish-popup .dishinfo {
    position: relative;
}
.dish-popup .dishinfo .info {
    bottom: 0;
}
.dish-popup .quant {
    position: absolute;
    font-size: 28px;
    text-align: center;
    width: 400px;
    height: 210px;
    color: #fff;
    top: 0;
    right: 0;
    z-index: 1;
    line-height: 34px;
}
.dish-popup .quant .transp {
    position: absolute;
    filter: alpha(Opacity=40);
    opacity: 0.4;
    height: inherit;
    width: 100%;
}
.dish-popup .quant .new {
    height: 70px;
}
.dish-popup .quant .new .transp {
    background: #000;
}
.dish-popup .quant .work {
    height: 70px;
}
.dish-popup .quant .work .transp {
    background: #a00;
}
.dish-popup .quant .serv {
    height: 70px;
}
.dish-popup .quant .serv .transp {
    background: #670;
}
.dish-popup .quant .first {
    width: 220px;
}
.dish-popup .quant .second {
    width: 50px;
}
.dish-popup .quant .text {
    position: relative;
    height: inherit;
    padding-top: 15px;
    margin-left: 40px;
    text-align: left;
    float: left;
}
.dish-popup .img {
    height: 100%;
    overflow: hidden;
}
.dish-popup .img img {
    width: 100%;
}
.dish-popup .dish-slider {
    margin: auto;
    width: 100%;
    background: #ccc;
}
.dish-popup .dish-slider .swiper-container {
    height: 100%;
}
.dish-popup .dish-slider .swiper-wrapper {
    height: 100%;
}
.dish-popup .dish-slider .swiper-slide {
    height: 100%;
}
.dish-popup .dish-slide img {
    width: 100%;
    padding: 0px 2px;
}
.dish-popup .bottom {
    background: #e1e1e1;
    height: 110px;
    padding: 8px;
}
.dish-popup .links {
    width: 300px;
}
.dish-popup .links a {
    margin-left: 20px;
    text-decoration: none;
}

/*.swiper-scrollbar {
    width: 100%;
    height: 4px;
    position: absolute;
    left: 0;
    bottom: 5px;
    z-index: 1;
}
*/
#confirm-popup {
    position: relative;
    background: #FFF;
    padding: 20px 20px 10px 20px;
    width:auto;
    max-width: 700px;
    margin: 20px auto;
    font-size: 28px;
}
#confirm-popup .content-popup {
    margin: auto;
    max-width: 700px;
}
#confirm-popup .bottom {
    margin-top: 35px;
}
#confirm-popup .bottom .button {
    margin-left: 15px;
    width: 200px;
}

#message-popup {
    position: relative;
    background: #FFF;
    padding: 20px 20px 10px 20px;
    width:auto;
    max-width: 700px;
    margin: 20px auto;
    font-size: 28px;
}
#message-popup .content-popup {
    margin: auto;
    max-width: 700px;
}
#message-popup .bottom {
    margin-top: 35px;
}
#message-popup .bottom .button {
    margin-left: 15px;
    width: 200px;
}

#neworder-popup .box {
    position: relative;
    background: #FFF;
    padding: 20px 20px 10px 20px;
    width:auto;
    max-width: 700px;
    margin: 20px auto;
    font-size: 28px;
    z-index: 1000;
}
#neworder-popup .transp {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 250px;
    margin: 0 auto;
    max-width: 700px;
}
#neworder-popup .content-popup {
    margin: auto;
    max-width: 700px;
}
#neworder-popup .bottom {
    margin-top: 35px;
}
#neworder-popup .bottom .button {
    margin-left: 15px;
    width: 200px;
}
#neworder-popup .bottom .button.ok {
    width: 350px;
}

#codepanel-popup {
    position: relative;
    background: #fff;
    width: auto;
    max-width: 656px;
    margin: 20px auto;
    font-size: 32px;
    font-weight: bold;
    font-family: sans-serif;
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    -moz-user-select: none;
}
#codepanel-popup table {
    margin-bottom: 0px;
    font-size: 62px;
    font-weight: bold;
    color: #000;
}
#codepanel-popup table td {
    text-align: center;
    padding: 2px;
    background: #000;
    filter: alpha(Opacity=90);
    opacity: 0.9;
}
#codepanel-popup table td div {
    background-color: #fff;
    border-radius: 6px;
}
#codepanel-popup table td .button {
    position: relative;
    text-transform: none;
    cursor: pointer;
}
#codepanel-popup table td .cancel,
#codepanel-popup table td .num {
    line-height: 164px;
    width: 160px;
    height: 164px;
}
#codepanel-popup table td .zero {
    width: 488px;
    height: 164px;
    line-height: 164px;
}
#codepanel-popup table td .ok {
    width: 160px;
    line-height: 668px;
}
#codepanel-popup .asterisk {
    height: 164px;
    line-height: 160px;
}

.preloader {
    z-index: 5000;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6);
    height: 100%;
    width: 100%;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
}
.loading {  
    color: #FFFFFF;
    position: relative;
    text-align: center;
    top: 50%;
    font: 5em/1em Verdana;
    text-shadow: 0 1px 2px #000000;
}
.loading img {
    position: relative;
    top: -32px;
}

.loading-text {
    font-size: 5em;
    line-height: 5em;
    text-align: center;
    position: absolute;
    left: 0;
    width: 100%;
}  

#orderinfo-popup {
    position: relative;
    background: #FFF;
    padding: 20px 20px 10px 20px;
    width:auto;
    max-width: 600px;
    margin: 20px auto;
    font-size: 16px;
}
#orderinfo-popup .content-popup {
    margin: auto;
    max-width: 450px;
}
#orderinfo-popup .bottom {
    margin-top: 35px;
}
#orderinfo-popup .bottom .button {
    margin-left: 15px;
    width: 200px;
    font-size: 24px;
}

.orderinfo {
    font-size: 1.8em;
    line-height: 1.5em;
    max-height: 500px;
}
.orderinfo .disc, .orderinfo .calc { padding-right: 10px; }
.orderinfo .box { width: 100%; }
.orderinfo .box .header { width: 100%; }

#deletedish-popup {
    position: relative;
    background: #FFF;
    padding: 20px 20px 10px 20px;
    width:auto;
    max-width: 700px;
    margin: 20px auto;
    font-size: 28px;
}
#deletedish-popup .content-popup {
    margin: auto;
}
#deletedish-popup .content-popup .info {
    margin-bottom: 20px;
}
#deletedish-popup .bottom {
    margin-top: 35px;
}
#deletedish-popup .bottom .button {
    margin-left: 15px;
    width: 200px;
}

.simple-button {
    font-size: 28px;
    font-weight: 400;
    line-height: 1.4;
    margin-bottom: 0px;
    padding: 10px 16px;
    display: block;
    border-radius: 8px;
    border: 1px solid #ccc;
    width: 100%;
    background-color: #fff;
    background-repeat: repeat-x;
    color: #333;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    text-shadow: 0 1px 0 #fff;
    box-sizing: border-box;
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset, 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow:    0 1px 0 rgba(255, 255, 255, 0.15) inset, 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow:         0 1px 0 rgba(255, 255, 255, 0.15) inset, 0 1px 1px rgba(0, 0, 0, 0.075);
    position: relative;
}

.toptran {
    opacity: 0;
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 1;
    left: 0;
    top: 0;
}

.close-link {
    font-size: 34px;
    line-height: 2.2;
    padding: 10px 16px;
}

#transbox {
    top: 0;
    left: 0;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6);
    position: absolute;
    color: #fff;
    z-index: 5000;
    font-size: 5em;
    text-align: center;
}

#message {
    top: 50%;
    left: 50%;
    padding: 20px;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6);
    position: fixed;
    color: #fff;
    z-index: 5000;
    font-size: 40px;
    text-align: center;
    white-space: nowrap;
}