/*.TextSkyBlue {
    color: #007efc !important;
    font-weight: 600 !important;
}*/

.CustMap {
    width: 100%;
    height: 500px;
}

.CircleWhite {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    border: 2px solid #007efc;
    background-color: #FFFFFF;
    margin-top: 3px;
    float: left;
}

.Line {
    border-right: 2px solid #007efc;
    left: 4%;
    position: absolute;
    top: 3px;
    width: 1px;
}

.CircleOrange {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    border: 2px solid #007efc;
    background-color: #F88D20;
    margin-top: 3px;
    float: left;
}

.ScrollAcrossBottom {
    height: 15px;
}

.WhiteSpaceNoWrap {
    white-space: nowrap !important;
}

.TimeTableHRScroll {
    /*min-height: 170px !important;     max-height: 180px !important;*/
    min-height: 99px !important;
    max-height: 99px !important;
    overflow: scroll;
    overflow-x: auto;
    overflow-y: hidden;
    display: flex;
    /*white-space: nowrap;*/
}

    .TimeTableHRScroll::-webkit-scrollbar {
        width: 8px;
        height: 15px;
        background-color: #F5F5F5;
    }

    .TimeTableHRScroll::-webkit-scrollbar-thumb {
        border-radius: 50px;
        -webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0) !important;
        background-color: /*#555*/ /*#cecece*/ #1565C0 /*#fff*/ !important;
        border: 3px solid transparent !important;
        background-clip: content-box !important;
    }

    .TimeTableHRScroll::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0) !important;
        border-radius: 10px;
        background-color: #F5F5F5 /*#C0E5FC*/ /*#221D79*/ !important;
        border: 1px solid #221D79 !important;
    }

    .TimeTableHRScroll::-moz-scrollbar {
        width: 8px;
        height: 15px;
        -moz-background-color: #F5F5F5 !important;
    }

    .TimeTableHRScroll::-moz-scrollbar-thumb {
        border-radius: 50px;
        -moz-box-shadow: inset 0 0 0px rgba(0,0,0,0) !important;
        -moz-background-color: /*#555*/ /*#cecece*/ #1565C0 /*#fff*/ !important;
        -moz-border: 3px solid transparent !important;
        -moz-background-clip: content-box !important;
    }

    .TimeTableHRScroll::-moz-scrollbar-track {
        -moz-box-shadow: inset 0 0 0px rgba(0,0,0,0) !important;
        border-radius: 10px;
        -moz-background-color: #F5F5F5 /*#C0E5FC*/ /*#221D79*/ !important;
        -moz-border: 1px solid #221D79 !important;
    }

.ActiveWizard {
    padding: 10px;
    text-align: center;
    min-height: 65px !important;
    max-height: 65px !important;
}

.InActiveWizard {
    padding: 10px;
    text-align: center;
    min-height: 65px !important;
    max-height: 65px !important;
}

.ActiveWizard.Step1:before {
    top: 100%;
    left: 43%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.ActiveWizard.Step1:before {
    border-width: 20px;
}

.BGWizard {
    background-color: #FFFFFF !important;
}

.BGWizardCustHeight {
    background-color: #FFFFFF !important;
    height: 700px !important;
}
/*START - FOR TOP & BOTTOM SCROLLBAR IN TIMETABLE PAGE*/
.div1 {
    height: 0;
}

.div3 {
    height: 0;
}

.wrapper1 {
    width: auto;
    overflow-x: scroll;
    overflow-y: hidden;
}

    .wrapper1::-webkit-scrollbar {
        width: 8px;
        height: 15px;
        background-color: #F5F5F5;
    }

    .wrapper1::-webkit-scrollbar-thumb {
        border-radius: 50px;
        -webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0) !important;
        background-color: /*#555*/ /*#cecece*/ #1565C0 /*#fff*/ !important;
        border: 3px solid transparent !important;
        background-clip: content-box !important;
    }

    .wrapper1::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0) !important;
        border-radius: 10px;
        background-color: #F5F5F5 /*#C0E5FC*/ /*#221D79*/ !important;
        border: 1px solid #221D79 !important;
    }

    .wrapper1::-moz-scrollbar {
        width: 8px;
        height: 15px;
        -moz-background-color: #F5F5F5 !important;
    }

    .wrapper1::-moz-scrollbar-thumb {
        border-radius: 50px;
        -moz-box-shadow: inset 0 0 0px rgba(0,0,0,0) !important;
        -moz-background-color: /*#555*/ /*#cecece*/ #1565C0 /*#fff*/ !important;
        -moz-border: 3px solid transparent !important;
        -moz-background-clip: content-box !important;
    }

    .wrapper1::-moz-scrollbar-track {
        -moz-box-shadow: inset 0 0 0px rgba(0,0,0,0) !important;
        border-radius: 10px;
        -moz-background-color: #F5F5F5 /*#C0E5FC*/ /*#221D79*/ !important;
        -moz-border: 1px solid #221D79 !important;
    }

.wrapper2 {
    width: auto;
    overflow-x: scroll;
    overflow-y: hidden;
}

    .wrapper2::-webkit-scrollbar {
        width: 8px;
        height: 15px;
        background-color: #F5F5F5;
    }

    .wrapper2::-webkit-scrollbar-thumb {
        border-radius: 50px;
        -webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0) !important;
        background-color: /*#555*/ /*#cecece*/ #1565C0 /*#fff*/ !important;
        border: 3px solid transparent !important;
        background-clip: content-box !important;
    }

    .wrapper2::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0) !important;
        border-radius: 10px;
        background-color: #F5F5F5 /*#C0E5FC*/ /*#221D79*/ !important;
        border: 1px solid #221D79 !important;
    }

    .wrapper2::-moz-scrollbar {
        width: 8px;
        height: 15px;
        -moz-background-color: #F5F5F5 !important;
    }

    .wrapper2::-moz-scrollbar-thumb {
        border-radius: 50px;
        -moz-box-shadow: inset 0 0 0px rgba(0,0,0,0) !important;
        -moz-background-color: /*#555*/ /*#cecece*/ #1565C0 /*#fff*/ !important;
        -moz-border: 3px solid transparent !important;
        -moz-background-clip: content-box !important;
    }

    .wrapper2::-moz-scrollbar-track {
        -moz-box-shadow: inset 0 0 0px rgba(0,0,0,0) !important;
        border-radius: 10px;
        -moz-background-color: #F5F5F5 /*#C0E5FC*/ /*#221D79*/ !important;
        -moz-border: 1px solid #221D79 !important;
    }

.wrapper3 {
    width: auto;
    overflow-x: scroll;
    overflow-y: hidden;
}

    .wrapper3::-webkit-scrollbar {
        width: 8px;
        height: 15px;
        background-color: #F5F5F5;
    }

    .wrapper3::-webkit-scrollbar-thumb {
        border-radius: 50px;
        -webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0) !important;
        background-color: /*#555*/ /*#cecece*/ #1565C0 /*#fff*/ !important;
        border: 3px solid transparent !important;
        background-clip: content-box !important;
    }

    .wrapper3::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0) !important;
        border-radius: 10px;
        background-color: #F5F5F5 /*#C0E5FC*/ /*#221D79*/ !important;
        border: 1px solid #221D79 !important;
    }

    .wrapper3::-moz-scrollbar {
        width: 8px;
        height: 15px;
        -moz-background-color: #F5F5F5 !important;
    }

    .wrapper3::-moz-scrollbar-thumb {
        border-radius: 50px;
        -moz-box-shadow: inset 0 0 0px rgba(0,0,0,0) !important;
        -moz-background-color: /*#555*/ /*#cecece*/ #1565C0 /*#fff*/ !important;
        -moz-border: 3px solid transparent !important;
        -moz-background-clip: content-box !important;
    }

    .wrapper3::-moz-scrollbar-track {
        -moz-box-shadow: inset 0 0 0px rgba(0,0,0,0) !important;
        border-radius: 10px;
        -moz-background-color: #F5F5F5 /*#C0E5FC*/ /*#221D79*/ !important;
        -moz-border: 1px solid #221D79 !important;
    }

.wrapper4 {
    width: auto;
    overflow-x: scroll;
    overflow-y: hidden;
}

    .wrapper4::-webkit-scrollbar {
        width: 8px;
        height: 15px;
        background-color: #F5F5F5;
    }

    .wrapper4::-webkit-scrollbar-thumb {
        border-radius: 50px;
        -webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0) !important;
        background-color: #1565C0 !important;
        border: 3px solid transparent !important;
        background-clip: content-box !important;
    }

    .wrapper4::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0) !important;
        border-radius: 10px;
        background-color: #F5F5F5 !important;
        border: 1px solid #221D79 !important;
    }

    .wrapper4::-moz-scrollbar {
        width: 8px;
        height: 15px;
        -moz-background-color: #F5F5F5 !important;
    }

    .wrapper4::-moz-scrollbar-thumb {
        border-radius: 50px;
        -moz-box-shadow: inset 0 0 0px rgba(0,0,0,0) !important;
        -moz-background-color: #1565C0 !important;
        -moz-border: 3px solid transparent !important;
        -moz-background-clip: content-box !important;
    }

    .wrapper4::-moz-scrollbar-track {
        -moz-box-shadow: inset 0 0 0px rgba(0,0,0,0) !important;
        border-radius: 10px;
        -moz-background-color: #F5F5F5 !important;
        -moz-border: 1px solid #221D79 !important;
    }
/*END - FOR TOP & BOTTOM SCROLLBAR IN TIMETABLE PAGE*/

.CustPaddingTT{padding: 10px 32px !important;}
.bootstrap-select.btn-group .dropdown-toggle .caret {
    display: inline-block !important;
    font-size: 20px;
    top: 35%;
}

@media (max-width: 768px) {
    .ActiveWizard {
        background-color: #004c93;
        padding: 10px;
        color: #fff;
        text-align: center;
        border: 1px solid #1565C0; /*min-height: 135px !important;     max-height: 135px !important;*/
        min-height: 75px !important;
        max-height: 75px !important;
    }

    .InActiveWizard {
        background-color: #FFFFFF;
        padding: 10px;
        color: #1565C0;
        text-align: center;
        border: 1px solid #004c93; /*min-height: 135px !important;     max-height: 135px !important;*/
        min-height: 75px !important;
        max-height: 75px !important;
    }

    .ActiveWizard.Step1:before {
        top: 100%;
        left: 43%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    .ActiveWizard.Step1:before {
        border-top-color: #004c93;
        border-width: 20px;
    }

    .CustHeightForMob {
        min-height: 45px !important;
        max-height: 45px !important; /*height: 80px !important;*/
        display: inline-block !important;
    }

    .wrapper1 {
        width: 100px;
        overflow-x: scroll;
        overflow-y: hidden;
    }

        .wrapper1::-webkit-scrollbar {
            width: 8px;
            height: 15px;
            background-color: #F5F5F5;
        }

        .wrapper1::-webkit-scrollbar-thumb {
            border-radius: 50px;
            -webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0) !important;
            background-color: /*#555*/ /*#cecece*/ #1565C0 /*#fff*/ !important;
            border: 3px solid transparent !important;
            background-clip: content-box !important;
        }

        .wrapper1::-webkit-scrollbar-track {
            -webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0) !important;
            border-radius: 10px;
            background-color: #F5F5F5 /*#C0E5FC*/ /*#221D79*/ !important;
            border: 1px solid #221D79 !important;
        }

        .wrapper1::-moz-scrollbar {
            width: 8px;
            height: 15px;
            -moz-background-color: #F5F5F5 !important;
        }

        .wrapper1::-moz-scrollbar-thumb {
            border-radius: 50px;
            -moz-box-shadow: inset 0 0 0px rgba(0,0,0,0) !important;
            -moz-background-color: /*#555*/ /*#cecece*/ #1565C0 /*#fff*/ !important;
            -moz-border: 3px solid transparent !important;
            -moz-background-clip: content-box !important;
        }

        .wrapper1::-moz-scrollbar-track {
            -moz-box-shadow: inset 0 0 0px rgba(0,0,0,0) !important;
            border-radius: 10px;
            -moz-background-color: #F5F5F5 /*#C0E5FC*/ /*#221D79*/ !important;
            -moz-border: 1px solid #221D79 !important;
        }

    .wrapper2 {
        width:100px;
        overflow-x: scroll;
        overflow-y: hidden;
    }

        .wrapper2::-webkit-scrollbar {
            width: 8px;
            height: 15px;
            background-color: #F5F5F5;
        }

        .wrapper2::-webkit-scrollbar-thumb {
            border-radius: 50px;
            -webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0) !important;
            background-color: /*#555*/ /*#cecece*/ #1565C0 /*#fff*/ !important;
            border: 3px solid transparent !important;
            background-clip: content-box !important;
        }

        .wrapper2::-webkit-scrollbar-track {
            -webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0) !important;
            border-radius: 10px;
            background-color: #F5F5F5 /*#C0E5FC*/ /*#221D79*/ !important;
            border: 1px solid #221D79 !important;
        }

        .wrapper2::-moz-scrollbar {
            width: 8px;
            height: 15px;
            -moz-background-color: #F5F5F5 !important;
        }

        .wrapper2::-moz-scrollbar-thumb {
            border-radius: 50px;
            -moz-box-shadow: inset 0 0 0px rgba(0,0,0,0) !important;
            -moz-background-color: /*#555*/ /*#cecece*/ #1565C0 /*#fff*/ !important;
            -moz-border: 3px solid transparent !important;
            -moz-background-clip: content-box !important;
        }

        .wrapper2::-moz-scrollbar-track {
            -moz-box-shadow: inset 0 0 0px rgba(0,0,0,0) !important;
            border-radius: 10px;
            -moz-background-color: #F5F5F5 /*#C0E5FC*/ /*#221D79*/ !important;
            -moz-border: 1px solid #221D79 !important;
        }

    .wrapper3 {
        width: 250px;
        overflow-x: scroll;
        overflow-y: hidden;
    }

        .wrapper3::-webkit-scrollbar {
            width: 8px;
            height: 15px;
            background-color: #F5F5F5;
        }

        .wrapper3::-webkit-scrollbar-thumb {
            border-radius: 50px;
            -webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0) !important;
            background-color: /*#555*/ /*#cecece*/ #1565C0 /*#fff*/ !important;
            border: 3px solid transparent !important;
            background-clip: content-box !important;
        }

        .wrapper3::-webkit-scrollbar-track {
            -webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0) !important;
            border-radius: 10px;
            background-color: #F5F5F5 /*#C0E5FC*/ /*#221D79*/ !important;
            border: 1px solid #221D79 !important;
        }

        .wrapper3::-moz-scrollbar {
            width: 8px;
            height: 15px;
            -moz-background-color: #F5F5F5 !important;
        }

        .wrapper3::-moz-scrollbar-thumb {
            border-radius: 50px;
            -moz-box-shadow: inset 0 0 0px rgba(0,0,0,0) !important;
            -moz-background-color: /*#555*/ /*#cecece*/ #1565C0 /*#fff*/ !important;
            -moz-border: 3px solid transparent !important;
            -moz-background-clip: content-box !important;
        }

        .wrapper3::-moz-scrollbar-track {
            -moz-box-shadow: inset 0 0 0px rgba(0,0,0,0) !important;
            border-radius: 10px;
            -moz-background-color: #F5F5F5 /*#C0E5FC*/ /*#221D79*/ !important;
            -moz-border: 1px solid #221D79 !important;
        }

    .wrapper4 {
        width: 250px;
        overflow-x: scroll;
        overflow-y: hidden;
    }

        .wrapper4::-webkit-scrollbar {
            width: 8px;
            height: 15px;
            background-color: #F5F5F5;
        }

        .wrapper4::-webkit-scrollbar-thumb {
            border-radius: 50px;
            -webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0) !important;
            background-color: /*#555*/ /*#cecece*/ #1565C0 /*#fff*/ !important;
            border: 3px solid transparent !important;
            background-clip: content-box !important;
        }

        .wrapper4::-webkit-scrollbar-track {
            -webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0) !important;
            border-radius: 10px;
            background-color: #F5F5F5 /*#C0E5FC*/ /*#221D79*/ !important;
            border: 1px solid #221D79 !important;
        }

        .wrapper4::-moz-scrollbar {
            width: 8px;
            height: 15px;
            -moz-background-color: #F5F5F5 !important;
        }

        .wrapper4::-moz-scrollbar-thumb {
            border-radius: 50px;
            -moz-box-shadow: inset 0 0 0px rgba(0,0,0,0) !important;
            -moz-background-color: /*#555*/ /*#cecece*/ #1565C0 /*#fff*/ !important;
            -moz-border: 3px solid transparent !important;
            -moz-background-clip: content-box !important;
        }

        .wrapper4::-moz-scrollbar-track {
            -moz-box-shadow: inset 0 0 0px rgba(0,0,0,0) !important;
            border-radius: 10px;
            -moz-background-color: #F5F5F5 /*#C0E5FC*/ /*#221D79*/ !important;
            -moz-border: 1px solid #221D79 !important;
        }
}