body {
    font-family: 'Fira Sans', sans-serif;
    font-size: 12pt;
    background-color: #181d1f;
    color: DarkSlateGray;
    margin: 0;
}
#head {
    min-height: 100px;
    background-color: #0055a5;
    background-image: url(/template/logo1.png);
    background-repeat: no-repeat;
    background-position: center center;
    
}
#menu {
    background: #003466;
    display: block;
    padding: 5px 15px;
    height:35px;
}
#menu-content {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #eeeeee;
    
}
#menu-content a {
    text-decoration: none;    
    color: #fe9700;
}
#menu-content a:hover {    
    color: #feaf25;
}
#title {
    display: block;
    width:100%;
    margin: 0 15px;
}
#title h1 {
    margin-bottom: 25px;
}
#main {
    background-color: #efefef;
    padding: 15px;
}
#content {
}
#footer {
    display: block;
    width:100%;
    background-color: #181d1f;
    color: #eeeeee;
}
#footer p {    
    margin: 15px;
}
#data-table table {
    border-collapse: collapse;
}
h1, h2, h3, h4, h5 {
    color: #003466;
    margin: 0;
    padding: 0;
    margin-top:20px;
    
}

span.msgbox {
    margin: 15px;
    padding:5px;
    font-weight: bold;
    display: block;
}
.clean {
    border: 1px solid limegreen;
    background: lime;
}
.warning {
    border: 1px solid goldenrod;
    background: gold;
}
.error {
    border: 1px solid maroon;
    background: tomato;
}

td {
    border: 1px solid #A9A9A9;
    padding: 5px;
}
th.edit, th.delete {
    border: 0;
}
th {
    font-style: bold;
}
td.delete, th.delete {
    width: 50px;
    border: 0;
}
.delete a:link, .delete a:visited {
    text-decoration: none;
    color: maroon;
}
.edit a:link, .edit a:visited {
    text-decoration: none;
    color: green;
}
.delete a:hover, .delete a:active {
    text-decoration: underline;
}
.edit a:hover, .edit a:active {
    text-decoration: underline;
}
td.edit, th.edit {
    width: 50px;
    text-align: right;
    border: 0;
}
td.id, th.id {
    display: none;
}
td.text, th.text {
    min-width: 100px;
}
td.blob, th.blob {
    min-width: 200px;
}
td.team-members {
    min-width: 350px;
}

label {
    font-size: 12pt;
    font-weight: 300;
}
label.description {
    padding: 5px;
    font-weight: 500;
}
input {
    font-family: 'Fira Sans', sans-serif;
    font-size: 12pt;
    color: DarkSlateGray;
}
input.submit {
    padding:3px;
    margin: 5px;
    margin-top: 20px;
}
input.new-team {
    width: 100%;
    box-sizing: border-box;
}
input.text {
    width: 250px;
}
select.permissions {
    width: 208px;
}
input.text, textarea.textarea, select.select {
    padding:3px;
    border: 1px solid #A9A9A9 !important;
    background: white !important;
}
input.radio {
}
textarea.textarea {
    width: 250px;
}
select.element{
}
table.schedule {
    width:100%;
    border-collapse: collapse;
}
.schedule td, .schedule th {
    border: 1px solid #A9A9A9;
    padding: 5px;
    vertical-align: top;
}
.schedule.day {
    height:150px;
    width: 11%;
}
.schedule.heading {
    height: 60px;
    font-weight: 800;
    vertical-align: middle;
}
.schedule.job {
    width: 23%;
}
.input-block {
    margin: 15px 0;
}
tr.alternate {
   /*  background-color: #d4e6f7; */
    background-color: #BBCDDE;
}

tr.regular {
    /* background-color: #e1f4d7; */
    background-color: #C8DBBE;
}

.fa-times {
    color:red;
}
.fa-undo {
    color:green;
}


span.schedule-employee {    
    display: block;
    width: 98%;
    border: 1px solid;
    border-radius: 3px;
    margin-bottom: 2px;
    padding: 1px;
}
span.adjusted {
    border-color: #f17105;
    background-color: #f8be8d;
}
span.on-vacation {
    border-color: #e6c229;
    background-color: #f3e39d;
    
}
span.on-job {
    border: none;
    
}
a.adjuster {
    float: right;
}
.radio.start, .radio.end {
    margin-top:35px;
}