@import url(variables.less);
@import url(variables.custom.less);

.btn.btn-excel {
    padding:5px;
    background:none;
    color:#2CC72C;
    font-size:25px;
}

//Do not remove martgin top of content inner container because delays
//module need it.
//Remove it on each individual screen if it is necessary.
/*.content-container.hide-subnavbar > .content-inner-container {
    margin-top:0;
}*/

.content-inner-container .subnavbar {
    height:@subnavbar-height;
    padding:@subnavbar-padding-top-bottom 0;
    background-color:@app-body-back-color;
    border-bottom:1px solid @app-back-border-color-1;
}

//Remove padding on subnavbar for configuration screens to
//prevent changes with custom styles overrided before for MES screens.
 .content-inner-container .configuration-content .subnavbar {
    padding:0 !important;
}

.fixed-subnavbar + .screen-content {
    margin-top:@screen-content-margin-top;
}

/*.subnavbar .input-prepend label {
    display:inline;
}*/
.subnavbar .control-label {
    margin-left:10px;
}

.subnavbar .subnavbar-select{
    margin-top:0px;
}

.control-label input[type='checkbox'] {
    margin-top:0;
}

//This prevent backgrid to resize the columns on edition.
//Also make all columns fit to smaller size.
.backgrid td, 
.backgrid th {
    width:1px !important;
    vertical-align:middle !important;
}

.backgrid.table {
    margin:0;
}

.backgrid tr.row-selectable {
    cursor:pointer;
}

.backgrid tr.row-selectable.selected:hover td,
.backgrid tr.row-selectable.selected td {
    background-color:@app-active-back-color !important;
}

.backgrid th {
    text-align:center !important;
}

.backgrid .button-cell {
    min-width: 50px;
}

.backgrid .string-cell.string-center,
.backgrid .integer-cell.integer-center, 
.backgrid .number-cell.number-center {
    text-align:center !important;
}

.backgrid .string-cell.string-right,
.backgrid .integer-cell.integer-right, 
.backgrid .number-cell.number-right {
    text-align:right !important;
}

.clear_input_div {
    display:inline-block;
}
.clear_input_div a {
    font-size: 15px;
}

.input-static {
    margin-top: 5px;
    display: block;
    font-weight:normal;
}

.control-label span {
    display:inline-block;
}

.modal .modal-status-msg {
    width:350px;
    text-align:left;
}


.process-info-form {
    width:@process-info-form-width;
}

/*.process-info-form div:last-child {
    border:none;
}*/

.process-info-row {
    width: 100%;
    /*border-bottom: 1px solid #d5d5d5;*/
    display: inline-block;
}

.process-info-group {
    float: left;
    margin: 0;
    padding: 1px 0px;
    height: @process-info-field-height;
}

.process-info-field-label,
.process-info-field-label-long-text {
    float:left;
    margin-right:5px;
    height:100%;
    width:70px;
    font-weight: bold;
    /*text-align:right;*/
}

.process-info-field-label {
    line-height: @process-info-field-height;
}

.process-info-field-label-long-text {
    line-height: @process-info-field-height / 2;
}

.process-info-field-value,
.process-info-field-value-text-area {
    float:left;
    margin-left:0;
}

.process-info-field-unit {
    margin-left: 5px;
    height:100%;
    color: #c3bcbc;
    font-size: 11px;
    /*font-weight: bold;*/
    font-style:italic;
    line-height: @process-info-field-height;
}

input[type='number'].process-info-field-value,
input[type='text'].process-info-field-value,
select.process-info-field-value {
    margin-top:5px;
}

input[type='number'].process-info-field-value,
input[type='text'].process-info-field-value {
    text-align:right;
}

span.process-info-field-value,
label.process-info-field-value {
    line-height: @process-info-field-height;
}

input[type='checkbox'].process-info-field-value {
    position: relative;
    float: right;
    margin-left: 5px;
    top: 7px;
}

.process-info-field-value.readonly {
    cursor:auto;
}

.process-info-field-value-text-area {
    line-height:normal;
}

.input-date {
    width:75px;
}

.input-time {
    width:60px;
}

.input-date + .input-time {
    margin-left: 5px;
}

.input-duration-small {
    width:50px;
}


.table-pivot .header-cell {
    background-color: #f9f9f9; /* Same as backgrid cell. */
    border-bottom:1px solid #DDDDDD; /* Same as backgrid cell. */
    color:@app-font-color-1; /* Same as backgrid cell. */
    font-weight:bold; /* Same as backgrid cell. */
    text-align:center; /* Same as backgrid cell. */
}

.table-pivot .col {
    position:relative;
    float:left;
}

.table-pivot .header-cell,
.table-pivot .body-cell {
    padding: 2px 5px; /* Same as backgrid cell. */
    height: 20px; /* Same as backgrid cell. */
    max-width: 250px; /* Same as backgrid cell. */
    border-bottom: 1px solid #DDD; /* Same as backgrid cell. */
    line-height: 20px; /* Same as backgrid cell. */
    overflow: hidden;
    text-align:center;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle; /* Same as backgrid cell. */
}

.table-pivot .body-cell input[type='checkbox'] {
    margin-top: -2px;
}

.table-pivot .body-cell input[type='text'],
.table-pivot .body-cell span {
    position:relative;
    padding: 0;
    margin: 0;
    /*left: 3%;*/
    width: 100%;
    height: 100%;
    border: none;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-align:center;
}

.table-pivot .body-cell input[type='text']:focus {
    background-color:#F0F0F0; /* Same as backgrid cell. */
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6); /* Same as backgrid cell. */
    outline:1px rgba(0, 0, 0, 0.50) dashed; /* Same as backgrid cell. */
}

.table-pivot .body-cell input.hide {
    display: none !important;
}

.manual-lock-btn {
    float: right;
    margin-left: 10px;
    color: #C7A902;
    font-size: 15px;
    line-height:35px;
}

td .manual-lock-btn {
    margin-top:1px;
    line-height:normal;
}

.manual-automatic-cell .manual-lock-btn,
.manual-lock-btn[data-variable-name] {
    cursor: pointer;
}

.edition-disabled .manual-lock-btn {
    cursor:default;
}

.manual-lock-btn.hide {
    display:none !important;
}

.table-pivot .body-cell .manual-lock-btn {
    margin-left:0;
    height:20px;
    line-height:20px;
}

.table-pivot .body-cell .manual {
    width:75% !important;
}

.grid-title {
    display:inline-block;
}

.grid-title + .manual-lock-btn {
    float:none;
    line-height:20px;
}

.backgrid .timestamp-cell.date-cell {
    padding-right:3px;
}

.backgrid .timestamp-cell.time-cell {
    padding-left:3px;
}

.btn-search-show {
    padding-left: 3px;
    padding-right: 5px;
    background-image: linear-gradient(to bottom, #ffffff, #FFFDFD);
}
.btn-search-show:hover {
    background-position:0;
}

.btn-search-next,
.btn-search-prev {
    font-size:11px;
}

.id-chart-container .ui-widget .ui-container {
    background: transparent;
    border:none;
}

.typeahead.dropdown-menu {
    max-height:400px;
    overflow-y: auto;
}

.form-data
{
    .form-data-row
    {
        width: 100%;
        display: inline-block;
    }

    div[class^="form-data-row"] ~ div[class^="form-data-row"]
    {
      border-top: 1px solid #d5d5d5;
    }

    div[class^="form-data-row"]
    {
      border-top: none;
    }

    .form-data div:last-child
    {
        border: none;
    }

    .form-data-group
    {
        float: left;
        width:50%;
        margin: 0;
        padding: 5px 0px;
        height: auto;
    }

    .form-data-field-label
    {
        float: left;
        width: auto;
        font-weight:bold;
        /*text-align:right;*/
    }

    .form-data-field-value
    {
        float: left;
        margin-left: 5px;
        width: auto;
        /*line-height:30px;*/
    }
}