[v-cloak] {
  display:none;
}

body, td, th, div, p {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:   11px;
}

[class^="icon-"],
[class*=" icon-"] {
    background-image: url("../images/glyphicons-halflings.png");
}

.icon-white {
  background-image: url("../images/glyphicons-halflings-white.png");
}

textarea {
  width: 450px;
}

button {
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

.btn-large {
  font-size: 16px;
}

.searchmoduletitle {
  width: 860px;
}

.searchprogrammetitle {
  width: 835px;
}

.searchcoursetitle {
  width: 900px;
}

.searchHeader {
  margin-left:15px;
  margin-bottom:30px;
}

.searchHelp {
  margin-left:15px;
  margin-bottom:30px;
}

.searchAgain {
  cursor:pointer;
}

.searchResultCount {
   padding:10px 0 10px 15px;
}

.tab {
  line-height:100%;
}

.searchButton {
  padding-top:10px;
}

.pagination {
  height:40px;
}

.select-wide {
  width: 260px;
}

.select-narrow {
  width: 75px;
}

.select-wider {
  width: 305px;
}

.select-extra-wide {
  width: 335px;
}

.select-ultra-wide {
  width: 360px;
}

.select-super-wide {
  width: 450px;
}

.select-insanely-wide {
  width: 660px;
}

.select-thin {
  height:22px;
  line-height:22px;
  padding:0px;
  margin-bottom: 0px;
}


input, textarea {
width: 207px;
}

.input-short {
  width: 75px;
}

input.input-wide {
  width: 414px;
}

input.input-wider {
  width: 290px;
}

.input-extra-wide, .textarea-extra-wide {
  width: 320px;
}

.input-ultra-wide, .textarea-ultra-wide {
  width: 345px;
}

.input-super-wide, .textarea-super-wide {
  width: 435px;
}

.input-insanely-wide, .textarea-insanely-wide {
  width: 660px;
}

.btn-myhero {
  height:60px;
  width:245px;
}

.myhero {
  padding:0px;
  color:#A3A8AA;
  line-height:20px;
  height:60px;
  width:245px;
  margin-bottom:0px;
}

.list {
  border-collapse:separate;
  border-spacing:2px;
}

#docSubmitter {
  margin:0px;
}

#reportDeliveryPeriodSelect {
  margin-right:15px;
}

.pagination ul > li > a, .pagination ul > li > span {
  padding: 0px 14px;
  line-height: 38px;
}

#modulerequirementsudiText, #moduleCoRequisitesudiText {
  width:430px;
}

.action-hdr {
  font-size:8;
}

.sub-head {
    width: auto;
}

.modal.fade-no-slide {
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
}

.modalStyle2 {
    width:780px !important;
    margin:-250px 0 0 -390px !important;
}

.modal-body {
  position:relative !important;
  overflow-x:hidden !important;
  max-height:350px;
}

.modalTable {
  margin-bottom:10px;
  width: 100%;
  -moz-border-radius-topleft:5px;
  border-top-left-radius:5px;
  -moz-border-radius-topright:5px;
  border-top-right-radius:5px;
  background-color:#EEEEEE;
  border-collapse:inherit;
  border:1px solid #EEEEEE;
}
.modalTableDarkerBorder {
  border:1px solid #CCC !important;
}
.modalTable th, modalTable td {
  padding: 4px 10px;
}
.modalTable th {
  white-space:nowrap;
}
.modalTableExtraPadding th, .modalTableExtraPadding td {
  padding: 10px 10px !important;
}
.modalTableExtraPadding th {
  font-size: 12px !important;
}
.modalTable tr.even td {
  background-color:#F5F5F5;
}
.modalTable td {
  background-color:#FFFFFF;
}
.modalTable .tdHeaderStyle {
  background-color:#EEEEEE !important;
  font-weight: bold;
  width: 150px;
  white-space:nowrap;
}
.modalTable .showBlockCodeModuleDetails {
  text-decoration: underline;
  cursor: pointer;
}
.modalTable .pointerHelp {
  cursor: help;
}
.modalTable .warningMessage {
  font-weight: bold;
  color: red;
}

.dropdownlabel {
  text-align:left;
  font-size:11px;
}

.filter-select-highlight {
   color:red;
}

.dropdown-menu {
  padding-right:10px;
}
.dropdown-menu a {
  cursor: pointer;
}
.btn-group {
  z-index: 99;
}
.smallerMenuText {
  font-size:11px !important;
}

.modal-title {
  font-size:17.5px;
  font-weight:bold;
  line-height:20px;
  margin:10px 0;
  text-rendering:optimizelegibility;
}

.modal-form {
  margin:0px;
}

a.showStoragePopover {
margin-left:5px;
vertical-align:3px;
}

.storagePopoverContent{
    margin-bottom: 10px
}
.storagePopoverInstructions{
    width:220px;
    margin:0 auto;
}
.spinner{
  float:left;
}

#messageDiv {
  margin-bottom: 10px;
  -moz-border-radius:5px;
  border-radius:5px;
}

.successMessage {
  background-color: #DEFFC1 !important;
  border-top: 2px solid #5EB313 !important;
  border-bottom: 2px solid #5EB313 !important;
  background: url("../images/icons/correct.gif") no-repeat scroll 15px 50% #DEFFC1 !important;
}

.selectedMenuItem {
  background-color: #A9E2FF;
}

.btn-group a {
  text-decoration:none !important;
}

.modalList {
  margin-left: 25px !important;
}
.modalList li {
  list-style: disc !important;
}
.circleList li {
  list-style: circle !important;
}
.add-on.smaller-text {
  font-size: 11px;
}

#configureEPOReportSection {
  clear: both;
  width: 100%;
  padding: 0 0 0 10px;
}
#configureEPOReportSection #qSearchSpinner, #configureEPOReportSection #reportstatus {
  clear: both;
  margin: 0 0 0 40px;
  padding: 2px;
}
#configureEPOReportSection #qSearchSpinner {
  display: none;
  height: 20px;
}
#configureEPOReportSection label {
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
  text-align: right;
  float: left;
  padding-top: 5px;
  width: 160px;
}
#configureEPOReportSection input {
  margin-top: 20px;
}
#configureEPOReportSection .controls {
  display: inline-block;
  margin-left: 15px;
}
#IndicativeContent_moduleIndicativeContent_list ol {
  margin-left: 25px;
}
.addPEOField {
  float:left;
}
.addPEOLabel {
  width:280px;
  margin-right:10px;
  float:left;
}
a.nounderline {
  text-decoration: none;
}

.addNewEntityForm {
  display:none;
  margin-top: 20px;
  width:60%;
  min-width: 1170px;
}
.addNewEntityForm label, .addNewEntityForm td, .addNewEntityForm .panelSubHeading {
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 14px;
  color: #333;
}
.addNewEntityForm label {
  font-weight: bold;
}
.addNewEntityForm td {
  padding-top: 0px;
  padding-left: 0px;
  padding-bottom: 20px;
}
.addNewEntityForm table, .addNewEntityForm .style4 {
  width: 100%
}
.addNewEntityForm .panelSubHeading {
  font-weight:bold;
  color:#999;
  text-transform: uppercase;
  margin-bottom:20px;
  border-bottom:1px solid #ddd;
}
.addNewEntityForm #newEntityDiv {
  display: none;
}
.addNewEntityForm .style1 {
  width:10%;
}
.addNewEntityForm .tdStyle2 {
  width:40%;
}
.addNewEntityForm .style3 {
  width:90%;
}

.numberOfActiveSection {
  text-align:center;
  float:right;
  margin-right: 30px;
}
.numberOfActiveSection table {
  height:100%;
  margin:0px auto;
}
.numberOfActiveSection td {
  vertical-align:middle;
}
.numberOfActiveSection td:first-child {
  text-align:right;
  font-size:44px;
}
.numberOfActiveSection td:last-child {
  font-size:16px;
}
.createNewButtonSection {
  float: right;
  margin-right: 30px;
}
.bootStrapNav {
  padding: 3px 10px 0px;
  list-style: none;
  border-bottom: 1px solid #ddd;
}
.bootStrapNav li {
  font-family: sans-serif;
  float: left;
  margin-bottom: 1px;
  padding: 5px 30px;
}
.bootStrapNav li:last-child {
  float: none;
}
.bootStrapNav li.active {
  border: 1px solid #ddd;
  border-radius: 4px 4px 0 0;
  border-bottom: 1px solid #FFF;
}
.bootStrapNav>li>a {
  display: block;
  color: #337ab7;
  text-decoration: none;
}
.bootStrapNav>li>a:hover, .bootStrapNav>li>a:focus {
  background-color: #eee;
}

#manageModuleOwnersTable table {
  width: 100%;
}
#manageModuleOwnersTable .thStyle1 {
  width:30px;
  text-align:center;
}
#manageModuleOwnersTable .moduleOwnerStartDateEdit {
  display: none;
}
#manageModuleOwnersTable .moduleEditOwnerCancel, #manageModuleOwnersTable .moduleEditOwnerConfirm {
  text-decoration:none;
  float:left;
  margin-left:5px;
}
#manageModuleOwnersTable .moduleEditOwnerConfirm {
  color:#FFF;
}
#manageModuleOwnersTable #newModuleOwnersUsedDates, #newModuleVettersUsedDates {
  display: none;
}

.icon-unobtrusive, .icon-sortorder {
    text-align:center;
    color:lightgray;
    cursor:pointer;
    text-decoration:none;
}

.icon-unobtrusive:hover, .icon-sortorder:hover {
    color:black;
}

.icon-unobtrusive.icon-warn:hover {
    color:red;
}

.icon-unobtrusive.icon-success:hover {
    color:#51a351;
}

.icon-disabled {
    text-align:center;
    color:lightgray;
    text-decoration:none;
}

td.noSidePadding {
    padding-left: 0px !important;
    padding-right: 0px !important;
    text-align: center;
}
span.hidden {
    display: none;
}
span.text_display {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 20px;
}


.table-clean th, .table-clean td {
    border-top:0px;
    border-bottom:0px;
}


.table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th {
    background-color:#f0f8ff;
}

.table-striped > tbody > tr:nth-child(even) > td, .table-striped > tbody > tr:nth-child(even) > th {
    background-color:#ffffff;
}

.table-striped tbody tr.totals-row td, .table-striped tbody tr.totals-row th {
    background-color:#fcfcfe;
}

.table-clean tr.evenrow td {
    background-color:#f0f8ff;
}

.table-clean tr.highlighted-text td {
    font-weight: bold;
}

.table-clean th.navhdr {
    width: 40px;
    max-width: 40px;
    text-align:center;
    color: lightgrey
}

.table-clean td.navicon {
    width: 40px;
    max-width: 40px;
    padding:5px 0 0 0;
    text-align:center;
}

.table-clean th {
    text-align: left;
    vertical-align: top;
    padding-left: 1em;
}

.table-clean td {
    text-align: left;
    vertical-align: top;
    padding-left: 1em;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.table-clean th.number, .table-clean td.number {
    text-align:right;
}

.table-clean th > a {
    color: black;
}

.table-clean th.sort-asc {


}

ul.nav-tabs > li > a {
    color: #0088cc;
    text-decoration: none;
}

.close {
    text-decoration: none;
}

.block {
    margin-top: 2em;
}

.block-group {
    margin-top: 3em;
}

.pagination .active a, .pagination a:hover {
    background-color: #f0f8ff;
    color: #08c;
}

.pagination ul > li > a:hover, .pagination ul > .active > a, .pagination ul > .active > span {
    background-color: #f0f8ff;
    color: #08c;
}

.gravatar-image {
    padding: 5px 10px 0px 0px;
    cursor: pointer;
}

.radio-label {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 12px;
    line-height: 20px;
}

@media (max-width: 979px) {
    .gravatar-image {
        padding: 5px 10px 0px 13px;
    }
}

.dropdown-menu .divider {
    width:100%;
    height:1px;
    margin:9px 1px;
    margin:-5px 0 5px;
    overflow:hidden;
    background-color:#e5e5e5;
    border-bottom:1px solid #e5e5e5
}

div.indentedDiv {
    margin: 0px 10px 20px 10px;
}

.ui-datepicker{z-index:1151 !important;}

a.inline-edit, a.inline-edit:visited, a.inline-edit:active {
  color: black;
  text-decoration: none;
  border-bottom: 1px #08c dotted;
  cursor:pointer;
}

.tab-content-bordered {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 10px;
    margin-bottom: 10px;
}

.container-centred {
    margin:0 auto;
    float:none;
}

.round-button {
    display:block;
    width:50px;
    height:50px;
    line-height:45px;

    border-radius: 50%;
    color: white;
    text-align:center;
    text-decoration:none;
    background: #5bb75b;
    box-shadow: 0 0 3px gray;
    font-size:30px;
    cursor:pointer;
    cursor:hand;
}

.round-button:hover {
    background: #262626;
}
img.clickgroup{
    margin-right:20px;
}

.formfield-title {
    font-weight:bold;
    line-height:20px;
}

label.formfield-title {
    font-weight:bold;
    line-height:20px;
    font-size: 11px;
}

div.helpText {
    clear:both;
}

/* Override standard form fields */

.form-group label {
    font-size: 12px;
    font-weight: bold;
}

.form-group .form-control input.inputtext {
    margin-bottom: 5px;
}

#programmelomapping_list .popover {
    width: 650px;
}

#programmelomapping_list .popover-title {
    display: none
}

input[type=search]::-webkit-search-cancel-button {
    -webkit-appearance: searchfield-cancel-button;
}