hr {
    margin: 10px;
}

.btnSchedule {
    width: 90%;
    height: 50px;
}

.divHidden {
    display: none;
}

#on-off-saved-schedule {
    float: left;
    width: 25%;
    padding-left: 10%;
}

    #on-off-saved-schedule > .sub-section > .section-overflow {
        height: 650px;
    }

#on-off-schedule-setup {
    float: left;
    width: 50%;
    padding-left: 15%;
}

    #on-off-schedule-setup > .sub-section > .section-overflow {
        height: 650px;
        padding: 20px 50px;
        text-align: center;
    }

#divOnSetup { 
    height: 455px; 
}

    #divOnSetup > .sub-section > .section-header > button {
        float: right;
    }

    #divOnSetup > .sub-section > .section-overflow {
        height: 525px;  /*prev 400px*/
    }

#divScheduleSection {
    padding: 10px 40px;
}

#on-off-select-PTL {
    float: right;
    width: 50%;
    padding-right: 15%;
}

    #on-off-select-PTL > .sub-section > .section-overflow {
        height: 650px;
        padding: 10px;
        text-align: center;
    }

    #on-off-select-PTL > .sub-section > .section-overflow > div {
        height: 565px;
    }

    #on-off-select-PTL > .sub-section > .section-overflow > div > table {
        width: 100%;
        height: 150px;
    }

    #on-off-select-PTL > .sub-section > .section-overflow > table {
        width: 100%;
    }

#selSchedName {
    width: 250px !important;
}

#phase-setup {
    float: left;
    width: 30%;
    margin-left: 5%;
}

    #phase-setup > .sub-section > .section-overflow {
        padding: 10px;
    }

#phase-rg > .section-overflow {
    height: 490px;
}

    #phase-rg > .section-header > button {
        float: right;
    }

#tblPhaseTimes {
    width: 90%;
    margin: 5px 25px;
}

    #tblPhaseTimes > thead > tr > td {
        width: 25%;
    }

    #tblPhaseTimes > tbody > tr > td > input {
        width: 50%;
        text-align: center;
    }

#phase-week-grid {
    float: left;
    width: 30%;
}

    #phase-week-grid > .sub-section > .section-overflow {
        height: 625px;
        padding: 10px 22px;
    }

#phase-select-signs {
    float: right;
    width: 30%;
    margin-right: 5%;
}

    #phase-select-signs > .sub-section > .section-overflow {
        height: 655px;
        padding: 10px;
        text-align: center;
    }

    #phase-select-signs > .sub-section > .section-overflow > div {
        height: 565px;
    }

    #phase-select-signs > .sub-section > .section-overflow > div > table {
        width: 100%;
        height: 150px;
    }

#ptl-internet-setup > .sub-section > .section-overflow {
    height: 650px;
}

#ptl-internet-details > .sub-section > .section-overflow {
    height: 650px;
    padding: 20px;
}

.ptl-aspect {
    width: 43px;
}

.aspect-status {
    
}

.demand-status {
    width: 20px;
}

.tdPTLRadar{
    text-align: left;
}

.unit-radar {
    display: inline-block;
    cursor: pointer;
    margin-left: 40px;
}

.unit-radar-block {
    display: inline-block;
    color: red;
    background-color: yellow;
    border-radius: 20px;
    cursor: pointer;
    left: -27px;
    top: 7px;
    font-size: 16px;
}

#ptl-internet_map > .angular-google-map > .angular-google-map > .angular-google-map-container {
    height: 495px;
}

.not-available {
    color: darkgrey;
}

.ptl-internet-online {
    color: green;
    font-weight: bold;
}

.ptl-internet-offline {
    color: red;
    font-weight: bold;
}

.ptl-internet-warning {
    color: darkorange;
    font-weight: bold;
}

.ptl-internet-null {
    border: 2px solid red;
}

.ptl-internet-null-message {
    position: absolute;
    width: 165px;
    background-color: yellow;
    left: 40px;
    border-radius: 15px;
    font-size: 13px;
}

.ptl-internet-mode-image {
    width: 75%;
    border: 5px solid black;
    margin: 10px;
    cursor: pointer;
}

.ptl-internet-mode1-unit1 {
    position: relative;
    top: 70px;
    left: 50px;
    border: 3px solid red;
    background-color: red;
    color: white;
    border-radius: 10px;
}

.ptl-internet-mode1-unit2 {
    position: relative;
    top: 245px;
    left: 350px;
    border: 3px solid red;
    background-color: red;
    color: white;
    border-radius: 10px;
}

.ptl-internet-mode2-unit1 {
    position: relative;
    top: 85px;
    left: 50px;
    border: 3px solid red;
    background-color: red;
    color: white;
    border-radius: 10px;
}

.ptl-internet-mode2-unit2 {
    position: relative;
    top: 225px;
    left: 410px;
    border: 3px solid red;
    background-color: red;
    color: white;
    border-radius: 10px;
}

.ptl-internet-marker {
    margin-top: 75px;
}

#divPTLVMSSignList {
    z-index: 9999;
    position: absolute;
    top: 250px;
    left: 700px;
    width: 500px;
    background-color: white;
}

#divPTLVMSMsgList {
    z-index: 9999;
    position: absolute;
    top: 250px;
    left: 700px;
    width: 500px;
    background-color: white;
}

.ptl-vms-ptlsn {
    font-size: 20px;
    margin-right: 100px;
}

.ptl-vms-vmssn {
    font-size: 16px;
}

.ptl-vms-vmssn > i {
    margin-left: 10px;
    font-size: 14px;
}

.ptl-vms-img {
    border: 4px solid gold;
    background-color: black;
    width: 175px;
    height: 126px;
    text-align: center;
}

.ptl-vms-img > img {
    background-color: black;
    padding: 5px;
    position: relative;
    top: 12px;
}

.ptl-vms-img > i {
    color: red;
    position: relative;
    top: -97px;
    left: 77px;
    font-size: 18px;
    cursor: pointer;
}

.ptl-vms-msg-img > ul {
    background-color: transparent;
}

.ptl-vms-setup-list {
    height: 500px;
    overflow-x: hidden;
    overflow-y: auto;
}

.ptl-vms-addvms {
    color: orange;
    background-color: white;
    border-radius: 100px;
    cursor: pointer;
}

.ptl-vms-removevms {
    color: red;
    cursor: pointer;
}

.bg-white {
    background-color: white;
}

.ele_disabled {
    cursor: not-allowed !important;
    color: darkgray;
}

.mb-2 {
    margin-bottom: 2px;
}

.mb-50 {
    margin-bottom: 50px;
}