﻿/*Password strength*/

form .indicator {
    height: 10px;
    margin: 10px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    display: none;
}

    form .indicator span {
        position: relative;
        height: 100%;
        width: 100%;
        background: lightgrey;
        border-radius: 5px;
    }

        form .indicator span:nth-child(2) {
            margin: 0 3px;
        }

        form .indicator span.active:before {
            position: absolute;
            content: '';
            top: 0;
            left: 0;
            height: 100%;
            width: 100%;
            border-radius: 5px;
        }

.indicator span.weak:before {
    background-color: #ff4757;
}

.indicator span.medium:before {
    background-color: orange;
}

.indicator span.strong:before {
    background-color: #23ad5c;
}

form .pwdStrengthText {
    font-size: 20px;
    font-weight: 500;
    display: none;
    margin-bottom: -10px;
}

    form .pwdStrengthText.weak {
        color: #ff4757;
    }

    form .pwdStrengthText.medium {
        color: orange;
    }

    form .pwdStrengthText.strong {
        color: #23ad5c;
    }

/*Password strength*/
.table-min-height {
    min-height: 400px;
}
.link_Previewcv {
    padding-right: 10px;
}
#viewCandidateGrid .link_Previewcv {
    padding-right: 0px;
}

.link_Previewcv .previewCVIcon {
    margin-right: 5px;
}
#viewCandidateGrid .link_Previewcv .previewCVIcon {
    margin-right: 0px;
}
.hide {
    display: none !important;
}
.notesToolTip {
    font-size: 26px;
    cursor: pointer;
}

.notesToolTipOff {
    font-size: 26px;
    cursor: pointer;
    color: #c1bbbb;
}
.notesTooltip {
    background-image: none;
    background-color: #333;
    color: #351c82;
    width: 12em;
    border: #ccc solid 0.1em;
    padding: 10px;
    /*min-height: 200px;
            min-width: 200px;*/
    -ms-border-radius: 0.4em;
    border-radius: 0.4em;
    box-shadow: 0.3em 0.3em 0.3em #999;
}

.ui-tooltip {
    max-width: 800px;
    width: 500px;
    max-height: 300px;
    overflow: auto;
}

.ui-tooltip-content {
    background-color: #fff;
    padding: 5px;
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.dropdown a:hover > .dropdown-menu {
    display: block;
}


.dropdown-menu {
        top: 0;
        left: 100%;
        margin-top: -6px;
    }

/* rotate caret on hover */
.dropdown-menu > a:hover:after {
    text-decoration: underline;
    transform: rotate(-90deg);
}
.horizontalList {
    display: flex !important;
}
.horizontalList li {
    margin-left:5px;
}
.panel-heading{
    clear:both;
}
.panel-body {
    clear: both;
}
.AtsDiaryInterviewApproved {
    background-color: #8bc34a !important;
}

.AtsDiaryInterviewNotApproved {
    background-color: #00bcd4 !important;
}

.AtsDiaryInterviewCancelled {
    background-color: #f436369e !important;
}
#candidateSourceChart_chosen, #candidateLocationChart_chosen, #candidateGrowthByYearChart_chosen, #candidateHiredBySourcesPieChart_chosen {
    width: 25% !important;
    float: right;
    text-align: left;
}

#candidateProgressChart_chosen, #activeJobsPerUserChart_chosen, #applicantBySourceChart_chosen {
    width: 20% !important;
    float: right;
    text-align: left;
}

.lblChartDropdown {
    margin-top: 10px;
    margin-right: 20px;
}
#viewCandidateGrid sub {
    right: 4px;
}
#viewCandidateGrid sub .fa {
    font-size: 16px;
}
.candidateActionRow .iconContainer {
    background-image: none;
}
.candidateActionRow .iconContainer .iconItems {
    padding: 6px !important;
}
.candidateActionRow .iconContainer .iconItems:first-child {
    margin-left: 25px;
}