html {overflow-y:scroll;}
#mynavbar{margin-bottom: 0px}
body{
font-family: 'OpenSans','Helvetica Neue', Helvetica, Arial, sans-serif;
font-size:12px;
}
.navbar-brand,h1,h2,h3,h4,h5{
	font-family: Roboto,'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.form-horizontal label.control-label{text-align:left}
.form-control {
  height: 30px;
  padding: 3px 6px;
  font-size: 12px;
  line-height: 1.42857143;
}
//label.control-label{line-height: 2.85714286;}
.input-group-addon,.input-group-addon .fa{height:30px, line-height:1.428571429}

.navbar-metro{background-color:#2eccc3;border-color:#2eccc3}.navbar-metro .navbar-brand{color:#fff}.navbar-metro .navbar-brand:hover,.navbar-metro .navbar-brand:focus{color:#e6e6e6;background-color:transparent}.navbar-metro .navbar-text,.navbar-metro .navbar-text a{color:#fff;text-decoration:none}.navbar-metro .navbar-nav>li>a{color:#fff}.navbar-metro .navbar-nav>li>a:hover,.navbar-metro .navbar-nav>li>a:focus{color:#fff;background-color:#2879b1}.navbar-metro .navbar-nav>.active>a,.navbar-metro .navbar-nav>.active>a:hover,.navbar-metro .navbar-nav>.active>a:focus{color:#fff;background-color:#2879b1}.navbar-metro .navbar-nav>.disabled>a,.navbar-metro .navbar-nav>.disabled>a:hover,.navbar-metro .navbar-nav>.disabled>a:focus{color:#ccc;background-color:transparent}.navbar-metro .navbar-toggle{border-color:#ddd}.navbar-metro .navbar-toggle:hover,.navbar-metro .navbar-toggle:focus{background-color:#ddd}.navbar-metro .navbar-toggle .icon-bar{background-color:#ccc}.navbar-metro .navbar-collapse,.navbar-metro .navbar-form{border-color:#2eccc3}.navbar-metro .navbar-nav>.open>a,.navbar-metro .navbar-nav>.open>a:hover,.navbar-metro .navbar-nav>.open>a:focus{background-color:#2879b1;color:#fff}@media(max-width:767px){.navbar-metro .navbar-nav .open .dropdown-menu>li>a{color:#fff}.navbar-metro .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-metro .navbar-nav .open .dropdown-menu>li>a:focus{color:#fff;background-color:#2879b1}.navbar-metro .navbar-nav .open .dropdown-menu>.active>a,.navbar-metro .navbar-nav .open .dropdown-menu>.active>a:hover,.navbar-metro .navbar-nav .open .dropdown-menu>.active>a:focus{color:#fff;background-color:#2879b1}.navbar-metro .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-metro .navbar-nav .open .dropdown-menu>.disabled>a:hover,.navbar-metro .navbar-nav .open .dropdown-menu>.disabled>a:focus{color:#ccc;background-color:transparent}}.navbar-metro .navbar-link{color:#fff}.navbar-metro .navbar-link:hover{color:#fff}
.navbar-metro .navbar-text a:hover{color:#eee}
.navbar-metro>.nav>li>a {
  color: #dedede;
  text-decoration: none;
}

.navbar-metro>.nav>li>a:hover,
.navbar-metro>.nav>li>a:focus {
  color: #777;
  background-color: #036baa;
}
.btn-act{width:24px;padding:1px;height:24px;margin-right:2px}
option.optlev0{color:#00a300}
option.optlev1{color:#2d89ef}
option.optlev2{color:#da532c}
option.optlev3{color:#000}

.no-display{display:none}

.tab-pane{padding-top:15px;padding-bottom:15px;}
#dataTables-example_processing {padding-left:15px;color:green}

.page-header {margin: 20px 0 20px;}
.flashHandler{margin-top:15px;padding:5px;}
.form-text{padding-top:7px;}

.navbar-metro>.nav>li>a.notif{
	color: #E41A1A;
	text-shadow: 1px 1px #bbb;
}
/*  css my-editan*/
/*****GlobalNav Footer*****/
#navcontainer {width: 210px; padding-left: 5px; margin-bottom:228px; margin-bottom:0px: }
ul#nav-footer {width: 200px; padding: 0 !important; position:absolute; bottom:50px;}
ul#nav-footer li {margin: 0;  list-style-type: none; font-size: 11px; border-bottom: 1px solid #2D4762; line-height:20px}
ul#nav-footer li.last {font-size: 10px; color: #ffffff; border:none; padding-top: 15px; padding-left:15px;}
ul#nav-footer li a {color: #9BA5B2; text-decoration:none}
ul#nav-footer li a:hover {color:#5293cd; text-decoration: none;}
/*End Footer*/
.myform-control {
  display: block;
  /*width: 100%;*/
  height: 25px;
  padding: 3px 6px;
  font-size: 12px;
  line-height: 1.428571429;
  color: #555555;
  vertical-align: middle;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #cccccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
          transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.myform-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.myform-control:-moz-placeholder {
  color: #999999;
}

.myform-control::-moz-placeholder {
  color: #999999;
  opacity: 1;
}

.myform-control:-ms-input-placeholder {
  color: #999999;
}

.myform-control::-webkit-input-placeholder {
  color: #999999;
}

.myform-control[disabled],
.myform-control[readonly],
fieldset[disabled] .myform-control {
  cursor: not-allowed;
  background-color: #eeeeee;
}

.borderless { border:0px;
	border-collapse: collapse; /* IE7 and lower */
	border-spacing: 0;
	width:80%;
	margin-left:auto;margin-right:auto;
	}

.bordered {
	border-collapse: collapse; /* IE7 and lower */
    border-spacing: 0;
	width:80%;
	font-family: 'trebuchet MS', 'Lucida sans', Arial;
	font-size: 12px;
    border: solid #ccc 1px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 1px #ccc; 
    -moz-box-shadow: 0 1px 1px #ccc; 
    box-shadow: 0 1px 1px #ccc;    
	margin-left:auto;margin-right:auto;
}

.bordered tr:hover {
    background: #fbf8e9;
    -o-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;     
}    
    
.bordered td, .bordered th {
    border: 1px solid #ccc;
    /*border-top: 1px solid #ccc;*/
    padding: 10px;
    text-align: left;    
}

.bordered th {
    background-color: #dce9f9;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ebf3fc), to(#dce9f9));
    background-image: -webkit-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:    -moz-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:     -ms-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:      -o-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:         linear-gradient(top, #ebf3fc, #dce9f9);
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset; 
    -moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;  
    box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;        
    border-top: none;
    text-shadow: 0 1px 0 rgba(255,255,255,.5); 
}

.bordered td:first-child, .bordered th:first-child {
    border-left: none;
}

.bordered th:first-child {
    -moz-border-radius: 6px 0 0 0;
    -webkit-border-radius: 6px 0 0 0;
    border-radius: 6px 0 0 0;
}

.bordered th:last-child {
    -moz-border-radius: 0 6px 0 0;
    -webkit-border-radius: 0 6px 0 0;
    border-radius: 0 6px 0 0;
}

.bordered th:only-child{
    -moz-border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
}

.bordered tr:last-child td:first-child {
    -moz-border-radius: 0 0 0 6px;
    -webkit-border-radius: 0 0 0 6px;
    border-radius: 0 0 0 6px;
}

.bordered tr:last-child td:last-child {
    -moz-border-radius: 0 0 6px 0;
    -webkit-border-radius: 0 0 6px 0;
    border-radius: 0 0 6px 0;
}

.logoPic{
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  margin-top: 25%;
  width:340px;
  height:200px;
}
/* end of editan */