/*****
/** Palette tab 
*****/
#palettebody tr td
,.inlineformtab tr td  {
    padding-bottom:4px;
    margin-bottom:4px;
    margin-left:2px;
    padding-left:2px;
}
#palettetab
,.inlineformtab  {
    margin-top:5px;
}
#palettetab th
,.inlineformtab  th {
    text-align:center;
    background:linear-gradient(to bottom, #eee, #fff);
}
#palettetab tbody
,.inlineformtab  tbody {
    margin-bottom:5px;
}
/*****
/** Dashboard
*****/
#colorlist tr th
,#stationlist tr th 
,#palettelist tr th 
,#layerlist tr th {
    background:linear-gradient(to bottom, #4c687e , #7da2bf);
    color:#fff;
}
#colorlist tr td
,#stationlist tr td 
,#palettelist tr td
,#layerlist tr td {
    position:relative;
}
.colorbox-val {
    position:absolute;
    top:5px;
    left:70px;
} 
.colorbox {
    border:1px solid #333;
    width:60px;
    height:30px;
    position:absolute;
    top:2px;
    left:5px;
}

/*****
/** Buttons
*****/
.pull-right {
    position:absolute;
    top:15px;
    right:15px;
}

.removeInterval  {
    padding:3px 7px;
    margin-left:2px;
}
#addInterval {
    margin:5px;
    margin-left:15px;
}

.move-grip {
    cursor:grab;
}
.move-grip i {
    width:25px;
}

/*****
/** Forms & layout
*****/
form {
    padding-top:10px;
}

.form-group div {
    margin-bottom:2px;
    padding-bottom:2px;
}

h4 {
    border-bottom:1px solid #ddd;
    padding:4px;
    margin-top:5px;
    margin-bottom:10px;
}

.input-group-file.import {
    display:inline-block;
}

.import .input-group-btn {
    width:auto;
    display:inline-block;
}
.import .btn-file{
    border-radius:3px;
}


form#import {
    display:inline-block;
    padding-top:0px;
}


/*****
/** Datatables
*****/

.pagination > li > a, .pagination > li > span {
  border:1px solid #fff;
}

.pagination > li > a:hover, .pagination > li > span:hover {
  background: #ffca30;
  color:#333;
  border:1px solid #fff;
}
    
.dataTables_wrapper .dataTables_paginate .paginate_button {
    margin:0;
    padding:0;
    border:1px solid #fff;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    margin:0;
    padding:0;
    background:transparent;
    border:1px solid #fff;
}

/************************
/** Palette
/************************/

.palette-editor {
    position:relative;
    width: 100%;
    height: 100%;
}

.palette-editor-container {
    border: 1px solid #ccc;
    float: left;
    width: 45%;
    padding:5px;
}

.palette-editor-controls {
    border: 1px solid #ccc;
    width: 54%;
    float:right;
    padding:5px;
}

.palette-grid-cell {
    width: 30px;
    height: 30px;
    margin: 1px;
    border: 1px solid #000;
    border-radius: 4px 4px 4px 4px;
    cursor: pointer;
    display: inline-block;
    background-color: #fff;
    text-align:center;
}

.palette-grid-cell:hover {
    border: 2px solid #333;
}

.palette-grid-cell.ui-selected  {
    border: 2px solid #ff0000;
}

.palette-grid-cell.ui-selecting  {
    border: 2px solid #4c687e;
}

#palette-preview-container  {
    border: 1px solid #333;
    padding:0;
    width:512px;
    height:52px;
}
#palette-preview-container .palette-grid-cell {
    border:none;
    margin:0;
    width: 2px;
    height: 50px;
    border-radius: 0px;
}
#palette-preview-container .palette-grid-cell:hover {
   border:none; 
}


#tableLayerStyle th {
    background:linear-gradient(to bottom, #4c687e , #7da2bf);
    color:#fff;
    text-align:center;
}
#tableLayerStyle
,#tableLayerStyle td
,#tableLayerStyle th {
    margin:5px;
    padding:5px;
}