.dataTable {

}
.table-bordered.smallData>tbody>tr>td,.table-bordered.smallData>tbody>tr>th,.table-bordered.smallData>thead>tr>th {
    padding:0;
    margin:0;
    font-size: 4px;
}
.dataTable td:hover {
    border: 1px solid lightgray;
}


.smallData>tbody>tr>td, .smallData>tbody>tr>th  {
    font-size: xx-small;
    padding:0;
    width:22px;
}
.smallData>tbody>tr>th  {
    text-align: center;

}

#graphSelect {
    /*width: auto;*/
}
#graphSelect td {
    /*padding:30px;*/
    /*text-align: center;*/
}
#graphSelect td:hover {
    /*background-color: rgba(100, 149, 237, 0.24);*/
}


/* svg area */
svg#calculateGraph {
    border:1px solid lightblue;
}

.dot circle {
    fill: lightsteelblue;
    stroke: steelblue;

    stroke-width: 1.5px;
}

g.view circle {

    cursor: ns-resize;
}

.dot circle.dragging {
    fill: red;
    stroke: brown;
}

.axis line {
    fill: none;
    stroke: #ddd;
    shape-rendering: crispEdges;
    vector-effect: non-scaling-stroke;
}

.axis path, .axis line {
    fill: none;
    stroke: #999;
    shape-rendering: crispEdges;
    vector-effect: non-scaling-stroke;
}
path.line {
    fill: none;
    /*stroke-width: 1px;*/
}
.zoomOut {
    fill: #66a;
    cursor: pointer;
}
.zoomOutText {
    pointer-events: none;
    fill : #ccc;
}
.zoomOverlay {
    pointer-events: all;
    fill:none;
}
.band {
    fill : none;
    stroke-width: 1px;
    stroke: red;
}
.axis path {
    display: none;
}

.axis line {
    stroke-opacity: 0.3;
    shape-rendering: crispEdges;
}
.view {
    fill: none;
    stroke: #000;
}

.labelRect {
    fill: url(#gradient);
    stroke: #000;
}



g.tick {
    stroke:stealblue;
}


table.constitutionDataTable td {
    cursor:pointer;
}
table.constitutionDataTable td:hover {

    background-color: rgba(14, 144, 210, 0.24);
}

#consultationChanges {
    position: fixed;
    top: 10px;
    right: 0;
    height: 100%;
    width: 200px;


    border-left:1px solid rgba(234, 176, 71, 0.22);
    padding:0 10px;

}
#consultationChanges .timeFromNow {
    margin-top:10px;
    text-align: right;
}
#consultationChanges .timeFromNow  span {
    font-size:small;
    background-color: #ade3e8;
    color: #555555;
    border-radius: 10px;
    padding:2px 10px;
}

#consultationChanges .consLabel {
    margin-top:10px;
    font-size:small;
    /*display:inline-block;*/
    /*background-color: #9badd3;*/
    color: #313131;
    font-weight: bold;
    border-radius: 10px;
    padding:2px 5px;
}

#consultationChanges .consVal {
    /*display:block;*/
    margin-top:6px;
}
#consultationChanges .consOldVal {
    text-align: right;
    color: #999999;
    font-size: x-small;
    margin-top: -2px;

}
#consultationChanges .consNewVal {
    margin-left:20px;
    background-color: rgba(234, 176, 71, 0.38);
    border:1px solid rgba(204, 119, 34, 0.38);
    padding-left: 5px;

}
#consultationChanges .consOldVal span {
    /*text-align: center;*/
    color: #4b4b4b;
    font-size: x-small;
    background-color: rgba(197, 199, 200, 0.8);
    /*border-radius: 10px;*/
    padding:2px 5px;


}
#consultationChanges .consUndo {
    position:absolute;
    color: dodgerblue;
    cursor:pointer;
    font-size: larger;
}

ul.deletable li i.fa-times {
    cursor:pointer;
    color:red;
}


.label {
    background-color: #d1dade;
    color: #5e5e5e;
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 600;
    padding: 3px 8px;
    text-shadow: none;
}
.nav .label,
.ibox .label {
    padding:5px 10px;
    font-size: 10px;
}
.badge {
    background-color: #d1dade;
    color: #5e5e5e;
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 11px;
    font-weight: 600;
    padding-bottom: 4px;
    padding-left: 6px;
    padding-right: 6px;
    text-shadow: none;
}
.label-primary,
.badge-primary {
    background-color: #1ab394;
    color: #FFFFFF;
}
.label-success,
.badge-success {
    background-color: #1c84c6;
    color: #FFFFFF;
}
.label-warning,
.badge-warning {
    background-color: #f8ac59;
    color: #FFFFFF;
}
.label-warning-light,
.badge-warning-light {
    background-color: #f8ac59;
    color: #ffffff;
}
.label-danger,
.badge-danger {
    background-color: #ed5565;
    color: #FFFFFF;
}
.label-info,
.badge-info {
    background-color: #23c6c8;
    color: #FFFFFF;
}
.label-inverse,
.badge-inverse {
    background-color: #262626;
    color: #FFFFFF;
}
.label-white,
.badge-white {
    background-color: #FFFFFF;
    color: #5E5E5E;
}
.label-white,
.badge-disable {
    background-color: #2A2E36;
    color: #8B91A0;
}
.ibox {
    clear: both;
    margin-bottom: 25px;
    margin-top: 0;
    padding: 0;
}
.ibox.collapsed .ibox-content {
    display: none;
}
.ibox.collapsed .fa.fa-chevron-up:before {
    content: "\f078";
}
.ibox.collapsed .fa.fa-chevron-down:before {
    content: "\f077";
}
.ibox:after,
.ibox:before {
    display: table;
}
.ibox-title {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #ffffff;
    border-color: #e7eaec;
    border-image: none;
    border-style: solid solid none;
    border-width: 2px 0 0;
    color: inherit;
    margin-bottom: 0;
    padding: 15px 15px 7px;
    min-height: 48px;
}
.ibox-content {
    background-color: #ffffff;
    color: inherit;
    padding: 15px 20px 20px 20px;
    border-color: #e7eaec;
    border-image: none;
    border-style: solid solid none;
    border-width: 1px 0;
}
.ibox-footer {
    color: inherit;
    border-top: 1px solid #e7eaec;
    font-size: 90%;
    background: #ffffff;
    padding: 10px 15px;
}
.recipeList  li {
    list-style-type: none;
    padding:10px;
}

.smallNote {
    font-size: small;
    color: #717171;
}

.recipeList li:hover {
    background-color: rgba(255, 255, 0, 0.13);
}
#addRecipeVersion .modal-dialog  {width:75%;}

@media screen and (min-width: 768px) {
    #addRecipeVersion .modal-dialog  {width:900px;}

}

.ibox-title h5 {
    display: inline-block;
    font-size: 14px;
    margin: 0 0 7px;
    padding: 0;
    text-overflow: ellipsis;
    float: left;
}