﻿body {
    font-family:"Titillium Web", 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif
}
.jumbotron {background:#0B9444 ;color:#fff;background-size: cover;font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}/* url("/images/heroes_green_1024.png") no-repeat right top; */

#mlogin .modal-header{background-color:#FCCB00;}
#mlogin label{display:block;padding-left:35px;background-repeat:no-repeat;}
#mlogin label.user{background-image:url('/images/icon/user.png');}
#mlogin label.pwd{background-image:url('/images/icon/key.png');}
#mlogin label.skey{background-image:url('/images/icon/lock.png');}

img.icon-16{max-width:16px; max-height:16px;}
img.icon-24{max-width:24px; max-height:24px;}
img.icon-32{max-width:32px; max-height:32px;}
img.icon-64{max-width:64px; max-height:64px;}
img.icon-128{max-width:128px; max-height:128px;}
img.icon-256{max-width:256px; max-height:256px;}

.icon16 img {max-width:16px; max-height:16px;}
.icon24 img {max-width:24px; max-height:24px;}
.icon32 img {max-width:32px; max-height:32px;}
.icon48 img {max-width:48px; max-height:48px;}
.icon64 img {max-width:64px; max-height:64px;}

.talk {width:32px;height:32px;background:url('/images/icon/comment.png') no-repeat;text-align:center;vertical-align:middle; display:inline-block; }

.bg-disable {background-color:#aaa}
.bg-highlight {background-color:#fd0}

.show-grid {border-top:1px solid #ddd}


a[href="#"] {cursor:not-allowed;background-color:#eee;color:#999 !important;}
a[href="#"] img {-webkit-filter: grayscale(1) opacity(.2) blur(1px);filter: grayscale(1) opacity(.2) blur(1px);}

a.aspNetDisabled {cursor:not-allowed;background-color:#eee;color:#bbb !important;}
a.aspNetDisabled img {-webkit-filter: grayscale(1) opacity(.2) blur(1px);filter: grayscale(1) opacity(.2) blur(1px);}

.text-red {color:red;}
.text-green {color:green;}
.text-blue {color:blue;}
.text-gray {color:gray;}
.text-pink {color:hotpink}

.tinyText {font-size:7px;}

.navbar-bottom {
    margin-bottom: 0;
    bottom: 100%;
    border-radius: 0;
}


.zoom {max-width:32px;max-height:32px;}
.zoom-in {max-width:64px;max-height:64px;}

.margin0 {margin:0;}

.graph {height:200px;}
.graphMini {height:100px;}
.graphMaxi {height:300px;}

.scroll {overflow:scroll;max-height:200px;padding-right:20px;padding-bottom:20px;}
.scrollY {overflow-y:scroll;max-height:200px;padding-right:20px;}
.scrollX {overflow-x:scroll;max-height:200px;padding-bottom:20px;}
@media (min-width: 768px) {
.graph {height:350px;}
.graphMini {height:200px;}
.graphMaxi {height:450px;}

.scroll {max-height:250px}
.scrollY {max-height:250px}
.scrollX {max-height:250px}
}
@media (min-width: 992px) {
.graph {height:350px;}
.graphMini {height:200px;}
.graphMaxi {height:500px;}

.scroll {max-height:300px}
.scrollY {max-height:300px}
.scrollX {max-height:300px}
}
@media (min-width: 1200px) {
.graph {height:350px;}
.graphMini {height:200px;}
.graphMaxi {height:500px;}

.scroll {height:400px}
.scrollY {height:400px}
.scrollX {height:400px}
}