﻿input:disabled, button:disabled {
    cursor: not-allowed;
}
.ibox {
    overflow: hidden;
    overflow-y: auto;
    max-height: 87vh;
    margin-bottom: 0;
}

.section-header {
    background-color: #1ab394;
    color: #fff;
    margin-top: 10px;
    margin-bottom: 10px;
    padding:5px;
    float:left;
    border-radius:3px;
    font-size:14px;
    font-weight:bold;
}

    .section-header i:hover {
        color: #111111;
        -webkit-transition: color 0.5s; /* Safari */
        -webkit-transition-timing-function: linear; /* Safari */
        transition: color 0.5s;
        transition-timing-function: linear;
    }

    .section-header i {
        font-size:larger;
        cursor:pointer;
        color: white;
        -webkit-transition: color 0.5s; /* Safari */
        -webkit-transition-timing-function: linear; /* Safari */
        transition: color 0.5s;
        transition-timing-function: linear;
    }

.center{
    text-align:center;
}

#pnlservice {
    margin-top: 10px;
}

#pnlsrc {
    margin-top: 10px;
}

.toolStripContent {
    margin-right: 5px;
}

.content1 {
    float: left;
    width: 60%;
    padding: 0px;
    margin-bottom: 5px;
}

.modal .modal-header {
    color: #fff;
    background-color: #1ab394;
    border-color: #1ab394;
}

/*@media (min-width: 992px) {
    .modal-lg {
        max-width: 700px;
    }

    .modal-sm {
        max-width: 700px;
    }
}

@media (min-width:576px) {
    .modal-dialog {
        max-width: 70%;
        margin: 1.75rem auto;
    }
        .modal-dialog.offline {
            max-width:30%;
            margin: 1.75rem auto;
        }
    #SourceModal .modal-dialog {
        max-width: 40%;
        margin: 1.75rem auto;
    }
}*/

#divConditionModal .nav .nav-item .nav-link {
    padding: 8px 15px !important;
}

    #divConditionModal .nav .nav-item .nav-link:hover {
        background-color: transparent;
    }

#divConditionModal .nav .nav-item .active {
    color: #1ab394;
}

#divTempCondition > div {
    text-align: center;
}

    #divTempSource > div > div, #divTempCondition > div > div {
        overflow: auto;
        max-height: 160px;
        font-size: 10px;
        text-align: left;
    }

#tblTempCondition {
    font-size: 11px;
}

#SourceModal .modal-body {
    min-height: 50vh !important;
    padding-bottom: 20px;
}

#divSourceLabels, #divConditionsLabels {
    margin-top: 15px;
}

#divConditionsLabels {
    min-height: 4vh !important;
}

#divTblAddCond {
    overflow: auto;
    max-height: 120px;
    margin-top: 5px;
}

input[type="text"] {
    max-height: 33px !important;
}

input[type='button']:disabled:hover, input[type='submit']:disabled:hover, button:disabled:hover {
    cursor: not-allowed;
}

label {
    font-weight: normal;
}

select {
    height: 33px !important;
}

    select option {
        font-size: 0.8rem !important;
    }

.form-control {
    font-size: 0.8rem !important;
}

.form-group-nomargin {
    margin-bottom: auto !important;
}

#trtype > div, .row-fluid > div > .row, #pnldesc1 > div:not(:first-child), #trsrcname > div {
    margin-bottom: 5px !important;
}

table > tbody > tr > td:nth-child(-n+2) button {
    padding: 0.05rem 0.3rem;
}


/* width */
::-webkit-scrollbar {
    width: 8px;
    height: 5px;
}

/* Track */
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 16px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: grey;
    border-radius: 16px;
}

    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
        /*background: #555;*/
        background: #18a689;
    }

    .tooltips .tooltiptext::after, .tooltips .tooltiptext-offline::after {
        content: "";
        position: absolute;
        top: 0%;
        right: 100%;
        margin-right: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: #555 transparent transparent transparent;
    }

    .tooltips .tooltiptext ul, .tooltips .tooltiptext-offline ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .tooltips .tooltiptext ul li, .tooltips .tooltiptext-offline ul li {
            margin-bottom: 1px;
            font-size: 0.8rem !important;
        }
.tooltips {
    position: relative;
    display: inline-block;
}

    .tooltips .tooltiptext, .tooltips .tooltiptext-offline {
        visibility: hidden;
        width: max-content;
        background-color: #555;
        color: #fff;
        border-radius: 0px 6px 6px 6px;
        padding: 5px 5px;
        /* Position the tooltip */
        position: absolute;
        z-index: 1;
        top: -5px;
        left: 165%;
    }

    .tooltips:hover .tooltiptext, .tooltips:hover .tooltiptext-offline {
        visibility: visible;
    }

 thead tr th {
    top: 0;
    position: sticky;
    z-index: 1;
    text-align: center;
}