body, html {height:100%;}
p {padding:0;margin:0}
hr {clear:both;}
.container {width: 90%;}
#wrap {min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -60px;}
#header {min-height:60px; 
  -moz-user-select: none; -ms-user-select:none; -webkit-user-select:none; user-select: none;
  background-color: rgb(15,25,45);
  background-image: url(../img/batik50.png), linear-gradient(to bottom, rgba(35,40,65,1), rgba(15,20,45,1));
  /*background: -webkit-linear-gradient(top, rgba(35,40,65,1), rgba(15,20,45,1));*/
  background-repeat: no-repeat;
  background-position:right;
}
#header .logo { background-image:url(../img/aa_logo.png); background-repeat:no-repeat; background-size:50px 50px; background-position:20px center;}
#header h1 { color:#ddd; line-height:60px; font-size:26px; padding:0 0 0 80px;margin:0;}
.navbar-inverse .navbar-inner {/* override BS3 */
    background-color: #ddd;
    background-image: linear-gradient(to bottom, #ddd, #ccc);
    /*background-image: -webkit-linear-gradient(to bottom, #ddd, #ccc);*/
    background-repeat: repeat-x;
    border-color: #252525;
}
#push {height:60px; margin-top:60px;}
.footer{height:60px; max-height:60px; line-height:60px; overflow:hidden;
  background-color: rgb(15,25,45);  
  background-image: linear-gradient(to bottom, rgba(35,40,65,1), rgba(15,20,45,1));
  background:-webkit-linear-gradient(top, rgba(35,40,65,1), rgba(15,20,45,1));
  color:#ddd;}
.footer a {color:#ea0 !important;}
.txt-center{ text-align:center;}

.hitword {background-color:#36F;color:#FFF;font-weight:bold;border:1px solid #36F;}
.subhitword {background-color:#F63;color:#FFF;font-weight:bold;border:1px solid #F63;}
.hittag {background-color:#369;color:#FFF;}
.sortword {font-weight:bold;}
.sortword.sort0,select.sort0 {background-color:#FDF;color:#000;}
.sortword.sort1,select.sort1 {background-color:#DFF;color:#000;}
.sortword.sort2,select.sort2 {background-color:#FFD;color:#000;}
.sortword.sort3,select.sort3 {background-color:#FFF;color:#000;}
.searchUI {position:relative; display:block; width:90%; margin: 20px auto;}
.left-10 {margin-left:10px;}
.left-20 {margin-left:20px;}
.itemname {font-weight:900;}
.resultCount {font-weight:bold}
#result {width:100%; margin:auto; min-height:100px;}
#result .line:nth-child(even) {background-color:#e0e0e0;}
.pageNavi{width:100%; text-align:center; margin:15px auto;}
.searchUI .control-group {margin-bottom:10px;}
.searchUI .controls label.checkbox {display: inline-block;}
.searchUI .controls label.radio {display: inline-block;}

/* loading icon animation */
.loadingIcon {
	animation: animloading 2s linear 0s infinite normal;
	-moz-animation: animloading 2s linear 0s infinite normal;
	-webkit-animation: animloading 2s linear 0s infinite normal;
	-ms-animation: animloading 2s linear 0s infinite normal;
	-o-animation: animloading 2s linear 0s infinite normal;
}
@keyframes animloading {0% {transform:rotate(0deg);} 100% {transform:rotate(180deg);}}
@-moz-keyframes animloading {0% {transform:rotate(0deg);} 100% {transform:rotate(180deg);}}
@-webkit-keyframes animloading {0% {transform:rotate(0deg);} 100% {transform:rotate(180deg);}}
@-ms-keyframes animloading {0% {transform:rotate(0deg);} 100% {transform:rotate(180deg);}}
@-o-keyframes animloading {0% {transform:rotate(0deg);} 100% {transform:rotate(180deg);}}

.navbar .nav li >a {width:135px; text-align:center; padding:10px 10px !important;} 
.navbar .nav li.for-manager.not-authorized {display:none;visibility:hidden;}

.usercontents {margin:60px;}
.usercontents p {margin:0 0 10px 0;}
.usercontents h2, .usercontents h3 {margin-top: 2em;}
.last-item {margin-bottom: 2em;}
/* verical scroller */
.scroller { 
  display:none;
  z-index: 10;
  width:50px; height:50px;
  border:1px solid #f0f0f0;
  border-radius: 5px;
  text-align: center;
  background-color: rgba(70,70,70,0.5);
  background-image: url(../img/arrow_up.png);
  background-size: contain;
  position:fixed;
  bottom:65px;
  right:10px;
  color:#ccc;
  cursor:pointer;
  -moz-user-select: none;
  -webkit-user-select:none;
  user-select:none;
 }

/* modal */
 #modalBG{
  width:100%; height:100%;
  position:fixed; top:0; left:0;
  background-color:rgba(50,50,50,0.85)
}
#modalFG {
  position:absolute; width:75%; max-height:400px; padding:10px; 
  background-color:rgba(250,250,250,0.95); overflow-y:scroll; 
  box-shadow:10px 10px 20px 10px rgba(0,0,0,0.5);
}
.mdl-closer{
  display: block;
  position:absolute; top:10px; right:5px;
  width: 25px;
  height:25px; line-height:25px;
  border:2px solid #aaa;
  border-radius: 50%;
  background-color: #444;
  color: #eee;
  font-size: 16px;
  text-align: center;
  cursor: pointer;
  -moz-user-select: none; -webkit-user-select: none; -ms-user-select:none; user-select: none;
}
#modalFG label {display:inline-block;padding-left:4px;}
#modalFG label>input[type='radio'] {float:left;}

/* document selector */
.span2 {width:140px; float:left; min-height: 1px; margin-left: 20px;}
.bt-item {height:2em;line-height:2em;overflow:hidden;text-align:center;
         border:1px solid #eee; margin-bottom:3px; 
         font-size:85%; cursor:default;
         -moz-user-select:none; -webkit-user-select:none; -ms-user-select:none; user-select:none;}
.bt-default { background-color:#ddd; color:#222; } 
.bt-selected { background-color : #48F; color : #fff;}

/* abstracts */
.clickable { cursor : pointer; }
.txobj { padding-left:5px; padding-right:5px; }
.nosel { -moz-user-select: none; -ms-user-select:none; -webkit-user-select:none; user-select: none; }

/* side "mini" menu */
.side-menu {position:absolute; right:0;}
.side-menu .handle {
  display:inline-block;
  width:25px; height:35px;
  border-top:1px solid #666; border-bottom:1px solid #222; /*border-right:1px solid rgba(119,119,119,.8);*/
  border-radius:3px 0 0 3px;
  position:absolute; left:-25px; top:0;
  background-color:#000; color:#ccc;
  background-size:60% 60%;
  background-position:center;
  background-repeat: no-repeat;
}
.side-menu .handle.opened {background-image:url(../img/arrow_right.png);}
.side-menu .handle.closed {background-image:url(../img/arrow_left.png);}
.side-menu .item-container {overflow:hidden;}
.side-menu .link-item{
  width:130px;
  height:35px; line-height:35px;
  padding-left:0; padding-right:0;
  background-color : rgba(0,0,0,.85);
  color:#fff;
  border-top:1px solid #666; border-bottom: 1px solid #222;
  overflow:hidden;
}
.side-menu .link-item:hover { background-color:rgba(0,0,0,1); color:#fff; }
.side-menu .item-container { position:relative; top:0; display:inline-block;}
.side-menu .link-item .lpad {padding-left:10px;}
@media screen and (max-width: 768px) {.side-menu {display:none;}}