@import url('//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css');
@import url('//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css');

html,
body { height: 100%; }
#wrap { min-height: 100%; height: auto; margin: 0 auto -60px; padding: 60px 0 80px; }
#footer { height: 60px; background-color: #f5f5f5; border-top:solid 1px #ccc; }
#footer .container p { margin:0.5em 0 }
select option:disabled { color: #ccc; }

.navbar-nav>li>a { padding-bottom:10px; }
.navbar-inverse .navbar-nav>li>a { border-bottom: solid 5px transparent; }

.navbar-inverse {
	background: #2c2d2d;
	background-image: url("zenbg-2.png");
	background-repeat: repeat-x;
	background-size: contain;
}

.navbar-inverse .navbar-nav>li>a:hover,
.navbar-inverse .navbar-nav>li>a:focus,
.navbar-inverse .navbar-nav>li.active>a {
	border-bottom: solid 5px #357ebd;
}
@media screen and (max-width: 1320px) {
#header .nav>li .fa, #header .nav>li .glyphicon { display:none; }
}

.page-header { margin-top:20px; }

.hint { text-decoration:none; border-bottom:1px dashed #555!important; color:#555; }

.panel-level1 { border-color:orange; }
.panel-level1>.panel-heading { color:orange;background-color:; }

.panel-level2 { border-color:purple; }
.panel-level2>.panel-heading { color:purple;background-color:; }

.panel-level3 { border-color:green; }
.panel-level3>.panel-heading { color:green;background-color:; }

.red { color:red; }

.dataTables_wrapper .dataTables_paginate .paginate_button { padding:0;margin-left:0; }
.dataTables_wrapper .dataTables_paginate .paginate_button:hover { background:none;border:solid 1px transparent; }

.modal-dialog { z-index: 9999; }

.vertical-center {
	min-height: 100%;
	min-height: 100vh;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align : center;
	-webkit-align-items : center;
	-moz-box-align : center;
	-ms-flex-align : center;
	align-items : center;
	width: 100%;
	-webkit-box-pack : center;
	-moz-box-pack : center;
	-ms-flex-pack : center;
	-webkit-justify-content : center;
	justify-content : center;
}

/*
 * Off Canvas
 * --------------------------------------------------
 */
@media screen and (max-width: 767px) {
  .row-offcanvas {
    position: relative;
    -webkit-transition: all .25s ease-out;
       -moz-transition: all .25s ease-out;
            transition: all .25s ease-out;
  }

  .row-offcanvas-right {
    right: 0;
  }

  .row-offcanvas-left {
    left: 0;
  }

  .row-offcanvas-right
  .sidebar-offcanvas {
    right: -50%; /* 6 columns */
  }

  .row-offcanvas-left
  .sidebar-offcanvas {
    left: -50%; /* 6 columns */
  }

  .row-offcanvas-right.active {
    right: 50%; /* 6 columns */
  }

  .row-offcanvas-left.active {
    left: 50%; /* 6 columns */
  }

  .sidebar-offcanvas {
    position: absolute;
    top: 0;
    width: 50%; /* 6 columns */
  }
}


.has-error.help-block,
.has-error.control-label,
.has-error.radio,
.has-error.checkbox,
.has-error.radio-inline,
.has-error.checkbox-inline {
  color: #a94442;
}
.has-error.form-control {
  border-color: #a94442;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.has-error.form-control:focus {
  border-color: #843534;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
}
.has-error.input-group-addon {
  color: #a94442;
  background-color: #f2dede;
  border-color: #a94442;
}
.has-error .form-control-feedback {
  color: #a94442;
}

.glyphicon-refresh-animate,
.glyphicon-rotate {
    -animation: spin .7s infinite linear;
    -webkit-animation: spin2 .7s infinite linear;
}

@-webkit-keyframes spin2 {
    from { -webkit-transform: rotate(0deg);}
    to { -webkit-transform: rotate(360deg);}
}

@keyframes spin {
    from { transform: scale(1) rotate(0deg);}
    to { transform: scale(1) rotate(360deg);}
}


.modal-backdrop { position:fixed; }