@import url('colors.css');


#breadcrumb {
    border-bottom: none !important;
    background: none !important;
}

.ui-draggable-dragging {
    z-index: 10 !important;
}

.treetable {
    color: #000000;
}

    .treetable .ui-draggable {
        width: 100%;
    }

    .treetable .folder {
        font-weight: bold;
        background-image: url("") !important;
    }

    .treetable .file {
        background-image: url("") !important;
    }

    .treetable thead {
        background-color: #010101 /*#859BB2*/ !important;
    }

.table-panel {
    width: 100%;
}

    .table-panel > thead > tr > th:first-child {
        background-color: var(--color3) /*#859BB2*/;
        color: #ffffff;
        border-right: 1px solid #FFFFFF;
        font-weight: normal;
        padding: .3em 1em .1em 1em;
        text-align: left;
    }

#example-advanced span, #example-advanced-2 span {
    padding: 0 0 0 0 !important;
}

#ProgramSettingGroup .icon {
    padding: 0px 9px 0px 0px !important;
}

#ProgramSettingGroup .folder {
    cursor: pointer !important;
}

#PumpSetup .icon {
    padding: 0px 9px 0px 0px !important;
}

#PumpSetup .folder {
    cursor: pointer !important;
}

#example-advanced-2 .file {
    cursor: pointer !important;
}

.treetable .file-icon {
    margin-right: 4px;
}

.treetable .selected-line {
    border: 1px solid #dddddd;
    background-color: inherit !important;
    color: #000000 !important;
}

.treetable .new, .treetable .new td {
    background-color: #FDF7BF !important;
}

.panel {
    border: 1px solid #dddddd !important;
}

.panel-body {
    overflow-x: auto !important;
}

.panel .ladda-label {
    padding: 0 0 0 0 !important;
}

.ladda-button.right {
    float: right;
    margin-right: 5px;
    margin-top: 5px;
}

.bucket-form {
    color: #000000 !important;
}

    .bucket-form input[type=checkbox] {
        color: #000000 !important;
        height: 16px !important;
    }

    .bucket-form .form-group {
        margin-bottom: 7px !important;
    }

.form-horizontal .control-label {
    text-align: left !important;
    padding-top: 0px !important;
}


#inventoryDetail .col-sm-6 {
    width: 60% !important;
}

#inventoryDetail .col-sm-4 {
    width: 40% !important;
}

.input-group-addon {
    padding: 3px !important;
}


#pumpCommChannel option, #vit_uvit_mwgt option, #tankProduct option, #tagCardReader option {
    font-family: monospace;
    white-space: pre;
}


/***********************  footable *********************/

.footable .selected-line {
    background-color: #fcf8e3 !important;
}

.footable input[type="radio"], input[type="checkbox"] {
    margin: 0 !important;
}

.footable-row-detail-inner {
    width: 100% !important;
}

.footable > thead > tr > th {
    font-weight: bold;
    padding: 5px 10px 5px 10px;
}

/***********************  footable End *********************/



input[type=text] {
    color: #000 !important;
}

.alert-warning {
    /*color: rgba(251, 180, 76, 1.0)!important;*/
    color: #FFFFFF !important;
    background-color: rgba(251, 180, 76, 0.8) !important;
}

.alert-danger {
    /*color: rgba(255, 107, 107, 0.9)!important;*/
    color: #FFFFFF !important;
    background-color: rgba(255, 107, 107, 0.8) !important;
}

.alert-error {
    /*color: rgba(255, 107, 107, 0.9)!important;*/
    color: #FFFFFF !important;
    background-color: rgba(255, 107, 107, 0.8) !important;
}

.alert-success {
    background-color: rgba(69, 182, 176, 0.8) !important;
    /*color: #45B6B0!important;*/
    color: #FFFFFF !important;
}

.alert-info {
    /*color: #65C3DF!important;*/
    color: #FFFFFF !important;
    background-color: rgba(101, 195, 223, 0.8) !important;
}

.modal-backdrop {
    background-color: transparent !important;
    bottom: 0;
    height: 100%;
    left: 0;
    position: fixed !important;
    right: 0;
    top: 0;
    width: 100% !important;
    z-index: 0 !important;
}

.modal {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8) !important;
    bottom: 0;
    display: none;
    left: 0;
    outline: 0 none;
    overflow-x: auto;
    overflow-y: hidden !important;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1050;
}
/* maki */
[class*="maki-"]:before {
    font-family: 'maki', sans-serif;
}
/* entypo */
[class*="entypo-"]:before {
    font-family: 'entypo', sans-serif;
}
/* fontawesome */
[class*="fontawesome-"]:before {
    font-family: 'FontAwesome', sans-serif;
}


.ladda-button, .btn-info.btn {
    background-color: var(--color1) !important;
    border-color: var(--color2) !important;
}

.ladda-button, .btn-danger.btn {
    background: #d2322d !important;
}

.dropdown-toggle.btn-default {
    color: #333 !important;
    background-color: #ebebeb !important;
    border-color: #adadad !important;
}

.progress {
    margin-bottom: 0px !important;
}

input.form-control[type="checkbox"] {
    height: 20px !important;
}

/***********************  Stok Tank End *********************/

.tank-container {
    width: 150px;
    height: 150px;
    position: relative;
    z-index: 5;
    padding-top: 20px;
    margin: 5px;
    border: 1px solid;
    border-color: #d3d3d3;
}

    .tank-container span {
        position: absolute;
        z-index: 8;
        top: 1px;
        font-size: 12px;
    }

        .tank-container span.tank-left {
            left: 2px;
        }

        .tank-container span.tank-right {
            right: 2px;
            text-align: right;
        }

.tank-prob {
    width: 5px;
    height: 150px;
    background-color: #949494;
    position: absolute;
    left: 50%;
    left: calc((50% - (5px/2)));
    background: linear-gradient(to right, #949494 0%,#5A5A5A 100%);
    z-index: 2;
}

.tank-base {
    margin: 20px 10px 10px 10px;
    position: relative;
    width: calc((100% - 20px));
    height: auto;
    overflow: hidden !important;
    border-radius: 100px;
    background: linear-gradient(to bottom, #23FB00 0%,#000400 100%);
    background-color: #23FF00;
}

.tank-volume {
    width: 100%;
    height: 0px;
    /*background-color: white;*/
    background: #ffffff url('../img/tankbase.png') no-repeat right top;
    background-size: 100%;
    position: relative;
}

.tank-level {
    width: 14px;
    height: 5px;
    background-color: silver;
    position: absolute;
    bottom: 0px;
    left: 50%;
    left: calc((50% - (14px/2)));
    z-index: 4;
    background: linear-gradient(to right, #8484D2 0%,#313150 100%);
}

.water-level {
    z-index: 3 !important;
    background: linear-gradient(to right, #6EFFF6 0%,#313150 100%) !important;
}



/***********************  Stok Tank End *********************/

/***********************  bootstrap-table *********************/
.bootstrap-table .table > thead > tr > th {
    font-weight: bold !important;
}

.fixed-table-header {
    background-color: #FFFFFF !important;
}

.fixed-table-body {
    background-color: #FFFFFF !important;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    background-color: var(--color1) !important;
    border-color: var(--color2) !important;
}

.pagination > li > a,
.pagination > li > span {
    color: var(--color2) /*SAYFALAMA #OZEL_RENK*/
}

.btn-info {
    color: #fff !important;
    background-color: var(--color1) !important;
    border-color: var(--color2) !important;
}

.pace {
    background: var(--color2) !important /*TOP LOADER BAR #OZEL_RENK*/;
}

    .pace .pace-progress {
        background: var(--color1) !important /*TOP LOADER BAR #OZEL_RENK*/;
    }

/***********************  bootstrap-table End *********************/