/* app css stylesheet */
html {
   overflow: hidden;
}

h1, h2, h3, h4, h5 {
   font-weight: bold !important;
}

/* Top bar section */
.topbar {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   width: auto;
   z-index: 1;
   padding: 0;
   height: 41px;
   color: #ccc;
   background-color: #008d00;
   background: -moz-linear-gradient(top, #00b000, #008d00);
   background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#00b000), to(#008d00));
   border: none;
   border-bottom: 1px solid #007200;
   -webkit-box-shadow: inset 0 -1px 0px #00a700, inset 0 1px 0px #30de30, inset -1px 0 0px #00b700, inset 1px 0 0px #00b700;
   -moz-box-shadow: inset 0 -1px 0px #00a700, inset 0 1px 0px #30de30, inset -1px 0 0px #00b700, inset 1px 0 0px #00b700;
   box-shadow: inset 0 -1px 0px #00a700, inset 0 1px 0px #30de30, inset -1px 0 0px #00b700, inset 1px 0 0px #00b700;
}

.topbar .logo{
   width: 130px;
   height: 30px;
   margin-top: 5px;
   line-height: 45px;
   margin-left: 22px;
   padding: 0;
   display: inline;
}

.login{
   position: absolute;
   height: 41px;
   top: 0;
   right: 0;
   display: inline;
   z-index: 3;
   -webkit-box-shadow: inset 1px 0px 0px #00b700, inset -1px 0px 0px #00b700, -1px 0px 0px #00b700, 1px 0px 0px #00b700;
   -moz-box-shadow: inset 1px 0px 0px #00b700, inset -1px 0px 0px #00b700, -1px 0px 0px #00b700, 1px 0px 0px #00b700;
   box-shadow: inset 1px 0px 0px #00b700, inset -1px 0px 0px #00b700, -1px 0px 0px #00b700, 1px 0px 0px #00b700;
   border: 1px solid #007200;
   border-bottom: none;
   border-top: none;
   text-align: center;
   padding: 12px 12px 0px 0;
   margin: 0;
}

.login:hover{
   background: #cacaca;
   background: -moz-linear-gradient(top, rgba(255,255,255,0.3), rgba(255,255,255,0.1));
   background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,0.3)), to(rgba(255,255,255,0.1)));
   cursor: pointer;
}

.login .dropdown-toggle{
   color: #cacaca;
   font-size: 15px;
   height: 50px;
   text-decoration: none;
}

.dropdown-toggle img{
   width: 24px;
   margin: 0 10px;
   display: inline;
   border-radius: 3px;
   border: 1px solid #777;
   position: relative;
   top: -3px;
   float: left;
}

.venue-title {
   display: inline-block;
   position: absolute;
   top: 2px;
   left: 0;
   right: 0;
   font-weight: bold;
   font-size: 26px;
   text-align: center;
   color: #fff;
}
/* End of Top bar section */

/* Left side bar section */
.sidebar {
   position: absolute;
   margin: 0;
   left: 0;
   right: auto;
   top: 41px;
   bottom: 0;
   z-index: 1;
   visibility: visible;
   width: 200px;
   display: block;
   overflow: auto;
   -webkit-overflow-scrolling: touch;
   -moz-overflow-scrolling: touch;
   -ms-overflow-scrolling: touch;
   -o-overflow-scrolling: touch;
   background-color: #ccc;
}

.nav-tabs {
   border-bottom-color: transparent;
   padding: 0;
   margin: 10px 0 0;
}

.nav-tabs>li>a {
   text-align: center;
   margin: 0;
   padding: 5px;
   width: 74px;
   color: #444;
   background-color: #eee !important;
   border: none !important;
}

.tab-content {
   position: relative;
}

.tab-content .message-box {
   padding: 5px 20px 5px 20px;
   border-bottom: 1px solid #ddd;
   color: #111;
}

.tab-content .message-box p {
   height: auto;
   margin: 5px 0 0 0;
   overflow: hidden;
   font-size: 12px;
}

.tab-content .message-box img {
   width: 30px;
   height: 30px;
   border: 1px solid #999;
   display: block;
   margin: 0 15px 0 0;
   border-radius: 5px;
   background: #fff;
}

.alerted {
   background-color: #e8f0d5;
}

.alerted-text {
   color: #ff0000;
}

.waiting {
   background-color: #ddd;
}

.dark-glass {
   background-color: rgba(0,0,0,0.3);
}

.background-blink {
   -webkit-animation-name: background-blinker;
   -webkit-animation-duration: 2s;
   -webkit-animation-timing-function: ease-in-out;
   -webkit-animation-iteration-count: infinite;
   -webkit-animation-direction: alternate;

   -moz-animation-name: background-blinker;
   -moz-animation-duration: 2s;
   -moz-animation-timing-function: ease-in-out;
   -moz-animation-iteration-count: infinite;
   -moz-animation-direction: alternate;

   animation-name: background-blinker;
   animation-duration: 2s;
   animation-timing-function: ease-in-out;
   animation-iteration-count: infinite;
   animation-direction: alternate;
}

@-moz-keyframes background-blinker {
   0% { background-color: #ddd; }
   100% { background-color: #f0ad4e; }
}

@-webkit-keyframes background-blinker {
   0% { background-color: #ddd; }
   100% { background-color: #f0ad4e; }
}

@keyframes background-blinker {
   0% { background-color: #ddd; }
   100% { background-color: #f0ad4e; }
}
/* End of left side bar section */

/* Center content section */
.center-pane {
   position: absolute;
   margin: 0px;
   left: 200px;
   right: 0px;
   top: 41px;
   bottom: 0px;
   display: block;
   visibility: visible;
   background-color: #EEEEEE;
   overflow: auto;
   -webkit-overflow-scrolling: touch;
   -moz-overflow-scrolling: touch;
   -ms-overflow-scrolling: touch;
   -o-overflow-scrolling: touch;

}

.dash-head {
   margin: 0 0 0;
   padding: 3px 25px 2px;
   background: #ccc;
   border: 1px solid #979797;
   border-top: 1px solid #bbb;
   border-radius: 5px 5px 0 0;
   font-size: 17px;
   font-weight: bold;
}

.dash-head i {
   margin-right: 10px;
   position: relative;
   top: 1px;
   padding: 10px 0 10px 0;
}

.dash-widget {
   background: #ddd;
   border: 1px solid #aaa;
   border-top: none;
   padding: 25px;
   margin: 0px 0 20px;
   border-radius: 0 0 5px 5px;
}

.order-box {
   background: #fff;
   border-bottom: 1px solid #ccc;
   padding: 20px 20px;
}

.order-box-col {
   padding-left: 0 !important;
   padding-right: 0 !important;
}

.time-box {
   padding: 0 5px 0 5px;
}

.bread-crumb {
   padding: 0 0 0 10px;
   border: none;
   border-radius: 0px;
   margin-bottom: 0;
   border-bottom: 1px solid #aaa;
   background: #ddd;
}

.bread-crumb li {
    display: inline-block;
    line-height: 20px;
    margin: 0 0 0 -10px;
    padding: 0 5px;
    position: relative;
    z-index: 1;
}

.bread-crumb li:before, .breadcrumb li:after {
   display: none;
}

.bread-crumb li a {
   font-size: 12px;
   text-decoration: none;
}
.bread-crumb li a:hover{
   color: #000;
   cursor: pointer;
}

.bread-crumb li:nth-of-type(1) a { color: #111; }
.bread-crumb li:nth-of-type(1) i { color: #111; }
.bread-crumb li:nth-of-type(2) a { color: #222; }
.bread-crumb li:nth-of-type(2) i { color: #222; }
.bread-crumb li:nth-of-type(3) a { color: #333; }
.bread-crumb li:nth-of-type(3) i { color: #333; }
.bread-crumb li:nth-of-type(4) a { color: #444; }

network-status.alert {
    padding: 0px 0px 0px 0px;
    margin-bottom: 0px;
    line-height: 90%;
    font-weight: bold;
    font-size: 30px;
}

.foresight-list {
    border-bottom: 1px solid #CCCCCC;
}

.foresight-list ul {
    list-style-type: none;
    font-size: 16px;
    font-weight: bold;
    margin: 2px;
}

.foresight-list ul span {
   font-weight: normal;
}

.green-btn {
   border: 1px solid #777;
   background: -moz-linear-gradient(top, #00d96d, #00b064);
   background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#00d96d), to(#00b064));
   color: #e5fff2;
   height: 70px;
}

.green-btn:hover {
   background: -moz-linear-gradient(top, #00ff80, #00cb66);
   background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#00ff80), to(#00cb66));
   border: 1px solid #1fd379;
   border-left: 1px solid #1df388;
   border-right: 1px solid #70ffb7;
   border-top: 1px solid #59ffac;
   color: #e5fff2;
}

.yellow-btn {
   border: 1px solid #777;
   background: -moz-linear-gradient(top, #d9a600, #b08700);
   background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d9a600), to(#b08700));
   color: #fff9e5;
   height: 70px;
}

.yellow-btn:hover {
   background-color: #ffc400;
   background: -moz-linear-gradient(top, #ffc400, #cb9c00);
   background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffc400), to(#cb9c00));
   border: 1px solid #d3a91f;
   border-left: 1px solid #f3c11d;
   border-right: 1px solid #ffde70;
   border-top: 1px solid #ffd859;
   color: #fff;
}

.red-btn {
   border: 1px solid #777;
   background: -moz-linear-gradient(top, #d91900, #b01500);
   background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d91900), to(#b01500));
   color: #ffe8e5;
   height: 70px;
}

.red-btn:hover {
   background-color: #ff1e00;
   background: -moz-linear-gradient(top, #ff1e00, #cb1800);
   background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff1e00), to(#cb1800));
   border: 1px solid #d3341f;
   border-left: 1px solid #f3361d;
   border-right: 1px solid #ff8170;
   border-top: 1px solid #ff6c59;
   color: #fff;
}
/* End of center content section */

.xxl-btn {
   padding: 12px 32px;
   font-size: 16px;
   font-weight: bold;
}

.xxl-txt {
   font-size: 20px;
   font-weight: bold;
}

.xl-txt {
    font-size: 20px;
}

.modal {
   display: block !important;
}

.modal-body p {
   font-size: 25px;
   font-weight: bold;
}

.modal-backdrop, .modal-backdrop.fade.in {
   opacity: 0.9;
}

#loginbox {
   top: 30%;
   left: 50%;
   position: absolute;
   margin-top: 70px;
   margin-left: -300px;
}

#signin {
   height: 150px;
   padding: 10px 62px 10px 61px;
   -webkit-border-radius: 11px;
   -moz-border-radius: 11px;
   border-radius: 11px;
   -webkit-box-shadow: 0 1px 0 #ddd;
   -moz-box-shadow: 0 1px 0 #ddd;
   box-shadow: 0 1px 3px #444;
   background: rgba(0,0,0,0.05);
   transition: all 0.3s linear;
   -o-transition: all 0.3s linear;
   -moz-transition: all 0.3s linear;
   -webkit-transition: all 0.3s linear;
}

#signin h3 {
   margin-top: 0;
   color: #fff;
}

#signin-btn {
   display: inline;
   margin: 45px 0 0 20px;
   line-height: 22px;
   font-size: 14px;
   padding: 5px 24px;
}

#signin-logo {
   max-width:600px;
   height: auto;
   display: block;
   overflow: hidden;
   position: absolute;
   top: -180px;
   left: 10px;
   z-index: 2;
   width: 620px;
}

#signin input {
   width: 232px;
   margin-top: 10px;
   font-weight: bold;
   margin-right: 15px;
   border: 1px solid #aaa;
   height: 30px;
   -webkit-box-shadow: 0 1px 0 #ddd;
   -moz-box-shadow: 0 1px 0 #ddd;
   box-shadow: 0 1px 0 #ddd
}

#signin input:focus{
   margin-right: 15px;
   border: 1px solid #77f;
   -webkit-box-shadow: 0 0 23px #77f;
   -moz-box-shadow: 0 0 23px #77f;
   box-shadow: 0 0 23px #77f;
}