/*
 * Start Bootstrap - Logo Nav (http://startbootstrap.com/)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */

body {
    padding-top: 100px; /* Required padding for .navbar-fixed-top. Change if height of navigation changes. */
}

.navbar-fixed-top .nav {
    padding: 0px 0;
}

.navbar-fixed-top .navbar-brand {
    padding: 5px 10px;
}

.nav .user{padding: 15px;color: #777;cursor: default;}

/* media css */
@media(min-width:768px) {
    body {
        padding-top: 100px; /* Required padding for .navbar-fixed-top. Change if height of navigation changes. */
    }

    .navbar-fixed-top .navbar-brand {
        padding: 7px 0;
    }
  .gicon {display:none;}
  .kanban-adjs {min-height:260px;}	
}

@media screen and (max-width: 768px) {
  .sdsr thead th:nth-child(2) {display:none;}
  .sdsr tbody td:nth-child(2) {display:none;}
  .ltricon {display:none;}
/*  .gicon {display:block;}  */
  
}


@media screen and (max-width: 992px) and (min-width: 768px) {
   .col-4-adj {min-height:300px}
}


.msg {color: red;font-size:12px;}


/*  shikomi daily sampling  (main landing page)*/
.sdsr {}
.sdsr h2 {margin:10px 10px;font-size:24px;border-bottom: 2px solid #999;}
.sdsr .glyphicon-ok {color:green;}
.sdsr tbody td:nth-child(2) {}
.sdsr .pbtn {margin:0; padding:0; font-size:20px; color: #999; text-align:right;cursor: pointer;}


/*  Block & Tank Search form  */
.search-top {padding:2px 0;width:100%;position:fixed;top:51px;z-index:1000;background: #e8e8e8;}
.search-top .input-group {width:224px; margin: 0 auto;position:relative;}
.search-top .input-group input {width: 80px;}
.search-top .input-group input:first-child {margin-right:24px;}
.search-top .input-group span {position:absolute;top:10px;left:85px;}

.setdate {margin:10px 10px 0;width:200px;}

@media(min-width:1200px) {
	.search-top {margin-top:0px !important;}
	.sdsr, .tankdtl {margin-top:0 !important;}
}

@media(min-width:768px) {
	.sdsr, .tankdtl {margin-top:100px;}
	.search-top {margin-top:100px;}
}


/*  Tank List Work Sheet Page   */
.tank {margin-top:20px;}
.tank .col-md-8-12 {padding:0 5px;}
.tank div thead td {padding:4px 0px;font-size:80%;}
.tank div thead .cno {padding:2px 0px;font-size:80%;}
.tank div thead th {padding:6px 4px;font-size:80%;text-align:center;}
.tank div tbody td {padding:6px 4px;font-size:80%;}


.tank th:first-child, .tank tbody td:first-child {background-color: #99ffcc;}
.tank th:nth-child(n+3), .tank tbody td:nth-child(n+3) {background-color: #daeef3;}

.tank h3 {margin:0;}
.tank td a{color:#333;}
.tank td a:hover{text-decoration:none;}
.tank td:hover {background-color:#F5F5F5;}

.tank tbody .nsd{background-color: #fff;}

.tank .modal-content {padding:20px;text-align:left;}
.tank .sampmodal input[type=text] {width:100px;}
.tank .cmntmodal input[type=text] {width:100%;}

.tank .nsd a{text-decoration: none;}
.tank .nsd {background:#fff !important;}
.tank .nsd:hover {background:#c8c8c8 !important;}

 /*
@media screen and (max-width: 1200px) {
.col-md-2  th   { padding:6px 0px;}
}

@media screen and (max-width: 900px) {
.col-sm-4  td   { padding:6px 20px;}
.col-sm-4 table{margin-bottom:20px;}
}    */






/*  Kanban Page  */
.kanban {margin-top:20px;font-size:14px;}
.kanban table.table-bordered {border: 1px solid #999;}
.kanban table.table-bordered > thead > tr > th{border:1px solid #999;}
.kanban table.table-bordered > tbody > tr > td{border:1px solid #999;}
.kanban table, .kanban thead th{text-align:left;}
.kanban th, .kanban td {padding:3px 10px !important;} 
.kanban td{height:29px;}      
.kanban input[type=checkbox] {transform:scale(1.2);/*margin:0 auto;width:100%;*/}
.kanban th {background-color: yellow;}
.kanban th:last-child {font-size: 16px; text-align: center;}
/*
.kanban tr:nth-child(4) td:last-child {background-color: #66ccff;}
.kanban tr:nth-child(5) td:last-child {background-color: #00b0f0;}  */

.kanban .modal-content {padding:20px;text-align:left;}
.kanban .sampmodal input[type=text] {width:100px;}
/* .tank .aermodal input[type=text] {width:100px;}  
.tank .cmntmodal input[type=text] {width:100%;}      */
           

/*  Tank Detailed Information  */
.tankdtl {}
.tankdtl table {margin: 10px auto 40px;width: 600px;text-align: left;padding: 0 20px;}
.tankdtl table td:first-child {width:30%;}
.tankdtl .col-sm-12 td, .tankdtl .col-sm-12 th {padding: 2px 20px;font-size: 12px;}

.sampling th:first-child, .sampling tbody td:first-child {background-color: #99ffcc;}
.sampling th:nth-child(n+3), .sampling tbody td:nth-child(n+3) {background-color: #daeef3;}

.tankdtl .nsd a{text-decoration: none;color:#333;}
.tankdtl .nsd {background:#fff !important;}
.tankdtl .nsd:hover {background:#c8c8c8 !important;}


/* modals */
.cmntmodal #mdlcomment {margin:0px;padding:5px 10px;width:90%;height:20px;font-size:14px;line-height:16px;transition: width 0.25s;resize:none;overflow:hidden;color:#333;box-sizing:content-box;}
.cmntmodal .modal-body .btn {padding:2px 10px;}



/* load comments */
#disp-comnt {margin: 30px auto;width:700px;font-size:14px;;}
#loader-cmnt {margin: 30px 0 0;}
#disp-comnt .cmntrv {margin-left:10px;width: 16px;cursor:pointer;}


/*  Footer  */
footer .glyphicon {
    font-size: 20px;
    margin: 40px 0 20px;
    color: #f4511e;
}

footer p{margin: 0 0 20px;}    


@media print {
a[href]:after {
    content: none;
  }
}