﻿/* Base CSS  */  */

/*
    PANTONE 201 C
    rgb(157,34,53);
    #9D2235;

    PANTONE 425 C
    rgb(84,88,91);
    #54585A;
    
    PANTONE Cool Gray 1 C
    rgb(217,217,214);
    #D9D9D6;
*/

* {
    box-sizing: border-box
}

html {
    min-height: 100%;
}
body {
    min-height: 100%;
    max-width: 1280px;
    /* margin-top set in navigation css*/
    margin: auto;
    margin-bottom: 0;
    padding: 0 2.5vw;
}

@media screen and (min-width: 1280px) {
    body {
        padding-left: 32px;
        padding-right: 32px;
    }
}

body,
input,
select,
textarea,
label {
    font-size: 1rem;
    font-family: "myriad-pro", sans-serif;
    font-weight: 300;
    /* NEW 9 1 24 */
    /* font-size: 12pt; */
    color: rgb(84,88,91) /* PANTONE 425 C */
}

input, 
select, 
textarea {
	padding: 10px;
}

input[type=submit] {
	cursor: pointer;
	-webkit-user-select: none;  /* Chrome all / Safari all */
	-moz-user-select: none;     /* Firefox all */
	-ms-user-select: none;      /* IE 10+ */
	user-select: none;          /* Likely future */      
}

h1, h2, h3, h4, h5, h6, h7 {
    font-family: proxima-nova;
    text-transform: uppercase;
    font-weight: 700;
    color: rgb(84,88,90); /* PANTONE 425 C */
}
h1 {
    /* NEW 9 1 24 */
    /* font-size: 24px; */
}
h2 {
    /* NEW 9 1 24 */
    /* font-size: 18px; */
}

a {
    font-weight: 600;
    text-decoration: none;
	color: rgb(84,88,91); /* PANTONE 425 C */
}
a:hover,
a:active {
    background: rgb(217,217,214); /* PANTONE Cool Gray 1 C */
}

input[type=text], 
input[type=password], 
select, 
textarea {
	width: 300px;
	background: rgba(217,217,214,0.25); /* PANTONE Cool Gray 1 C */
	border: solid 1px rgba(217,217,214,0); /* PANTONE Cool Gray 1 C */
	-webkit-border-radius: 3px; /* Safari 3-4, iOS 1-3.2, Android 1.6- */
	-moz-border-radius: 3px;    /* Firefox 1-3.6 */
	border-radius: 3px;         /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
	outline: none;
	-webkit-transition: border 0.5s, background 0.5s;
	-moz-transition: border 0.5s, background 0.5s;
	-ms-transition: border 0.5s, background 0.5s; /* IE10 is actually unprefixed */
	-o-transition: border 0.5s, background 0.5s;
	transition: border 0.5s, background 0.5s;
}

textarea {
    height: 125px;
    vertical-align: middle
}

input[type=text]:focus, 
input[type=password]:focus, 
select:focus, 
textarea:focus {
	background: rgba(217,217,214,0); /* PANTONE Cool Gray 1 C */
	border: solid 1px rgba(217,217,214,1); /* PANTONE Cool Gray 1 C */
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none; /* IE10 is actually unprefixed */
	-o-transition: none;
	transition: none;
}

label {
	display: inline-block;
	width: 150px;
	padding: 10px 0;
	overflow: hidden;
	text-overflow: ellipsis;
	vertical-align: middle
}

input[type=checkbox] + label, 
input[type=radio] + label {
	width: 150px;
	padding-left: 5px;
    white-space: nowrap;
}

input[type=checkbox]:checked + label, 
input[type=radio]:checked + label {
	font-weight: 700;
}


/* audit */

table {
    border: none;
    width: 100%;
}

tr {
}

th {
    font-size: 0.8rem;
}
th, 
td {
    border: none;
    padding: 0;
    text-align: left;
    vertical-align: top;
    background: none
}
td th, 
td td {
    padding: 5px;
}
tr:nth-child(even) {
    background: rgba(217,217,214,0.25);
}
tr tr {
    background: none
}

/* audit */
