/*
 * Copyright (C) 2013 - 2018, Logical Clocks AB and RISE SICS AB. All rights reserved
 *
 * Permission is hereby granted, free of charge, to any person obtaining a copy of this
 * software and associated documentation files (the "Software"), to deal in the Software
 * without restriction, including without limitation the rights to use, copy, modify, merge,
 * publish, distribute, sublicense, and/or sell copies of the Software, and to permit
 * persons to whom the Software is furnished to do so, subject to the following conditions:
 *
 * The above copyright notice and this permission notice shall be included in all copies or
 * substantial portions of the Software.
 *
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS  OR IMPLIED, INCLUDING
 * BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
 * NONINFRINGEMENT. IN NO EVENT SHALL  THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM,
 * DAMAGES OR  OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
 *
 */


#board {
  margin: 0;
  padding: 0 10px;
}
#board table {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
}
#board {
  -moz-user-select: none;
}
#board .table td {
  padding: 5px 5px 0;
}
#board .table th {
  padding: 10px 0 10px 5px;
}
.columnHeader, #board .table thead th {
  background: linear-gradient(to bottom, #ffffff, #f2f2f2) repeat-x scroll 0 0 #fafafa;
  border-bottom: 1px solid #dddddd;
  font-size: 20px;
  font-weight: normal;
  padding: 5px 0;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}
#board .table thead th:first-of-type {
  padding: 5px 10px 5px 20px;
  white-space: nowrap;
}
#board .table thead {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
}
#board .table > tbody > tr > th, #board .table > tbody > tr > td {
  border-top: medium none;
}
#board .table thead i, #board .table tbody i {
  color: green;
  font-size: 14px;
}
#board tbody th, #board tbody td {
  background-color: #ffffff;
  text-align: center;
}
#board .table td.addTask, #board .table td.addStory {
  margin: 0;
  padding: 0;
}
#board .table td.addTask button, #board .table th.addStory button {
  background-color: #f2f2f2;
  border: medium none;
  height: 100%;
  margin: 0;
  padding: 0 3px;
  width: 100%;
}
#board .table td.addTask button:hover, #board .table th.addStory button:hover {
  background-color: #fafafa;
}
#board .table .story, #board .table .task {
  transform: rotate(-2deg);
}
#board .table .story:hover, #board .table .story:focus, #board .table .task:hover, #board .table .task:focus {
  box-shadow: 3px 6px 20px rgba(0, 0, 0, 0.4);
  position: relative;
  transform: scale(1.12);
  z-index: 1035;
}
div.story, div.task {
  -moz-user-select: none;
  box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1);
  cursor: pointer;
  margin: 4px 4px 4px 0;
  padding: 5px 0;
  position: relative;
  text-align: center;
}
div.story {
  margin: 0 5px 0 0;
}
div.story h3, div.task h3 {
  font-size: 13px;
  font-weight: normal;
  line-height: 13px;
  margin: 5px;
  padding: 0;
  text-align: center;
  text-shadow: none;
  transform-style: preserve-3d;
}
#columns {
  margin: 20px 0 5px;
}
#columns > div {
  padding-left: 5px;
  padding-right: 5px;
}
.column {
  border: 1px solid darkgrey;
  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.7);
}
.card-list {
  list-style: outside none none;
  margin: 0;
  min-height: 50px;
  padding: 0;
}
.noMargin {
  margin-bottom: 0;
}
.default {
  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.098) inset;
}
.default-color {
  background-color: #ffffff;
}
.card {
  box-shadow: 1px 1px 3px #999;
  background: none repeat scroll 0 0 white;
   border-radius: 5px;
   /* margin-top: 2px;*/
   padding: 5px;
   margin: 1px 2px 3px 1px;
}
.card-title {
  color: #7c9eb2;
  display: block;
  font-weight: bold;
  line-height: 1.5em;
  padding: 2px 1px;
  text-decoration: none;
}
.addList {
  width: 10px;
}
.removeList {
  color: #990000;
  float: right;
  padding-right: 10px;
}
.addNewCard {
  color: green;
  float: right;
  padding-right: 10px;
}
.removeCard {
  color: #444;
  padding: 12px;
}
.removeButton {
  color: #990000;
}
.searchable-true {
  color: #33cc33;
}
.asteriskRed {
  color: #990000;
}
.required-true {
  color: #33cc33;
}
.cardMaxSize-true {
  color: #33cc33;
}
.fillInMetadataInput {
  width: 40em;
}
.cardMaxSizeField {
  width: 10px;
}
.tab-title {
  color: #7c9eb2;
  display: block;
  font-weight: bold;
  line-height: 1.5em;
  padding: 2px 1px;
  text-decoration: none;
}

.field-info {
  cursor: help;
  padding-right: 0em;
  padding-left: 0em;
}

.meta-table-header {
  color: #333;
  background-color: #e6e6e6;
  height: 43px;
}

.xwdith {
  width: 500px;
}

.hide-border {
    margin-top: 50px;
}

.expanded-job-monitor {
    margin-top: -5px;
}


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

.jupyter-left { 
  margin-left:10px; 
  margin-top: -5px;
}

.shift-left { 
  margin-left:-50px; 
}

.top-big-buffer { 
  margin-top:100px; 
}

/*.blocks .btn-primary .active .focus
{
    background-color: #5cb85c;
}*/
.blocks .btn-primary
{
    margin: 0 50px 0 0;
    border-radius: 10px;
    border: 2px solid #ddd;
/*    background-color: #2e353d;*/
}

.blocks .btn-group.btn-block {
    display: table;
}

.clusterparams { 
  margin-top:10px; 
}

.customHr {
    font-size: 1px;
    color: rgba(0, 0, 0, 0);
    line-height: 1px;
    background-color: grey;
    margin-top: 3px;
    margin-bottom: 5px;
}


.ui-select-bootstrap {
  .ui-select-toggle > .caret {
    display: none;
  }
  .ui-select-toggle::after {
    font-family: FontAwesome;
    content: "\f0d7";
    position: absolute;
    right: 1em;
  }
}


.select2-container {
  .ui-select-match > span {
    width: 80%;
    overflow: hidden;
    text-overflow: ellipsis;
    position: absolute;
  }
}


.textarea {
  height:auto;
  width:100%;
  min-height:155px;
  color:#999;
  font-weight:400;
  font-size:30px;
  font-family:'Ubuntu', Helvetica, Arial, sans-serif;
  background:#fff;
  border-radius:3px;
  line-height:2em;
  border:none;
  box-shadow:0px 0px 5px 1px rgba(0,0,0,0.1);
  padding:30px;
}
