#btnYes, #btnNo {
	width: 75px;
  }

  #confirm-modal-content {
	text-align: center;
	padding: 15px;
	max-width: 600px;
	margin: 0 auto;
  }

  #clientTypeModal {
	width: 100vw;
	display: flex;
	justify-content: center;
	align-items: start;
	z-index: 100;
  }
  #modal-buttons {
	width: 400px;
	height: 100px;
  }

  body {
	font-family: 'Roboto', sans-serif;
	-webkit-font-smoothing: antialiased; 
	font-weight: 400;
  }

  a.link, a.link:visited {
	color: #08C;
	text-decoration:none;
	font-weight:400;
	outline:none;
	border:none;
  }
  a.link:hover {
	color: #08C;
	text-decoration:underline;
	outline:none;
	border:none;
  }

  .material-icons {
	font-size: 18px;
	vertical-align: top;
  }

  #wrapper, .sidebar .sidebar-nav {
	color: #fff;
  }

  .navbar-default {
	background-color: #fff;
	border: none;
	border-color: none;
  }

  .navbar {
	width: 100%;
	position: fixed;
	box-shadow: 1px 0 5px rgba(0, 0, 0, 0.3);
  }

  .sidebar a {
	border-left: 3px solid transparent;
	color: #fff;
  }

  .nav>li>a:focus, 
  .nav>li>a:hover {
	color: #1F65A2;
  }


  #page-wrapper {
	background-color: #f5f5f5;
	color: #333;
	padding-top:50px;
  }

  /* TYPOGRAPHY */
  .page-header {
	font-weight: 300;
	border-bottom: 0;
	padding-bottom: 8px;
	margin: 36px 0 18px;
  }

  .page-header > small {
	font-weight: 300;
	color: #999;
  }

  /* Buttons */
  .btn {
	font-weight: normal;
	touch-action: manipulation;
	border: 1px solid transparent;
	font-size: 13px;
	border-radius: 2px;
  }

  .btn.btn-primary {
	border-color: rgba(0, 0, 0, 0.1);
	outline: none;
	box-shadow: none;
	color: #fff;
	padding:6px 30px;
	margin:10px;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
	transition: box-shadow 0.3s ease;
	transition: background-color 0.3s ease;
  }

  .btn.btn-primary:focus {
	box-shadow: 0 16px 24px 2px rgba(0, 173, 255, 0.14), 0 6px 30px 5px rgba(0, 161, 255, 0.12), 0 8px 10px -5px rgba(0, 231, 255, 0.3);
  }

  .btn.btn-primary: hover {
	box-shadow: 0 3px 3px 0 rgba(0,0,0,0.14), 0 1px 7px 0 rgba(0,0,0,0.12), 0 3px 1px -1px rgba(0,0,0,0.2);
  }

  .btn.btn-primary.inverse {
	background-color: #ff4081;
  }

  .btn.btn-primary.inverse:hover {
	background-color: #ff5594;
  }

  /* Sidebar */

  .navbar-default.sidebar {
	position: fixed;
	height: 100%;
  }

  .sidebar ul li {
	border-bottom: none;
  }

  .sidebar .nav>li>a:hover {
	color: #fff;
  }

  .sidebar .avatar-holder {
	padding-top: 20px;
	padding-bottom: 20px;
  }

  .sidebar .avatar-circle {
	border-radius: 50%;
	border: 2px solid #fff;
	margin-left: 15px;
	margin-right: 5px;
	background-color: #fff;
  }

  .sidebar .sidebar-search {
	padding: 20px 15px;
  }

  .sidebar .sidebar-search .form-control {
	box-shadow: none;
	border-color: rgba(0,0,0,0.1);
	border: 0;
	border-radius: 2px;
	border-bottom-right-radius: 0;
	border-top-right-radius: 0;
	height: 32px;
  }

  .sidebar .sidebar-search .input-group-addon {
	background-color: #fff;
	border: none;
	border-left: 1px solid #fff;
  }

  /* PANELS */
  .panel {
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
	margin-bottom: 36px;
	background-color: #fff;
	border: none;
	border-radius: 2px;
  }

  .panel-default {
	border-color: rgba(0,0,0,0.07);
  }

  .panel-default > .panel-heading {
	background-color: transparent;
	border-color: rgba(0,0,0,0.07);
  }

  .panel-heading {
	border-bottom: 0;
  }

  .panel-heading {
	padding: 20px 15px 5px;
	border-top-right-radius: 1px;
	border-top-left-radius: 1px;
  }

  /* Forms */
  form .form-control {
	box-shadow: none;
  }

  form label {
	color: #333;
	font-size:85%;
	font-weight: 500;
  }

  .form-control {
	font-family: inherit;
	height: 32px;
	font-size: 13px;
	color: #333;
	background-color: #fff;
	border: 1px solid rgba(0,0,0,0.15);
	border-radius: 2px;
	-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
  }

  .form-control:focus {
	border-color: #2b69a1;
	box-shadow: none;
  }

  .no-space {
	margin: 0;
	padding: 0;
  }

  /** Loading Icon **/
  svg path,
  svg rect{
	/*fill: #25A8E0;*/
  }

  /* TABS */
  .nav-tabs>li.active>a, 
  .nav-tabs>li.active>a:focus, 
  .nav-tabs>li.active>a:hover {
	border-color: #2b69a1;
	border-bottom-color: transparent;
	background-color: #f5f5f5;
  }

  .modal textarea {
	resize: vertical;
  }

  .panel .panel-heading {
	border-bottom: 1px solid rgba(0,0,0,0.07);
	padding: 10px 15px;
  }

  .panel .panel-heading a {
	color: #333;
  }

  .title-budget {
	font-size: 14px;
	color: #888;
  }

  .panel a {
	color: #337ab7;
	font-weight: 500;
	font-size: 16px;
  }

  .panel-footer {
	border-top: none;
	background-color: #fff;
  }

  div.rowTodo {
	margin-bottom: 15px;
  }

  .media-body {
	word-break: break-word;
  }

  .todo-controls {
	display: inline-block;
	visibility: hidden;
  }

  .todo-controls i {
	cursor: pointer;
  }

  .todo-action {
	vertical-align: sub;
	cursor: pointer;
  }

  .todo-controls i.text-success,
  .todo-action.text-success,
  i.text-success {
	color: #4bc700;
  }

  .todo-controls i.text-alert,
  i.text-alert {
	color: #ecc01f;
  }

  .todo-controls i.text-warning,
  i.text-warning {
	color: #ffa100;
  }

  .todo-controls i.text-danger,
  .todo-action.text-danger,
  i.text-danger {
	color: #ff0000;
  }

  .flagged-True {
	display: inline-block;
  }

  .flagged-Flase {
	display: none;
  }

  /** Flagged Todo */
  .rowTodo.flagged-True, .sortable-items.flagged-True {
	opacity: 0.5;
  }

  .rowTodo.flagged-True a,
  .rowTodo.flagged-True .todo-action.text-success,
  .rowTodo.flagged-True .todo-action.text-danger,
  .sortable-items.flagged-True a,
  .sortable-items.flagged-True .todo-action.text-success,
  .sortable-items.flagged-True .todo-action.text-danger{
	color: #888;
  }

  .rowTodo.flagged-True a,
  .rowTodo.flagged-True .todo-details,
  .sortable-items.flagged-True a,
  .sortable-items.flagged-True .todo-details{
	font-style: italic;
  }

  .sortable-items.flagged-True a {
	margin-left: 0;
  }

  .rowTodo.flagged-True i.material-icons,
  .sortable-items.flagged-True i.material-icons {
	display: none;
  }

  /* flag colors */
  .label-danger {
	background-color: red;
  }
  .feedback {
	background-color: green;
  }
  .details-needed {
	background-color: #009488;
  }
  .scope-creep {
	background-color: #333;
  }
  .tech-debt {
	background-color: #005bd0;
  }
  .at-capacity {
	background-color: #2e009a;
  }
  .other {
	background-color: #9a0069;
  }
  .label.flag-item {
	display: none;

	border-radius: 5px;
	text-shadow: 1px 1px 1px #000;
	font-weight: 500;
	box-shadow: 0 1px 3px #000;
	padding: .3em .6em;
  }

  .btn-alert {
	background-color: #e6f04e;
  }

  .btn-alert.active.focus {
	background-color: #ecc01f;
	border-color: #ecc01f;
  }

  .todo-controls i.text-success,
  .todo-controls i.text-alert,
  .todo-controls i.text-warning,
  .todo-controls i.text-danger {
	visibility: visible;
  }

  .todo-details {
	display: block;
	color: #888;
	font-size: 14px;
  }

  div.rowTodo:hover > .todo-controls {
	visibility: visible;
  }

  .label-default {
	background-color: #607d8b;
  }

  .label {
	font-weight: normal;
	border-radius: 0;
  }

  .edit-todo-form {
	border: 1px solid rgba(0,0,0,0.10);
	border-radius: 2px;
	padding: 10px;
	margin-bottom: 20px;
	background: rgba(0,0,0,0.07);
  }

  .nav-tabs {
	border: none;
  }

  .nav-tabs>li>a {
	color: #08C;
	font-size:90%;
	font-weight:500;
	border-radius: 0;
	border-right:solid 1px #ddd !important;
  }  


  .nav-tabs>li.active>a, 
  .nav-tabs>li.active>a:focus, 
  .nav-tabs>li.active>a:hover {
	border: none;
	border-bottom: 3px solid #25A8E0;
  }

  .input-group.custom-search-form {
	box-shadow: 0 8px 10px 1px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.3);
  }

  .sidebar .site-suggestions {
	/*display: none;*/
	background: #fff;
	position: absolute;
	max-width: 220px;
	min-width: 220px;
	max-height: 300px;
	overflow-y: scroll;
	overflow-x: hidden;
	top: 50px;
	z-index: 99;
	padding: 5px 10px;
	border-radius: 0;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	box-shadow: 0 8px 10px 1px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.3);
  }

  #company-search .site-suggestions a {
	display: block;
	color: #333;
	z-index: 999;
	padding: 0 10px;
  }

  .sidebar .site-suggestions li {
	margin-bottom: 7px;
  }

  .dropdown.mobile {
	display: none;
  }

  .search small{
	color: #777 !important;
  }

  .modal-cover{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 99999;
	cursor: default;
  }
  @media screen and (max-width: 992px) {
  }
  @media screen and (min-width: 768px) {
	.navbar-header {
	  padding-left: 282px;
	}

	.sidebar {
	  z-index: 999;
	  margin-top: 0;
	  transition: 0.3s ease;
	}
  }

  @media screen and (max-width: 768px) {
	.navbar-top-links .dropdown-tasks {
	  margin-left: 2px;
	}

	.navbar-top-links .dropdown-user {
	  left: 1px;
	}
  }

  @media (max-width: 500px) {
	.nav-tabs>li>a {
	  float: left;
	  margin-bottom: -1px;
	  background: #eee;
	  font-size: 2.85vw;
	  border-right: solid 1px rgba(0,0,0,.1);
	}
	.dropdown.mobile {
	  display: block;
	}
	.navbar-top-links {
	  display: none;
	}
	#page-wrapper > .container-fluid {
	  padding: 0 5px;
	}
	.panel-body {
	  padding: 15px;
	  position: relative;
	}
	.todos-container, .comments > div, .wysiwyg-section > div {
	  padding: 0 5px;
	}
	.todo-items .progress {
	  margin: 0 0 8px;
	}
	.comments .media-body, .comments .media-left, .comments .media-right {
	  display: block;
	}
	.comments .media-left .media-object {
	  max-width: 50px;
	}
	.comments .media-heading {
	  position: absolute;
	  top: 5vh;
	  left: 22vw;
	  font-size: 16px;
	}
	.comments .media-body {
	  width: auto;
	  word-break: break-word;
	  padding: 10px 0 0;
	  margin-top: 10px;
	  border-top: 1px solid #eee;
	}
	.comments .comment-options {
	  position: absolute;
	  top: 5vh;
	  right: 5vw;
	  visibility: visible;
	  color: #bbb;
	}
	.comments .comment-options i:focus {
	  color: #333;
	}
	.todo-action {
	  font-size: 16px;
	}
  }

  #company-search-modal .modal-body {
	overflow-y: scroll;
	height: 1000px;
	max-height: 75vh;
  }