/***** App-wide settings *****/

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
    display: none !important;
}

body {
    padding-bottom: 20px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* These remove the weired dashed outline on focussed tabs in FF */
select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
}
a:focus {
    outline: 0;
}

/* Make it clearer which tab is active */
.nav-tabs > li > a {
    background-color: #eeeeee;  
}

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

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    background-color: transparent; 
}

/***** Override sb-admin-2 theme *****/

#page-wrapper {
    margin: 0 0 0 240px;
    min-height: 1000px;
    /* Ensure the page is below the side bar*/
    z-index: 2;
    position: relative;
}

#notification-holder {
    margin: 0 0 0 240px;
}

.sidebar {
    width: 240px;
    z-index: 5;
}

/* Link buttons within a panel get the panel matched text colouring */
a.btn-default {
    color: #333333;
}
a.btn-default:hover {
    color: #333333;
}


/***** General classes *****/


.small-text {
    font-size: 0.8em;
}

.top-buffer {
    padding-top: 20px;
}

.pointer {
    cursor: pointer;
}

.stick {
    position: fixed;
    top: 0px;
    margin-top: 0px;
}

.invisible {
    visibility: hidden;
}

.invalid {
    color: red;
}

.valid {
    color: green;
}

.sidebar-content {
    padding: 20px;
    height: 100%;
    overflow-y: auto;
}

.padded-row {
    padding: 5px 0;
}

.btn-big {
    margin: 20px 0;
    width: 100%
}

.input-form-indented {
    padding-left: 15px;
}

.sub-row {
    clear: both;
}

.center-span-horizontal {
    position: absolute;
    left: 50%;
    margin: 0 -50% 0 0;
    transform: translate(-50%);
}

.move-left {
    margin-left: -8px;
}

.move-right {
    margin-right: -8px;
}

.boldHighlight {
    font-weight: bold;
}

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

.top-margin-sm {
    margin-top: 10px;
}

.notification-alert {
    margin-bottom: 3px;
}

.overflow-default {
    overflow: auto;
}

.selected {
    color: green;
}

.unselected {
    background-color: gainsboro;
    color: #c0c0c0;
}

.saved-state {
    background-color: lightgreen !important;
}

.submitted-state {
    background-color: #34a843 !important;
}

.accepted-state {
    background-color: palevioletred !important;
}

.archived-state {
    background-color: lightgrey !important;
}

.login-attempts-remaining {
    padding-bottom: 20px;
}

.return-version-subheader {
    margin-top: 20px;
}

.cookie-popup-container {
    z-index: 999;
    width: 200px;
    position: fixed;
    right: 0;
    top: 35%;
    background-color: #7f58a5;
    border-radius: 10px 0 0 10px;
}

.cookie-popup-container p {
    color: #fff;
    padding: 5px 10px 5px 10px;
}

.cookie-popup-container h4 {
    color: #fff;
    padding: 5px 10px 5px 10px;
}

.cookie-popup-container p a {
    color: #fff;
    text-decoration: underline;
}

.cookie-popup-container button {
    margin: 5px 10px 10px 10px;
}