/* --- MISC --- */
/* importantly, give the div using floats height and width.  See (http://css-tricks.com/all-about-floats/)  */
.clear 
{
    clear: both;
}

.TODO
{
    border: 1px groove grey;
    margin-top: 50px;
    color:#444444;
}

body
{
    color: #777777;
}


/*
#page
{
    margin: 25px auto;
    padding: 25px;
    min-height: 80px;
    min-width: 800px;
    border: 1px solid black;
    width: 95%;
}*/



/*.mainHeader
{
    display: inline;
}*/



/*    ---------------  TABLES    ---------------   */
/*th, td { padding: 2px; }*/ /* cellpadding */
/*table { border-collapse: separate; border-spacing: 0px; }*/ /* cellspacing */
/*th, td { vertical-align: top; }*/  /* valign */
/*table { margin: 0 auto; } */ /*  align (center) */

/* Aaron TODO - review all the CSS ABOVE this line - try and replace it with bootstrap */

/*    ---------------  DEPLOYMENT STYLES    ---------------   */
.localhostDeployment, .testDeployment {
    background-color: #ffff00;
    background-color: rgba(255, 255, 0, 0.50);
    background-image: none;
}

/* ReSharper disable once DeclarationIsEmpty */
.productionDeployment { }

/*    ---------------  MISCELLANEOUS STRUCTURES    ---------------   */
.verticalSpace5 { height: 5px; }
.verticalSpace10 { height: 10px; }
.verticalSpace20 { height: 20px; }
.verticalSpace25 { height: 25px; }
.verticalSpace50 { height: 50px; }
.verticalSpace90 { height: 90px; }

/*    ---------------  HR    ---------------   */
.horizontal-separator-dotted
{
    border-bottom:1px dotted #999;
}



/* NAVBAR BEGIN */
li.loggedInAs
{
    color: #777;
    padding: 15px 15px;
}

li.loggedInAs > select
{
    border-radius: 4px;
    border: 1px solid #cccccc;
}
/* NAVBAR END */


/*LISTS BEGIN*/
ul.no-indent {
    margin-left: 5px;
    margin-right: 0;
    padding-left: 10px;
    padding-right: 0;
}
/*LISTS END*/

.expired
{
    color: red;
}

.closeToExpired
{
    color: orange;
}

.approved a:link, .approved a:visited, .approved a:hover, .approved {
    color: green;
    font-family: Cooper;
    font-weight: bolder;
    font-size: 1.2em;
    text-decoration: none;
    position: relative;
    top: -3px;
}

.notApproved a:link, .notApproved a:visited, .notApproved a:hover, .notApproved {
    color: red;
    font-family: Corbel;
    font-weight: bolder;
    font-size: 1.2em;
    text-decoration: none;
    position: relative;
    top: -3px;
}

.notReviewed a:link, .notReviewed a:visited, .notReviewed a:hover, .notReviewed {
    color: orange;
    font-family: Corbel;
    font-weight: bolder;
    font-size: 1.3em;
    text-decoration: none;
    position: relative;
    top: -5px;
}

.lookingForCover {
    color: orange;
    font-weight: bold;
}

.text-underline
{
    text-decoration: underline;
}

.text-line-through
{
    text-decoration: line-through;
}

.text-lightcoral
{
    color: lightcoral;
}

.border-class-covered {
    border: 1px solid blue;
}

.border-warning {
    border: 2px solid #ffc107;
}

.border-error {
    border: 2px solid red;
}

/* TABLE (TWO FIELDS) FOR NAME & VALUE ONLY */
/* cellpadding */
table.name-value-list th, table.name-value-list td { padding: 5px; }

/* cellspacing */
table.name-value-list { border-collapse: separate; border-spacing: 5px; } /* cellspacing="5" */
table.name-value-list { border-collapse: collapse; border-spacing: 0; }   /* cellspacing="0" */

/* valign */
table.name-value-list th, table.name-value-list td { vertical-align: top; }


/* headings */
h1, h2, h3, h4, h5, h6 { margin-top: 0; }

h1 { font-size: 2em; }
h2 { font-size: 1.6em; }
h3 { font-size: 1.4em; }
h4 { font-size: 1.2em; }
h5 { font-size: 1.1em; }
h6 { font-size: 1.05em; }


/* glyphicon styles*/
.icon-success {
    color: #5CB85C;
}

/* Kristen ITC font. */
@font-face {
    font-family: KristenITC;
    src: url('Kristen ITC.ttf');
}

.kristenITC {
    font-family: KristenITC;
}


.navbarlogo {
    font-size: 30px;
}


.logoOrange {
    color: darkorange;
}

.logoBlue {
    color: mediumblue;
}

.tick {
    height: 20px;
    width: 20px;
}

/* fit4u heading in navbar responsiveness on a large screen. */
@media only screen and (min-width: 1300px) {
    div.navbar.navbar-default.navbar-static-top div.container {
        position: relative;
    }
    div.navbar-brand {
        position: absolute;
        left: -60px;
    }
}