/*body {
    overflow-x: hidden;
}


.fa-flag {
    color: red;
}

.fontcolor {
    color: red;
}

::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
}


::-webkit-scrollbar-thumb {
    background: #888;
}

    ::-webkit-scrollbar-thumb:hover {
        background: #555;
    }

.pagination > li > a, .pager > li > a {
    color: #2283c5;
    margin: 0 -1px 0 0;
}


.pager li > a, .pager li > span {
    display: inline-block;
    padding: 5px 14px;
    background-color: #fff;
    border: none;
    border-radius: 15px;
}*/

/*.dropdown-navbar > li {
    padding: 1px;
}*/

.ace-nav .nav-user-photo {
    margin: -4px 8px 0 0;
    border-radius: 100%;
    border: 2px solid #FFF;
    max-width: 40px;
}

/*.main-content {
    padding: 2px 2px 2px 2px;
}

.page-content {
    background: #fff;
    border: 1px solid #efefef;
    border-radius: 5px;
    padding: 3px 3px 3px 3px;
    min-height: 480px;
}*/

.master-view .container {
    /*margin: 0 auto;*/
    /*max-width: 1280px;*/
    width: 100%;
}

.job-status-applied {
    border: 1px solid #5EC562;
    /*background-color: #5EC562;*/
    display: block;
    padding: 2px 4px;
    /*text-transform: uppercase;*/
    border-radius: 8px;
    width: 90px;
    text-align: center;
    color: #5EC562;
    font-family: 'Poppins SemiBold';
    font-size: 10px;
}

.job-status-offer {
    border: 1px solid #049aff;
    /*background-color: #049aff;*/
    display: block;
    padding: 2px 4px;
    /*text-transform: uppercase;*/
    border-radius: 8px;
    width: 90px;
    text-align: center;
    color: #049aff;
    font-family: 'Poppins SemiBold';
    font-size: 10px;
}

.job-status-notstarted {
    border: 1px solid #9499A1;
    /*background-color: #9499A1;*/
    display: block;
    padding: 2px 4px;
    /*text-transform: uppercase;*/
    border-radius: 8px;
    width: 90px;
    text-align: center;
    color: #9499A1;
    font-family: 'Poppins SemiBold';
    font-size: 10px;
}

.job-status-hold {
    border: 1px solid #bbc6d6;
    /*background-color: #9499A1;*/
    display: block;
    padding: 2px 4px;
    /*text-transform: uppercase;*/
    border-radius: 8px;
    width: 90px;
    text-align: center;
    color: #bbc6d6;
    font-family: 'Poppins SemiBold';
    font-size: 10px;
}

.float-left {
    float: left;
}

.float-right {
    z-index: 10;
    position: absolute;
    right: 0;
    top: 0;
}

.table thead {
    background-color: #fff;
    color: #9499A1;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 12px;
    border-bottom: 1px solid #eee;
}

    .table thead tr th {
        color: #9499A1;
        text-transform: none;
    }

.title-container {
    /*background-color: #f9fafb;
        margin: -31px 10px 0px 0px;
    padding: 5px 15px 20px 15px;*/
    background-color: #f9fafb;
    /*margin: -31px -5px 0px -4px;*/
    padding: 5px 15px 20px 15px;
}

    .title-container img.nav-user-photo.img-circle {
        margin: 0px 10px;
    }

.name-container {
    display: inline-block;
    font-size: 20px;
    font-weight: 500;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
    color: #151b26;
}

ul#myTab2 {
    margin-top: -38px;
    /*margin-left: 75px;*/
    border-bottom: none;
}

#myTab2.nav-tabs > li {
    padding: 0px 10px;
}

    #myTab2.nav-tabs > li > a {
        font-size: 13px;
        font-weight: 500;
        font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
        color: #9499A1;
        border: none;
        padding: 10px 0px 6px 0px;
    }

        #myTab2.nav-tabs > li > a:hover {
            background: transparent;
            color: #151b26;
            border-bottom: 2px solid #9499A1;
        }

    #myTab2.nav-tabs > li.active > a,
    #myTab2.nav-tabs > li.active > a:hover,
    #myTab2.nav-tabs > li.active > a:focus {
        background-color: transparent;
        border: none;
        border-top: none;
        box-shadow: none;
        color: #049aff;
        border-bottom: 2px solid #049aff;
    }

.tab-content {
    border: none;
}

a#btnAdd, a#btnAddSubTaskDetails, a#btnAddAttachmentDetails, a#btnAddReminderDetails, a#btnAddFollowerDetails {
    border: none;
    margin-left: 7px;
}

.cboass {
    padding-right: 12px;
}

    .cboass .ms-parent {
        float: right;
        margin-left: 10px;
    }

table#tblMyTasks > tbody > tr {
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #eee;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
}

table#tblMyTasks1 > tbody > tr {
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #eee;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
}

table#tblThisWeekTasks > tbody > tr {
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #eee;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
}

table#tblMyTasks thead tr th:first-child, table#tblMyTasks tbody tr td:first-child {
    border-right: 1px solid #eee;
}

.task-project-value, table#tblMyTasks .task-project {
    font-family: 'Roboto Medium';
}

.task-project-value{
    font-family: 'Roboto Medium';
    cursor:pointer;
}

table#tblMyTasks1 thead tr th:first-child, table#tblMyTasks1 tbody tr td:first-child {
    border-right: 1px solid #eee;
}

.task-project-value, table#tblMyTasks1 .task-project {
    font-family: 'Roboto Medium';
}

table#tblThisWeekTasks thead tr th:first-child, table#tblThisWeekTasks tbody tr td:first-child {
    border-right: 1px solid #eee;
}

.task-project-value, table#tblThisWeekTasks .task-project {
    font-family: 'Roboto Medium';
}

.c100.sm {
    font-size: 30px;
}

/*div#dvSearch {
    position: absolute;
    top: 100px;
    background: white;
    z-index: 999;
    right: 0px;
    border-radius: 0px;
    height: 100%;
    box-shadow: -10px 0px 15px 0px #eee;
}*/

div#dvSearch {
    position: fixed;
    top: 100px;
    background: white;
    z-index: 999;
    right: 0px;
    border-radius: 0px;
    /* height: 100%; */
    box-shadow: -10px 0px 15px 0px #eee;
}

/*div#dvCandidate {
    position: fixed;
    top: 209px;
    background: white;
    z-index: 999;
    right: 0px;
    border-radius: 0px;
    height: 100%;
    box-shadow: -10px 0px 15px 0px #eee;
}*/


div#dvCandidate {
    position: fixed;
    top: 55px;
    background: white;
    z-index: 999;
    right: 0px;
    border-radius: 0px;
    height: 100%;
    box-shadow: -10px 0px 15px 0px #eee;
}

div#dvIntervieDetails {
    position: fixed;
    top: 60px;
    background: white;
    z-index: 999;
    right: 0px;
    border-radius: 0px;
    height: 100%;
    box-shadow: -10px 0px 15px 0px #eee;
}

.display-name {
    font-family: 'Roboto Medium';
    color: #9499A1;
    min-width: 80px;
    /* margin-bottom: 10px; */
    line-height: 2;
}

.display-value {
    font-family: 'Roboto Medium';
    color: #151b26;
    /*font-weight:600;*/
}

.task-counter.c3 {
    text-align: left;
}

/**sub task tabke*/
table#veiwSubTaskDetails tbody tr {
    border-bottom: 1px solid #eee;
}

    table#veiwSubTaskDetails tbody tr:first-child {
        border-top: 1px solid #eee;
    }

.title-static {
    background-color: #f9f9f9;
    display: block;
    margin: 0px -20px 14px -25px;
    z-index: 1000;
    padding: 5px 10px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    position: sticky;
    top: 0px;
}

.tool-bar a {
    text-decoration: none;
    font-size: 22px;
    cursor: pointer;
}

    .tool-bar a i {
        font-size: 22px;
        margin: 0px 12px;
        color: #9499A1;
    }

.tool-bar {
    padding: 6px 24px 6px 2px;
}

    .tool-bar a:hover i {
        color: #049aff;
    }

.icon-tree {
    width: 18px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: contain;
    height: 1em;
    margin-bottom: -3px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAEnQAABJ0Ad5mH3gAAAMvSURBVEhLxVZpV9pAFH2TAAkE3K1yUAGtez391v//J/pBrZYKVpGdsIkSet8kRtQk2JRT7zmPIZOZufP2iDFAHwDFGf87PozYNXWt2aYfhRJp0SidHOyQqvrfqdnu0sWvaxqPLTwJOcfH7GQztLSQks/T4BKXa3UqlsokFJWOdrMU1zW5wAtnP4vUNrukKAqNLEtSCyHk8yKIFfwnJ3J4UBVBy4tzOFO3JwFXLWFv5xPsMQjyroIiqkq5jXXKrK2AVNBoZFGl2qRypUHlqi13tQbd3NXp+2mBhsMHez/gac8ptM7lxtIdq0sLlAbxbn6TNC1Kibg2ITrpWkyuG2PLIIiYj2STBcG9mGNORjIRpy97ebgp58rxXo4206vS/4xJhVwfs0mursuO3zAlA8cDji+ZVI9F6Xg/77zwRrPdoYvCNVnYcLCzRSkjIef9Tc3m9BD8vrh5WLzUGFGtIGA4WGKxiGsiF5JR0O1djXqDe4rDf8cwbxDanS6dX5beaOxJzL7RYEY/nCOdWmZPXo6Dy0JKeYFT7B4BVW+Zcs3+9hbNJX2IBRN/zpKux+QCL5wXitRscR4LHPjKKq/A5OwlC6l2COskE3YuB4evDzbTn2QUKyg2kUiwcCrxmF5bdkkZoTSeBUJpPAuEJu71BjJoGhA5tk3nzfsQytTlKhrK7wp2OxMAR21mbZUy6yvOTDBCEZ9eXpHZ6aOTcWMYgZ+rmX2L+ZSBgFLl/ycwQcqIy9R7QihT2/VrLEvmt6+HdLK/jWagkQUdGiiR1XrrWRotqkMur26o2+vbBwDeJZMTLwDuayeF2Tp7+Q0ykGIGOpKBtJFi6LK6cW2XbXMi599WLuRcFnka5cplv3qDG5RMs9u3S+aUJmF2e3R2UfQvmdy0i9ydkPAcKN6UNmbanbiGqtCW7yEETOMnIA12xPvgaszgCO0Phs6TB8AosLpUrsioTsC3R1O6UwemPg0y9d/gjNMJPmbtVcg4wDF8PDcS/iic7E6h0kmNROSHHVuI295w+OgrD48jScp3i058MofSmElvK3Vo8/xdHQQmSCY0WpyfsyeAUMSzQChT/zuI/gCYvLavYir70wAAAABJRU5ErkJggg==');
}

.oDiv {
    /*border: 1px solid;*/
    min-width: 100%;
    min-height: 30px;
    padding: 5px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .oDiv:hover {
        border: 1px solid #9499A1;
        padding-top: 0;
    }

    /*.oDiv[placeholder]:empty:before {
    content: attr(placeholder);
    color: #555; 
}*/

    .oDiv[placeholder]:empty:focus:before {
        content: "";
    }

.DetailsDiv {
    /*border-bottom: 1px solid grey;*/
    padding-bottom: 10px;
    padding-top: 15px;
}

.MyTaskSaveDiv {
    padding-bottom: 10px;
    padding-top: 15px;
    margin-top: 20px;
}


.todo-tools.btn-group {
    padding: 3px;
    background: none;
    border-radius: 0px;
}

    .todo-tools.btn-group:hover {
        /*background-color: #eee;*/
    }

    .todo-tools.btn-group.check {
        display: block;
    }

#tblThisWeekTasks.tblMyTasks {
    min-height: 76px;
}

.TimesheetHeader {
    background-color: #e0e0e0;
    color: #555;
}

.TimesheetFooter {
    background-color: #f79595;
    border-top: 1px solid red;
    border-bottom: 1px solid red;
}

.TimesheetRowTotal {
    background-color: #f79595;
    border-right: 1px solid red;
    border-left: 1px solid red;
}

.TimesheetTotal {
    background-color: #f24c4c;
    color: white;
    border-right: 1px solid red;
    border-left: 1px solid red;
    border-top: 1px solid red;
    border-bottom: 1px solid red;
}

table#TimesheetDetails td {
    border: 1px solid #cec8c8;
}

.table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th {
    /* background-color: #f9f9f9; */
}

.TimesheetTDWidth {
    width: 6%;
}

.ms-choice {
    width: 200px;
}

.MyTasktooltip {
    position: relative;
    display: inline-block;
    /*border-bottom: 1px dotted black;*/
}

    .MyTasktooltip .tooltiptext {
        visibility: hidden;
        /*width: 180px;*/
        background-color: black;
        color: white;
        text-align: center;
        border-radius: 10px;
        /*padding-top: 30px;*/
        /* Position the tooltip */
        position: absolute;
        top: 35px;
        z-index: 1;
    }

    .MyTasktooltip:hover .tooltiptext {
        visibility: visible;
    }

.black-tooltip + .tooltip > .tooltip-inner {
    background-color: gray;
    max-width: 100px !important;
}

.TaskHR {
    margin-left: -5px;
    margin-right: -5px;
}

div.SidePopup {
    position: fixed;
    top: 20vw;
    background: white;
    z-index: 999;
    right: 0px;
    border-radius: 0px;
    height: auto;
    box-shadow: -10px 0px 15px 0px #eee;
}
 /*.master-view .ms-parent, .master-view .ms-choice,  .master-view .ms-drop {
     width:150px;
}*/
     .radio-toolbar {
        margin: 10px;
    }

        .radio-toolbar input[type="radio"] {
            opacity: 0;
            position: fixed;
            width: 0;
        }

        .radio-toolbar label {
            display: inline-block;
            background-color: #ddd;
            /*padding: 10px 20px;*/
            font-family: sans-serif, Arial;
            font-size: 16px;
            border: 2px solid #fff;
            border-radius: 4px;
        }

            .radio-toolbar label:hover {
                background-color: #dfd;
            }

        .radio-toolbar input[type="radio"]:focus + label {
            border: 2px solid #000;
        }

        .radio-toolbar input[type="radio"]:checked + label {
            background-color: #bfb;
            border: 2px solid #000;
        }


         /*Interview Feedback CSS*/
           .green {
        background-color: #19b45a !important;
        border-color: #19b45a !important;
        color:#fff !important;
    }
   
    .orange {
         background-color: #ffbb00 !important;
        border-color: #ffbb00 !important;
        color:#fff !important;
    }
    .red {
         background-color: #ed1b23 !important;
        border-color: #ed1b23 !important;
        color:#fff !important;
    }
    .custombtn1:hover { 
         background-color: #19b45a !important;
         border-color: #19b45a;
         color: #fff !important;
}
    .custombtn2:hover {
         background-color: #19b45a !important;
          border-color:  #19b45a;
         color: #fff !important;
    }
     .custombtn3:hover {
         background-color: #ffbb00 !important;
          border-color:  #ffbb00;
         color: #fff !important;
    }
     .custombtn4:hover {
         background-color: #ed1b23 !important;
          border-color:  #ed1b23;
         color: #fff !important;
    }

.atsQuestions h5 {
    position:relative;
    left: 14px;
}
.rateit .rateit-range {
        position: relative;
        left: 5px;
    }
.head {
    font-size: 16px;
    position: relative;
    left: -26px;
}
.hrline{
        background-color: black;
    height: 1px;
    position: relative;
    left: -28px;
    width: 109%;
}