/* CSS Document */

/* -------------------- Body --*/
body {
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: #eee;

}
/* -------------------- Body --*/
/* -------------------- Forms --*/
.form-wide {
  max-width: 800px;
  padding: 15px;
  margin: 0 auto;

}
.form-narrow {
  max-width: 500px;
  padding: 15px;
  margin: 0 auto;

}
.form-narrow input[type="email"] {
  margin-bottom: 5px;
  /*border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;*/
}
.form-narrow input[type="password"] {
  margin-bottom: 10px;
  /*border-top-left-radius: 0;
  border-top-right-radius: 0;*/
}

.form-divider {
	border-bottom: 1px solid #e5e5e5;
	width: 100%;
	margin-top: 5px;
	margin-bottom: 10px;

  /*height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;*/

}
.form-control {
    text-overflow: ellipsis;
}

.form-space {
	width: 100%;
	margin-top: 20px;
	margin-bottom: 20px;
}

.field-disabled {
  margin-bottom: 10px;
  background-color: #000 !important;
  border: 1px solid #000 !important;
  color: #fff;
  font-weight:bold;
}
/* -------------------- Forms --*/
/* -------------------- Text Formating--*/
.text-disabled {
  color: #D3D3D3;
}
a.text-disabled:hover {
  color: #C2C2C2;
}
.text-subtle {
  color: #A5A5A5;
}
a.text-subtle :hover {
  color: #333333;
}
.text-general {
  color: #333;
}
a.text-general:hover {
  color: #505050;
}
.text-academy {
  color: #057b56;
}
/* -------------------- Text Formating--*/
/* -------------------- Panel Tabs --*/
.panel-tab {
  margin-bottom: 20px;
  background-color: #fff;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;

  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 3px;

  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
          box-shadow: 0 1px 1px rgba(0, 0, 0, .05);

  padding-top: 15px;
}
/* -------------------- Panel Tabs --*/
/* -------------------- Vertical Tabs --*/
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #555;
  cursor: default;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
}

.nav-tabs-gray > li.active > a,
.nav-tabs-gray > li.active > a:hover,
.nav-tabs-gray > li.active > a:focus {
  background-color: #eee;
}
.nav-tabs-gray > li > a:hover {
  background-color: #e7e7e7;
}
/* -------------------- Vertical Tabs --*/
/* -------------------- Vertical Tabs --*/
.tabs-left > .nav-tabs {
  border-bottom: 0;
}

.tab-content > .tab-pane,
.pill-content > .pill-pane {
  display: none;
}

.tab-content > .active,
.pill-content > .active {
  display: block;
}
.tabs-left > .nav-tabs > li,
.tabs-right > .nav-tabs > li {
  float: none;
}

.tabs-left > .nav-tabs > li > a {
  min-width: 74px;
  margin-right: 0;
  margin-bottom: 3px;
}

.tabs-left > .nav-tabs {
  float: left;
  margin-right: 19px;
  border-right: 1px solid #ddd;
}

.tabs-left > .nav-tabs > li > a {
  margin-right: -1px;
  -webkit-border-radius: 4px 0 0 4px;
	 -moz-border-radius: 4px 0 0 4px;
		  border-radius: 4px 0 0 4px;
}

.tabs-left > .nav-tabs > li > a:hover,
.tabs-left > .nav-tabs > li > a:focus {
  border-color: #eeeeee #dddddd #eeeeee #eeeeee;
}

.tabs-left > .nav-tabs .active > a,
.tabs-left > .nav-tabs .active > a:hover,
.tabs-left > .nav-tabs .active > a:focus {
  border-color: #ddd transparent #ddd #ddd;
  *border-right-color: #ffffff;
}
/* -------------------- Vertical Tabs --*/
/* -------------------- Upload Button --*/
.btn-file {
    position: relative;
    overflow: hidden;
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}
/* -------------------- Upload Button --*/
/* -------------------- Buttons --*/
.btn-left {
	text-align:left;
	padding-left: 5px;
}
/* -------------------- Buttons --*/
.btn-academy {
  color: #fff;
  background-color: #059165;
  border-color: #06865e;
}
/*#0E7B57*/
.btn-academy:focus,
.btn-academy.focus {
  color: #fff;
  background-color: #057b56;
  border-color: #255625;
}
.btn-academy:hover {
  color: #fff;
  background-color: #057b56;
  border-color: #398439;
}
.btn-academy:active,
.btn-academy.active,
.open > .dropdown-toggle.btn-academy {
  color: #fff;
  background-color: #057b56;
  border-color: #398439;
}
.btn-academy:active:hover,
.btn-academy.active:hover,
.open > .dropdown-toggle.btn-academy:hover,
.btn-academy:active:focus,
.btn-academy.active:focus,
.open > .dropdown-toggle.btn-academy:focus,
.btn-academy:active.focus,
.btn-academy.active.focus,
.open > .dropdown-toggle.btn-academy.focus {
  color: #fff;
  background-color: #398439;
  border-color: #255625;
}
.btn-academy:active,
.btn-academy.active,
.open > .dropdown-toggle.btn-academy {
  background-image: none;
}
.btn-academy.disabled,
.btn-academy[disabled],
fieldset[disabled] .btn-academy,
.btn-academy.disabled:hover,
.btn-academy[disabled]:hover,
fieldset[disabled] .btn-academy:hover,
.btn-academy.disabled:focus,
.btn-academy[disabled]:focus,
fieldset[disabled] .btn-academy:focus,
.btn-academy.disabled.focus,
.btn-academy[disabled].focus,
fieldset[disabled] .btn-academy.focus,
.btn-academy.disabled:active,
.btn-academy[disabled]:active,
fieldset[disabled] .btn-academy:active,
.btn-academy.disabled.active,
.btn-academy[disabled].active,
fieldset[disabled] .btn-academy.active {
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-academy .badge {
  color: #5cb85c;
  background-color: #fff;
}
/* -------------------- Buttons --*/
/* -------------------- Circles --*/
.circle {
  margin-left: auto;
  margin-right: auto;
  border-radius: 50%;
  width: 100%;
  position: relative;
  color:#e1e1e1;
}

.circle-border {
  border: 10px solid #e1e1e1;
}

.circle-solid{
  background-color: whitesmoke;
}

.circle:before {
  content: "";
  display: block;
  padding-top: 100%;
}
.circle-inner {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  text-align: center;
}
.score-text {
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: 5em;
  line-height: 5em;
  font-size: 5em;

}
.score-text {
  height: 3vw;
  line-height: 3vw;
  font-size: 3vw;
}
/* -------------------- Circles --*/


.panel.with-nav-tabs .panel-heading{
    padding: 5px 5px 0 5px;
}
.panel.with-nav-tabs .nav-tabs{
	border-bottom: none;
}
.panel.with-nav-tabs .nav-justified{
	margin-bottom: -1px;
}
/* -------------------- Panels-Tabs --*/
/*** PANEL DEFAULT ***/
.with-nav-tabs.panel-default .nav-tabs > li > a,
.with-nav-tabs.panel-default .nav-tabs > li > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li > a:focus {
    color: #777;
}
.with-nav-tabs.panel-default .nav-tabs > .open > a,
.with-nav-tabs.panel-default .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-default .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-default .nav-tabs > li > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li > a:focus {
    color: #777;
	background-color: #ddd;
	border-color: transparent;
}
.with-nav-tabs.panel-default .nav-tabs > li.active > a,
.with-nav-tabs.panel-default .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li.active > a:focus {
	color: #555;
	background-color: #fff;
	border-color: #ddd;
	border-bottom-color: transparent;
}
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #f5f5f5;
    border-color: #ddd;
}
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a {
    color: #777;
}
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
    background-color: #ddd;
}
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #555;
}
/********************************************************************/
/*** PANEL PRIMARY ***/
.with-nav-tabs.panel-primary .nav-tabs > li > a,
.with-nav-tabs.panel-primary .nav-tabs > li > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li > a:focus {
    color: #fff;
}
.with-nav-tabs.panel-primary .nav-tabs > .open > a,
.with-nav-tabs.panel-primary .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-primary .nav-tabs > li > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li > a:focus {
	color: #fff;
	background-color: #3071a9;
	border-color: transparent;
}
.with-nav-tabs.panel-primary .nav-tabs > li.active > a,
.with-nav-tabs.panel-primary .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li.active > a:focus {
	color: #428bca;
	background-color: #fff;
	border-color: #428bca;
	border-bottom-color: transparent;
}
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #428bca;
    border-color: #3071a9;
}
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a {
    color: #fff;
}
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
    background-color: #3071a9;
}
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
    background-color: #4a9fe9;
}
/********************************************************************/
/*** PANEL SUCCESS ***/
.with-nav-tabs.panel-success .nav-tabs > li > a,
.with-nav-tabs.panel-success .nav-tabs > li > a:hover,
.with-nav-tabs.panel-success .nav-tabs > li > a:focus {
	color: #3c763d;
}
.with-nav-tabs.panel-success .nav-tabs > .open > a,
.with-nav-tabs.panel-success .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-success .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-success .nav-tabs > li > a:hover,
.with-nav-tabs.panel-success .nav-tabs > li > a:focus {
	color: #3c763d;
	background-color: #d6e9c6;
	border-color: transparent;
}
.with-nav-tabs.panel-success .nav-tabs > li.active > a,
.with-nav-tabs.panel-success .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-success .nav-tabs > li.active > a:focus {
	color: #3c763d;
	background-color: #fff;
	border-color: #d6e9c6;
	border-bottom-color: transparent;
}
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #dff0d8;
    border-color: #d6e9c6;
}
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > li > a {
    color: #3c763d;
}
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
    background-color: #d6e9c6;
}
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #3c763d;
}
/********************************************************************/
/*** PANEL INFO ***/
.with-nav-tabs.panel-info .nav-tabs > li > a,
.with-nav-tabs.panel-info .nav-tabs > li > a:hover,
.with-nav-tabs.panel-info .nav-tabs > li > a:focus {
	color: #31708f;
}
.with-nav-tabs.panel-info .nav-tabs > .open > a,
.with-nav-tabs.panel-info .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-info .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-info .nav-tabs > li > a:hover,
.with-nav-tabs.panel-info .nav-tabs > li > a:focus {
	color: #31708f;
	background-color: #bce8f1;
	border-color: transparent;
}
.with-nav-tabs.panel-info .nav-tabs > li.active > a,
.with-nav-tabs.panel-info .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-info .nav-tabs > li.active > a:focus {
	color: #31708f;
	background-color: #fff;
	border-color: #bce8f1;
	border-bottom-color: transparent;
}
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #d9edf7;
    border-color: #bce8f1;
}
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > li > a {
    color: #31708f;
}
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
    background-color: #bce8f1;
}
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #31708f;
}
/********************************************************************/
/*** PANEL WARNING ***/
.with-nav-tabs.panel-warning .nav-tabs > li > a,
.with-nav-tabs.panel-warning .nav-tabs > li > a:hover,
.with-nav-tabs.panel-warning .nav-tabs > li > a:focus {
	color: #8a6d3b;
}
.with-nav-tabs.panel-warning .nav-tabs > .open > a,
.with-nav-tabs.panel-warning .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-warning .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-warning .nav-tabs > li > a:hover,
.with-nav-tabs.panel-warning .nav-tabs > li > a:focus {
	color: #8a6d3b;
	background-color: #faebcc;
	border-color: transparent;
}
.with-nav-tabs.panel-warning .nav-tabs > li.active > a,
.with-nav-tabs.panel-warning .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-warning .nav-tabs > li.active > a:focus {
	color: #8a6d3b;
	background-color: #fff;
	border-color: #faebcc;
	border-bottom-color: transparent;
}
.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #fcf8e3;
    border-color: #faebcc;
}
.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > li > a {
    color: #8a6d3b;
}
.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
    background-color: #faebcc;
}
.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #8a6d3b;
}
/********************************************************************/
/*** PANEL DANGER ***/
.with-nav-tabs.panel-danger .nav-tabs > li > a,
.with-nav-tabs.panel-danger .nav-tabs > li > a:hover,
.with-nav-tabs.panel-danger .nav-tabs > li > a:focus {
	color: #a94442;
}
.with-nav-tabs.panel-danger .nav-tabs > .open > a,
.with-nav-tabs.panel-danger .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-danger .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-danger .nav-tabs > li > a:hover,
.with-nav-tabs.panel-danger .nav-tabs > li > a:focus {
	color: #a94442;
	background-color: #ebccd1;
	border-color: transparent;
}
.with-nav-tabs.panel-danger .nav-tabs > li.active > a,
.with-nav-tabs.panel-danger .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-danger .nav-tabs > li.active > a:focus {
	color: #a94442;
	background-color: #fff;
	border-color: #ebccd1;
	border-bottom-color: transparent;
}
.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #f2dede; /* bg color */
    border-color: #ebccd1; /* border color */
}
.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > li > a {
    color: #a94442; /* normal text color */
}
.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
    background-color: #ebccd1; /* hover bg color */
}
.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
    color: #fff; /* active text color */
    background-color: #a94442; /* active bg color */
}

/* -------------------- Panels-Tabs --*/


.custom-box {
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 30px;
  padding-right: 30px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;*/
  font-size: 10pt;
  /*box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);*/
}
.custom-box .custom-box-link {
  font-weight: bold;
}
.custom-box > p,
.custom-box > ul {
  margin-bottom: 0;
}
.custom-box > p + p {
  margin-top: 10px;
}
.custom-box-dismissable,
.custom-box-dismissible {
  padding-right: 50px;
}
.custom-box-dismissable .close,
.custom-box-dismissible .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}
.custom-box-info {
  color: #31708f;
  background-color: #d9edf7;
  /*background-image: -webkit-linear-gradient(0deg, #d9edf7 80%, #fff 20%);
  background-color: #d9edf7;
  border-top-color: #5bc0de
  border-color: #5bc0de;*/
  border-color: #bce8f1;

}
.custom-box-info hr {
  border-top-color: #a6e1ec;
}
.custom-box-info .alert-link {
  color: #245269;
}
/* -------------------- Footable - mods --*/
table.footable > tbody > tr.footable-empty > td {
  font-size: 14px;
}

/* -------------------- Form Verification - mods --*/
.bootstrap-select .form-control-feedback,
.bootstrap-select + .form-control-feedback {
  right: -27px !important;
}
.input-group + .form-control-feedback {
  right: -30px !important;
}
.form-control-feedback { right: 10px !important; }
.radio-inline .form-control-feedback { top: -6.5px !important; right: -30px !important; }

/* -------------------- Bootstrap caret - mods --*/
.fcoi-instructions-caret {
  color: #777;
  text-decoration: none;
}

.fcoi-instructions-caret:active,
.fcoi-instructions-caret:focus,
.fcoi-instructions-caret:hover {
  color: #333;
  text-decoration: none;
}

.fcoi-instructions-caret > .panel-heading {
  background-color: #f5f5f5;
  border-color: #ddd;
}

.fcoi-instructions-caret .caret {
  border-top: 6px dashed;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
}