body {
}
.navbar-inverse {
    background-color:orange !important;
    white-space : nowrap;
    border-bottom-style:none;
}
.navbar-inverse .navbar-brand {
    color: #FFFFFF !important;
}
.navbar-inverse .navbar-nav > li > a {
    color: #FFFFFF !important;
}
@media (min-width: 1200px) {
    .container {
        max-width: 100% !important;
    }
}

@media (max-width: 768px) {
    .navbar-brand {
    font-size:80%;
  }
    fmb {
    font-size:10px !important;
    }
}

@media (max-width: 320px) {
    .table {
    font-size:50%;
  }
    fmb {
    font-size:8px !important;
    }
}


.table {
    margin-bottom: 0px !important;
}
th.current {
    background-color:#99FF99 !important;
    font-weight:bolder;
    font-size:140%;
    white-space: nowrap;
    border-top:2px solid darkgray !important;
    border-left:2px solid darkgray !important;
    border-right:2px solid darkgray !important;
    border-top-left-radius:5px;
    border-top-right-radius:2px;
}
th.header {
    color:white;
    /*background-color:#428bca !important;*/
    font-weight:bolder;
    font-size:120%;
    white-space: nowrap;
    border-top:2px solid darkgray !important;
    border-left:2px solid darkgray !important;
    border-right:2px solid darkgray !important;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
    background: #f3ce00; /* Old browsers */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #ffa500), color-stop(0.43, #f3ce00));
    background: -webkit-linear-gradient(top, #f3ce00 43%, #ffa500 100%);
    background: -moz-linear-gradient(top, #f3ce00 43%, #ffa500 100%);
    background: -o-linear-gradient(top, #f3ce00 43%, #ffa500 100%);
    background: -ms-linear-gradient(top, #f3ce00 43%, #ffa500 100%);
    background: linear-gradient(to bottom, #f3ce00 43%, #ffa500 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3ce00', endColorstr='#ffa500',GradientType=0 ); /* IE6-9 */
}
th.headerr {
    color:white;
    /*background-color:#428bca !important;*/
    font-weight:bolder;
    font-size:100%;
    white-space: nowrap;
    border-top:2px solid darkgray !important;
    border-left:2px solid darkgray !important;
    border-right:2px solid darkgray !important;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
    background: #f3ce00; /* Old browsers */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #ffa500), color-stop(0.43, #f3ce00));
    background: -webkit-linear-gradient(top, #f3ce00 43%, #ffa500 100%);
    background: -moz-linear-gradient(top, #f3ce00 43%, #ffa500 100%);
    background: -o-linear-gradient(top, #f3ce00 43%, #ffa500 100%);
    background: -ms-linear-gradient(top, #f3ce00 43%, #ffa500 100%);
    background: linear-gradient(to bottom, #f3ce00 43%, #ffa500 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3ce00', endColorstr='#ffa500',GradientType=0 ); /* IE6-9 */
}
th.curr {
    color:#99FF99 !important;
    font-weight:bolder;
}

td.currentrx {
    background: #f3ce00; /* Old browsers */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #ffa500), color-stop(0.43, #f3ce00));
    background: -webkit-linear-gradient(top, #f3ce00 43%, #ffa500 100%);
    background: -moz-linear-gradient(top, #f3ce00 43%, #ffa500 100%);
    background: -o-linear-gradient(top, #f3ce00 43%, #ffa500 100%);
    background: -ms-linear-gradient(top, #f3ce00 43%, #ffa500 100%);
    background: linear-gradient(to bottom, #f3ce00 43%, #ffa500 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3ce00', endColorstr='#ffa500',GradientType=0 ); /* IE6-9 */
    white-space: nowrap;
    font-weight:bold;
    /*font-size:180%;*/
    border-left:2px solid darkgray !important;
    border-right:2px solid darkgray !important;
}

td.current {
    background-color:#99FF99 !important;
    white-space: nowrap;
    font-weight:bold;
    font-size:180%;
    border-left:2px solid darkgray !important;
    border-right:2px solid darkgray !important;
}
td.currentr {
    background-color:#99FF99 !important;
    white-space: nowrap;
    font-weight:bold;
    /*font-size:120%;*/
    border-top:2px solid darkgray !important;
    border-bottom:2px solid darkgray !important;
}
table.table > tbody > tr:last-child > td.current {
    border-bottom:2px solid darkgray !important;
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;
}
table.table > tbody > tr:last-child > td.currentr {
    border-bottom:2px solid darkgray !important;
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;
}
table.table > tbody > tr > td.currentr:first-child {
    border-left:2px solid darkgray !important;
    border-top-left-radius:5px;
    border-bottom-left-radius:5px;
}
table.table > tbody > tr > td.currentr:last-child {
    border-right:2px solid darkgray !important;
    border-top-right-radius:5px;
    border-bottom-right-radius:5px;
}
.table > tbody > tr.danger > td
 {
  background-color: #f2dede !important;
  border-color: #eed3d7 !important;
}
td.nowrap {
    white-space: nowrap;
        color: #FFFFFF !important;
}
td.openroom {
    color:#000000 !important;
    font-weight:bold;
    font-size:110%;
    text-align:center;
}
td.closeroom {
    color:#000000 !important;
    font-weight:bold;
    font-size:110%;
    text-align:center;
}
td.openroomr {
    color:#7db9e8 !important;
    font-weight:bold;
    font-size:100%;
    text-align:center;
}
td.closeroomr {
    color:#eed3d7 !important;
    font-weight:bold;
    font-size:100%;
    text-align:center;
}

/*.scale {
    margin:0px !important;
    padding:0px !important;
    width:1px !important;
}*/
/* レイアウト表示の枠設定 */
div.room {
    position:relative;
    width: 1000px;
    height: 360px;/*枠の高さ*/
    overflow:hidden;
    overflow-y:auto;
}
@media(min-height:680px){
    div.room {
        height: 400px;/*枠の高さ*/
    }
}
@media(min-height:768px){
    div.room {
        height: 480px;/*枠の高さ*/
    }
}
@media(min-height:800px){
    div.room {
        height: 520px;/*枠の高さ*/
    }
}
@media(min-height:900px){
    div.room {
        height: 640px;/*枠の高さ*/
    }
}
@media(min-height:960px){
    div.room {
        height: 680px;/*枠の高さ*/
    }
}
@media(min-height:1024px){
    div.room {
        height: 760px;/*枠の高さ*/
    }
}
@media(min-height:1080px){
    div.room {
        height: 800px;/*枠の高さ*/
    }
}
div.pc{
    position:absolute;
    width:64px;
    height:64px;
}
div.off{
    width:64px;
    height:64px;
    background-image:url("/image/off.png");
}
div.busy {
    width:64px;
    height:64px;
    background-image:url("/image/busy.png");
}
div.idle {
    width:64px;
    height:64px;
    background-image:url("/image/idle.png");
}
div.broken {
    width:64px;
    height:64px;
    background-image:url("/image/broken.png");
}
div.adjusting {
    width:64px;
    height:64px;
    background-image:url("/image/adjusting.png");
}
div.teacher {
    width:64px;
    height:64px;
    background-image:url("/image/teacher.png");
}
div.macbusy {
    width:64px;
    height:64px;
    background-image:url("/image/macbusy.png");
}
div.macidle {
    width:64px;
    height:64px;
    background-image:url("/image/macidle.png");
}
div.classon {
    width:90px;
    height:64px;
    background-image:url("/image/ClassOn.png");
}
div.classoff {
    width:90px;
    height:64px;
    background-image:url("/image/ClassOff.png");
}
div.classbusymate {
    width:90px;
    height:64px;
    background-image:url("/image/ClassBusyMate.png");
}
div.classbusynomate {
    width:90px;
    height:64px;
    background-image:url("/image/ClassBusyNomate.png");
}
div.Adminoff {
    width: 90px;
    height: 64px;
    background-image: url("/image/Adminoff.png");
}

div.AdminOn {
    width: 90px;
    height: 64px;
    background-image: url("/image/Adminon.png");
}

div.AdminLogon {
    width: 90px;
    height: 64px;
    background-image: url("/image/Adminlogon.png");
}
/* 表示文字の装飾 */
div.tooltip1 {
    color: #333;
    display: inline-block; /* インライン要素化 */
    border-bottom: dashed 1px #555; /* 下線を引く */
}

    /* ツールチップ部分を隠す */
    div.tooltip1 span {
        display: none;
    }

    /* マウスオーバー */
    div.tooltip1:hover {
        position: relative;
        color: #333;
    }

        /* マウスオーバー時にツールチップを表示 */
        div.tooltip1:hover span {
            display: block; /* ボックス要素にする */
            position: absolute; /* relativeからの絶対位置 */
            top: 25px;
            font-size: 90%;
            color: #fff;
            background-color: #5BFF7F;
            width: 205px;
            padding: 5px;
            border-radius: 8px;
            z-index: 100;
        }

    /* フキダシ部分を作成 */
    div.tooltip1 span:before {
        content: '';
        display: block;
        position: absolute; /* relativeからの絶対位置 */
        height: 0;
        width: 0;
        top: -13px;
        left: 15px;
        border: 13px transparent solid;
        border-right-width: 0;
        border-left-color: #5BFF7F;
        transform: rotate(270deg); /* 傾きをつける */
        -webkit-transform: rotate(270deg);
        -o-transform: rotate(270deg);
        z-index: 100;
    }
#infomationmarquee {
    font-size:120%;
/*    color:#ff00dc !important;*/
}
#userwarning {
    font-size:200%;
    color:#ff00dc !important;
}
.sm-h-1 {
    width:120px;
}
.sm-h-2 {
    width:60px;
}
.sm-h-3 {
    width:200px;
}
.sm-h-4 {
    width:100px;
}
.sm-h-5 {
    width:100px;
}
.sm-h-wk {
    width:80px;
}
.sm-h-per {
    width:200px;
}
div.weeklytitle {
    font-size: 200%;
    font-weight:bold;
    color:#0094ff;
}
a.Att0 {
    color:red!important;
    font-weight:900;
}
a.Att1 {
    color:pink!important;
    font-weight:900;
}
a.Att2 {
    color:pink!important;
    font-weight:900;
}
a.Att3 {
    color:fuchsia!important;
    font-weight:900;
}
a.Att4 {
    color:lime!important;
    font-weight:500;
}
a.Att5 {
    color:black!important;
    font-weight:900;
}
a.Att6 {
    color:purple!important;
    font-weight:900;
}
div.Att0 {
    color:red!important;
    font-weight:900;
}
div.Att1 {
    color:pink!important;
    font-weight:900;
}
div.Att2 {
    color:pink!important;
    font-weight:900;
}
div.Att3 {
    color:fuchsia!important;
    font-weight:900;
}
div.Att4 {
    color:lime!important;
    font-weight:500;
}
div.Att5 {
    color:black!important;
    font-weight:900;
}
div.Att6 {
    color:purple!important;
    font-weight:900;
}
td.Att0 {
    color:red!important;
    font-weight:900;
}
td.Att1 {
    color:pink!important;
    font-weight:900;
}
td.Att2 {
    color:pink!important;
    font-weight:900;
}
td.Att3 {
    color:fuchsia!important;
    font-weight:900;
}
td.Att4 {
    color:lime!important;
    font-weight:500;
}
td.Att5 {
    color:black!important;
    font-weight:900;
}
td.Att6 {
    color:purple!important;
    font-weight:900;
}
@import url(https://fonts.googleapis.com/css?family=Montserrat:400);

.chart-text {
  font: 16px/1.4em "Montserrat", Arial, sans-serif;
  fill: #000;
  -moz-transform: translateY(0.25em);
  -ms-transform: translateY(0.25em);
  -webkit-transform: translateY(0.25em);
  transform: translateY(0.25em);
}

.chart-number {
  font-size: 0.6em;
  line-height: 1;
  text-anchor: middle;
  -moz-transform: translateY(-0.25em);
  -ms-transform: translateY(-0.25em);
  -webkit-transform: translateY(-0.25em);
  transform: translateY(-0.25em);
}

.chart-label {
  font-size: 0.2em;
  text-transform: uppercase;
  text-anchor: middle;
  -moz-transform: translateY(0.7em);
  -ms-transform: translateY(0.7em);
  -webkit-transform: translateY(0.7em);
  transform: translateY(0.7em);
}

.stdform {
    margin-left:50px !important;
}

.stdmenu {
    margin-left: 50px !important;
}

h4.std {
    margin-top:80px!important;
}
.form-group {
    margin-top: 20px;
}