/*!
 * Time Tracker Stylesheet
 */

/*
 * Color List
 *
*

Body Background: #6f7e90
Navbar Background: #444d58
Panel Background: #d3d8de

*/

body {
  color:#444d58;
}

.test-bg {
  background-color:red;
}
.test-bg2 {
  background-color:darkred;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}
input[type='number'] {
    -moz-appearance:textfield;
    background-color:#F7F7F7;
    border:none;
}

input[type="text"], textarea {
  background-color:white;
}

input[type="text"]:disabled {
  background-color:#EAEAEA;
}

.bold {
  font-weight:bold;
}

a {
  color:#2986bc;
  text-decoration: none;
  cursor:pointer;
}

a.active: {
  text-decoration: none;
}

a.hover: {
  text-decoration: none;
}

a.delete {
  color:darkred;
  text-decoration:none;
}

a.btn {
  appearance:button;
}


.edit {
  text-align:right;
  padding-right:5px;
}

.customButton {
	background-color:transparent;
	border:transparent;
  vertical-align:bottom;
}

.customSelect {
  background-color: #3097D1;
  border:none;
  color:#fff;
  min-width:150px;
  cursor:pointer;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.select2 {
  line-height:1.6;
  height:36px;
}

.nav-selected {
  background-color:#282D35;
}

.clear-button {
  color:#6C7B89;
  text-align:center;
}

.taskOptions {
	list-style:none;
}

.selectedTasks {
  cursor:pointer;
  vertical-align:middle;
}

.timesheetTable {
  table-layout:fixed;
}

.timesheetTable th {
    width:10%;
  overflow:hidden;
}

.timesheetTable td {
    width:10%;
  overflow:hidden;
}

.same-project td{
  border-top:none !important;
}
.hidden {
	display:none;
}


.timeInput {
	text-align:center;
  width:100%;
  padding:0px;
  color:#464D57;
}

.new-task {
  color:#2ab27b;
}

.new-task:hover{
  color:#1f8e61;
  text-decoration:none;
}

.task-name {
  color:#727E8E;
}

table tbody tr td {
  vertical-align:bottom !important; 
}

.headerTitle, .data {
  width:10%;
  overflow:hidden;
}

.headerTitle {
  font-size:13px;
}

.left-column {
  padding-left:30px !important;
}

.task-names {
  font-size:12px;
}

.task-names td{
  white-space:pre-line;
}

.timesheetTable thead tr th:first-child,
.timesheetTable tbody tr td:first-child{
  width:200px;
  min-width:150px;
  max-width:200px;
}

.total-column {
  text-align:right !important;
}

.total-row {
  background-color:#DCE0E5;
}

.totals {
  font-weight:bold;
  color:#6C7B89;
  width:10%;
  font-family: Roboto, sans-serif;
  padding:0px;
  text-align:center;
}

#total {
  color:#F70A0A;
}

.reorder {
  margin-top: 4px;
  color: #727E8E;
  cursor: -webkit-grab;
  cursor: grab;
}

.roles-list {
  margin:0px;
  padding:0px;
}

.roles-list-item {
}

.panel-default {
  background-color:white;
  color:#444d58;
}

.panel-heading {
  color:black !important;
  background-color:white;
}

.page-title {
  font-size:16px;
  padding-left:28px;
}

.modal-title-2 {
  font-size:15px;
  font-weight:bold;
}

.custom-icons {
  width:16px;
  height:16px;
  color:#6C7B89;
  text-align:center;
  cursor:pointer;
  margin-left:5px;
  margin-right:5px;
}

.btn {
  padding: 4px 4px;
  border:none;
  border-radius:0px;
  width:130px;
  height:32px;
  font-size:15px;
  vertical-align:bottom;
}

.btn-danger {
  background-color:#dd5640;
}

.btn-cancel {
  background-color:#BDC3C7;
  border-color:#ABACAE;
  color:white;
}

.btn-cancel:focus,
.btn-cancel.focus {

}

.btn-cancel:hover {
  background-color: #b3b9bd;
}

.btn-approve {
  font-size:14px;
  height:24px;
  width:100px;
  padding: 0px 0px;
}

.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f9f9f9;
}

.table-hover > tbody > tr:hover {
  background-color: #eaeaea;
}

/***** Navbar Stuff  */

.navbar-spacing {
  margin-right:50px;
}
.navbar-custom > li > a {
  padding-top:22px;
  padding-bottom:6px;
}

.navbar-default .navbar-brand {
  color: #ea973e;
}

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #bf7b31;
  background-color: transparent;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
color: lightgray;  /*Sets the text hover color on navbar*/
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active >   
 a:hover, .navbar-default .navbar-nav > .active > a:focus {
color: white; /*BACKGROUND color for active*/
background-color: #030033;
}

  .navbar-default {

}

  .dropdown-menu > li > a:hover,
   .dropdown-menu > li > a:focus {
    color: #262626;
   text-decoration: none;
  background-color: #66CCFF;  /*change color of links in drop down here*/
   }

 .nav > li > a:hover,
 .nav > li > a:focus {
    text-decoration: none;
    background-color: silver; /*Change rollover cell color here*/
  }


  .navbar-default .navbar-nav > li > a {
   color: white; /*Change active text color here*/
    }

.modal-footer {
  border-top: none;
}

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

.align-right {
  vertical-align:right;
  text-align:right;
}

.form-control{
  border:1px solid #ced4da;
  border-radius: 0px;
  box-shadow:none;
  height: 34px;
}

.form-control:focus{
  border-color: #aaa;
  box-shadow: none;

}

.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }
.material-icons { vertical-align:middle; }

.logo {
  display: block;
  background: transparent url(/images/timesaint_logo.png) top left no-repeat;  
  background-image: -webkit-linear-gradient(transparent, transparent), url(/images/timesaint_logo.svg);
  background-image: linear-gradient(transparent, transparent), url(/images/timesaint_logo.svg);
  background-size: contain;
  width: 150px;
  height: 34px;
  margin-bottom:10px;
  margin-top:6px;
}

.checkbox-label {
  padding-top:0px;
  margin-bottom: 5px;
}

.permission-td {
  vertical-align:middle !important;
}

.permission-desc {
  padding-left:20px !important;
}

/* Select2 Settings */

.dataTables_length label {
  width:50px;
}

.dropdown-width {
  width: 100%;
}

.select2-dropdown {
  border-radius: 0px;
  margin-top: -4px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height:36px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height:1.6;
  padding-top:6px;
}

.select2-container .select2-selection--single {
  height:36px;
  border:1px solid #ced4da;
  box-shadow:none;
  border-radius: 0px;
}

span.select2-selection--single[aria-expanded=true] {
    border-color: #aaa !important;   
  }

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background: #3097D1;
    color: #fff;
}

.select2-search {
  margin-top: 3px; }
  .select2-search input {
    height: 26px;
    border: 2px solid #dce4ec; }

.dataTables_paginate, .dataTables_info, .dataTables_length, .dataTables_filter {
  padding:10px;
}

@media screen and (max-width: 550px){
  .no-mobile {
    display:none;
  }

}

@media screen and (max-width: 750px){

  .navbar-header {
    padding-left:10px;
  }

  .col-md-12 {
    padding: 0px 20px;
  }
}

#logo {
  
}

#new-task {
  vertical-align:bottom;
}

#submit-timesheet {
  left-margin:30px;
}

#timesheetButtons {
  padding-left:12%;
  margin-bottom:30px;
  margin-top:30px;
}

#newTasksProject {
  width:80%;
}

#reset-password{
  margin-bottom:0px;
  padding-top:7px;
  text-align:left;
  padding-left:0px;
}

#timesheet-table{
}