@charset "utf-8";
/* CSS Document */
/**
/* table of content
/* 1. login Page
/* 2. personal info Page
/* 3. Interview stages screen dynamic Columns CSS
/* 4. Assign and manage interview module Interview status screen dynamic Columns CSS
/* 5. Referred screen dynamic Columns CSS
/* 6. Mark Personal Total screen CSS
/* 7. Mark Personal Wig screen CSS
/* 8. Disrupt Redesign Home Screen
/* 9. Disrupt Redesign Targets Screen
/* 10. Disrupt Redesign Heart beat Screen
/* 11. Disrupt Redesign Mark Screen
/* 12. Disrupt Redesign feedback Screen
/* 13. Disrupt Redesign Events Screen
/* 14. Ticket Creation System screen
/* 15  Ticket User list screen 
/* 16  Ticket Request screen 
/* 17  Admin List View and ticket Update screen
/* 18  Remarks screen 
/* 19  Ticket Reporting screen 
/* 20  Leaves main screen 
/* 21  Leaves Avail In process screen
/* 22  HR leave panel screen 
/* 23  Leave policy screen
/* 24  Manage User screen 
/* 25  Manage Update User screen 
/* 26  New Employee screen  
/* 27  Newsfeed screen
/* 28  Update Data screen   
/* 29  Aspiration valuess screen
/* 30  Discrepancies screen                       
/* 31  Lunch screen
/* 32  Upcoming Training screen
/* 33  User Applied training screen 
/* 34  Create training screen   
/* 35  Training Feedback  screen
/* 36  Past Training screen
/* 37  Checkin screen                           
*/

.form-control-wrapper .form-control:focus ~ .floating-label,
.form-control-wrapper .form-control:not(.empty) ~ .floating-label,
.form-control-wrapper .form-control:-webkit-autofill ~ .floating-label {
    top: -10px;
    font-size: 10px;
    opacity: 1;
}

/*--------------------LOGIN--------------------------*/
.acc-area-wrap {
    font-family: 'robotolight', Arial, Helvetica, sans-serif;

}

.acc-area-wrap .container-fluid {
    position: relative;
    padding: 0;
}

.login-box {

    max-height: 700px;
    font-family: 'robotolight', Arial, Helvetica, sans-serif;
    padding: 90px 7.4% 84px 7.4%;
    color: #0f0f14;
    background-size: cover;
}

.login-wrap {
    margin: 0px auto;
    width: 530px;
    box-sizing: border-box;
    border: 2px solid #FFF;
    padding: 18px 60px;
    border-radius: 4px;
    box-shadow: -2px 0px 7px #FFF;
}
body.login-bg {
    background-image: url("../img/employee-bg.png?v=2.0");
    background-color: rgb(7, 39, 87);
    background-repeat: no-repeat;
    background-size: cover;
    background-size: cover;
    background-position: top center;
}
.login-box {

    background-size: cover;
    max-height: none;
    display: flex;
    height: calc(100vh - 150px);
    align-items: center;
    justify-content: center;
    padding: 0;
}

.login-box2 {
    background-image: url("../img/applicant-bg.jpg");
    background-position: left top;
}

.login-box2 .login-wrap {
    box-shadow: -2px 0px 7px #000;
}

.login-wrap  input[type="email"], .login-wrap input[type="password"] {
    padding: 0 0px;
    color:#FFF;
}

.login-wrap .input-field {
    padding-top: 8px;
}

.login-box2 {
    color: #0f0f14;
}

.login-box h2 {
    font-size: 30px;
}

.login-box p {
    font-size: 13px;
    color: #9fa5b2;
}

.login-box .input-field label {
    left: 1em;
    font-weight: normal;
}

.login-box .input-field label.active {
    left: 1.3em;
}

.forgot-credential {
    font-size: 13px;
    color: #9fa5b2;
    text-decoration: underline;
    transition: color 1s;
    -webkit-transition: color 1s;
}

.forgot-credential:active, .forgot-credential:hover, .forgot-credential:active, .forgot-credential:focus {
    color: #ffffff;
    text-decoration: underline;
}

.login-box2 p {
    color: #0f0f14;
}

.login-box2 .forgot-credential:active, .login-box2 .forgot-credential:hover, .login-box2 .forgot-credential:active, .login-box2 .forgot-credential:focus {
    color: #ffffff;
    text-decoration: underline;
}

.login-box2 .input-field label, .login-box2 .input-field label.active {
    color: #0f0f14 !important;
}

.login-box2 .forgot-credential {
    font-size: 13px;
    color: #5e5e60;
    text-decoration: underline;
    margin-right: 60px;
}

.login-box2 .forgot-credential:active, .login-box2 .forgot-credential:hover, .login-box2 .forgot-credential:active, .login-box2 .forgot-credential:focus {
    color: #0f0f14;
    text-decoration: underline;
}

.login-remem {
    float: left;
    margin-right: 15px;
}

.login-remem [type=checkbox].filled-in:checked + label:after, .login-remem [type=checkbox].filled-in:not(:checked) + label:after {
    top: 3px;
}

.login-remem [type=checkbox].filled-in:checked + label:before {
    top: 2px;
}

.btn-wrap {
    margin-top: 20px;
    text-align: center;
}


.btn-login, .btn-login:hover, .btn-login:focus, .btn-applicant, .btn-applicant:hover, .btn-applicant:focus {
    font-size: 18px;
    background-color: #DA69FE;
    text-decoration: none;
    color: #fff;
    min-width: 190px;
    /*padding: 10px 0;*/
    outline: none;
}

.btn-applicant, .btn-applicant:hover, .btn-applicant:focus {
    background: url("../img/btn-bg.png") no-repeat center center #0c7ec2;
}

.btn-login input, .btn-applicant input {
    border: 0;
    background: none;
    font-style: normal;
    text-transform: uppercase;
    font-weight: bold;
    width: 100%;
    padding: 0px 0;
}

#recoverpassword .modal-body, #recoverpassword .panel-body {
    padding: 15px 50px;
    background: rgba(218, 217, 217, 0.2);
}

#recoverpassword .modal-header {
    background: rgba(218, 217, 217, 0.2);
}

#recoverpassword .modal-title i {
    margin-right: 15px;
}

#recoverpassword .modal-body p {
    color: #0f0f14;
}

#recoverpassword .input-field {
    padding: 0 15px;
}

#recoverpassword .btn-success {
    min-width: 100px;
}

.panel-body .input-field input {
    position: relative;
    z-index: 1;
}

/* main {
    padding: 60px 0 0 0;
} */

/*--------Dashboard------------*/
.tab-pane-inr {
    float: left;
    width: 100% !important;
    position: relative;
}

.tab-pane-inr .highcharts-container svg text:last-child {
    display: none !important;
}

.tab-pane-inr .highcharts-container .highcharts-axis-labels text:last-child, .tab-pane-inr .highcharts-container svg .highcharts-axis text.highcharts-yaxis-title {
    display: block !important
}

.dashboard-calander.responsive-calendar .controls {
    font-size: 13px;
}

.dashboard-calander.responsive-calendar .controls a {
    color: #b5b5b5;
}

.dashboard-calander.responsive-calendar .day-headers {
    margin-top: 50px;
}

.dashboard-calander.responsive-calendar .day-headers {
    margin-top: 50px;
}

.dashboard-calander.responsive-calendar .day.header {
    border-bottom: 0;
    color: #9a9a9a;
}

.dashboard-calander.responsive-calendar .day.header:last-child {
    color: #f8afaf;
}

.dashboard-calander.responsive-calendar .day {
    font-size: 13px;
}

/*--------CheckIn Screen------------*/
.checkin-wrap {
}

.checkin-wrap p {
    color: #9a9a9a;
    font-size: 12px;
}

.checkin-wrap h4 {
    font-size: 20px;
    color: #404040;
    margin: 0 0 33px 0;
}

.checkin-wrap .input-field {
    padding-left: 0;
}

.checkin-wrap .input-field input {
    font-size: 13px;
    padding-left: 0;
    border-bottom-color: #d7d7d7;
    z-index: 9;
}

.checkin-wrap .input-field label {
    left: 0;
    color: #9a9a9a;
    font-weight: normal
}

.checkin-wrap .select-wrapper + label {
    top: -12px;
}

.checkin-wrap .dropdown-content {
    top: 15px !important;
}

.checkin-wrap .dropdown-content li > a, .checkin-wrap .dropdown-content li > span {
    color: #404040;
    padding: .5rem 1rem;
    font-size: 1rem;
}

.checkin-wrap textarea.materialize-textarea {
    padding: 0;
    border-bottom-color: #d7d7d7;
    height: 2rem;
    min-height: 2rem
}

.checkin-wrap textarea.materialize-textarea:focus:not([readonly]) {
    padding-bottom: 0;
}

.lbl-textarea {
    top: -20px !important;
    font-size: 12px !important;
}

.lbl-textarea.active {
    top: 0px !important;
}

.radio-btn-wrap {
    margin: 15px 0 30px 0;
}

.radio-btn-wrap span {
    margin: 2px 0 4px 0;
    padding: 0
}

.radio-btn-wrap span label {
    font-weight: normal;
    color: #404040;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: .9rem !important;
}

.radio-btn-other {
    position: relative;
}

.other_text {
    position: absolute;
    left: 25px;
    top: 25px;
    padding: 0 15px;
}

.other_text {
    position: absolute;
    left: 25px;
    top: 45px;
    opacity: 1;
    z-index: 1;
    background: #fff;
}

/*Sidebar Nav Dropdown*/
.sidenav .sidenavDropdown {
    /*margin-left: 0px;*/
}

.sidenavDropdown {
    /*width: 100%;*/
}

.sidenavDropdown .dropdown-toggle {
    width: 100%;
    display: block;
    color: #727272;
    padding: 10px 0 10px 25px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    box-shadow: none;
}

.sidenavDropdown .dropdown-toggle:after {
    content: "";
    position: absolute;
    top: 16px;
    right: 10px;
    width: 10px;
    height: 10px;
    background: url("../img/icons/arrow-right-icon-img.png") no-repeat top left;
    background-size: 100% 100%;
    transform: rotate(90deg);
}

.sidenavDropdown.open .dropdown-toggle:after {
    transform: rotate(0deg);
}

/*.sidenavDropdown .dropdown-toggle span{
    background: none;
    width: 20px;
    height: 20px;
    font-size: 23px;
}*/
.sidenavDropdown .dropdown-toggle i {
    background: none;
    width: 20px;
    height: 20px;
    font-size: 17px;
    margin-right: 15px;
}

.sidenavDropdown .dropdown-toggle i.fa-list {
    top: 2px;
}

.sidenavDropdown .dropdown-toggle i.fa-map, .sidenavDropdown .dropdown-toggle i.fa-calendar, .sidenavDropdown .dropdown-toggle i.fa-street-view {
    top: 0px;
}

.sidenavDropdown .sidenavDropdown-atd span {
    background: url("../img/sprite-sidenav-icons.png?") no-repeat center 0 !important;
    background-position: center -48px !important;
    color: transparent !important;
}

.sidenavDropdown .sidenavDropdown-referralSystem {
    background: url("../img/sprite-sidenav-icons.png?") no-repeat center 0 !important;
    background-position: center -608px !important;
    color: transparent !important;
}

.sidenavDropdown .sidenavDropdown-interviews {
    background: url("../img/sprite-sidenav-icons.png?") no-repeat center 0 !important;
    background-position: center -810px !important;
    color: transparent !important;
}

.sidenavDropdown ul {
    width: 100%;
    position: static;
    /* float: none;*/
    box-shadow: none;
    border: none;
    z-index: 29;
}

.sidenavDropdown ul li {
    margin-left: 0px;
}

.sidenavDropdown ul li a {
    font-size: 14px;
    padding: 10px 0 10px 55px;
}

.sidenavDropdown ul li a span {
    float: left;
    margin-right: 19px;
    height: 22px;
    width: 21px;
    background: none;
    font-size: 23px;
}

.sidenavDropdown .w-mg li a span {
    background: url(../img/sprite-sidenav-icons.png?) no-repeat center 0;
}

.adminNav .sidenavDropdown ul li a span {
    background: url(../img/sprite-sidenav-icons.png?) no-repeat center 0;
}

.checkin-btn-box {
    margin: 15px 0 6px 0;
}

.btn-cancel, .btn-cancel:hover {
    box-shadow: none;
    background-color: transparent;
    color: #9a9a9a;
}

.btn-cancel:hover {
    background: #f6f6f6;
}

/*--------Attendence Screen------------*/
.atnd-wrap {
}

.atnd-top-txt {
    color: #9a9a9a;
    font-size: 12px;
    margin-bottom: 14px;
}

.atnd-wrap h4 {
    font-size: 20px;
    color: #404040;
    margin: 0 0 33px 0;
}

.dropdown-content {
    max-height: 220px; /*z-index: 29;*/
}

.atnd-wrap .input-field {
    width: 20%;
    padding-left: 0;
    float: left;
    padding-right: 15px;
}

.atnd-wrap .input-field input {
    font-size: 15px;
    padding-left: 0;
    border-bottom-color: #d7d7d7;
    z-index: 9;
}

.atnd-wrap .input-field label {
    left: 0;
    color: #9a9a9a;
    font-weight: normal
}

.atnd-wrap .select-wrapper + label {
    top: -12px;
}

.atnd-wrap .dropdown-content {
    top: 15px !important;
    max-height: 220px;
    z-index: 29;
}

.atnd-wrap .dropdown-content li > a, .atnd-wrap .dropdown-content li > span {
    color: #404040;
    padding: .5rem 1rem;
    font-size: 1rem;
}

.atnd-input-txt {
    font-size: 15px;
    border-bottom: 1px solid #d7d7d7;
    height: 2rem;
    line-height: 38px;
    font-family: 'robotobold';
}

.atnd-wrap label.atnd-cal-sec {
    font-size: .8rem;
    top: -11px;
}

.atnd-wrap label.atnd-cal-sec.active {
    top: 13px;
}

.atnd-wrap input.datepicker {
    position: relative;
    z-index: 99;
    cursor: pointer;
}

.atnd-cal-date {
    position: absolute;
    left: 0;
    height: 40px;
    width: 98%;
    line-height: 3rem;
    font-size: 15px;
}

.jb-emp-info-box .atnd-cal-date {
    width: 22px;
    right: 11px;
    left: initial;
}

.atnd-cal-date + input {
    position: relative;
    z-index: 99;
}

/*.atnd-cal-date-job{left:70% !important; width: 20% !important;}*/
.atnd-cal-date i {
    font-size: 20px;
    float: right;
    position: relative;
    top: 0px;
    right: -8px;
}

.atnd-sheet {
    font-size: 12px;
    margin-top: 20px;
}

.atnd-sheet th {
    color: #9a9a9a;
    text-transform: uppercase;
    font-weight: normal !important;
    border-top-color: #f7f7f7 !important;
    padding-top: 40px !important;
}

.atnd-sheet td {
    padding-top: 14px !important;
    padding-bottom: 14px !important;
    border-top-color: #f7f7f7 !important;
}

.atnd-sheet td i {
    padding-right: 8px !important;
}

.atnd-sheet-holyday td {
    color: #888888;
    background: #fbfbfb;
}

.atnd-sheet-holyday i {
    display: none;
}

/*--------Manage Screens------------*/
.mng-wrap {

}

.mng-top-txt {
    color: #9a9a9a;
    font-size: 12px;
    margin-bottom: 10px;
}

.mng-wrap h4 {
    font-size: 20px;
    color: #404040;
    margin: 0 0 33px 0;
}

.mng-wrap .input-field {
    padding-left: 0;
    padding-right: 15px;
}

.mng-wrap .input-field label {
    left: 0;
    color: #9a9a9a;
    font-weight: normal
}

.mng-wrap .select-wrapper + label {
    top: -12px;
}

.mng-wrap .dropdown-content {
    top: 15px !important;
}

.mng-wrap .dropdown-content li > a, .mng-wrap .dropdown-content li > span {
    color: #404040;
    padding: .5rem 1rem;
    font-size: 1rem;
}

.mng-wrap-btn {
    margin: 25px 0 55px 0;
}

.mng-usr-check [type=checkbox] + label {
    margin-top: 40px;
}

.mng-app-tbl {
    border-top: 1px solid #f7f7f7;
    margin-top: 20px;
}

.mng-app-tbl tr {
    border-bottom: 1px solid #f7f7f7;
}

.mng-app-tbl td {
    padding-top: 14px;
}

.mng-app-tbl td label {
    padding-left: 10px;
}

.mng-app-tbl td:first-child label, .mng-app-tbl td:nth-child(2) label {
    padding-left: 22px;
}

.mng-app-tbl th {
    font-weight: normal;
    color: #9a9a9a;
    padding: 35px 0 12px 0;
    text-transform: uppercase;
    text-align: center;
}

.mng-app-tbl th:first-child, .mng-app-tbl td:first-child {
    text-align: left;
}

.mng-shift-check [type=checkbox] + label {
    margin-top: 40px;
}

.mng-usr-list #employee_list_filter, .emp-list #employee_list_filter {
    top: -36px;
}

/*--------Attendence Screen------------*/
.rfrl-wrap {
}

.rfrl-top-txt {
    float: left;
    width: 100%;
    color: #9a9a9a;
    font-size: 12px;
    margin-bottom: 2px;
}

.rfrl-wrap h4 {
    font-size: 16px;
    color: #404040;
    margin: 0 0 21px 0;
}

.rfrl-tabs-wrap .nav-tabs {
    box-shadow: none;
    border-bottom: 1px solid #f2f2f2;
    height: auto;
}

.rfrl-tabs-wrap .nav-tabs a {
    color: #9a9a9a;
    padding: 15px;
    line-height: 24px;
    font-size: 12px;
}

.rfrl-tabs-wrap .nav-tabs li {
    min-width: 185px;
    height: auto;
    font-size: 14px;
    line-height: 24px;
}

.rfrl-tabs-wrap .nav-tabs li > a:hover {
    color: #404040;
}

.rfrl-tabs-wrap .nav-tabs > li.active > a, .rfrl-tabs-wrap .nav-tabs > li.active > a:hover, .rfrl-tabs-wrap .nav-tabs > li.active > a:focus {
    color: #404040;
}

.rfrl-tabs-wrap .nav-tabs li.active > a:hover {
    border: none;
}

.rfrl-tabs-wrap .nav-tabs li.active > a {
    border-bottom-color: #0095d4;
}

/*.rfrl-search-form {margin: 0px 0 20px 0;}*/
.rfrl-search-field {
    position: relative;
    font-family: 'robotoregular', Arial, Helvetica, sans-serif;
}

.rfrl-search-field .fa-search:before {
    top: -7px;
    position: absolute;
}

.rfrl-search-field i {
    position: absolute;
    pointer-events: none;
    font-size: 18px;
    top: 12px;
    color: #757575;
}

.rfrl-search-field input {
    box-sizing: border-box;
    padding-left: 30px;
    font-size: 16px;
    border-bottom-color: #d7d7d7;
    height: 2.8125rem;
}

.rfrl-search-field input::-webkit-input-placeholder {
    color: #cdcdcd;
}

.rfrl-search-field input:-moz-placeholder {
    color: #cdcdcd;
}

.rfrl-search-field input::-moz-placeholder {
    color: #cdcdcd;
}

.rfrl-search-field input:-ms-input-placeholder {
    color: #cdcdcd;
}

.rfrl-sort-sec {
    margin-bottom: 38px;
}

.rfrl-sort-sec .rfrl-top-txt {
    margin-bottom: 20px;
}

.rfrl-sort-box {
    padding: 0;
}

.rfrl-sort-box label {
    height: 30px;
    line-height: 13px;
}

.jobpost-box {
    padding: 20px 25px;
    margin-bottom: 25px;
    box-shadow: 0 3px 8px #d0d0d0;
    -webkit-box-shadow: 0 3px 8px #d0d0d0;
    -moz-box-box-shadow: 0px 3px 8px #d0d0d0;
    border-top: 3px solid #0082d4;
}

.jobpost-box:nth-child(4n+3) {
    border-top-color: #f7724a;
}

.jobpost-box:nth-child(4n+4) {
    border-top-color: #81c43f;
}

.jobpost-box:nth-child(4n+5) {
    border-top-color: #9127e2;
}

.jobpost-title {
    float: left;
    width: 100%;
    color: #cbcbcb;
    font-size: 12px;
}

.jobpost-box h3 {
    color: #404040;
    font-size: 20px;
    margin-top: 0;
}

.job-vacancy-dtl {
    color: #404040;
    font-size: 14px;
}

.job-vacancy-dtl p {
    color: #cbcbcb;
    font-size: 12px;
    margin-bottom: 5px;
}

#referred .job-vacancy-dtl {
    padding-right: 25px;
    float: left;
}

#referred .job-vacancy-cta-wrap {
    float: left;
}

.job-vacancy-cta-wrap a {
    margin: 20px 0 0 0px;
}

.btn-job-dtl, .btn-job-dtl:hover {
    color: #999999;
    box-shadow: none;
}

.job-vacancy-cta-wrap .collapsed.btn-success:focus, .collapsed.btn-success:hover {
    background-color: #88c539 !important;
    color: #fff;
}

.job-vacancy-cta-wrap .btn-success:focus { /*background: none !important;color: #c8c8c8;*/
}

.rfrl-friend-wrap {
}

.rfrl-friend-inr {
    padding: 30px 0 0 0;
    margin: 30px 0 0 0;
    border-top: 1px solid #f6f6f6;
}

.rfrl-friend-field {
    padding-left: 0;
}

.rfrl-friend-field input {
    border-bottom-color: #d6d6d6;
}

.rfrl-friend-field.input-field label {
    left: 0;
    font-weight: normal;
}

.rfrl-friend-cta a {
    margin: 0px 0 0 5px;
    padding: 0px 24px;
}

.rfrl-friend-cta .btn-cancel {
    color: #999999;
}

.rfrl-jobDesc-wrap {
}

.rfrl-jobDesc-inr {
    border-top: 1px solid #f6f6f6;
    margin: 30px 0 0 0;
}

.rfrl-jobDesc-inr p {
    font-size: 14px;
    color: #000;
    line-height: 1.5;
    margin-bottom: 18px;
    position: relative;
    padding-left: 16px;
}

.rfrl-jobDesc-inr h5 {
    color: #cbcbcb;
    font-size: 12px;
    text-transform: uppercase;
    margin-top: 2rem
}

.rfrl-friend-status {
    padding: 30px 0 0 0;
    margin: 30px 0 0 0;
    border-top: 1px solid #f6f6f6;
}

.rfrl-status-inr {
    width: 80px;
    text-align: center;
    display: inline-block;
}

.rfrl-status-inr b {
    font-size: 16px;
    font-family: 'robotobold';
    display: block;
    list-height: 18px;
}

.rfrl-status-inr span {
    font-size: 10px;
}

.rfrl-status:last-child .rfrl-sts-stp:after {
    background: none;
}

.rfrl-sts-stp {
    width: 48px;
    height: 48px;
    background: #d0d0d0;
    color: #fff;
    border-radius: 100%;
    margin: 0 auto 10px auto;
    position: relative;
}

.rfrl-sts-stp:after {
    width: 230%;
    height: 2px;
    background: #e3e3e3;
    content: '';
    float: left;
    top: 24px;
    position: absolute;
    left: 48px;
}

.rfrl-sts-confrm {
    background: #97ea46;
    color: #fff;
}

.rfrl-sts-confrm:before {
    content: "\f00c";
    width: 48px;
    height: 48px;
    float: left;
    line-height: 48px;
    font-size: 34px;
    text-align: center;
    font-family: FontAwesome;
}

.rfrl-sts-rjct {
    background: #f5878f;
    color: #fff;
}

.rfrl-sts-rjct:before {
    content: "\f00d";
    width: 48px;
    height: 48px;
    float: left;
    line-height: 48px;
    font-size: 34px;
    text-align: center;
    font-family: FontAwesome;
}

.rfrl-sts-skipped {
    background: #0C7EC2;
    color: #fff;
}

.rfrl-sts-skipped:before {
    content: "\f051";
    width: 48px;
    height: 48px;
    float: left;
    line-height: 48px;
    font-size: 34px;
    text-align: center;
    font-family: FontAwesome;
}

.rfrl-sts-progress {
    background: #ffff00;
    color: #fff;
}

.rfrl-sts-progress:before {
    content: "\f12a";
    width: 48px;
    height: 48px;
    float: left;
    line-height: 48px;
    font-size: 34px;
    text-align: center;
    font-family: FontAwesome;
}

.rfrl-sts-pending {
    background: #808080;
    color: #fff;
}

.rfrl-sts-pending:before {
    content: "\f12a";
    width: 48px;
    height: 48px;
    float: left;
    line-height: 48px;
    font-size: 34px;
    text-align: center;
    font-family: FontAwesome;
}

.rfrl-ern {
    font-size: 12px;
}

.rfrl-ern th {
    color: #9a9a9a;
    text-transform: uppercase;
    font-weight: normal !important;
    border-top: 0 !important;
}

.rfrl-ern td {
    border-top-color: #f7f7f7 !important;
    line-height: 30px !important;
}

.rfrl-ern img {
    width: 30px;
}

.rfrl-ern .btn {
    margin: 0;
    padding-top: 0;
    padding-bottom: 0;
    line-height: 30px;
}

/* Find Employee Page CSS by Danish from 5/3/2016 */

.fd-emp-top-txt {
    float: left;
    width: 100%;
    color: #9a9a9a;
    font-size: 12px;
    margin-bottom: 10px;
}

.fd-emp-wrap h4 {
    font-size: 20px;
    color: #404040;
    margin: 0 0 52px 0;
}

.fd-emp-srch {
    margin-top: 4px;
    padding-left: 0;
}

.fd-emp-srch-crt {
    margin-top: 0;
}

.fd-emp-srch-crt label {
    font-weight: normal;
}

.fd-emp-sort-sec {
    margin-top: 50px;
    margin-bottom: 0px;
}

.fd-emp-sort-sec .fd-emp-top-txt {
    margin-bottom: 20px;
}

.fd-emp-list tr:nth-child(2) td {
    border-top: 0;
}

.fd-emp-sort-box {
    padding: 0;
}

.fd-emp-list {
    font-size: 12px;
    padding-bottom: 45px;
    padding-top: 30px;
    position: relative;
}

.fd-emp-list th {
    color: #9a9a9a;
    text-transform: uppercase;
    font-weight: normal !important;
    border-top: 0 !important;
}

.fd-emp-list td {
    border-top-color: #f7f7f7 !important;
    line-height: 30px !important;
}

.fd-emp-list img {
    width: 30px;
    transition: transform 0.2s;
    transform: scale(1);
    z-index: 9;
}

.scale-img {
    position: absolute;
    border-radius: 50%;
    box-shadow: 0px 0px 6px 0px #cecece;
    transform: scale(2.5) !important;
}

#employee_list_wrapper .DTFC_LeftBodyLiner, #employee_list_wrapper .DTFC_LeftBodyWrapper {
    overflow: initial !important;
    width: 100% !important;
}

.fd-emp-srch-crt input {
    font-size: 15px;
    padding-left: 0;
    border-bottom-color: #d7d7d7;
    z-index: 9;
}

.fd-emp-srch-crt .dropdown-content {
    top: 15px !important;
}

.fd-emp-srch-crt .dropdown-content li > a, .fd-emp-srch-crt .dropdown-content li > span {
    color: #404040;
    padding: .5rem 1rem;
    font-size: 1rem;
}

.fd-emp-srch-crt .select-wrapper::after {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f078";
    position: absolute;
    top: 14px;
    right: 4px;
    font-size: 16px;
    color: #757575;
}

.fd-emp-srch-crt .select-wrapper + label {
    top: -12px;
    left: 0;
    color: #9a9a9a;
    font-weight: normal;
}

.fd-emp-list .dataTable th:after {
    opacity: 0 !important;
}

/* CSS for find employee page to style dataTables serach field */

#employee_list_filter {
    margin-top: 13px;
    padding-left: 0;
    position: relative;
    font-family: 'robotoregular', Arial, Helvetica, sans-serif;
    text-align: left;
    position: absolute;
    top: -183px;
    width: 100%;
}

#employee_list_filter label {
    display: block;
    border-bottom: 1px solid #d7d7d7;
    font-size: 12px;
    font-family: 'robotomedium', Arial, Helvetica, sans-serif;
    text-transform: uppercase;
}

#employee_list_filter input {
    box-sizing: border-box;
    font-size: 15px;
    height: 2.8125rem;
    border: 0;
    border-radius: 0;
    line-height: 1.42857143;
    color: #0f0f14;
    background-color: #fff;
    background-image: none;
    width: 90%;
}

#employee_list_filter label::before {
    content: "\f002";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    position: absolute;
    pointer-events: none;
    font-size: 18px;
    top: 12px;
    right: 18px;
    color: #757575;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/*CheckInlist page CSS from 5/11/2016 by Danish*/
#checkin_list td {
    line-height: 20px !important;
}

#checkin_list td .btn {
    background: none;
    box-shadow: none;
    color: #000;
    padding: 0;
    margin: 0;
    font-size: 12px;
    text-transform: capitalize;
}

#checkin_list td:last-child {
    padding: 3px 0 0;
    display: inline-block;
}

#checkin_list td .btn:hover, #checkin_list td .btn:focus {
    background: none !important;
    color: #000 !important;
}

#checkin_form .input-field input {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 97%;
}

/* Manage Task Page CSS by Danish from 5/16/2016 */
.man-tsk-mdl-wrpr {
    background: #fcfcfc;
    padding-left: 26px;
}

.man-tsk-mdl-wrpr h2 {
    font-size: 20px;
    color: #3f3f3f;
    margin-top: 20px;
    margin-bottom: 34px;
}

.man-tsk-inp-fld label {
    left: 0;
    font-weight: normal;
    color: #9a9a9a;
    top: 8px;
}

.man-tsk-inp-fld input {
    color: #cecece;
    border-bottom-color: #d5d5d5;
    height: 37px;
    margin-bottom: 36px;
}

.man-tsk-dept-box {
    margin-top: 8px !important;
}

.man-tsk-inp-fld:nth-last-child(2) input {
    margin-bottom: 16px;
}

.man-tsk-mdl-wrpr .checkin-btn-box i:first-child input {
    padding: 7px 29px;
    font-size: 15px;
}

.man-tsk-mdl-wrpr .checkin-btn-box i:nth-child(2) input {
    color: #989898;
}

.mng-tsk-add {
    background: #fcfcfc;
    border-bottom: 1px solid #dfdfdf;
    box-shadow: 0px 1px 3px 1px #e7e7e7;
    padding: 16px 0;
    margin-top: 56px;
}

.mng-tsk-add button {
    background: none;
    border: 0;
    font-size: 21px;
    color: #3f3f3f;
}

.mng-tsk-add button::before {
    content: "\f067";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #73ba2c;
}

.mg-tsk-modal-wrpr {
    background: #fcfcfc;
    padding-bottom: 34px;
    margin-top: 5.3%;
}

.mg-tsk-modal-wrpr .modal-dialog {
    width: auto;
}

.checkin-wrap .waves-button-input {
    padding: 8px 28px;
}

.fd-tsk-list td:last-child a {
    margin: 0 3px;
}

.fd-tsk-list td:last-child i {
    color: #8b8b8b;
    font-size: 16px;
}

.mng-task-rgt-wrpr p {
    color: #9a9a9a;
    font-size: 12px;
}

.mng-task-rgt-wrpr h4 {
    font-size: 20px;
    color: #404040;
    margin: 0 0 33px 0;
}

.fd-task-srch {
    margin-top: 4px;
    padding-left: 0;
}

.fd-task-srch-crt {
    margin-top: 4px;
    padding-left: 0;
    position: relative;
    font-family: 'robotoregular', Arial, Helvetica, sans-serif;
}

.fd-task-srch-crt i {
    position: absolute;
    pointer-events: none;
    font-size: 18px;
    top: 12px;
    color: #757575;
}

.mng-task-rgt-wrpr .select-wrapper::after {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f078";
    position: absolute;
    top: 14px;
    right: 4px;
    font-size: 16px;
    color: #757575;
}

.fd-task-srch-crt input {
    box-sizing: border-box;
    padding-left: 30px;
    font-size: 16px;
    border-bottom-color: #d7d7d7;
    height: 2.8125rem;
}

.mng-task-rgt-wrpr .input-field input {
    font-size: 15px;
    padding-left: 0;
    border-bottom-color: #d7d7d7;
    z-index: 9;
}

.mng-task-rgt-wrpr .dropdown-content {
    top: 15px !important;
}

.mng-task-rgt-wrpr .dropdown-content li > a, .mng-task-rgt-wrpr .dropdown-content li > span {
    color: #404040;
    padding: .5rem 1rem;
    font-size: 1rem;
}

.mng-task-rgt-wrpr .select-wrapper + label {
    left: 0;
    color: #9a9a9a;
    font-weight: normal;
    top: -12px;
}

.mng-task-rgt-wrpr .input-field {
    padding-left: 0;
    margin-top: 0;
}

.fd-tsk-list {
    font-size: 12px;
    margin-top: 20px;
}

.fd-tsk-list th {
    padding-top: 33px !important;
    color: #9a9a9a;
    text-transform: uppercase;
    font-weight: normal !important;
    border-top-color: #f7f7f7 !important;
}

.mg-tsk-modal-wrpr h4 {
    font-size: 20px;
    color: #404040;
    margin: 0 0 33px 0;
}

.mg-tsk-modal-wrpr .input-field input {
    font-size: 15px;
    padding-left: 0;
    border-bottom-color: #d7d7d7;
    z-index: 9;
}

.mg-tsk-modal-wrpr .input-field label {
    left: 0;
    color: #9a9a9a;
    font-weight: normal;
}

.mg-tsk-modal-wrpr .waves-button-input {
    padding: 8px 28px;
}

.mg-tsk-modal-wrpr .input-field {
    margin-top: 1rem;
}

.fd-tsk-list tr:nth-child(2) td {
    border-top: 0;
}

.fd-tsk-list td {
    padding-top: 14px !important;
    padding-bottom: 14px !important;
    border-top-color: #f7f7f7 !important;
}

.mng-task-rgt-wrpr .modal {
    padding-right: 0 !important;
}

.mng-task-rgt-wrpr .picker__holder {
    overflow-y: visible;
}

.mng-task-rgt-wrpr .picker--opened .picker__frame {
    top: -21%;
}

.mg-tsk-modal-wrpr .modal-dialog {
    margin: 44px auto;
}

.dataTables_paginate {
    text-align: left !important;
    position: absolute;
    bottom: 20px;
}

/* style fixes at listcheckins page */
#checkin_list_wrapper #checkin_list th:after {
    opacity: 0;
}

#checkin_list td .tooltip.fade.top.in, #employee_list td .tooltip.fade.top.in {
    opacity: 1;
    box-shadow: 0px 2px 6px 1px #e3e3e3;
    background: #efefef;
}

#checkin_list td .tooltip-arrow, #employee_list td .tooltip-arrow {
    display: none;
}

#checkin_list td .tooltip-inner, #employee_list td .tooltip-inner {
    background: #efefef;
    border: 0;
    color: #909090;
    font-size: 12px;
    padding: 17px 14px;
    line-height: 15px;
    font-family: 'robotomedium';
}

.checkin-expr {
    margin-top: 19px;
}

.checkin-expr .picker__frame {
    top: 69px;
}

.dataTables_paginate > a:first-child {
    -webkit-border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.dataTables_paginate a.next {
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.pagination-wrap .pagination, .dataTables_paginate a {
    border: 1px solid #e1e1e1;
}

.pagination-wrap .pagination li {
    border-right: 2px solid #e1e1e1;
    font-size: 12px;
}

.pagination-wrap .pagination li .material-icons {
    font-size: 12px;
}

.pagination-wrap .pagination li:last-child {
    border-right: 0;
}

.pagination-wrap .pagination li a, .dataTables_paginate a {
    color: #9a9a9a;
    padding: 10px 12px;
}

.pagination-wrap .pagination > .active > a,
.pagination-wrap .pagination > .active > span,
.pagination-wrap .pagination > .active > a:hover,
.pagination-wrap .pagination > .active > span:hover,
.pagination-wrap .pagination > .active > a:focus,
.pagination-wrap .pagination > .active > span:focus, .dataTables_paginate .current {
    background-color: #75c6e8;
    border-color: #75c6e8;
    color: #fff;
}

.dataTables_info, .dataTables_length {
    display: none;
}

.pagination > li > a, .pagination > li > span {
    padding: 9px 12px !important;
    border: 0;
}

/* adjustment style for reset pwd screen over laravel default style by Danish from 6/30/2016*/
.panel-custom {
    border: 0;
    background: transparent;
}

.panel-custom > .panel-body {
    padding: 0;
}

.acc-area-reset-pwd {
    background: linear-gradient(to right, rgba(7, 39, 87, 1) 0%, rgba(7, 39, 87, 1) 100%, rgba(218, 217, 217, 1) 50%, rgba(218, 217, 217, 1) 100%);
}

.acc-area-reset-pwd .login-box {
    padding-bottom: 187px;
}

/* adjustment style for create pwd screen over laravel default style by Danish from 6/30/2016*/
.acc-area-crt-pwd .login-box {
    padding-bottom: 9px;
}

/* Job post CSS from 21 July 2016*/
.job-post-wrpr {
    padding-bottom: 10px;
}

.job-post-wrpr .input-field {
    margin-bottom: 26px;
}

.jb-des-res-wrpr .input-field {
    margin-bottom: 0;
    margin-top: 0;
}

.jb-resp-inp-flds {
    padding: 50px 0;
    position: relative;
}

.jb-resp-inp-flds #add_job_response {
    position: absolute;
    bottom: 30px;
    right: 17px;
    color: #7d7d80;
    cursor: pointer;
}

.job-post-wrpr .input-field label, .job-post-wrpr .input-field ul.select-dropdown li > span {
    font-size: 14px;
    color: #0f0f14;
}

.job-post-wrpr .sel-input-box input {
    color: #989898;
}

.job-post-wrpr .input-field textarea {
    color: #000;
    height: 13rem;
}

.job-post-wrpr .input-field input::-webkit-input-placeholder {
    color: #989898;
}

.job-post-wrpr .input-field input:-moz-placeholder {
    color: #989898;
}

.job-post-wrpr .input-field input::-moz-placeholder {
    color: #989898;
}

.job-post-wrpr .input-field input:-ms-input-placeholder {
    color: #989898;
}

.job-post-wrpr .input-field textarea::-webkit-input-placeholder {
    color: #989898;
    font-size: 14px;
}

.job-post-wrpr .input-field textarea:-moz-placeholder {
    color: #989898;
    font-size: 14px;
}

.job-post-wrpr label + span {
    position: absolute;
    top: -14px;
    left: 103px;
    right: 0;
    font-size: 12px;
    color: #8c8c8c;
}

.job-post-wrpr label + span.help-block {
    position: static;
}

.job-post-wrpr .post-job-desc {
    margin-right: 0;
}

.job-post-wrpr .sht-jb-desc-txtar-box {
    margin-top: 30px;
}

.job-post-wrpr .jb-rsp-box label + span {
    left: 130px;
    top: -26px;
}

.job-post-wrpr .jb-rsp-box label {
    top: 0;
}

.job-post-wrpr .jb-rsp-box input {
    height: 36px;
    box-sizing: border-box;
    padding-right: 30px;
}

.post-job-desc textarea {
    padding: 10px;
    margin-top: 16px;
    border: 1px solid #0095d4;
    height: 8rem;
}

.job-post-wrpr .jb-exp-box label + span {
    left: 159px;
}

.job-post-wrpr .dsr-skl-set-box label + span {
    left: 182px;
}

.dsr-skl-set-box > input {
    height: 40px;
    opacity: 0.75;
}

.job-post-wrpr .sht-jb-desc-txtar-box label + span {
    left: 233px;
}

.cust-width1:last-of-type {
    margin-right: 8px;
}

.job-post-wrpr .rfrl-sort-box {
    top: -19px;
}

.jb-emp-info-box {
    margin-top: 30px;
}

.jb-emp-info-box .input-field input {
    height: 32px;
    margin-top: 10px;
}

.job-post-wrpr .input-field .app-dead-box {
    top: -18px;
}

.job-post-wrpr .jb-exp-box, .job-post-wrpr .jb-exp-box + .jb-rsp-box {
    margin-bottom: 43px;
}

.jb-emp-info-box .input-field {
    margin-bottom: 0;
}

.job-form-post-box {
    margin-top: 10px;
}

.jb-emp-info-box .atnd-cal-date span {
    color: #989898;
}

.jb-emp-info-box .atnd-cal-date i {
    color: #0095d4;
}

.job-post-wrpr .input-field i {
    color: #7d7d80;
    position: absolute;
    right: 7px;
    bottom: -3px;
    font-size: 20px;
    cursor: pointer;
    top: 10px;
    z-index: 1;
}

/* Interview Lsit page CSS from 22 July 2016 */
.fd-candat-lst tbody tr td > a {
    color: #fff;
    background: #88c538;
    display: inline-block;
    padding: 0 8px;
    min-width: 78px;
    border-radius: 3px;
    box-shadow: 1px 2px 11px #e8e8e8;
    text-align: center;
}

/*#applied_candidate_list .fd-candat-lst thead tr th:first-of-type{
    padding: 0px 30px;
}*/
.fd-candat-lst tbody tr td:first-of-type > a,
.intr-cndnam-col .intr-info-box-cnt {
    color: #0186be !important;
    background: transparent !important;
    transition: all 0.3s ease-in;
    padding: 0 24px;
    border-radius: 3px;
}

.intr-cndnam-col .intr-info-box-cnt {
    padding: 8px 10px !important;
    width: 90%;
    margin-top: 4px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.intr-info-box-row-hdr .intr-cndnam-col:first-of-type {
    padding-left: 25px;
}

#employee_list tr th:first-of-type {
    padding-left: 30px;
}

.fd-candat-lst tbody tr td:first-of-type > a:hover,
.intr-cndnam-col .intr-info-box-cnt:hover {
    background: rgba(1, 134, 190, 0.7) !important;
    color: #fff !important;
}

#applied_candidate_list .fd-candat-lst tr td, #employee_list tr td {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 178px;
}

#employee_list tr td:nth-child(3) {
    max-width: 138px;
}

#employee_list tr td:nth-child(4) {
    max-width: 90px;
}

#employee_list tr td:nth-child(5) {
    max-width: 170px;
}

#applied_candidate_list .fd-candat-lst.fd-emp-list-no-stky-col tr td {
    max-width: initial;
}

.fd-candat-lst tr:nth-child(2) td {
    border-top: 1px solid #ddd;
}

.fd-candat-sort-sec .select-wrapper > input {
    border-bottom-color: #0095d4;
    color: #b8b8b8;
}

.fd-candat-sort-sec .select-wrapper + label {
    color: #000;
}

.fd-candat-sort-sec .fd-emp-top-txt {
    margin-bottom: 13px;
}

/* Interview List page CSS from 22 July 2016 */
.job-spec-box {
    color: #49494b;
    margin-bottom: 47px;
}

.job-spec-box:last-of-type {
    margin-bottom: 0;
    margin-top: 0;
}

.job-spec-box span {
    color: #639c17;
    display: inline-block;
    margin-top: 10px;
}

.intr-list-sec .intrv-dt label {
    color: #000;
    top: -14px;
}

.intr-list-sec .select-wrapper > input {
    border-bottom-color: #0095d4;
    color: #b8b8b8;
}

.intrv-sel-date {
    margin-bottom: 10px;
}

.sel-intrvr-box {
    margin-top: 31px;
}

.intr-list-sec .intrvr-nam-box .sel-intrvr-box input {
    height: 25px;
    font-size: 15px;
}

.intr-list-sec .intrvr-nam-box .sel-intrvr-box label {
    font-size: 1rem;
    top: 35px;
    color: #49494b;
}

.intrvr-nam-txt {
    background: #ee7f13;
    border-radius: 44px / 50px;
    display: inline-block;
    margin-top: 4px;
    margin-right: 4px;
}

.intrvr-nam-txt > i {
    display: inline-block;
    font-style: normal;
    color: #fff;
    font-size: 12px;
    width: 70px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    vertical-align: middle;
    padding: 3px 5px;
}

.intr-list-sec .intrv-dt .cal-label {
    font-size: 1rem;
    top: 12px;
    color: #49494b;
}

.cal-icon {
    font-size: 20px;
    position: absolute;
    right: 23px;
    top: 11px;
}

.intr-list-sec .cal-icon {
    color: #0095d4;
}

.intr-list-sec .input-field input {
    height: 38px;
    border-bottom-color: #0095d4;
}

.intr-list-sec .intrvr-nam-box {
    margin-top: 0;
}

.intr-list-sec .intrvr-nam-box input {
    height: 0;
    margin: 0;
    border-color: #0095d4;
    top: -5px;
    position: relative;
}

.clos-btn {
    cursor: pointer;
    color: #ee7f13;
    background: #fff;
    border-radius: 50%;
    display: inline-block;
    font-size: 14px;
    float: right;
    margin-top: 4px;
    margin-right: 7px;
}

.dat-pkr-placeholder::-webkit-input-placeholder {
    color: #a8a8a8;
}

.dat-pkr-placeholder:-moz-placeholder {
    color: #a8a8a8;
}

.dat-pkr-placeholder::-moz-placeholder {
    color: #a8a8a8;
}

.dat-pkr-placeholder:-ms-input-placeholder {
    color: #a8a8a8;
}

.intr-asgn-box {
    margin-top: 25px;
}

.intr-list-sec {
    margin-bottom: 18px;
    margin-top: 0;
}

/* Interview Candidate Profile CSS from 25 July 2016 */
.cand-prf-wrap h4 {
    margin-bottom: 42px;
}

.cand-name-desg-box {
    padding: 0;
}

.cand-pic-box {
    float: left;
    width: 94px;
    height: 98px;
    border: 1px solid;
    border-radius: 50%;
    position: relative;
}

.cand-pic-box > img {
    width: 92px;
    height: 93px;
    border-radius: 50%;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
}

.candt-pers-info-box {
    float: left;
    margin-left: 23px;
    font-family: 'robotolight';
}

.candt-pers-info-box > h2 {
    margin-top: 0;
    font-size: 36px;
    margin-bottom: 0;
    line-height: 98px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.candt-pers-info-box > p {
    color: #0095d4;
    font-size: 16px;
}

.dwn-resm-box {
    padding: 0;
}

.dwn-resm-box a {
    display: inline-block;
    color: #48484a;
    border: 1px solid #7d7d80;
    padding: 8px 21px 8px 46px;
    border-radius: 3px;
    float: right;
    position: relative;
}

.dwn-resm-box > a > i {
    position: absolute;
    color: #757575;
    left: 13px;
    top: 6px;
}

.cand-info-box {
    margin-top: 18px;
}

.cand-info-box:first-of-type {
    margin-top: 51px;
}

.cand-info-box > h3 {
    font-size: 16px;
    font-family: 'robotobold';
    border-bottom: 2px solid;
    padding-bottom: 7px;
    margin-top: 0;
    margin-bottom: 12px;
}

.prsn-info {
    color: #fd9a8a;
}

.cand-prf-table .table > tbody > tr > td {
    padding: 6px 8px;
}

.cand-prf-table tr > td > span, .cand-prf-table tr > td > a {
    font-family: 'robotolight';
    font-size: 14px;
    display: block;
    padding-left: 6px;
}

.atrb-nam {
    color: #9a9a9a;
}

.atrb-val, a.atrb-val {
    color: #000;
    font-weight: bold;
}

.acad-info {
    color: #c186f0;
}

.skl-set {
    color: #a0c4e2;
}

.exprnce {
    color: #f1c790;
}

.crnt-empr-nam {
    background: #fce9b7;
}

.crnt-empr-nam .atrb-nam {
    color: #988c6d;
}

.emplr-info-respns-box .table {
    margin-bottom: 0;
}

.emplr-info-respns-box:last-of-type .respn-box {
    margin-bottom: 38px;
}

.respn-box {
    float: left;
    width: 100%;
    border: 1px solid #dfdfdf;
    padding: 9px 15px 0;
    margin-bottom: 24px;
}

.respn-box > h5 {
    color: #b8b8b8;
    font-size: 14px;
    font-family: 'robotolight';
    margin-bottom: -3px;
    margin-top: 0;
}

.respn-box > ul li {
    color: #424242;
    font-size: 13px;
    font-family: 'robotolight';
    font-weight: bold;
    margin: 8px 0;
    clear: both;
    width: 100%;
    float: left;
}

.respn-box > ul li > span, .rfrl-jobDesc-inr p::before {
    display: inline-block;
    background: #ebac4d;
    border-radius: 50%;
    width: 8px;
    height: 8px;
    float: left;
    position: relative;
    top: 5px;
}

.rfrl-jobDesc-inr p::before {
    content: '';
    position: absolute;
    left: 0;
    top: 7px;
}

.respn-box > ul li > i {
    font-style: normal;
    float: left;
    width: 96%;
    margin-left: 6px;
    line-height: 16px;
}

.etra-actv {
    color: #7de596;
}

.refrn {
    color: #ff835d;
}

.crt-save-doc-btn, .crt-save-doc-btn:hover, .crt-save-doc-btn:focus {
    background: #88c538;
    color: #fff;
    font-family: 'robotolight';
}

.crt-save-doc-btn .waves-button-input {
    padding: 9px 15px 9px 45px;
}

.crt-save-doc-box {
    margin-top: 20px;
    margin-bottom: 19px;
    position: relative;
}

.crt-save-doc-box span {
    position: absolute;
    left: 14px;
    z-index: 1;
    top: 8px;
    color: #fff;
}

/* Interview status page CSS from 26 July 2016*/
/*.intrv-stat table{
    font-family: 'robotoregular';
    margin-bottom: 0;
}
.intrv-stat .table > thead  > tr > th{
    font-size: 12px;
    color: #9a9a9a;
    border-bottom: 0;
}
.intrv-stat .table > thead  > tr > th:first-child, .intrv-stat .table > tbody > tr > td:first-child{
    padding-left: 0;
}
.intrv-stat .table > tbody > tr > td{
    border-top: 0;
    border-bottom: 1px solid #ddd;
    padding: 22px 8px 15px;
    color: #404040;
    font-size: 12px;
}
*/
.intr-info-box .job-vacancy-dtl {
    font-size: 12px;
}

.status-btn {
    color: #cdcdcd;
    font-size: 12px;
    font-family: 'robotomedium';
    background: none;
    border: 0;
    padding: 0;
}

.status-btn:last-of-type {
    padding-left: 0px;
}

.status-btn:focus {
    background: none;
}

.intr-info-box-cnt {
    padding: 6px 0 8px;
}

.intr-info-box-cnt-1 {
    padding: 11px 0px;
}

.intr-info-box-row {
    border-bottom: 1px solid #e5e5e5;
}

.intr-info-box-row-hdr {
    border-bottom: 0;
    margin-top: 10px;
}

.hirng-stag-box-wrpr {
    background: #fef4d8;
    border: 1px solid #cecece;
}

.hirng-stag-box, .act-tab-data-box {
    float: left;
    width: 20%;
    border-right: 1px solid #cecece;
    border-bottom: 1px solid #cecece;
    background: #f6f6f6;
}

#intrv-stat-tab > li:last-of-type {
    border-right: 0;
}

#intrv-stat-tab {
    margin-bottom: 0;
}

.intr-stg-info-box > h5 {
    font-size: 12px;
    margin-bottom: 1px;
    margin-top: 17px;
    color: #000;
}

.intr-stg-info-box > p {
    font-size: 10px;
    color: #999382;
    margin-bottom: 14px;
}

.nt-visbl {
    display: none;
}

#intrv-stat-tab > li.active {
    border-left: 0;
    border-bottom: 0;
    background: #fef4d8;
}

.cand-score {
    font-size: 30px;
    margin-top: 15px;
}

.cand-test-info {
    font-size: 12px;
    border-top: 1px solid #e4dbc2;
    border-bottom: 1px solid #e4dbc2;
    padding: 18px 28px 24px;
    line-height: 18px;
}

.not-stag .intr-stg-info-box > h5, .not-stag > .intr-stg-info-box > p {
    color: #c5c5c5;
}

.hirng-stag-box > a {
    display: block;
    float: left;
    width: 100%;
}

.hirng-stag-box > a.disabled {
    pointer-events: none;
}

.hirng-stag-box a > span {
    display: inline-block;
    border-radius: 50%;
    width: 23px;
    height: 23px;
    margin-right: 5px;
    position: relative;
    top: -5px;
}

.corect-mark i {
    color: #fff;
    position: relative;
    top: 1px
}

.intr-stg-info-box {
    display: inline-block;
}

.hirng-stag-box > a .stag-done {
    background: #97ea46;
}

.hirng-stag-box > a .stag-skip {
    background: #0095D4;
}

.hirng-stag-box a > .stag-in-prgrs {
    background: #f5d025;
}

.hirng-stag-box a > .stag-reject {
    background: #FF6347;
}

.hirng-stag-box a > .stag-pendg {
    background: #e1e1e1;
}

.hir-stg-sel-wrpr {
    margin-top: 0;
}

.hir-stg-sel-wrpr .select-wrapper input.select-dropdown {
    border-bottom-color: #0095d4;
    height: 34px;
    font-size: 14px;
}

.hir-stg-sel-wrpr .select-wrapper::after {
    color: #0095d4;
}

.hir-stg-sel-wrpr .dropdown-content li:hover, .hir-stg-sel-wrpr .dropdown-menu li.active {
    background-color: #f6f6f6;
}

.intvr-opn-box i {
    font-style: normal;
    margin-right: 19px;
    margin-top: 0;
    display: inline-block;
    width: 100%;
    line-height: 50px;
}

.intvr-opn-box i > span {
    color: #69ac27;
}

.intvr-opn-box .intvr-opn-btn {
    position: relative;
    top: 3px;
    margin-right: 7px;
    margin-top: 6px;
    background: #88c538;
    line-height: 36px;
    width: 88%;
}

.intvr-opn-btn .waves-button-input {
    color: #fff;
    padding: 5px 9px;
}

.intrvr-recom {
    padding: 3px 0 0;
}

.act-tab-data-box {
    background: #fef4d8;
    text-align: center;
    padding: 0 24px;
    height: 90px;
    width: 20%;
}

.act-tab-data-hd-box {
    color: #ee7f13;
    font-size: 12px;
    margin: 12px 0 9px;
}

.act-tab-data-para-box {
    font-size: 12px;
    line-height: 15px;
    color: #000;
    text-overflow: ellipsis;
    overflow: hidden;
    height: 46px;
}

.scr-data {
    font-size: 24px;
    font-family: 'robotolight';
    line-height: 18px;
    border-right-color: #e4dbc2;
    border-bottom-color: #e4dbc2;
}

.act-tab-cnt-box {
    padding: 16px 20px 0;
    border-bottom: 1px solid #e4dbc2;
}

.act-tab-cnt-box > p {
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 15px;
}

.interv-stat-wrap {
    padding-bottom: 40px;
}

.act-tab-data-box:nth-of-type(5), .act-tab-data-box:nth-of-type(10), .act-tab-data-box:nth-of-type(15), .act-tab-data-box:nth-of-type(20) {
    border-right: 0;
}

/* Applicant Account Area CSS from 1 Aug 2016 */

/* Applicant Account Area header CSS*/
.apcnt-acnt-scrn-tabs-box {
    box-shadow: 0px 2px 8px 1px #cdcdcd;
    margin: 0 0 5px;
    font-family: 'robotolight';
}

.apcnt-acnt-scrn-tabs-box [type=checkbox] + label {
    color: #c2c2c2;
    font-size: 14px;
    height: 16px;
    background: url("../img/checked.png") no-repeat;
}

.apcnt-acnt-scrn-tabs-box [type=checkbox].filled-in:checked + label:before,
.apcnt-acnt-scrn-tabs-box [type=checkbox].filled-in:checked + label:after,
.apcnt-acnt-scrn-tab [type=checkbox].filled-in:not(:checked) + label:after,
.apcnt-acnt-scrn-tab.active [type=checkbox].filled-in:not(:checked) + label:after {
    display: none;
}

.apcnt-acnt-scrn-tab {
    padding: 13px 0;
    background: #fff;
    border-right: 1px solid #eeeeee;
}

.apcnt-acnt-scrn-tab.active ~ .apcnt-acnt-scrn-tab {
    background: #f8f8f8;
}

.apcnt-acnt-scrn-tab.active {
    background: #0095d4;
    border-right-color: #0095d4;
}

.apcnt-acnt-scrn-tab.active [type=checkbox] + label {
    color: #fff;
}

.apcnt-acnt-scrn-tab.active [type=checkbox].filled-in:not(:checked) + label:after {
    border-color: #fff;
    background-color: #fff;
}

/* applicant signup personal info CSS */
.acc-area-main-scr {
    background: url("../img/applicant-screen-bg.jpg") no-repeat center;
    background-size: cover;
    float: left;
    width: 100%;
}

.acc-area-main-scr-wrpr {
    width: 1250px;
    float: left;
}

.aplc-pic-wrpr {
    padding-top: 35px;
}

.prcs-stp-txt {
    color: #ff4f18;
    font-size: 14px;
}

.aplcnt-img-box + button, .aplcnt-img-box + div {
    color: #8b8b8c;
    font-size: 12px;
    font-family: 'robotomedium';
    border: 0;
    background: none;
    position: relative;
    padding-left: 23px;
}

.aplcnt-img-box + button:focus {
    background-color: transparent;
}

.aplcnt-img-box + button > i, .aplcnt-img-box + div > i {
    position: absolute;
    left: 0;
    top: -1px;
    color: #6d6d6d;
}

.aplcnt-img-box > img {
    border-radius: 50%;
    width: 194px;
    height: 194px;
    border: 5px solid #fff;
    background: #e1dfdf url("../img/applicant-avatar.png") no-repeat bottom center;
    position: absolute;
    left: 0px;
    right: 0;
    margin: auto;
    top: 0;
    bottom: 0;
    overflow: hidden;
}

.aplcnt-img-box {
    position: relative;
    width: 200px;
    height: 200px;
    background: #e48422; /* Old browsers */
    background: -moz-linear-gradient(left, #e48422 6%, #78305d 30%, #2a5082 49%, #0e7fbe 63%, #56a419 92%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #e48422 6%, #78305d 30%, #2a5082 49%, #0e7fbe 63%, #56a419 92%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #e48422 6%, #78305d 30%, #2a5082 49%, #0e7fbe 63%, #56a419 92%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e48422', endColorstr='#56a419', GradientType=1); /* IE6-9 */
    border-radius: 50%;
    margin: 22px auto;
}

.aplcn-info-box {
    font-family: 'robotolight';
    margin-top: 19px;
}

.aplcn-info-box > label, .aplcn-info-box > label.active {
    font-size: 14px;
    font-size-adjust: 0.5;
    color: #0f0f14;
    margin-bottom: 0;
}

.aplcn-info-box > input, .res-inp-box > input {
    font-size: 14px;
    color: #999999;
    height: 34px;
    border-bottom-color: #0095d4;
}

.aplcn-info-box:nth-of-type(2) {
    margin-left: 20px;
}

.sel-wrpr {
    padding: 0;
}

.sel-wrpr .dropdown-content {
    max-height: 220px;
}

.select-wrapper + .sel-label {
    left: 0;

}

.sel-wrpr .dropdown-content {
    top: 15px !important;
}

.sel-wrpr .dropdown-content li > a, .sel-wrpr .dropdown-content li > span {
    color: #404040;
    padding: .5rem 1rem;
    font-size: 1rem;
    font-family: 'robotomedium';
}

.dat-wrpr label.active {
    font-size: 14px;
    color: #0f0f14;
}

.dat-wrpr .cal-icon {
    color: #0095d4;
}

.input-date {
    height: 39px !important;
    border-bottom-color: #0095d4 !important;
    position: relative;
    z-index: 1;
}

.save-data-box-wrpr {
    background-color: #dddddd;
    border-top: 1px solid #d8d8d8;
    padding: 9px 0 21px;
}

.save-data-box {
    padding-left: 0;
}

.save-data-box button {
    font-size: 14px;
    color: #fff;
    font-family: 'robotolight';
    margin-left: 0;
    margin-right: 11px;
    padding: 2px 16px;
}

.save-data-box button:hover, .save-data-box button:focus {
    color: #fff;
}

.save-data-box button:first-of-type {
    background-color: #78cb28;
}

.save-data-box button:last-of-type {
    background-color: #56add2;
}

/* Applicant Qualification page CSS from 3 Aug 2016 */
.aplcnt-img-box-wrpr {
    border-radius: 50%;
    border: 3px solid #a150e8;
    width: 220px;
    height: 217px;
    margin: 22px auto;
}

.aplc-degre-pic {
    background: #a150e8 url("../img/applicant-sprite.png") no-repeat 14px 44px;
    border: 0;
    margin: 6px auto;
}

.applcn-edu-info-wrpr .sel-wrpr .select-wrapper input.select-dropdown, .applcn-edu-info-wrpr .aplcn-info-box > input {
    color: #000;
}

.grad-info {
    float: left;
    width: 155px;
}

.grad-info:last-of-type {
    float: right;
    width: 167px;
}

.applcn-edu-info-wrpr .curv-label {
    background-color: #ee7f13;
}

.acdm-info-fld::after, .aplcn-skl-info-wrpr:after {
    margin: 45px 0 22px 17px;
    content: '';
    background: url("../img/border-dots.png") repeat-x top center;
    display: inline-block;
    height: 1px;
    width: 82%;
}

.acdm-info-fld:last-of-type::after {
    display: none;
}

.ad-mr-btn, .ad-mr-btn:focus, .ad-mr-btn:hover {
    border: 1px solid #717174;
    background: transparent;
    padding: 1px 17px 1px 42px;
    margin-bottom: 15px;
    margin-left: 18px;
    color: #757577;
    display: inline-block;
}

.add-mr-icon {
    position: absolute;
    left: 13px;
}

.acdm-info-fld:last-of-type .ad-mr-btn {
    display: inline-block;
}

.up-rsm-btn, .up-rsm-btn:focus, .up-rsm-btn:hover {
    border: 1px solid #717174;
    background: transparent;
    padding: 8px 17px 8px 42px;
    margin: 10px 0 15px 0;
    /* margin-left: 18px; */
    color: #757577;
}

/* Applicant Account creation screen CSS from 8 Aug 2016*/
.aplc-acnt-crt-box {
    background: url("../img/applicant-screen-bg.jpg") no-repeat center #ececec;
    background-size: cover;
}

.aplc-acnt-crt-box .login-box {
    background: none;
    padding: 129px 3.4% 144px 7.4%;
    max-height: 870px;
    height: auto;
}

.aplc-acnt-crt-box .site-logo {
    background-position: left -265px;
    margin: 20px 0;
}

.aplc-acnt-crt-box .login-box h2 {
    margin-bottom: 10px;
}

.aplc-acnt-crt-box .login-box2 p {
    line-height: 20px;
}

.aplc-acnt-crt-box .login-box2 .input-field label {
    font-size: 16px;
    top: -5px;
}

.aplc-acnt-crt-box .login-box2 .input-field input[type=password], .aplc-acnt-crt-box .login-box2 .input-field input[type=text] {
    height: 33px;
    z-index: 1;
    position: relative;
}

.aplc-acnt-crt-box .login-box .input-field label.active {
    left: 14px;
    top: 5px;
    font-size: 13px;
}

.aplc-acnt-crt-box .btn-wrap {
    margin-top: 6px;
}

.aplc-acnt-crt-box .btn-login {
    border: 1px solid #fff;
    border-radius: 2px;
}

.applc-txtual-info {
    padding-top: 55px;
    padding-bottom: 35px;
}

/* Applicant Area Account logo header */
.applc-acnt-logo-wrpr .site-logo {
    background-position: 23px -268px;
    margin: 3px 0;
    position: static;
    display: inline-block;
}

.aplc-eml-box > a {
    vertical-align: middle;
    display: inline-block;
    line-height: 77px;
    margin: 0 10px;
    font-size: 13px;
}

.aplc-eml-box > a:first-of-type {
    color: #0095d4;
}

.aplc-eml-box > a:last-of-type {
    color: #9b9b9b;
}

.cand-acnt-area {
    color: #686868;
    font-family: 'robotolight';
    display: inline-block;
    font-size: 22px;
    line-height: 78px;
    vertical-align: top;
}

.acnt-area-logout {
    position: relative;
    top: 3px;
    font-size: 16px;
}

/* Applicant Signup eperience page CSS from 9 Aug 2016 */
.appl-expr-scrn .aplcnt-img-box-wrpr {
    border-color: #4eaae1;
}

.appl-expr-scrn .aplc-degre-pic {
    background-color: #4eaae1;
    background-position: 15px -168px;
}

.dat-wrpr label.active.curnt-emplr-cb {
    top: 26px;
    left: 0;
    color: #3b3b3b;
    padding-left: 17px;
    font-size: 13px;
}

[type=checkbox].filled-in:not(:checked) + label.curnt-emplr-cb:after {
    width: 12px;
    height: 12px;
    border-color: #929292;
    border-radius: 0;
    top: 1px;
}

[type=checkbox].filled-in:checked + label.curnt-emplr-cb:after {
    width: 12px;
    height: 12px;
    top: 1px;
}

.sal-cur-box {
    margin-top: -10px;
}

.sal-cur-box .aplcn-info-box {
    margin-top: 0;
}

.applcn-exp-info-wrpr {
    padding-bottom: 25px;
}

.applcn-exp-info-wrpr .sel-wrpr .select-wrapper input.select-dropdown {
    color: #a6a6a6;
}

.res-inp-wrpr {
    margin-top: 40px;
    padding-right: 0;
}

.res-inp-wrpr > label {
    left: 18px;
    top: -22px;
}

.res-inp-wrpr > label + span {
    position: absolute;
    top: -20px;
    left: 113px;
    font-size: 12px;
    color: #8c8c8c;
}

.res-inp-wrpr input[type=text] {
    margin-bottom: 8px;
    padding-left: 23px;
    box-sizing: border-box;
    width: 100%;
}

.res-inp-wrpr input[type=text]:focus:not([readonly]) + label, .res-inp-wrpr input[type=text]:focus:not([readonly]) + i {
    color: #0f0f14;
}

.res-inp-box {
    position: relative;
}

.res-inp-box b {
    color: #bababc;
    font-size: 13px !important;
    position: absolute;
    right: 0;
    top: 0;
}

.res-inp-box:last-of-type + i, #add_circle_0 {
    position: absolute;
    right: 0px;
    bottom: -32px;
    cursor: pointer;
    font-size: 22px;
    color: #7d7d80;
}

.numbr {
    font-style: normal;
    position: absolute;
    left: 0;
    top: 7px;
    font-size: 14px;
    color: #999999;
}

.res-inp-box > input {
    color: #000;
}

.aplcn-exp-dat-wrpr .dat-wrpr:first-of-type {
    padding-left: 0;
}

.aplcn-exp-dat-wrpr .dat-wrpr:first-of-type label {
    left: 0;
}

.aplcn-exp-dat-wrpr .dat-wrpr:last-of-type {
    padding-right: 0;
}

.applcn-exp-info-wrpr .acdm-info-fld::after {
    width: 81.3%;
    margin-top: 53px;
}

.applcn-exp-info-wrpr .ad-mr-btn {
    margin-top: 30px;
    box-shadow: none;
}

/* Applicant Skillset and Language page CSS from 10 Aug 2016 */
.aplcn-skl-wrpr .aplcnt-img-box-wrpr {
    border-color: #072946;
}

.aplcn-skl-wrpr .aplc-degre-pic {
    background-color: transparent;
    background-position: 0px -415px;
}

.aplcn-skl-wrpr .ad-mr-btn, .aplcn-skl-wrpr .ad-mr-btn:focus, .aplcn-skl-wrpr .ad-mr-btn:hover,
.aplcn-lng-wrpr .ad-mr-btn, .aplcn-lng-wrpr .ad-mr-btn:focus, .aplcn-lng-wrpr .ad-mr-btn:hover {
    margin-top: 35px;
}

.aplcn-lng-wrpr .prcs-stp-txt {
    display: none;
}

.aplcn-lng-wrpr .aplcnt-img-box-wrpr {
    border-color: #072946;
}

.aplcn-lng-wrpr .aplc-degre-pic {
    background-color: transparent;
    background-position: 0px -665px;
}

.aplcn-lng-info-wrpr, .aplcn-lng-wrpr .aplc-pic-wrpr {
    padding-top: 0;
}

.apl-lng-crs-btn {
    width: 786px;
}

.aplcn-skl-info-wrpr {
    padding-bottom: 25px;
}

.lng-info-box {
    padding-right: 10px;
}

.aplcn-lng-info-wrpr .sel-wrpr .select-wrapper input.select-dropdown {
    color: #999999;
}

.aplcn-skl-info-wrpr:after {
    background-position: bottom center;
    width: 82%;
    margin-bottom: 0;
}

.skp-btn-box .ad-mr-btn {
    display: inline-block;
    padding-left: 18px;
}

/* Applicant extra circular activities page CSS  from 11 Aug 2016*/
.aplc-extr-act-wrpr .aplcnt-img-box-wrpr {
    border-color: #2dd555;
}

.aplc-extr-act-wrpr .aplc-degre-pic {
    background-color: #43d966;
    background-position: 0px -872px;
}

.aplc-extr-act-info-wrpr .acdm-info-fld::after, .aplc-refr-info-wrpr .acdm-info-fld::after {
    width: 81.2%;
}

.aplc-extr-act-info-wrpr .ad-mr-btn, .aplc-extr-act-info-wrpr .ad-mr-btn:focus, .aplc-extr-act-info-wrpr .ad-mr-btn:hover,
.aplc-refr-info-wrpr .ad-mr-btn, .aplc-refr-info-wrpr .ad-mr-btn:focus, .aplc-refr-info-wrpr .ad-mr-btn:hover {
    margin-top: 35px;
}

/* Applicant reference page CSS from 11 Aug 2016 */
.aplc-refr-wrpr .aplcnt-img-box-wrpr {
    border-color: #fbc871;
}

.aplc-refr-wrpr .aplc-degre-pic {
    background-color: #fbc770;
    background-position: 13px -1078px;
}

.upld-cv-box .ad-mr-btn {
    padding-left: 42px;
    margin-left: 10px;
}

.upld-cv-box .ad-mr-btn + span {
    position: absolute;
    bottom: -5px;
    color: #888889;
    font-size: 12px;
    right: 0;
    left: 0;
    margin: auto;
}

.aplc-upld-cv-box {
    color: #3f3f41;
    font-size: 14px;
    padding: 0;
    vertical-align: middle;
    line-height: 54px;
    margin-left: -9px;
}

.aplc-upld-cv-box > a {
    color: #f07b7b;
    text-decoration: underline;
    font-size: 10px;
}

/* Aplicant profile page CSS */
.dwn-resm-box .edt-prfl-btn {
    background: #78cb28;
    color: #fff;
    padding: 3px 19px;
    border: 0;
    margin-right: 0;
}

.aplc-prf-wrap {
    background: #f9f9f9;
    box-shadow: none;
    padding: 0;
}

.aplc-prf-wrap .edt-prfl-btn {
    margin-top: 37px;
}

.icon-sign-out {
    background-position: center -764px !important;
}

.applc-acnt-logo-wrpr {
    position: relative;
}

.aplc-degre-pic:after {
    background: none;
    border: 0;
}

/* Aplicant job post page CSS */
.aplc-jobpost-box .job-vacancy-dtl {
    width: 13%;
}

.aplc-jobpost-box .job-vacancy-dtl:nth-of-type(2) {
    width: 15%;
}

.aplc-jobpost-box .job-vacancy-dtl:nth-of-type(3) {
    width: 15%;
}

.aplc-jobpost-box .job-vacancy-dtl:nth-of-type(4) {
    width: 17%;
}

.aplc-jobpost-box .btn-job-dtl:focus {
    background-color: transparent;
    color: #999999;
}

}
.job-vacancy-cta-wrap .btn.btn-success:focus {
    background: #88c539 !important;
}

.aplc-jobpost-box {
    background: #fdfdfd;
    padding-bottom: 0;
}

.aplc-jobpost-box .job-vacancy-cta-wrap {
    margin: 20px 0 38px;
}

.aplc-jobpost-box .job-vacancy-cta-wrap a {
    padding: 2px 54px;
    border-radius: 0;
    margin-left: 0;
}

.aplc-jobpost-box .job-vacancy-cta-wrap a:nth-of-type(2) {
    padding: 2px 15px;
}

.aplc-jobpost-box .rfrl-friend-status {
    margin: 0 -25px 0 -25px;
    background: url("../img/applicant-job-stag-bg.jpg") repeat-x;
    padding: 20px 0 20px 25px;
}

.rfrl-sts-rej {
    background: #e3e3e3;
}

.rfrl-sts-rej + .aplc-job-stg-txt {
    color: #c6c6c6;
}

.rfrl-sts-in-prgr {
    background: #f5d025;
}

.rfrl-sts-in-prgr + .aplc-job-stg-txt {
    font-family: 'robotoregular';
}

.aplc-job-stg-txt {
    font-family: 'robotolight';
    font-size: 14px;
    color: #000;
    line-height: 15px;
}

.aplc-job-stg-txt > span {
    font-size: 10px;
}

.aplc-jobpost-box .rfrl-status {
    width: 20%;
}

.aplc-jobpost-box .rfrl-sts-stp:after {
    width: 304%;
}

.nt-aplcb {
    background-color: #d3d3d3;
    font-family: 'robotobold';
    font-size: 20px;
    line-height: 47px;
}

.rfrl-sts-cnfr {
    background-color: #6cbb31;
}

.rfrl-sts-cnfr + .aplc-job-stg-txt > span {
    font-family: 'robotomedium';
}

.rfrl-sts-cnfr + .aplc-job-stg-txt > i {
    color: #448513;
    font-size: 12px;
    font-style: normal;
    position: absolute;
    left: -15px;
}

/* Interview list page CSS from 8/31/2016 */
.intr-lst h4 {
    margin-bottom: 22px;
}

.intr-lst .fd-emp-list .table thead > tr > th {
    border-bottom: 0;
    padding-bottom: 13px;
}

.intr-lst .fd-emp-list .table thead > tr > th:first-of-type, .intr-lst .fd-emp-list .table > tbody > tr > td:first-of-type {
    padding-left: 0;
}

.intr-lst .fd-emp-list .table thead > tr > th:last-of-type, .intr-lst .fd-emp-list .table > tbody > tr > td:last-of-type {
    padding-right: 0;
}

.intr-lst .fd-emp-list .table > tbody > tr > td {
    border-top: 0;
    border-bottom: 1px solid #f7f7f7;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.fd-candat-lst tbody tr td > .chk-stats {
    background: transparent;
    color: #0f0f14;
    box-shadow: none;
    padding: 0;
}

.fd-candat-lst tbody tr td > .chk-stats:hover, .fd-candat-lst tbody tr td > .chk-stats:focus {
    color: #cdcdcd;
}

.intr-lst-fedbk-wrap .intr-cndnam-col,
.intr-lst-fedbk-wrap .intr-dept-col,
.intr-lst-fedbk-wrap .intr-dt-col,
.intr-lst-fedbk-wrap .intr-act-col {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.intr-lst-fedbk-wrap .intr-cndnam-col {
    width: 23%;
}

.intr-lst-fedbk-wrap .intr-dept-col {
    width: 22%;
}

.intr-lst-fedbk-wrap .intr-dt-col {
    width: 18%;
}

.intr-lst-fedbk-wrap .intr-act-col {
    width: 24%;
}

.intr-lst-fedbk-wrap .status-btn-wrpr {
    position: relative;
    top: -4px;
}

.intr-lst-fedbk-wrap .intr-info-box-cnt {
    padding: 20px 0 4px;
}

.status-btn-wrpr .hrm-grn-btn {
    padding: 6px 16px;

    font-size: 12px;
}

/* Interview feedback status CSS from 9/1/2016 */
.cnd-info-box input::-webkit-input-placeholder {
    color: #999999;
}

.cnd-info-box input:-moz-placeholder {
    color: #999999;
}

.cnd-info-box input::-moz-placeholder {
    color: #999999;
}

.cnd-info-box input:-ms-input-placeholder {
    color: #999999;
}

.intrv-fdbk-sts-wrpr textarea::-webkit-input-placeholder {
    color: #999999;
}

.intrv-fdbk-sts-wrpr textarea:-moz-placeholder {
    color: #999999;
}

.intrv-fdbk-sts-wrpr {
    padding-bottom: 39px;
}

.cnd-pos-info-box {
    margin-top: 36px;
    font-size: 14px;
}

.cnd-prsnlty-info-box {
    margin-top: 42px;
}

.cnd-info-box {
    float: left;
    width: 30%;
    margin-right: 41px;
}

.cnd-prsnlty-info-box .cnd-info-box {
    margin-bottom: 20px;
}

.cnd-info-box:nth-of-type(3n) {
    margin-right: 0;
}

.cnd-info-box:nth-of-type(3n+1) {
    clear: both;
}

.cnd-atr-val {
    color: #77bb49;
    margin-top: 9px;
    display: inline-block;
}

.cnd-atr-nm {
    font-weight: bold;
}

.cnd-info-box .sel-wrpr .dropdown-content {
    background: #fafafa;
    box-shadow: 1px 4px 17px 4px #b6b6b6;
    padding-top: 13px;
}

.cnd-info-box .sel-wrpr .select-wrapper input.select-dropdown {
    text-overflow: ellipsis;
    overflow: hidden;
    padding-right: 38px;
    box-sizing: border-box;
}

.cnd-info-box .sel-wrpr .dropdown-content li > span {
    font-size: 12px;
    line-height: 15px;
    padding: 10px 49px 10px 35px;
}

/*.cnd-info-box .sel-wrpr .dropdown-content li>span::first-letter{
    color: #86b353;
    margin-left: -11px;
}*/
.txt-are-box {
    position: relative;
    font-family: 'robotolight';
}

.txt-are-box textarea {
    color: #000;
    height: 13rem;
    padding: 10px;
    margin-top: 16px;
    border: 1px solid #0095d4;
}

.txt-are-box label.txt-ara-lbl {
    font-size: 13px;
    color: #0f0f14;
    left: 0;
}

.txt-are-box label.txt-ara-lbl + span {
    position: absolute;
    top: -14px;
    left: 103px;
    font-size: 13px;
    color: #8c8c8c;
}

.intrvr-opn-box {
    margin-top: 31px;
}

.hrm-btn {
    color: #9a9a9a;
    display: inline-block;
    text-transform: uppercase;
}

.hrm-btn:hover, .hrm-btn:focus {
    color: #9a9a9a;
    background: transparent;
}

.hrm-grn-btn {
    background: #88c538;
    color: #fff;
    border-radius: 2px;
}

.hrm-grn-btn:hover, .hrm-grn-btn:focus {
    color: #fff;
    background: #88c538;
}

.sub-info-wrpr {
    margin-top: 25px;
}

.sub-info-wrpr .hrm-grn-btn {
    padding: 8px 15px;
    margin-right: 20px;
    font-size: 14px;
}

.sub-info-wrpr .hrm-btn {
    font-size: 14px;
}

/* interview feedback status total score page CSS */
.cnd-info-box.aplcn-info-box {
    margin-top: 0;
}

.cnd-info-box.aplcn-info-box:nth-of-type(2) {
    margin-left: 0;
}

.intr-lst-fedbk-wrap .tab-content {
    margin-top: 24px;
}

.fedbk-inpt-fld {
    font-family: 'robotomedium', Arial, Helvetica, sans-serif;
    margin-top: 30px;
    margin-left: 30px;
}

.fedbk-inpt-fld input {
    height: 2.5rem;
}

.fedbk-inpt-fld.parent {
    margin-left: 0;
    clear: both;
}

.fedbk-inpt-fld label + span.help-block {
    position: static;
    color: #a94442;
}

/* Applicant account area screen header menu CSS from 28/9/2016*/
.new-cndt-opt-box {
    display: inline-block;
}

.new-cndt-opt-box button, .new-cndt-opt-box button:focus {
    background: transparent;
    border: 0;
    color: #9b9b9b;
    vertical-align: middle;
}

.new-cndt-opt-box .dropdown-menu {
    text-align: center;
    top: 22px;
    left: auto;
    min-width: 141px;
    padding: 5px 11px;
    right: 0;
}

.new-cndt-opt-box .dropdown-menu a {
    color: #9b9b9b;
    margin: 6px 0;
    display: inline-block;
}

/* HRM Policy page css */
.pol-wrap .rt-glb-wrap {
    margin-bottom: 42px;
    padding-left: 50px;
}

.admin-pol-main .plcy-top-txt {
    margin-bottom: 30px;
}

.admin-pol-main .plcy-txt-box {
    margin-bottom: 45px;
}

.admin-pol-main .plcy-txt-box a h2 {
    color: #737373;
}

.admin-pol-sec {
    padding-top: 15px;
}

.plcy-top-txt {
    color: #9a9a9a;
    font-size: 12px;
    margin-bottom: 10px;
}

.plcy-txt-box {
    margin-bottom: 30px;
}

.plcy-txt-box h2 {
    font-size: 20px;
    color: #404040;
    margin: 0 0 2px 0;
    position: relative;
}

.plcy-txt-box h2::before {
    content: '';
    background-color: #0095d4;
    width: 3px;
    height: 56px;
    display: inline-block;
    position: absolute;
    left: -50px;
    top: -20px;
}

.plcy-for-prb {
    margin-bottom: 12px;
}

.plcy-for-prb h3 {
    font-size: 16px;
    color: #5c5c5c;
    margin: 0;
}

.plcy-txt-box p {
    color: #4b4b4b;
    font-size: 14px;
    margin-bottom: 30px;
}

.plcy-txt-tbl .table {
    border: 1px solid #cacdce;
    margin-bottom: 27px;
}

.plcy-txt-box p:last-child {
    margin-bottom: 0;
}

.plcy-txt-tbl td {
    border-top: 0 !important;
    border-right: 1px solid #cacdce !important;
}

.plcy-txt-tbl td:last-child {
    border-right: 0 !important;
}

.plcy-txt-tbl .table > tbody + tbody {
    border-top: 1px solid #cacdce !important;
}

.plcy-txt-list-wrap h2 {
    font-size: 20px;
    color: #404040;
    margin: 0 0 20px 0;
}

.plcy-txt-list-wrap ol {
    padding: 0 0 0 15px;
    margin: 0;
    color: #4b4b4b;
}

.plcy-txt-list-wrap {
    margin-bottom: 25px;
}

#plcy-imp-list-wrap {
    padding: 47px 55px;
    background: #0095d4;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .0), 0 4px 10px 0 rgba(0, 0, 0, .12);
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .0), 0 4px 10px 0 rgba(0, 0, 0, .12);
    -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .0), 0 4px 10px 0 rgba(0, 0, 0, .12);
    margin-bottom: 85px;
}

#plcy-imp-list-wrap h2 {
    font-size: 20px;
    color: #002134;
    margin: 0 0 20px 0;
}

#plcy-imp-list-wrap ol {
    padding: 0 0 0 15px;
    margin: 0;
    color: #00283d;
}

.sck-leav-box {
    padding-top: 45px;
}

/* social policy page */
.soc-pol-wrap {
    padding-right: 35px;
}

.soc-pol-wrap .rt-glb-wrap {
    margin-bottom: 60px;
}

.soc-pol-wrap .plcy-txt-tbl td {
    border-bottom: 1px solid #cacdce !important;
    vertical-align: middle;
    padding: 8px 16px;
    color: #4b4b4b;
}

.soc-pol-wrap .plcy-txt-box p {
    margin-bottom: 20px;
}

.soc-pol-wrap .plcy-txt-tbl td img {
    margin: auto;
    display: block
}

.soc-pol-imp-wrap {
    padding: 55px 55px 46px;
}

.soc-pol-imp-wrap p {
    color: #e4f0f8;
    font-family: 'robotoregular';
    line-height: 23px;
    font-size: 14px;
}

.sc-pol-pro-tbl tr:first-of-type td:first-of-type {
    width: 163px;
}

/*@ section 2  personal info Page */
.pi-form-wrpr {
    background: #fff;
    box-shadow: 1px 1px 10px 3px #ececec;
    padding: 20px 0 25px 25px;
}

.pi-form-wrap .usr-info {
    margin: 0;
}

.pi-usr-photo-upd-opt {
    padding-top: 11px;
}

.pi-usr-photo-upd-opt a {
    color: #fff;
}

.pi-usr-photo-upd-opt i {
    vertical-align: bottom;
    margin-right: 6px;
}

.pi-form-input {
    padding-right: 23px;
    padding-left: 0;
    margin-top: 29px;
}

.pi-form-input label {
    color: #9a9a9a;
    left: 0;
    font-family: 'robotolight';
}

.pi-form-input input[type=email], .pi-form-input input[type=text], .pi-form-input input[type=number] {
    height: 40px;
    border-bottom-color: #d7d7d7;
}

.pi-form-input input + a {
    position: absolute;
    top: 5px;
    color: #b4b4b4;
    right: 22px;
}

.pi-info-updt-btn-box {
    margin-top: 25px;
}

.pi-info-updt-btn-box a {
    background: #88c539;
    font-size: 14px;
    color: #fff;
    font-family: 'robotoregular';
    padding: 3px 19px;
    margin: 0 10px;
}

.pi-info-updt-btn-box a:first-of-type {
    margin-left: 0;
}

.pi-info-updt-btn-box a:hover, .pi-info-updt-btn-box a:focus {
    color: #fff;
}

.pi-upd-inf-snd-txt {
    color: #3f3f3f;
    font-size: 13px;
    margin-top: 19px;
}

.job-post-wrpr .jb-rsp-box .crt-jb-des-lbl {
    top: -27px;
}

/*.fd-emp-list div.DTFC_LeftWrapper table.dataTable.no-footer{
    background-color: #fff;
}
.fd-emp-list table.dataTable{
    margin: 0 !important;
}*/

.you_vs_team_box {
    font-size: 12px;
    color: #00bcd4;
}

.you_vs_team_box span.caret {
    display: none;
}

.you_vs_team_box .vs {
    color: #9a9a9a;
    margin: 0 10px;
}

.you_vs_team_box .input-field > label {
    margin-top: -25px;
}

.you_vs_team_box .multiselect-native-select {
    display: block;
    border-bottom: #d7d7d7 1px solid;
}

.you_vs_team_box .multiselect-native-select .btn-group {
    margin-top: 0px;
    width: 100%;
}

.you_vs_team_box .multiselect-native-select .btn-group > button, .you_vs_team_box .multiselect-native-select .btn-group > button:focus, .you_vs_team_box .multiselect-native-select .btn-group > button:hover {
    background-color: transparent !important;
    color: #000 !important;
    box-shadow: none;
    padding: 0 0 !important;
    line-height: 20px;
    display: block;
    width: 100%;
    text-align: left;
    margin: 0;
    height: 2rem;
}

.you_vs_team_box .multiselect-native-select .btn-group .caret:before {
    content: "\f107";
}

.you_vs_team_box .multiselect-native-select .btn-group .caret {
    display: inline-block;
    font: normal normal normal 20px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    border: 0;
    float: right;
    margin-right: 14px;
    color: #9ca2ac;
    font-size: 20px;
}

.you_vs_team_box .multiselect-container.dropdown-menu {
    -webkit-box-shadow: 0px 2px 4px 0px rgba(186, 202, 210, 0.2);
    -moz-box-shadow: 0px 2px 4px 0px rgba(186, 202, 210, 0.2);
    border-radius: 3px;
    top: 29px;
    width: 100%;
}

.you_vs_team_box .multiselect-container.dropdown-menu li {
}

.you_vs_team_box .multiselect-container.dropdown-menu li a {
    line-height: 1rem;
    font-size: 14px;
    color: #000000;
    display: block;
    padding: 10px 1rem;
    font-family: 'robotoregular';
}

.you_vs_team_box .multiselect-container.dropdown-menu li.active a, .you_vs_team_box .multiselect-container.dropdown-menu li.active a:hover {
    background-color: transparent;
    color: #000 !important;
}

.you_vs_team_box .multiselect-container li > a > label {
    padding: 3px 20px 3px 20px;
    position: static;
}

.you_vs_team_box span .select-wrapper {
    margin-top: -3px;
}

.you_vs_team_box .select-wrapper input.select-dropdown {
    height: 20px;
    margin: 0;
    font-size: 12px;
}

.you_vs_team_box .select-wrapper::after {
    font-size: 12px;
    top: 4px;
}

.you_vs_team_box .dropdown-content {
    top: 23px !important;
}

.you_vs_team_box .dropdown-content li > a, .you_vs_team_box .dropdown-content li > span {
    font-size: 11px;
    padding: 4px 6px;
}

/*--------Footer------------*/
.ftr-wrap {
    float: left;
    width: 100%;
    position: relative;
    padding: 15px 0;
    font-size: 12px;
    font-family: 'robotomedium', Arial, Helvetica, sans-serif;
    text-align: center;
    color: #000000;
}

.ftr-wrap .border-gradient {
    top: 0;
    bottom: auto;
}

.msg-error {
    color: #ff1000;
    padding: 0 15px;
    margin-top: 9px;
    font-size: 14px;
}

/* @reset styling for Full screen */

.attendance_record_edit td input {
    max-width: 40px;
    margin: 0;
    height: 16px;
    position: relative;
    top: -6px;
}

.atnd-sheet-edit td {
    color: #ff9800 !important
}

.remove-div-btn, .remove-skill-btn, .remove-language-btn,
.remove-interest-btn, .remove-reference-btn, .res-inp-box b, #manage_interviewstageflow_form i.add-flow, #manage_interviewstageflow_form i.remove-flow {
    cursor: pointer;
    border-radius: 50%;
    border: 2px solid #bababc;
    width: 20px;
    display: inline-block;
    height: 20px;
    line-height: 18px;
    text-align: center;
    font-size: 12px;
}

#manage_interviewstageflow_form i.add-flow, #manage_interviewstageflow_form i.remove-flow {
    color: #bababc;
    line-height: 19px;
    position: absolute;
    right: 15px;
}

.modal-change-request {
    top: 120px;
}

.input-field.timeIn {
    position: relative;
    margin-top: 19px;
}

.input-field.timeIn .atnd-time {
    position: absolute;
    top: 5px;
    right: 17px;
    font-size: 24px;
}

.attendance-act-link {
    color: #767676;
    font-size: 20px;
    text-align: center;
    display: block;
}

#manage_interviewstageflow_form i.remove-flow {
    top: -19px !important;
    right: 15px !important;
    line-height: 17px;
}

#stage_div_0 .dropdown-content,
#stage_div_1 .dropdown-content,
#stage_div_2 .dropdown-content,
#stage_div_3 .dropdown-content,
#stage_div_4 .dropdown-content {
    max-height: 220px;
}

.move-right-20 {
    margin-left: 20px;
}

.job-responsibility-container {
    position: relative;
}

.academic-qualification-container {
    position: relative;
}

.skillset-container {
    position: relative;
}

.skillset-container input {
    height: 35px;
    opacity: 0.75;

}

.skillset-container i {
    top: 4px;
}

.remove-job-responsibility-btn {
    position: absolute;
    top: 0;
    right: 0 !important;
}

.jb-resp-inp-flds .remove-job-responsibility-btn {
    right: 20px !important;
    bottom: initial !important;
}

.remove-academic-qualification-btn {
    position: absolute;
    top: 0;
    right: 0 !important;
}

.remove-skillset-btn {
    position: absolute;
    top: 0;
    right: 0 !important;
}

/*--------Wigs------------*/
.wigs-model-1 .modal-body {
    padding: 15px 25px 30px 25px;
}

.wigs-model-1 h5 {
    margin-bottom: -10px;
    font-size: 1.4rem;
}

.wigs-model-1 .wigs-mid-row .input-field input {
    height: 27px;
    box-sizing: border-box;
    padding-right: 30px;
    color: #000;
    font-size: 14px;
    border-bottom-color: #0095d4;
}

.wigs-mid-row {
    padding: 10px 0 0px 0;
}

.wigs-mid-row2 {
    margin-bottom: 10px;
    padding: 0;
}

.wigs-mid-row2-per-lock {
    margin-top: 40px;
    margin-right: 30px;
}

.wigs-model-1 .wigs-mid-row label {
    font-size: 14px;
    color: #0f0f14;
    top: -27px;
    font-weight: lighter;
}

.wigs-model-1 .wigs-mid-row .jb-rsp-box i {
    color: #7d7d80;
    position: absolute;
    right: 13px;
    bottom: -15px;
    font-size: 22px;
    cursor: pointer;
    right: 5px !important;
    bottom: initial !important;
    z-index: 100;
}

.wigs-model-1 .wigs-mid-row .input-field i {
    color: #7d7d80;
    position: absolute;
    right: 13px;
    bottom: -15px;
    font-size: 22px;
    cursor: pointer;
    right: 5px !important;
    bottom: initial !important;
}

.wigs-model-1 #add_target {
    right: 17px !important;
    color: #7d7d80;
    cursor: pointer;
    margin-top: 5px;
}

.wigs-model-1 .dropdown-content li > a, .wigs-model-1 .dropdown-content li > span {
    color: #404040;
    padding: .5rem 1rem;
    font-size: 1rem;
}

.wigs-model-1 .select-wrapper::after {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f078";
    position: absolute;
    top: 14px;
    right: 4px;
    font-size: 16px;
    color: #757575;
}

.wigs-mid-row-inner {
    font-family: robotoregular;
    font-size: 14px;
    color: #000;
    border-bottom: 1px solid #0095d4;
    font-weight: normal;
    padding: 14px 0 8px;
}

.wigs-mid-row-result {
    border-bottom: 1px solid #d7d7d7;
    padding-bottom: 6px;
    font-family: robotoregular;
    font-size: 16px;
    text-align: center;
}

.qutr-prg-box-wrpr {
    border-bottom: 1px solid #f7f7f7;
}

.qutr-prg-box-wrpr:last-of-type {
    border-bottom: none;
}

.qutr-prg-box-wrpr:last-of-type .qutr-prg-box-row {
    padding-bottom: 0;
}

.wig-prgs-circle {
    display: inline-block;
    position: relative;
    padding: 40px 0;
}

.wig-prgs-circle canvas {
    transform: rotate(-180deg);
}

.qutr-prg-box-row {
    padding: 30px 0;
    width: 86%;
    margin: auto;
}

.wig-prgs-circle strong, .qutr-prg-box span, .qutr-prg-box a {
    display: inline-block;
    right: 0;
    margin: auto;
    left: 4px;
    position: absolute;
    text-align: center;
}

.wig-prgs-circle strong {
    font-size: 32px;
    height: 32px;
    line-height: 30px;
    width: 100%;
    font-family: robotoregular;
    bottom: 0;
    top: -42px;
}

.qutr-prg-box span {
    display: inline-block;
    color: #9a9a9a;
    font-size: 12px;
    top: 0;
}

.qutr-prg-box a {
    color: #3986ee;
    font-size: 12px;
    font-family: robotomedium;
    bottom: 0;
}

.curve-hd span {
    /*font: 16px "robotolight";*/
    font: 17px "Arial,sans-serif";
    height: 80px;
    position: absolute;
    width: 20px;
    left: 0;
    top: 50px;
    transform-origin: bottom center;
    color: #000;
    text-transform: uppercase;
}

.wig-scr-hd span {
    left: 145px;
    height: 90px;
    top: 69px;
}

.inv-scr-hd span {
    right: 140px;
    left: initial;
    top: 77px;
    height: 90px;
}

.cul-scr-hd span {
    left: 140px;
    top: 93px;
    height: 90px;
}

.wig-sel-wrpr .dropdown-content li > span {
    color: #000;
}

/*@ Section 6. Mark Personal Total screen CSS*/
.pr-mrk-totl-box {
    font-family: robotoregular;
    padding-right: 0;
}

.pr-mrk-totl-box h3 {
    color: #000;
    font-size: 36px;
    margin-bottom: 8px;
}

.pr-mrk-totl-box p {
    color: #404040;
    font-size: 14px;
    line-height: 18px;
}

.mt-grd-totl-txt {
    font-size: 20px;
    color: #404040;
    display: block;
    margin: 28px 0 21px;
}

.mt-indv-scr-box span {
    display: inline-block;
    width: 15px;
    height: 28px;
    border-radius: 3px;
}

.mt-indv-scr-box span.mt-wig-scr {
    background: #85d1fb;
}

.mt-indv-scr-box span.mt-cul-scr {
    background: #79d58a;
}

.mt-indv-scr-box span.mt-inv-scr {
    background: #f79449;
}

.mt-indv-scr-box b {
    color: #404040;
    font-size: 38px;
    font-weight: normal;
    margin: 0px 5px;
    text-align: center;
    display: inline-block;
}

.mt-indv-scr-bd-box {
    display: inline-block;
}

.mt-indv-scr-bd-box i {
    display: block;
    color: #000;
    font-size: 16px;
    font-style: normal;
    line-height: 16px;
}

.mt-indv-scr-bd-box span {
    color: #909090;
    font-size: 12px;
    width: auto;
    height: auto;
    border-radius: initial;
    display: block;
}

.grd-ttl-scr-hd {
    font-family: robotolight;
    font-size: 45px;
    color: #404040;
    position: absolute;
    top: 56px;
    right: 0;
    left: 0;
    margin: auto;
    width: 109px;
    line-height: 47px;
    bottom: 0;
    height: 61px;
    text-align: center;
}

.grd-ttl-scr-hd span {
    font-size: 12px;
    font-family: robotoregular;
    display: block;
    line-height: 7px;
}

/* @ Section 7. Mark Personal Wig screen CSS */
.mp-wig-scr-wrap {
    padding-top: 40px;
}

.mp-wig-scr-dont-cht-box .grd-ttl-scr-hd {
    top: 23px;
    font-size: 160px;
    line-height: 139px;
    width: 109px;
    height: 157px;
}

.mp-wig-scr-dont-cht-box .grd-ttl-scr-hd span {
    line-height: 13px;
    text-transform: uppercase;
    color: #9a9a9a;
}

.mp-wig-qtr-dont-cht-box .grd-ttl-scr-hd {
    font-family: robotoregular;
    font-size: 32px;
    color: #000;
    top: 127px;
    width: 89px;
    line-height: 28px;
    height: 29px;
}

.wig-scr-txt-box {
    font-family: robotoregular;
    margin-top: 12px;
}

.wig-scr-txt-box h4 {
    font-size: 30px;
    color: #000;
    margin-bottom: 10px;
}

.wig-scr-txt-box p {
    font-size: 14px;
    color: #404040;
    line-height: 19px;
}

.wig-scr-txt-box p a, .wig-scr-txt-box p a:hover, .wig-scr-txt-box p a:focus {
    display: inline-block;
    color: #56ace1;
    font-size: 12px;
    text-decoration: underline;
}

.wig-scr-eq-ttl {
    color: #404040;
    font-size: 16px;
}

.wig-scr-eq-ttl b {
    font-family: robotobold;
    display: block;
    margin-top: 2px;
}

.alert-box-success {
    background-color: #88c539;
    padding: 15px;
    border-radius: 20px;
    margin: 15px 0px;
}

.alert-box-success p {
    color: #fff;
    font-size: 14px;
    margin: 0px;
}

.alert-box-failed {
    background-color: indianred;
    padding: 15px;
    border-radius: 20px;
    margin: 15px 0px;
}

.alert-box-failed p {
    color: #fff;
    font-size: 14px;
    margin: 0px;
}

.tab-content .dataTables_paginate {
    left: 0px;
}

/* @ Section 8. Disrupt Redesign Home Screen */
.dr-article-contnr {
    border: 1px solid #f2f2f2;
}

.dr-article-uper-contnr {
    float: right;
    position: absolute;
    right: 57px;
    top: 90px;
    width: 51%;
}

.dr-article-iner-contnr {
    left: 3px;
    bottom: 5px;
    background: #fff;
    position: relative;
}

.dr-article {
    background: #fbfbfb;
    position: relative;
    left: 18px;
    top: -39px;
    padding: 27px 34px 9px 48px;
}

.dr-modul-wrpr .dr-article-txt {
    font-family: robotolight;
    color: #414141;
    font-size: 14px;
}

.dr-article p {
    line-height: 21px;
    margin-bottom: 20px;
    font-weight: normal;
}

.dr-hd-box {
    color: #000;
    font-size: 54px;
    font-family: robotolight;
    line-height: 76px;
    margin-top: 25px;
}

.dr-hd-box span {
    display: inline-block;
    margin-top: 20px;
}

.dr-hd-box b {
    color: #283b91;
    font-size: 88px;
    font-family: robotobold;
    font-weight: normal;
}

.dr-v_strip {
    display: inline-block;
    position: absolute;
    top: 100%;
    width: 2px;
    height: 220px;
    background: #fefefe; /* Old browsers */
    background: -moz-linear-gradient(top, #fefefe 0%, #f5f5f5 51%, #fefefe 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #fefefe 0%, #f5f5f5 51%, #fefefe 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #fefefe 0%, #f5f5f5 51%, #fefefe 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.dr-v_strip_botom {
    background: #fafafa; /* Old browsers */
    background: -moz-linear-gradient(top, #fafafa 0%, #e5e5e5 51%, #fefefe 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #fafafa 0%, #e5e5e5 51%, #fefefe 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #fafafa 0%, #e5e5e5 51%, #fefefe 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.dr-v_strip-first {
    right: 2%;
    height: 400px;
}

.dr-v_strip-secnd {
    right: 29%;
}

.dr-v_strip-thrd {
    right: 58%;
}

.dr-v_strip-forth {
    right: 87%;
}

.dr-hm-img-wrpr {
    margin-top: 40px;
    position: relative;
}

.dr-hm-img-wrpr img {
    margin: auto;
    max-width: 91%;
}

.dr-hm-txt-wrpr {
    margin-top: 72px;
    margin-bottom: 45px;
}

.dr-hm-txt-wrpr h3 {
    font-family: robotomedium;
    font-size: 20px;
    color: #414141;
}

.dr-hm-txt-wrpr p {
    padding-left: 30px;
    line-height: 20px;
    width: 71%;
    margin-bottom: 20px;
}

/* @ Section 9. Disrupt Redesign Targets Screen */

/*New Ali Css of quater taget*/
.quater-box {
    margin: 0 0 3px 0;
}

.quater-box .qbox-heading {
    font-size: 18px;
    font-family: 'robotoregular';
    margin-bottom: 14px;
}

.quater-box .qbox-btn {
    margin-top: 18px;
}

.quater-box .qbox-btn button {
    padding: 2px 23px;
}

.quater-box .input-field > span {
    /*font-size: 16px;*/
    /*font-family: 'robotomedium';*/
    /*padding-top: 11px;*/
    /*display: block;*/
}

.Qpyear-box {
    margin-top: 20px;
    margin-bottom: 15px;
}

.Qpyear-box + .quater-box {
    margin-top: 35px;
}

.Qpyear-box .pyear-heading {
    font-size: 16px;
    font-family: 'robotobold';
    color: #a753e9;
    text-transform: uppercase;
    border-bottom: 2px solid #a753e9;
    padding-bottom: 5px;
}

.Qpyear-box .pyear-heading.sec-qua {
    color: #f1c582;
    border-color: #f1c582;
}

.Qpyear-box .pyear-heading.thir-qua {
    color: #f1c582;
    border-color: #f1c582;
}

.Qpyear-box .pyear-heading.four-qua {
    color: #f1c582;
    border-color: #f1c582;
}

.Qpyear-box table {
    border: 1px solid #e9e9e9;
    margin-top: 10px;
}

.Qpyear-box table tr td:last-child {
    border-left: 1px solid #e9e9e9;
}

.Qpyear-box table tr td {
    font-size: 12px;
    color: #757575;
    text-transform: uppercase;
    padding: 15px;

}

.Qpyear-box table tr td span {
    display: block;
    font-size: 16px;
    font-family: 'robotomedium';
    font-weight: normal;
    color: #000;
    text-transform: capitalize;
    margin-top: 2px;
}

.past-year-top-date {
    margin-top: 37px;
}

.dr-modul-trg-wrpr {
    padding-bottom: 41px;
}

.dr-targt-article {
    width: 658px;
    margin: 45px auto 0;
}

.dr-trg-stg {
    margin-top: -32px;
}

.dr-trg-stg:last-of-type {
    margin-top: 0;
}

.dr-stg-fig, .dr-stg-lvl {
    display: inline-block;
    border-radius: 50%;
}

.dr-stg-fig {
    width: 72px;
    height: 72px;
    top: 25px;
    background: url("../img/Disrupt/targets-description.png") no-repeat;
    position: relative;
}

.dr-stg-fig::after {
    content: '';
    display: inline-block;
    width: 66px;
    height: 56px;
    position: absolute;
}

.dr-trg-stg-rgt .dr-stg-fig::after {
    bottom: -14px;
    background-position: center -853px !important;
    left: 20px;
}

.dr-trg-stg-lft .dr-stg-fig::after {
    bottom: -19px;
    background-position: center -653px !important;
    left: -13px;
}

.dr-stg-lvl {
    width: 55px;
    height: 55px;
    line-height: 55px;
    color: #fff;
    font-size: 24px;
    text-align: center;
    font-family: robotoregular;
}

.dr-stg-info-lin-box-wrpr {
    display: inline-block;
    position: relative;
}

.dr-trg-stg-rgt .dr-stg-info-lin-box-wrpr {
    left: -34px;
}

.dr-trg-stg-lft .dr-stg-info-lin-box-wrpr {
    right: -34px;
}

.dr-stg-info-lin-box {
    width: 224px;
    display: inline-block;
    height: 180px;
    position: relative;
}

.dr-stg-info-lin-box i, .dr-stg-info-lin-box b {
    display: inline-block;
    position: absolute;
    margin: auto;
}

.dr-stg-info-lin-box i {
    font-size: 13px;
    color: #737373;
    bottom: 8%;
    left: 0;
    right: 0;
    margin: auto;
    font-style: normal;
    text-align: center;
}

.dr-trg-stg-rgt .dr-stg-info-lin-box i {
    left: 50px;
}

.dr-trg-stg-lft .dr-stg-info-lin-box i {
    right: 50px;
}

.dr-stg-info-lin-box b {
    font-size: 14px;
    color: #000;
    top: 104%;
    font-weight: normal;
    left: 0;
    right: 0;
    text-align: left;
}

.dr-trg-stg-rgt .dr-stg-info-lin-box b {
    left: 60px;
}

.dr-trg-stg-lft .dr-stg-info-lin-box b {
    right: 50px;
}

.dr-mrk-liv {
    background-position: center 24px;
}

.dr-cor-vlu {
    background-position: center -46px;
}

.dr-trn-asp-vlu {
    background-position: center -118px;
}

.dr-imp-mtrx {
    background-position: center -195px;
}

.dr-ded-lrng-cntr {
    background-position: center -266px;
}

.dr-hlth-cr {
    background-position: center -339px;
}

.dr-phil {
    background-position: center -414px;
}

.dr-phil-lif-rtn {
    background-position: center -495px;
}

.dr-apnt-ceos {
    background-position: center -573px;
}

.dr-mt-prog {
    background-position: center -651px;
}

.dr-new-ventr {
    background-position: center -726px;
}

.dr-gym-facl {
    background-position: center -806px;
}

.dr-trg-stg-grn .dr-stg-fig, .dr-trg-stg-grn .dr-stg-lvl {
    background-color: #79d58a;
}

.dr-trg-stg-grn .dr-stg-info-lin-box, .dr-trg-stg-grn .dr-stg-fig::after {
    background-image: url("../img/Disrupt/target-flow-green.png");
}

.dr-trg-stg-rgt .dr-stg-info-lin-box {
    background-position: center top;
}

.dr-trg-stg:first-of-type .dr-stg-info-lin-box {
    background-position: center -922px;
}

.dr-trg-stg-org .dr-stg-fig, .dr-trg-stg-org .dr-stg-lvl {
    background-color: #f89449;
}

.dr-trg-stg-org .dr-stg-info-lin-box, .dr-trg-stg-org .dr-stg-fig::after {
    background-image: url("../img/Disrupt/target-flow-orange.png");
}

.dr-trg-stg-lft .dr-stg-info-lin-box {
    background-position: center -327px;
}

.dr-trg-stg-blu .dr-stg-fig, .dr-trg-stg-blu .dr-stg-lvl {
    background-color: #86d1fb;
}

.dr-trg-stg-blu .dr-stg-info-lin-box, .dr-trg-stg-blu .dr-stg-fig::after {
    background-image: url("../img/Disrupt/target-flow-blue.png");
}

.dr-trg-img-wrpr {
    position: absolute;
    right: 70px;
    top: 60px;
    z-index: 1;
}

.dr-trg-art-cont {
    width: 519px;
    border: 1px solid #f2f2f2;
    margin-top: 30px;
    position: relative;
}

.dr-trg-vrt-ln-frst, .dr-trg-vrt-ln-sec {
    position: absolute;
    background: #fefefe; /* Old browsers */
    background: -moz-linear-gradient(top, #fefefe 0%, #f7f7f7 51%, #f2f2f2 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #fefefe 0%, #f7f7f7 51%, #f2f2f2 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #fefefe 0%, #f7f7f7 51%, #f2f2f2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    width: 1px;
    bottom: 100%;
}

.dr-trg-vrt-ln-frst {
    right: 70px;
    height: 250px;
}

.dr-trg-vrt-ln-sec {
    right: 260px;
    height: 43px;
}

.dr-trg-art-cont .dr-article {
    left: 21px;
    top: 20px;
}

.dr-trg-rev-box {
    margin-top: 100px;
}

.dr-trg-rev-box span {
    display: inline-block;
    font-size: 13px;
}

.dr-trg-rev-box span a {
    display: inline-block;
    color: #76ba49;
}

/* @ Section 10. Disrupt Redesign Heart beat Screen */
.dr-modul-heart-bt-wrpr {
    padding-bottom: 43px !important;
}

.dr-modul-heart-bt-wrpr .dr-article {
    top: -19px;
}

.dr-hd-box {
    line-height: 67px;
    margin-top: 5px;
}

.dr-modul-heart-bt-wrpr .dr-v_strip-secnd {
    right: 22%;
}

.dr-hbt-prg-rep-sec {
    margin-top: 50px;
}

.dr-hbt-prg-rep-sec h4 {
    display: inline-block;
    color: #161616;
    font-size: 18px;
    font-family: robotomedium;
    padding-left: 66px;
    background: url(../img/Disrupt/heart-beat-img.png) no-repeat left center;
    height: 50px;
    line-height: 50px;
    margin-bottom: 55px;
}

.dr-hbt-atrb-box {
    display: inline-block;
    width: 20.9%;
    margin: 0 1.7%;
}

.dr-hbt-atrb-val {
    font-size: 24px;
    color: #283b91;
    font-family: robotomedium;
    display: inline-block;
}

.dr-hbt-atrb-name {
    display: inline-block;
    font-size: 18px;
    font-family: robotolight;
    color: #161616;
}

.dr-hbt-cnc-txt-box {
    margin-top: 52px;
    width: 80%;
    display: inline-block;
}

/* @ section 11. Disrupt Redesign Mark */
.dr-modul-mrk-wrpr {
    padding-bottom: 75px;
}

.dr-modul-mrk-wrpr .dr-trg-art-cont + section, .dr-modul-mrk-wrpr .dr-trg-art-cont + div {
    margin-top: 155px;
}

.dr-modul-mrk-wrpr .dr-trg-art-cont {
    height: 153px;
}

.dr-mrk-per-distr-sec > p {
    font-size: 16px;
    color: #414141;
    font-family: robotoregular;
    position: relative;
    z-index: 1;
}

.dr-mrk-cmpn-artic {
    position: relative;
    width: 84%;
    margin: 30px auto 45px;
}

.dr-mrk-cmpn-img-box {
    background: #f7f7f7;
    width: 37.8%;
}

.dr-mrk-cmpn-img-box, .dr-mrk-cmpn-txt-box-wrpr {
    height: 225px;
    line-height: 225px;
}

.dr-mrk-cmpn-txt-box-wrpr {
    background: #fbfbfb;
    width: 62%;
}

.dr-mrk-cmpn-txt-box, .dr-mrk-cmpn-img-box img {
    display: inline-block;
    line-height: normal;
    vertical-align: middle;
}

.dr-mrk-cmpn-txt-box {
    width: 80%;
}

.dr-mrk-cmpn-txt-box h3 {
    font-size: 44px;
    color: #161616;
    font-family: robotolight;
    margin: 0 0 7px;
}

.dr-mrk-cmpn-txt-box h3 b {
    font-size: 24px;
    color: #283b91;
    font-family: robotobold;
}

.dr-mrk-cmpn-txt-box p {
    line-height: 20px;
}

.dr-mrk-cmpn-artic-rgt .dr-mrk-cmpn-img-box {
    left: 62%;
}

.dr-mrk-cmpn-artic-rgt .dr-mrk-cmpn-txt-box-wrpr {
    right: 37.8%;
}

.dr-modul-mrk-wrpr .dr-hbt-cnc-txt-box {
    margin-top: 5px;
}

.dr-mrk-cmpn-artic .dr-v_strip {
    top: initial;
    bottom: 55%;
    right: 19%;
    background: #fefefe; /* Old browsers */
    background: -moz-linear-gradient(top, #fefefe 0%, #fbfbfb 8%, #f5f5f5 15%, #f8f8f8 35%, #f8f8f8 50%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #fefefe 0%, #fbfbfb 8%, #f5f5f5 15%, #f8f8f8 35%, #f8f8f8 50%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #fefefe 0%, #fbfbfb 8%, #f5f5f5 15%, #f8f8f8 35%, #f8f8f8 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.dr-mrk-cmpn-artic-rgt .dr-v_strip {
    top: initial;
    bottom: 83%;
    left: 19%;
    height: 86px;
    background: #f2f2f2;
}

/* @ Section 12. Disrupt Redesign feedback Screen */
.dr-modul-fdbk-wrpr .dr-hd-box {
    margin-top: 45px;
}

.dr-modul-fdbk-wrpr .dr-hd-box b {
    font-size: 77px;
}

.dr-modul-fdbk-wrpr .dr-trg-img-wrpr {
    right: 12%;
}

.dr-fdbk-strp {
    position: absolute;
    background: #e5e5e5;
    width: 1px;
    display: inline-block;
}

.dr-fdbk-vrt-top-strp {
    background: #fefefe; /* Old browsers */
    background: -moz-linear-gradient(top, #fefefe 0%, #fbfbfb 25%, #e9e9e9 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #fefefe 0%, #fbfbfb 25%, #e9e9e9 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #fefefe 0%, #fbfbfb 25%, #e9e9e9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    height: 526px;
    right: 7%;
    bottom: 100%;
}

.dr-fdbk-hrz-strp {
    width: 70%;
    height: 1px;
    right: 7%;
}

.dr-fdbk-vrt-bot-strp {
    height: 19px;
    right: 77%;
}

.dr-fdbk-vrt-bot-strp::after {
    content: '';
    position: absolute;
    top: 100%;
    display: inline-block;
    background: #7fcae9;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    left: -3.4px;
}

.dr-fdbk-chrt-sec {
    position: relative;
    margin: 90px 0 0 -25px;
}

.dr-fdbk-ques-art-bgclr {
    background: #fcfcfc;
}

.dr-fdbk-ques-art {
    display: inline-block;
    width: 47%;
    margin: 0 11px 20px;
    vertical-align: top;
}

.dr-fdbk-ques-art h3 {
    font-family: robotolight;
    color: #414141;
    font-size: 27px;
    line-height: 36px;
    margin-top: 33px;
}

.dr-fdbk-ques-art-box {
    margin-top: 20px;
}

.dr-fdbk-ques-art img {
    margin: auto;
}

.dr-fdbk-ques-art-inr-box {
    border: 1px solid transparent;
    padding: 0px 0 36px;
}

.dr-fdbk-ques-art-inr-wht-box {
    background: #fff;
    margin: 10px;
    padding-bottom: 15px;
}

/* @ Section 13. Disrupt Redesign Events Screen */
.dr-modul-evnt-wrpr .dr-mrk-per-distr-sec {
    margin-top: 70px;
    width: 93%;
}

.dr-modul-evnt-wrpr .dr-mrk-cmpn-artic {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    background: #fbfbfb;
    padding: 30px 0 34px;
}

.dr-modul-evnt-wrpr .dr-mrk-cmpn-txt-box, .dr-modul-evnt-wrpr .dr-mrk-cmpn-img-box img {
    vertical-align: top;
}

.dr-modul-evnt-wrpr .dr-mrk-cmpn-txt-box h3 b {
    font-size: 32px;
}

.dr-modul-evnt-wrpr .dr-mrk-cmpn-txt-box-wrpr {
    width: 34%;
    background: transparent;
}

.dr-modul-evnt-wrpr .dr-mrk-cmpn-artic-rgt .dr-mrk-cmpn-img-box {
    left: 34%;
}

.dr-modul-evnt-wrpr .dr-mrk-cmpn-img-box {
    width: 66%;
    background: transparent;
    padding-left: 50px;
}

.dr-modul-evnt-wrpr .dr-mrk-cmpn-artic-rgt .dr-mrk-cmpn-img-box {
    padding-right: 45px;
    padding-left: 15px;
}

.dr-modul-evnt-wrpr .dr-mrk-cmpn-artic-rgt .dr-mrk-cmpn-txt-box-wrpr {
    right: 66%;
}

.dr-modul-evnt-wrpr .dr-mrk-cmpn-txt-box {
    width: 100%;
    padding-right: 25px;
}

.dr-modul-evnt-wrpr .dr-mrk-cmpn-artic-rgt .dr-mrk-cmpn-txt-box {
    padding-left: 25px;
    padding-right: 0;
}

.dr-modul-evnt-wrpr .dr-mrk-cmpn-txt-box h3 {
    margin-bottom: 12px;
    line-height: 35px;
}

.dr-evnt-sub-hd, .dr-mrk-cmpn-txt-box, .dr-modul-evnt-wrpr .dr-evnt-sub-hd {
    color: #2e2e2e;
    font-family: robotoregular;
    font-size: 24px;
}

.dr-modul-evnt-wrpr .dr-mrk-cmpn-img-box, .dr-modul-evnt-wrpr .dr-mrk-cmpn-txt-box-wrpr {
    height: auto;
    line-height: initial;
}

.dr-modul-evnt-wrpr .dr-mrk-cmpn-txt-box p b {
    color: #131313;
    font-size: 14px;
    font-weight: normal;
    font-family: robotoregular;
    margin-top: 5px;
    display: inline-block;
}

.dr-modul-evnt-wrpr .dr-evnt-lnch-art {
    padding-top: 90px;
}

.dr-evnt-lnch-art .dr-mrk-cmpn-txt-box h3 b {
    position: absolute;
    width: 478px;
    right: 14%;
    top: -45px;
}

.dr-evnt-lnch-art .dr-mrk-cmpn-txt-box p {
    margin-top: 15px;
}

.dr-evnt-lnch-art .dr-mrk-cmpn-img-box {
    padding-left: 25px;
}

.dr-modul-evnt-wrpr .dr-evnt-upcmng-artcl {
    padding-left: 22px;
    padding-right: 22px;
}

.dr-modul-evnt-wrpr .dr-evnt-upcmng-artcl h4 {
    margin-bottom: 16px;
}

.dr-modul-evnt-wrpr .dr-evnt-upcmng-artcl p {
    line-height: 19px;
}

.dr-evnt-upcmng-cta-box {
    margin-top: 17px;
}

.dr-evnt-upcmng-cta-box a {
    display: inline-block;
    background: #88c538;
    color: #fff;
    font-family: robotomedium;
    font-size: 14px;
    padding: 8px 62px;
    border-radius: 3px;
}

#dr-cal-input-id {
    height: 0;
    border: 0;
    overflow: hidden;
}

.dr-evnt-comte-box {
    padding: 0 30px;
}

.dr-evnt-comte-box .dr-article-txt {
    line-height: 19px;
    margin-bottom: 20px;
}

.dr-evnt-comte-box p a {
    color: #88c538;
    text-decoration: underline;
}

.dr-evnt-idea-img-box {
    margin-top: 40px;
}

.dr-evnt-idea-img-box img {
    margin: auto;
}

.dr-modul-evnt-wrpr .dr-trg-img-wrpr {
    right: 88px;
}

.dr-modul-evnt-wrpr .dr-trg-img-wrpr .dr-v_strip {
    top: -60px;
    right: 0;
    height: 1190px;
    background: -moz-linear-gradient(top, #fefefe 0%, #e5e5e5 51%, #fefefe 100%);
    background: -webkit-linear-gradient(top, #fefefe 0%, #e5e5e5 51%, #fefefe 100%);
    background: linear-gradient(to bottom, #fefefe 0%, #e5e5e5 51%, #fefefe 100%);
}

.dr-calender-box {
    width: 100%;
    margin: auto;
}

.dr-evnt-date {
    position: absolute;
    top: -100px;
    bottom: 0;
    margin: auto;
    color: #fff;
    padding: 15px;
    height: 50px;
    z-index: 999;
    background: #222;
    width: 130px;
    left: -31px;
}

.dr-cal-modal .modal-dialog {
    background: #fff;
    padding: 15px;
}

/* @ Section 14. Ticket Creation System screen */
/**  **/

.tic_sys_row {
    margin-top: 30px;
}

.tic_sys_wrapper .input-field {
    padding-top: 3px;
}

.tic_sys_wrapper .atnd-date label, .tic_sys_wrapper .atnd-wrap label {
    left: 0;
}

.tic_sys_wrapper input {
    color: #000000;
}

.tic_sys_wrapper .input-field label, .tic_sys_wrapper .desc label {

    font-size: 14px;
    text-transform: capitalize;
    font-family: 'robotomedium';
    color: #a5a5a6;
    font-weight: normal;
}

.tic_sys_wrapper .checkin-expr {
    margin-top: 15px;
}

.tic_sys_wrapper .select-wrapper::after {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f078";
    position: absolute;
    top: 14px;
    right: 4px;
    font-size: 16px;
    color: #757575;
}

.tic_sys_wrapper .checkin-expr .atnd-cal-date {
    width: 100%;
}

.tic_sys_wrapper .description {
    border: 1px solid #0095d4;
    padding: 17px 0px 0px 17px;
    min-height: 145px;
    font-size: 1rem;
    font-weight: normal;
}

.tic_sys_wrapper .file-warn {
    display: block;
    font-size: 12px;
    font-weight: 300;
}

.tic_sys_wrapper .file-input-ts.file-field .btn {
    float: none;
    margin: 0px auto;
    display: block;
    background-color: transparent;
    color: #000;
    font-size: 14px;
    box-shadow: none;
    padding: 0px 27px;
}

.tic_sys_wrapper .file-input-ts.file-field .btn span i {
    position: relative;
    top: 3px;
    left: -6px;
}

.tic_sys_wrapper .checkin-btn-box {
    margin-top: 50px;
}

.tic_sys_wrapper .checkin-btn-box .glb-submit input[type="button"] {
    padding: 9px 41px;
    color: #FFF;
}

.tic_sys_wrapper .checkin-btn-box .btn-cancel input[type="button"] {
    color: #000;
}

.tic_sys_wrapper ::-webkit-input-placeholder {
    color: #000;
}

.tic_sys_wrapper :-moz-placeholder { /* Firefox 18- */
    color: #000;
}

.tic_sys_wrapper ::-moz-placeholder { /* Firefox 19+ */
    color: #000;
}

.tic_sys_wrapper :-ms-input-placeholder {
    color: #000;
}

/* @ Section 15. Ticket User list screen */
/**  **/

.ticket-u-row {
    margin-top: 10px;
    margin-bottom: 30px;
}

.user-list-search {

    font-family: 'robotoregular', Arial, Helvetica, sans-serif;
    text-align: left;

}

.user-list-search label {
    display: block;
    border-bottom: 1px solid #d7d7d7;
    font-size: 12px;
    font-family: 'robotomedium', Arial, Helvetica, sans-serif;
    text-transform: uppercase;
}

.user-list-search input {
    box-sizing: border-box;
    font-size: 15px;
    height: 2.8125rem;
    border: 0;
    border-radius: 0;
    line-height: 1.42857143;
    color: #0f0f14;
    background-color: #fff;
    background-image: none;
    width: 90%;
    font-weight: normal;
}

.user-list-search label::before {
    content: "\f002";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    position: absolute;
    pointer-events: none;
    font-size: 18px;
    top: 12px;
    right: 18px;
    color: #757575;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.create-ticket-btn {
    margin-top: 6px;
}

.create-ticket-btn input[type="submit"] {
    padding: 2px 41px;
    color: #FFF;
    background: #88c539;
    border-radius: .2em;
    width: 100%;
    text-transform: uppercase;
    display: block;
    margin: 0;
}

.create-ticket-btn i {
    position: absolute;
    top: 17px;
    left: 50%;
    color: #FFF;
    margin-left: -69px;
}

.ticket-u-row ::-webkit-input-placeholder {
    color: #000;
    font-size: 16px;
    color: #a2a2a2;
    font-weight: 300;

}

.ticket-u-row :-moz-placeholder { /* Firefox 18- */
    color: #000;
}

.ticket-u-row ::-moz-placeholder { /* Firefox 19+ */
    color: #000;
}

.ticket-u-row :-ms-input-placeholder {
    color: #000;
}

.ticket-u-row .select-wrapper::after {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f078";
    position: absolute;
    top: 14px;
    right: 4px;
    font-size: 16px;
    color: #757575;
}

.ticket-u-row .input-field label {
    font-size: 14px;
    text-transform: capitalize;
    font-family: 'robotomedium';
    color: #a5a5a6;
    font-weight: normal;
    left: 0;
}

.ticket-u-row input.select-dropdown {
    height: 3.3rem;
}

#ticket_user_list {
    width: 100%;
}

#ticket_user_list thead th {
    text-transform: uppercase;
}

#ticket_user_list tbody tr:nth-child(even) {
    border: solid #f7f7f7;
    border-width: 1px 0px 1px 0px;
    background-color: #fbfbfb;
}

#ticket_user_list tbody tr td:nth-child(1) {
    width: 10%;
}

#ticket_user_list tbody tr td:nth-child(2) {
    width: 35%;
}

#ticket_user_list tbody tr td:nth-child(3) {
    width: 15%;
}

#ticket_user_list tbody tr td:nth-child(4) {
    width: 10%;
}

#ticket_user_list tbody tr td:nth-child(5) {
    width: 15%;
}

#ticket_user_list tbody tr td:nth-child(6) {
    width: 15%;
}

/* @ Section 16. Ticket Request screen */
/**  **/

.nopadding {
    padding: 0;
}

.back-btn {
    background-color: transparent;
    width: 100%;
    margin: 0;
    display: block;
    margin-top: 8px;
}

.back-btn i {
    position: relative;
    left: -10px;
    top: 2px;
    font-size: 16px;
}

.create-btn {
    background-color: #88c538;
    width: 100%;
    margin: 0;
    display: block;
    color: #FFF;
    margin-top: 8px;
}

.create-btn i {
    position: relative;
    left: -10px;
    top: 1px;
    font-size: 16px;
}

.create-btn:focus {
    background-color: #88c538;
    color: #FFF;
}

.ut-thread-row {
    margin-top: 50px;
    margin-bottom: 12px;
}

.ut-thread-row .ut-thread-info-head {
    display: block;
    color: #585858;
    font-size: 14px;
}

.ut-thread-row .ut-thread-info-text {
    display: block;
    color: #DA69FE;
    font-size: 14px;
}

.feedbackarea {
    font-family: 'robotolight';
    font-size: 14px;
    margin-top: 35px;
}

.feedbackarea .feedback-col {
    margin-bottom: 40px;
}

.feedbackarea .feedback-col h4 {
    margin: 0px 0px;
    font-size: 14px;
    font-weight: normal;
    color: #000;
    padding: 0px 0px 0px 0px;
    font-family: 'robotomedium';
}

.feedbackarea .feedback-col h4 span {
    font-size: 12px;
    color: #a1a1a1;
}

.feedbackarea .feedback-col p {
    font-size: 14px;
    font-weight: normal;
    color: #a1a1a1;
    margin-top: 8px;
    font-weight: normal;
    font-family: 'robotolight';
}

.feedbackarea .feedback-col .feedback-name {
    color: #DA69FE;
}

.comment-box {
    font-family: 'robotolight';
}

.comment-box label {
    color: #000;
    font-size: 14px;
}

.comment-box label span {
    color: #a1a1a1;
    font-size: 12px;
}

.comment-box textarea {
    border: 1px solid #0095d4;
    padding: 17px 0px 0px 17px;
    min-height: 145px;
}

.ticket-status-row {
    margin-top: 32px;
}

.ticket-status-row .select-wrapper::after {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f078";
    position: absolute;
    top: 14px;
    right: 4px;
    font-size: 16px;
    color: #757575;
}

.ticket-status-row .atnd-date label {
    left: 0;
    font-family: 'robotolight';
    text-transform: capitalize;
    font-size: 14px;
}

/* @ Section 17. Admin List View and ticket Update screen */
/**  **/

.ticket-s-tab-wrap {
    margin-bottom: 36px;
}

.ticket-s-tab-wrap .nav-tabs {
    box-shadow: none;
    border-bottom: 1px solid #f2f2f2;
    height: auto;
}

.ticket-s-tab-wrap .nav-tabs a {
    color: #9a9a9a;
    padding: 15px;
}

.ticket-s-tab-wrap .nav-tabs a:focus {
    background-color: transparent;
}

.ticket-s-tab-wrap .nav-tabs li {
    min-width: 185px;
    height: auto;
    font-size: 14px;
    line-height: 24px;
}

.ticket-s-tab-wrap .nav-tabs li > a:hover { /*border: 1px solid transparent;*/
    color: #404040;
    border-bottom-width: 2px;
}

.ticket-s-tab-wrap .nav-tabs > li.active > a, .rfrl-tabs-wrap .nav-tabs > li.active > a:hover, .rfrl-tabs-wrap .nav-tabs > li.active > a:focus {
    color: #404040;
}

.ticket-s-tab-wrap .nav-tabs li.active > a:hover {
    border: none;
}

.ticket-s-tab-wrap .nav-tabs li.active > a {
    border-bottom-color: #0095d4;
}

.list-v-ticket h4 {
    margin: 0 0 36px 0;
}

.ticket-u-list-wrap > .fd-emp-top-txt {
    margin-bottom: 24px;
}

.export-report-btn {
    background-color: #88c538;
    color: #FFF;
    text-transform: uppercase;
    width: 100%;
    margin-top: 22px;
}

/* @ Section 18. Remarks screen */
/**  **/
.remarks-row {
    margin-top: 45px;
}

.remarks-body .input-field label {
    font-family: 'robotolight';
    left: 0;
}

.remarks-status-txt {
    font-size: 12px;
    color: #9a9a9a;
    margin-top: 20px;
}

.remarks-status-txt span {
    display: block;
}

.remarks-status-txt .status-val {
    color: #DA69FE;
    font-size: 14px;
    margin-top: 5px;
}

.remark-feedback-field {
    margin-top: 40px;
}

.remark-feedback-field label {
    font-size: 14px;
    color: #000;
    font-family: 'robotolight';
    padding-bottom: 10px;
}

.remark-feedback-field label span {
    font-size: 12px;
    color: #8c8c8c;
}

.remark-feedback-field textarea {
    border: 1px solid #0095d4;
    padding: 17px 0px 0px 17px;
    min-height: 145px;
}

.submit-btn input[type="submit"] {
    background-color: #88c538;
    color: #FFF;
    margin: 45px 0px 0px 0px;

    padding: 2px 43px;
}

/* @ Section 19. Ticket Reporting screen  */
/**  **/
.ticket-report-cont {
    padding-bottom: 40px;
}

.wrap-tab-wrap .input-field {
    margin-top: 40px;
}

.wrap-tab-wrap .input-field li {
    width: 100%;
}

.ticket-report-cont .input-field label {
    left: 0;
    font-family: 'robotolight';
    font-size: 12px;
}

.ticket-report-cont .pr-mrk-totl-box {
    margin-top: 100px;
}

.ticket-report-cont .pr-mrk-totl-box h3 {
    font-size: 24px;
}

.mt-indv-scr-box span.mt-red-scr {
    background: #f74949;
}

.mt-indv-scr-box span.mt-yel-scr {
    background: #fbf185;
}

/* @ Section 20. Leaves main screen  */
/**  **/

.leaves-box {
    float: none;
    display: inline-block;
    width: 32.333333%;
}

.leaves-col {
    margin: 25px 0px 58px 0px;
}

.leaves-col.disabled {
    opacity: 0.5;
}

.leaves-col .leaves-col-img {

}

.leaves-col .leaves-col-img img {
    margin: 0px auto;
    display: block;
    width: 100%;
    border: 2px solid #9a9a9a;
    border-radius: 50%;
}

.leaves-col .leaves-col-head {
    font-size: 18px;
    font-family: 'robotomedium';
    color: #000;
    text-align: center;
    margin-top: 25px;
}

.leaves-col .remain-leave-txt {
    text-align: center;
    margin-top: 6px;
}

.leaves-col .remain-leave-txt span {
    background-color: #79d58a;
    font-size: 16px;
    font-family: 'robotoregular';
    padding: 0px 10px;
    border-radius: 4px;
    color: #FFF;
}

.leaves-col.active .leaves-col-img img {
    border: 2px solid #f89449;
    border-radius: 50%;
}

.leaves-col.active .remain-leave-txt span {
    background-color: #f89449;
}

.modal-leave .modal-header {
    border-bottom: 0;
}

.modal-leave .modal-header .m-leave-head {
    font-size: 20px;
    color: #000;
    position: relative;
    top: 5px;
    margin-left: 10px;
}

.leave-request-row {
    margin-top: 8px;
    margin-bottom: 21px;
    position: relative;
}

.leave-request-row p {
    font-size: 18px;
}

.leave-request-row .input-field label {
    font-size: 14px;
    color: #a5a5a6;
    font-family: 'robotoregular';
    font-weight: normal;
}

.leave-request-row .atnd-wrap label.atnd-cal-sec {
    left: 0
}

.leave-request-row textarea.materialize-textarea {
    min-height: 20px;
    padding: 15px 0px 0px 0px;
}

.leave-btn-box {
    margin-top: 10px;
}

.submit-btn {
    background-color: #88c538;
    color: #FFF;
    padding: 3px 12px;
    /*min-width: 155px;*/
    min-width: 130px;
}

.submit-btn:hover, .submit-btn:focus {
    background-color: #88c538;
    color: #FFF;
}

.reject-btn {
    background-color: #f7494a;
    color: #FFF;
}

.reject-btn:hover, .reject-btn:focus {
    color: #FFF;
    background-color: #f7494a;
}

.cancel-btn {
    background-color: transparent;
    color: #000;
    /* box-shadow: none; */
    /*min-width: 150px;*/
    min-width: 130px;
    padding: 4px 12px;
}

.cancel-btn:focus {
    background: transparent;
}

.aproval-box {
    margin: 0px 15px 0px 15px;
}

.aproval-box .aproval-icon {
    width: 30px;
    margin: 0px auto;
}

.aproval-box .aproval-type-txt {
    font-size: 14px;
    color: #000;
    text-align: center;
    margin-top: 10px;
}

.modal-leave input::-webkit-input-placeholder {
    font-size: 16px;
    font-weight: normal;
    font-family: 'robotoregular';
    color: #cdcdcd
}

.modal-leave input:-moz-placeholder {
    font-size: 16px;
    font-weight: normal;
    font-family: 'robotoregular';
    color: #cdcdcd
}

.modal-leave input::-moz-placeholder {
    font-size: 16px;
    font-weight: normal;
    font-family: 'robotoregular';
    color: #cdcdcd
}

.modal-leave input:-ms-input-placeholder {
    font-size: 16px;
    font-weight: normal;
    font-family: 'robotoregular';
    color: #cdcdcd
}

.modal-leave textarea::-webkit-input-placeholder {
    font-size: 16px;
    font-weight: normal;
    font-family: 'robotoregular';
    color: #cdcdcd
}

.modal-leave textarea:-moz-placeholder {
    font-size: 16px;
    font-weight: normal;
    font-family: 'robotoregular';
    color: #cdcdcd
}

.modal-leave textarea::-moz-placeholder {
    font-size: 16px;
    font-weight: normal;
    font-family: 'robotoregular';
    color: #cdcdcd
}

.modal-leave textarea:-ms-input-placeholder {
    font-size: 16px;
    font-weight: normal;
    font-family: 'robotoregular';
    color: #cdcdcd
}

#modal-encashment {
    top: 100px;
}

#modal-encashment .leave-request-row {
    margin: 25px 0px
}

.encashment-btn {
    background-color:
}

.copyforward-btn {
    background-color: #f89449;
}

/* @ Section 21. Leaves Avail In process screen  */
/**  **/

.bgcolor-green {
    background-color: #88c539;
    color: #FFF;
}

.bgcolor-green:hover {
    color: #FFF;
}

.bgcolor-green:focus {
    color: #FFF;
    background-color: #88c539;
}

.color-white {
    color: #FFF;
    background-color: #88c539;
}

input::-webkit-input-placeholder {
    font-size: 16px;
    font-weight: normal;
    font-family: 'robotoregular';
    color: #cdcdcd
}

input:-moz-placeholder {
    font-size: 16px;
    font-weight: normal;
    font-family: 'robotoregular';
    color: #cdcdcd
}

input::-moz-placeholder {
    font-size: 16px;
    font-weight: normal;
    font-family: 'robotoregular';
    color: #cdcdcd
}

input:-ms-input-placeholder {
    font-size: 16px;
    font-weight: normal;
    font-family: 'robotoregular';
    color: #cdcdcd
}

.leave-avail-search-box {
    margin-top: 18px;
}

.input-field label {
    font-weight: normal;
    font-size: 12px;
}

.select-wrapper input.select-dropdown {
    border-color: #d7d7d7;
}

.leave-avail-dropdown label {
    left: 0;
}

#leave_list {
    margin-top: 42px;
    padding-top: 20px;
    border-top: 1px solid #f7f7f7;
}

#leave_list th {
    border: 0;
}

#leave_list thead th {
    padding: 20px 4px;
}

#leave_list tbody tr:hover {
    background-color: #f3f2f2;
}

#leave_list tbody tr td {
    border-top: 0px;
    border-bottom: 1px solid #f7f7f7;
    padding: 10px 4px;
}

.leave-view-popup-row {
    margin-top: 30px;
    margin-bottom: 8px;
    position: relative;
}

.leave-avail-view-txt strong {
    font-size: 12px;
    font-weight: normal;
    color: #000;
    display: block;
    text-transform: uppercase;
}

.leave-avail-view-txt span {
    color: #DA69FE;
    font-size: 14px;
    display: block;
    font-weight: normal;
    font-family: 'robotoregular';
    margin-top: 6px;
}

/* @ Section 22. HR leave panel screen  */
/**  **/

.wrap-tab-wrap .hr-leave-tab li {
    width: auto;
    margin: 0px 20px;
}

.wrap-tab-wrap .hr-leave-tab li:first-child {
    margin-left: 0;
}

.leaves-tab-panel .leave-avail-search-box {
    margin-top: 43px;
}

.leave-search-panel {
    margin-top: 20px;
}

.leave-apply-onbehalf-row {
    margin-top: 20px;
}

.leave-behalf-search-box {
    margin-top: 15px;
}

.apply-leave-b-btn {
    margin-top: 45px;
}

.modal-applied-leave-onbehalf .modal-header .m-leave-head {
    margin-left: 0;
}

.modal-applied-leave-onbehalf .modal-header {
    margin-bottom: 30px;
}

.wrap-tab-wrap .paid-l-status {
    margin-top: 0;
}

.leave_availed_list .select-wrapper input.select-dropdown {
    margin-bottom: 0;
    height: 2.2rem;
    line-height: 1.3rem;
}

/* @ Section 23. Leave Policy screen  */
/**  **/
.leave-policy-wrap {

}

.leave-policy-wrap .l-policy-head {
    font-size: 20px;
    color: #0095d4;
    margin: 20px 0px 0px 0px;
    font-family: 'robotomedium';
}

.leave-policy-wrap p {
    font-size: 16px;
    color: #000;
    margin: 18px 0px 0px 0px;
    font-family: 'robotolight';
}

.leave-policy-wrap p strong {
    font-family: 'robotomedium';
}

.leave-policy-wrap ul {
    margin-top: 30px;
    padding-left: 30px;
}

.leave-policy-wrap ul li {
    font-size: 16px;
    font-family: 'robotolight';
    padding: 4px 0px;
    position: relative;
}

.leave-policy-wrap ul li:before {
    width: 6px;
    height: 6px;
    background: #86d1fb;
    content: '';
    position: absolute;
    border-radius: 50%;
    top: 12px;
    left: -18px;
}

/* @ Section 24. Manage User screen  */
/**  **/

#newsFeed .atnd-cal-date {
    width: 100%;
}

.create_user_btn {
    margin-top: 17px;
}

.manageUser_table {

}

.manageUser_table tr td, .manageUser_table tr th {
    white-space: nowrap;
}

.manageUser_table tr td:last-child a {
    padding: 0px 2px;
}

/* @ Section 25. Manage Update User screen  */
/**  **/
.update-user-tab {
    position: relative;
}

.update-user-tab:before {
    content: '';
    height: 1px;
    width: 68%;
    margin: 0px auto;
    border-top: 1px dashed #e5e5e5;
    position: absolute;
    top: 10px;
    left: 16%;
}

.update-user-tab ul {
}

.update-user-tab ul li {
    color: #7f7f7f;
    font-size: 14px;
    text-align: center;
    font-family: 'robotomedium';
    text-transform: uppercase;
}

.update-user-tab ul li span {
    border-radius: 50%;
    background-color: #7f7f7f;
    color: #FFF;
    display: block;
    margin: 0px auto;
    width: 22px;
    padding: 1px 0px;
    margin-bottom: 10px;
}

.update-user-tab ul li.active {
    color: #f89449;
}

.update-user-tab ul li.active span {
    background-color: #f89449
}

.update-user-tab ul li.complete {
    color: #0095d4;
}

.update-user-tab ul li.complete span {
    background-color: #0095d4
}

.profile-pic-wrap {
    margin-top: 36px;
}

.profile-pic-wrap .file-field .btn {
    line-height: 2rem;
    color: #FFF;
}

.profile-pic-wrap .file-field input.file-path {
    border: 0;
    margin: 7px 0px 0px 0px;
}

.profile-pic-wrap .file-path-wrapper {
    margin: 0px 0px 0px 0px;
}

.user-info-wrap {
    margin-top: 35px;
}

.user-info-wrap.first {
    margin-top: 45px;
}

.user-info-wrap .input-field label {
    text-transform: uppercase;
    color: #9a9a9a;
    font-size: 12px;
}

.user-info-wrap .atnd-wrap label {
}

.user-info-wrap .atnd-wrap .atnd-cal-date {
    width: 93%;
}

.addVehicle {
    position: absolute;
    top: -2px;
    right: 17px;
    color: #757575;
    font-size: 18px;
}

.vehicle-list ul li {
    font-size: 14px;
    color: #000;
    border-bottom: 1px solid #b2b2b2;
    padding: 8px 0px;
    margin: 10px 0px;
    position: relative;
}

.vehicle-list ul li span {
    position: absolute;
    top: 0px;
    right: 0px;
    color: #7f7f7f;
    font-size: 18px;
}

.vehicle-list ul li input[type="text"] {
    border: 0;
    font-size: 14px;
    height: auto;
    line-height: 0;
    margin: 0px;
    padding: 0;

}

.vehicle-list ul li input[type="text"]:focus {
    border: 0;
    box-shadow: none;
}

.addVehicleBtn {
    color: #7f7f7f;
    font-size: 18px;
}

.vehicle-list ul li input::-webkit-input-placeholder {
    color: #989898;
    font-size: 14px;
}

.vehicle-list ul li input:-moz-placeholder {
    color: #989898;
    font-size: 14px;
}

.vehicle-list ul li input::-moz-placeholder {
    color: #989898;
    font-size: 14px;
}

.vehicle-list ul li input:-ms-input-placeholder {
    color: #989898;
    font-size: 14px;
}

/* @ Section 26. New Employee screen  */
/**  **/

.eventBtnBox {
    margin-top: 26px;
}

.new-employee-field {
    margin-top: 19px;
}

.new-amployee-avata {

}

.new-amployee-avatar img {
    width: 100%;
}

.profile_pic {
    overflow: hidden;
    width: 150px;
    height: 150px;
    border-radius: 50%;
}

#employee_list .profile_pic, #employee_list_wrapper .profile_pic {
    height: auto;
}

.icon-event {

    width: 57px;
    height: 57px;
    position: absolute;
    bottom: -8px;
    right: 0px;
    border-radius: 50%;;
}

.icon-event.birthday {
    background: url('../img/icon-birthday.png') no-repeat;
}

.icon-event.wedding {
    background: url('../img/icon-wedding.png') no-repeat;
}

.icon-event.hajj {
    background: url('../img/icon-hajj.png') no-repeat;
}

.icon-event.anniversary {
    background: url('../img/icon-anniversary.png') no-repeat;
}

.icon-event.condolence {
    background: url('../img/icon-condolence.png') no-repeat;
}

.icon-event.paternity {
    background: url('../img/icon-paternity.png') no-repeat;
}

.icon-event.leaving {
    background: url('../img/icon-leaving.png') no-repeat;
}

.icon-event.welcome {
    background: url('../img/icon-welcome.png') no-repeat;
}

.new-employee-name {
    font-size: 22px;
    margin: 0px 0px 16px 0px;
}

.new-employee-name a {
    font-size: 14px;
    color: #0095d4;
    font-weight: normal;
}

.new-employee-name a i {
    margin: 0px 3px;
}

.new-employee-info table {
    width: 100%;
}

.new-employee-info table tr td:first-child {
    color: #9a9a9a;
    width: 40%;
}

.new-employee-info table tr td:last-child {
    color: #000;
    width: 50%;
}

.new-employee-info table tr td {
    padding: 4px 0px;
}

.new-employee-wrap {
    border-bottom: 1px solid #f0f0f0;
    padding-bottom: 20px;
    margin-top: 24px;
}

.pagination-users {
    padding-top: 68px;
}

/* @ Section 27. Newsfeed screen  */
/**  **/

.newsfeed-wrap .nav-tabs {
    background-color: transparent;
}

.newsfeed-wrap .nav-tabs li.active > a {
    background-color: transparent;
}

.newsfeed-wrap .nav-tabs li:hover a {
    padding: 15px;
}

.post-wrap {
    padding: 0px 0px;
}

.post-wrap textarea {
    border: 0;
    border-bottom: 1px solid #f2f2f2;
    padding: 19px 21px;
    resize: none;
    min-height: 88px;
}

#newsFeed {
    /*top: 110px;*/
}

.post-wrap textarea::-webkit-input-placeholder {
    color: #c8c8c8;
    font-size: 18px;
    font-family: 'robotolight';
}

.post-wrap textarea:-moz-placeholder {
    color: #c8c8c8;
    font-size: 18px;
    font-weight: normal;
    font-family: 'robotolight';
}

.post-wrap textarea::-moz-placeholder {
    color: #c8c8c8;
    font-size: 18px;
    font-weight: normal;
    font-family: 'robotolight';
}

.post-wrap textarea:-ms-input-placeholder {
    color: #c8c8c8;
    font-size: 18px;
    font-weight: normal;
    font-family: 'robotolight';
}

.post-wrap .post-file-btn {
    font-size: 14px;
    color: #8a8a8b;
    box-shadow: none;
    text-transform: capitalize;
    font-family: 'robotolight';
    padding: 0px 0px;
    line-height: 36px;
}

.post-wrap .file-path-wrapper {
    margin-top: 20px;
}

.post-wrap .file-path-wrapper input[type="text"] {
    margin: 0px;
    height: auto !important;
    border: 0;
    color: #c8c8c8;
    font-size: 14px;
    font-family: 'robotolight';
}

.post-wrap .post-btn {
    padding: 0px 40px;
    height: 36px;
    margin: 8px 0px;
    float: right;
}

/*Annoucment*/
.annoucment-box {
    margin-top: 11px;
}

.annoucment-box [type=checkbox] + label {
    margin-left: 12px;
}

.annoucment-date-box {

}

.annoucment-date-box .input-field {
    margin-top: 0px;
}

.annoucment-date-box .atnd-cal-date {
    width: 100%;
}

.post-view-wrap {
    padding: 11px 25px 0px 25px;
}

.post-view-header {
    font-family: 'robotoregular';
}

.post-view-header-img {
    float: left;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    overflow: hidden;
}

.post-view-header-img img {
    width: 50px;
}

.post-view-header .post-view-header-txt {
    font-size: 18px;
    color: #404040;
    display: block;

}

.post-view-header .post-view-header-datetime {
    font-size: 14px;
    color: #adadad;
    display: block;
    font-family: 'robotolight';
}

.post-view-header .post-para {
    font-size: 14px;
    font-weight: normal;
    color: #333333;
    line-height: 22px;
    margin-top: 15px;
    line-height: 20px;
    /*word-break: break-all;*/
    word-wrap: break-word;
}

.post-view-header .post-para pre {
    background-color: transparent;
    border: 0;
    margin: 0;
    padding: 0px;
    font-size: 14px;
    font-weight: normal;
    color: #333333;
    line-height: 20px;
}

.post-img {
    margin-top: 20px;
    margin-bottom: 20px;
}

.like-reply-row {
    position: relative;
    padding: 14px 0px;
    margin-top: 1px;
}

.like-reply-row span {
    color: #b2b2b2;
    font-size: 14px;
}

.like-reply-row:before {
    content: '';
    width: 110%;
    height: 1px;
    background-color: #f2f2f2;
    position: absolute;
    top: 0px;
    left: -5%;
}

.like-reply-row:after {
    content: '';
    width: 110%;
    height: 1px;
    background-color: #f2f2f2;
    position: absolute;
    bottom: 0px;
    left: -5%;
}

.like-reply-row span i {
    font-size: 18px;
    padding-right: 6px;
}

.like-reply-row span.reply {
    margin-left: 15px;
}

.comment-row {
    margin-top: 15px;
}

.comment-avatar {
    float: left;
    width: 34px;
}

.wcom-box {
    padding-left: 40px;
}

.comment-name {
    color: #adadad;
    font-size: 14px;
    font-family: 'robotoregular';
}

.comment-para {
    font-size: 14px;
    color: #404040;
    margin-left: 2%;
    font-weight: normal;
    font-family: 'robotoregular';
}

.comment-datetime {
    display: block;
    font-size: 12px;
    font-weight: normal;
    color: #adadad;
    font-family: 'robotoregular';
}

.comment-row textarea {
    resize: none;
    background-color: #f5f5f5;
    border: 0;
    height: 34px;
    border-radius: 4px;
    padding: 6px 10px;
    margin-bottom: 10px;
}

.gp-widget {
    padding: 0px 0px 15px 0px;
}

.gp-widget-title h2 {
    font-size: 14px;
    color: #404040;
    text-transform: uppercase;
    padding: 20px 20px;
    margin: 0px 0px;
    border-bottom: 1px solid #f2f2f2;
}

.gp-box {
    border-bottom: 1px solid #f2f2f2;
    padding: 20px 20px;
}

.gp-box .gp-event-name {
    font-size: 12px;
    display: block;
    color: #a3a3a3;
    text-transform: uppercase;
    margin-top: 7px;
}

.gp-box .gp-employee-name {
    font-size: 12px;
    display: block;
    color: #000;
    font-family: 'robotoregular';
}

.gp-widget .loadMore {
    display: block;
    text-align: center;
    text-transform: uppercase;
    padding: 16px 0px 0px 0px;
}

.about-widget .gp-box {
    border-bottom: 0;
    padding: 4px 24px;
    position: relative;
}

.about-widget .gp-box .edit {
    position: absolute;
    right: 0px;
    bottom: 0;
    color: #a3a3a3;
}

.usr-info {
    background-size: cover !important;
    background: url(../img/user-info-back.jpg) no-repeat;

}

.usr-info.birthday {
    background: url(../img/birthday-banner.jpg) no-repeat;
}

.usr-info.anniversary {
    background: url(../img/anniversary-banner.jpg) no-repeat;
}

.usr-info.condolence {
    background: url(../img/condolence-banner.jpg) no-repeat;
}

.usr-info.hajj {
    background: url(../img/hajj-banner.jpg) no-repeat;
}

.usr-info.leaving {
    background: url(../img/leaving-banner.jpg) no-repeat;
}

.usr-info.wedding {
    background: url(../img/wedding-banner.jpg) no-repeat;
}

.usr-info.welcome {
    background: url(../img/welcome-banner.jpg) no-repeat;
}

.usr-info.paternity {
    background: url(../img/paternity-banner.jpg) no-repeat;
}

.leaving-time-box {
    /* background-color:#ffa180;*/
    padding: 12px 15px;
    border-radius: 6px;
    text-align: left;
    padding: 0px 15px 0px 15px;
    min-height: 92px;
    position: relative;
    top: 40px;
}

.leaving-time-box.birthday {
    background: #ba83ee url(../img/icon-leaving-birthday.png) no-repeat right 0;
}

.leaving-time-box.hajj {
    background: #ffa180 url(../img/icon-leaving-hajj.png) no-repeat right 0;
}

.leaving-time-box.welcome {
    background: #a3e351 url(../img/icon-leaving-welcome.png) no-repeat right 0;
}

.leaving-time-box.anniversary {
    background: #51c8de url(../img/icon-leaving-anniversary.png) no-repeat right 0;
}

.leaving-time-box.leaving {
    background: #ffa180 url(../img/icon-leaving-leaving.png) no-repeat right 0;
}

.leaving-time-box.paternity {
    background: #ffb703 url(../img/icon-leaving-paternity.png) no-repeat right 0;
}

.leaving-time-box.condolence {
    background: #ba83ee url(../img/icon-leaving-condolence.png) no-repeat right 0;
}

.leaving-time-box.wedding {
    background: #a3e351 url(../img/icon-leaving-wedding.png) no-repeat right 0;
}

.leaving-time-box .leaving-txt {
    display: block;
    font-size: 40px;
    color: #FFF;
    text-transform: uppercase;
}

.leaving-time-box .daysleft-txt {
    text-transform: uppercase;
    font-size: 14px;
    margin-top: -6px;
    margin-bottom: 2px;
    display: block;
}

.leaving-time-box .progress {
    background: rgba(225, 225, 225, 0.8);
    border-radius: 4px;
    height: 6px;
}

.leaving-time-box .progress-bar {
    background-color: #FFF;
    border-radius: 4px;
}

/* @ Section 28. Update data screen  */
/**  **/
.update-data-wrap {
    padding-top: 0px;
    border-top: 3px solid #a3e250;
    margin-top: 35px;
    padding-top: 20px;
}

.update-data-wrap .enscroll-track.track3 {
    left: 10px;
}

.update-data-wrap.top-boder-blue {
    border-color: #51c8de;
}

.update-data-wrap.top-boder-red {
    border-color: #ffa180;
}

.update-data-wrap.top-boder-purple {
    border-color: #ba83ee;
}

.update_appro_box {
    overflow: auto;
    height: 380px;
    width: 100% !important;
}

.update-data-col {
    margin-top: 29px;
}

.update-data-col span {
    font-size: 12px;
    color: #757575;
    display: block;
    font-family: 'robotomedium'
}

.update-data-col .approved {

    padding: 2px 13px;
    margin-left: 0
}

.update-data-col .rejected {
    background-color: #f7494a;
    padding: 2px 13px;
    margin-left: 0;
    color: #FFF;
}

.update-data-col .cc-name {
    text-transform: uppercase;
    margin-bottom: 8px;
}

.update-data-col .cc-name-txt {
    font-size: 14px;
    color: #404040;
    word-wrap: break-word;
}

.update-data-col .cc-designation {
}

.update-data-col .cc-address {
    color: #f86a6b;
}

/* @ Section 29. Aspiration values screen  */
/**  **/

.calendar-heading {
    border-bottom: 1px solid #f2f2f2;
    margin-bottom: 28px;
}

.calendar-heading h4 {
    font-size: 14px;
    color: #404040;
    text-transform: uppercase;
    padding-bottom: 0;
    margin-top: 0px;
    font-family: 'robotomedium';

}

.dashboard-calander.responsive-calendar .day-headers {
    margin-top: 32px;
}

.poll-txt {
    font-size: 12px;
    color: #cdcdcd;
    font-family: 'robotolight';
}

.gaditek-poll h4 {
    font-size: 20px;
    color: #404040;
}

.eat-select {
    margin-top: 22px;
}

.carousel .part-poll {
    margin-top: 32px;
}

.eat-select .valueCheckins {
    padding: 0;
}

.eat-select .valueCheckins label {
    font-size: 13px;
    color: #9a9a9a;
    font-family: 'robotoregular';
    font-weight: normal;
}

.eat-select .valueCheckins [type=radio]:checked + label {
    font-weight: bold;
}

.gaditek-poll {
    border-top: 3px solid #0095d4;
    padding-top: 15px;
}

.gaditek-poll > h4 {
    margin-top: 6px;
}

.time-ticker {
    padding-top: 10px;
}

.gaditek-poll input[type="submit"] {
    margin-left: 0;
    padding: 2px 20px;
}

.gaditek-poll button {

}

.gp-act-btn-wrap {
    border-top: 1px solid #f5f5f5;
    padding-top: 15px;
    margin-top: 18px;
}

/* @ Section 30. Discrepancies screen  */
/**  **/

.discrepanciesTable {
}

.discrepanciesTable tr td {
}

.discrepanciesTable tr td:last-child {
    width: 10%;
}

.discrepanciesTable tr td button:focus {
    background-color: #88c539;
}

.discrepanciesTable tr td:last-child button {
    padding: 0px 16px;
    text-transform: capitalize;
    font-size: 12px;
    margin: 0px;
    line-height: 23px;
}

.modal-change-request .modal-header .m-leave-head {
    margin-left: 0
}

.modal-change-request .leave-avail-view-txt strong {
    font-size: 14px;
}

.modal-change-request .leave-avail-view-txt span {
    font-size: 16px;
}

.modal-change-request .leave-request-row {
    margin-top: 33px;
}

.modal-change-request .leave-request-row textarea.materialize-textarea {
    height: 2rem;
    padding: 10px 0px 0px 0px;
}

.modal-change-request .leave-btn-box {
    margin-top: 0px;
}

.text-color-red {
    color: #F44336 !important;
}

/* @ Section 32. Upcoming Training screen  */
/**  **/

.Upcoming-training-wrap {
    background-color: #fdfdfd;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .0), 0 4px 10px 0 rgba(0, 0, 0, .12);
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .0), 0 4px 10px 0 rgba(0, 0, 0, .12);
    -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .0), 0 4px 10px 0 rgba(0, 0, 0, .12);
    border-top: 3px solid #f7724a;
    padding-top: 22px;
    padding-bottom: 22px;
    margin-top: 35px;
}

.Upcoming-training-wrap .top-ut-head {
}

.Upcoming-training-wrap .top-ut-head h2 {
    margin: 0px;
    padding: 0px;
    color: #404040;
    font-family: 'robotomedium';
    font-size: 20px;
}

.Upcoming-training-wrap .top-ut-head h4 {
    color: #999999;
    font-family: 'robotomedium';
    font-size: 12px;
    margin: 0px;
    padding: 0px;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.user-applied {
    float: right;
}

.user-applied button {
    background-color: #f89449;
    color: #FFF;
    padding: 0px 7px;
    font-size: 12px;
    margin: 0px;
    line-height: 26px;
}

.ut-box {
    margin-top: 21px;
}

.ut-box li:first-child {
    margin-left: 16px;
    padding-left: 0;
}

.ut-box li {
    display: inline-block;
    margin-left: 4%;
    padding-left: 10px;
    margin-bottom: 20px;
    width: auto !important;
}

.ut-box .ut-box-name {
    display: block;
    color: #999999;
    font-size: 12px;
    text-transform: uppercase;
}

.ut-box .ut-box-val {
    display: block;
    color: #404040;
    font-size: 14px;
    margin-top: 5px;
}

.ut-apply-box {
    margin-top: 3px;
}

.ut-apply-box button {
    min-width: 160px
}

.ut-apply-box button.detail {
    background-color: transparent;
    color: #999999;
    box-shadow: none;
}

.ut-apply-box button[type="button"] {
    min-width: 156px;
    /* padding: 3px 0px;*/
}

.ut-apply-box .t-feed {
    padding: 5px 0px !important;
}

.no-shadow {
    box-shadow: none;
}

.nobg-color {
    background-color: transparent;
}

.focus-noBG:focus {
    background-color: transparent;
}

.ut-apply-box button.cancelBtn {
    background-color: #f7494a;
    color: #FFF;
}

.no-result-found {
    font-size: 24px;
    padding: 10px 30px;
}

.course-describe {
    display: none;
    width: 100%;
    float: left;
    clear: both;
}

.course-describe h4 {
    color: #404040;
    margin: 35px 0px 7px 0px;
}

.course-describe p {
    font-size: 14px;
    color: #999999;
    margin-top: 2px;
}

.ut-submit-btn button {
    padding: 2px 36px;
    margin: 33px 0px 0px 0px;
}

.membersArea {
    margin-top: 10px;
    margin-bottom: 20px;
}

/* @ Section 33. User Applied training screen  */
/**  **/

.seats-occupied-txt {
    width: 147px;
    height: 28px;
    background-color: #6ac259;
    color: #FFF;
    text-transform: uppercase;
    font-size: 12px;
    text-align: center;
    border-radius: 20px;
    line-height: 27px;
    float: right;
    position: relative;
    top: -64px;
}

.user-applied-wrap {
    border: 0px;
    box-shadow: none;
    background-color: transparent;
    margin-top: 5px;
    padding-top: 0;
    padding-bottom: 0;
}

.user-applied-wrap .top-ut-head h4 {
    margin-bottom: 9px;
}

.user-applied-wrap .top-ut-head h2 {
    font-size: 14px;
    color: #404040;
}

.user-applied-wrap .ut-box {
    margin-top: 29px;
}

.user-applied-wrap .ut-box li:first-child {
    margin-left: 0;
}

.border-full-width {
    height: 1px;
    width: 105.2%;
    background-color: #f7f7f7;
    margin: 10px 0px;
    margin: 10px 0px 10px -25px;
}

.ua-search-row {
    margin-top: 25px;
}

.ua-train-tab {
    margin-top: 20px;
}

.user-applied-table {
}

.user-applied-table > thead > tr > th {
    border: 0;
    padding: 16px 8px;
}

.user-applied-table tr td {
    border-top: 0 !important;
    border-bottom: 1px solid #f7f7f7;
}

.user-applied-table tr td .appliedBy {
    font-size: 12px;
    display: inline-block;
    padding: 0px 14px;
    color: #FFF;
    border-radius: 20px;
    line-height: 20px;
}

.user-applied-table tr td .appliedBy.self {
    background-color: #86d1fb;
}

.user-applied-table tr td .appliedBy.recommended {
    background-color: #79d58a;
}

.user-applied-table tr td .approve {
    color: #FFF;
    background-color: #6ac259;
    width: 20px;
    height: 20px;
    display: inline-block;
    border-radius: 50%;
    text-align: center;
    line-height: 19px;
}

.user-applied-table tr td .reject {
    color: #FFF;
    background-color: #e04f5f;
    width: 20px;
    height: 20px;
    display: inline-block;
    border-radius: 50%;
    text-align: center;
    line-height: 19px;
    margin-left: 7px;
}

.user-applied-table tr td .remove {
    color: #FFF;
    background-color: #e04f5f;
    padding: 0px 9px;
    display: inline-block;
    line-height: 21px;
    text-align: center;
}

.rejection {
    top: 120px;
}

.rejection .leave-request-row {
    margin-top: 8px;
    margin-bottom: 0px;
    position: relative;
}

.rejection textarea.materialize-textarea {
    min-height: 30px;
    padding: 22px 0px 0px 0px;
}

.rejection .leave-request-row p {
    font-size: 15px;
    margin-top: 6px;
}

.txt-color-red {
    color: #f7494a;
}

/* @ Section 34. Create training screen screen  */
/**  **/
.create-trainging-box {
    position: absolute;
    top: 48px;
    right: 50px;
}

.approval-box {
    position: absolute;
    top: 0px;
    right: 15px;
}

.approval-box .approval-col-1 {
    display: inline-block;
    font-size: 14px;
    color: #0f0f14;
    margin-left: 30px;
}

.approval-box .approval-col-1 .approval-icon {

}

.approval-box .approval-col-1 .approval-text {
    margin-left: 7px;
}

.t-feed {
    background-color: #f89449;
    color: #FFF;
    padding: 3px 16px;
}

.t-feed:hover, .t-feed:focus {
    background-color: #f89449;
    color: #FFF;
}

.reject-reason-box {
}

.reject-reason-box label {
    color: #999999;
    font-size: 12px;
    font-weight: normal;
}

.reject-reason-box p {
    font-size: 14px;
}

.ct-inert-form .atnd-cal-date {
    width: 98%;
}

.ct-inert-form label {
    text-transform: uppercase;
}

.ct-inert-box {
    margin: 0px 0px 18px 0px;
}

.ct-inert-box textarea {
    padding: 14px 0px;
    min-height: 1.7rem;
    height: 2rem;
}

.ct-inert-box button[type='submit'] {
    min-width: 180px;
    margin: 0px;
}

/* @ Section 35.  Training Feedback  screen  */
/**  **/

.tfeedb-box {
    margin-bottom: 23px;
}

.tfeedb-box label {
    font-size: 14px;
    color: #313134;
    font-weight: normal;
}

.tfeedb-box label span {
    font-size: 12px;
    color: #959595;
}

.tfeedb-box textarea {
    border: 1px solid #0095d4;
    resize: none;
    min-height: 119px;
    font-size: 1rem;
    padding: 15px;
    margin-top: 7px;
    box-sizing: border-box;
}

.tfeedb-box p {
    font-size: 14px;
    margin-top: 5px;
    font-family: 'robotoregular';
    font-weight: normal;
}

.tfeedb-box button {
    margin: 0;
    padding: 2px 40px;
    margin-top: 20px;
}

.tfeedb-box button[type="cancel"] {
    background-color: transparent;
    box-shadow: none;
}

.tfeedb-box #loader_image {
    margin: 0px 20px;
    display: inline-block;
    position: relative;
    top: 9px;
}

.tfeedb-tLine {
    font-size: 18px;
    margin-top: 20px;
    color: #404040;
}

.course-line-box {
    font-family: 'robotoregular';
    font-weight: normal;
    margin-bottom: 25px;
}

.course-line-box label {
    font-size: 18px;
    color: #404040;
}

.course-line-box p {
    font-size: 14px;
    color: #9a9a9a;
}

.trainer-feedback-wrap {
    background-color: #fdfdfd;
    border-top: 3px solid #81c43f;
    padding: 26px 30px;
    text-align: center;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .0), 0 4px 10px 0 rgba(0, 0, 0, .12);
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .0), 0 4px 10px 0 rgba(0, 0, 0, .12);
    -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .0), 0 4px 10px 0 rgba(0, 0, 0, .12);
    font-family: 'robotoregular';
    margin-top: 30px;
}

.trainer-feedback-wrap h4 {
    font-size: 20px;
    color: #404040;
    text-transform: uppercase;
    margin: 0px 0px;
}

.trainer-feedback-wrap p {
    font-size: 14px;
    color: #9a9a9a;
    margin: 10px 0px 0px 0px;

}

.trainer-feedback-wrap .trainer-feedback-txt span {
    color: #0095d4;
}

.trainer-feedback-wrap .trainer-feedback-txt {
    color: #9a9a9a;
    font-size: 14px;
    margin-top: 28px;
}

.attendies-feed-rat {
    margin: 0px 0px 46px 0px;
}

.attendies-feed-rat .ratTxt {
    font-size: 12px;
    color: #a9a9a9;
    margin-bottom: 8px;
}

.attendy-rating-bar {
    width: 210px;
    height: 33px;
    background: url(../img/feedback-rating.png) no-repeat;
    position: relative;
}

.attendy-rating-bar-inner {

    position: absolute;
    height: 100%;
}

.attendy-rating-bar.ps .attendy-rating-bar-inner {
    background: url(../img/ps-rating.png) no-repeat;
}

.attendy-rating-bar.tr .attendy-rating-bar-inner {
    background: url(../img/tr-rating.png) no-repeat;
}

.attendy-rating-bar.pm .attendy-rating-bar-inner {
    background: url(../img/pm-rating.png) no-repeat;
}

.attendy-rating-bar {
}

/*Presenter Skills ratio*/
.attendy-rating-bar.ps .attendy-rating-bar-inner.ps1-5 {
    width: 8%;
}

.attendy-rating-bar.ps .attendy-rating-bar-inner.ps1 {
    width: 17%;
}

.attendy-rating-bar.ps .attendy-rating-bar-inner.ps2-5 {
    width: 29%;
}

.attendy-rating-bar.ps .attendy-rating-bar-inner.ps2 {
    width: 38%;
}

.attendy-rating-bar.ps .attendy-rating-bar-inner.ps3-5 {
    width: 50%;
}

.attendy-rating-bar.ps .attendy-rating-bar-inner.ps3 {
    width: 60%;
}

.attendy-rating-bar.ps .attendy-rating-bar-inner.ps4-5 {
    width: 71%;
}

.attendy-rating-bar.ps .attendy-rating-bar-inner.ps4 {
    width: 80%;
}

.attendy-rating-bar.ps .attendy-rating-bar-inner.ps5-5 {
    width: 92%;
}

.attendy-rating-bar.ps .attendy-rating-bar-inner.ps5 {
    width: 100%;
}

/*Training Rating ratio*/
.attendy-rating-bar.tr .attendy-rating-bar-inner.tr1-5 {
    width: 8%;
}

.attendy-rating-bar.tr .attendy-rating-bar-inner.tr1 {
    width: 17%;
}

.attendy-rating-bar.tr .attendy-rating-bar-inner.tr2-5 {
    width: 29%;
}

.attendy-rating-bar.tr .attendy-rating-bar-inner.tr2 {
    width: 38%;
}

.attendy-rating-bar.tr .attendy-rating-bar-inner.tr3-5 {
    width: 50%;
}

.attendy-rating-bar.tr .attendy-rating-bar-inner.tr3 {
    width: 60%;
}

.attendy-rating-bar.tr .attendy-rating-bar-inner.tr4-5 {
    width: 71%;
}

.attendy-rating-bar.tr .attendy-rating-bar-inner.tr4 {
    width: 80%;
}

.attendy-rating-bar.tr .attendy-rating-bar-inner.tr5-5 {
    width: 92%;
}

.attendy-rating-bar.tr .attendy-rating-bar-inner.tr5 {
    width: 100%;
}

/*Presentation Material ratio*/
.attendy-rating-bar.pm .attendy-rating-bar-inner.pm1-5 {
    width: 8%;
}

.attendy-rating-bar.pm .attendy-rating-bar-inner.pm1 {
    width: 17%;
}

.attendy-rating-bar.pm .attendy-rating-bar-inner.pm2-5 {
    width: 29%;
}

.attendy-rating-bar.pm .attendy-rating-bar-inner.pm2 {
    width: 38%;
}

.attendy-rating-bar.pm .attendy-rating-bar-inner.pm3-5 {
    width: 50%;
}

.attendy-rating-bar.pm .attendy-rating-bar-inner.pm3 {
    width: 60%;
}

.attendy-rating-bar.pm .attendy-rating-bar-inner.pm4-5 {
    width: 71%;
}

.attendy-rating-bar.pm .attendy-rating-bar-inner.pm4 {
    width: 80%;
}

.attendy-rating-bar.pm .attendy-rating-bar-inner.pm5-5 {
    width: 92%;
}

.attendy-rating-bar.pm .attendy-rating-bar-inner.pm5 {
    width: 100%;
}

.attendies-feed-wrap > h2 {
    font-size: 20px;
    text-align: center;
}

.attendy-feedBox {
    margin-bottom: 27px;
}

.attendy-feedBox > p {
    color: #a9a9a9;
    font-size: 14px;
}

.attendy-feedBox-footer {

}

.attendy-feedBox-footer .attendy-name {
    font-size: 14px;
    color: #000000;
}

.attendy-feedBox-footer .feedBox-footer-img {
    display: inline-block;
    border-radius: 50%;
    width: 51px;
    height: 51px;
    overflow: hidden;
}

.attendy-feedBox-footer .feedBox-footer-img > img {
    display: inline-block;
    width: 100%;

}

.attendy-feedBox-footer .attendy-name {
    display: inline-block;
    line-height: 17px;
    position: relative;
    top: -10px;
    left: 13px;
}

.attendy-feedBox-footer .attendy-name > span {
    color: #999999;
    display: block;
}

.select-rate-wrap {
    border-top: 1px solid #f7f7f7;
    padding-top: 26px;
}

.afeed-box {
    margin-top: 10px;
}

/* @ Section 36.  Past Training screen  */
/**  **/

.past-request-table > thead > tr > th {
    border: 0;
}

.fd-emp-list .past-request-table tr:nth-child(2) td {
    border-top: 1px solid #ddd;
}

.bgcolor-lightBlue {
    color: #FFF;
    background-color: #86d1fb;
}

.bgcolor-lightBlue:focus {
    background-color: #86d1fb;
}

/* @ Section 37. Checkin screen  */
/**  **/

.gs-field-box {
    margin-top: 44px;
}

.gc-avatar img {
    border-radius: 50%;
    margin-top: 40px;
    width: 100%;
}

.checkin-tab .input-field {
    margin-top: 0px;
}

.checkin-tab .input-field label {
    text-transform: uppercase;
    font-weight: normal;
}

.checkin-radio-wrap {
    padding: 10px 0px 44px 0px;
}

.checkin-radio-wrap .input-field {
    display: inline-block;
    position: relative;
    left: -14px
}

.checkin-radio-wrap > label {
    display: block;
    font-weight: normal;
}

.checkin-radio-wrap .input-field label {
    text-transform: uppercase;
    font-weight: normal;
    color: #000;
    line-height: 29px;
    margin-right: 28px;
    font-size: 13px;
}

.checkin-textarea-box textarea {
    padding: 10px 0px;
    height: 2rem;
    box-sizing: border-box;
}

.checkin-history-filter {
    margin: 50px 0px 0px 0px;
}

.checkin-history-filter li {
    display: inline-block;
    min-width: 170px;
    margin-left: 15px;
}

.checkin-history-filter li label {
    font-size: 12px;
    font-weight: normal;
    font-family: 'robotoregular';
    color: #9e9e9e !important;
}

.mark-tap-cont {
    margin-top: 60px;
}

.dropdown-content {
    margin-left: 0px !important;
}

.list-table {
    margin-top: 42px;
    padding-top: 20px;
    border-top: 1px solid #f7f7f7;
}

.list-table th {
    border: 0;
}

.list-table > thead > tr > th {
    border: 0;
}

.ist-table thead th {
    padding: 20px 4px;
    border: 0;
}

.list-table tbody tr:hover {
    background-color: #f3f2f2;
}

.list-table tbody tr td {
    border-top: 0px;
    border-bottom: 1px solid #f7f7f7;
    padding: 10px 8px;
}

.c-report > h4 {
    font-size: 20px;
    margin: 36px 0px 0px 0px;
    font-weight: 500;
}

.c-report .grd-ttl-scr-hd {
    font-size: 25px;
    color: #9a9a9a;
    font-family: 'robotobold';
    line-height: 54px;
}

.c-report .pr-mrk-totl-box h3 {
    font-size: 24px;
}

.grd-ttl-scr-hd .re-totalTxt {
    display: block;
    font-size: 11px;
}

.c-report .pr-mrk-totl-box {
    margin-top: 150px;
    padding-left: 40px;
}

.reportDate-box {
    margin-top: -26px;
}

.quarter-graph-report {
    padding: 0px 0px 20px 0px;
    margin: 50px 0px 0px 0px;
}

.quarter-graph-report.active {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .0), 0 4px 10px 0 rgba(0, 0, 0, .12);
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .0), 0 4px 10px 0 rgba(0, 0, 0, .12);
    -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .0), 0 4px 10px 0 rgba(0, 0, 0, .12);
}

.r-quarter-txt {
    font-size: 12px;
    color: #a9a9a9;
    text-align: center;
    margin: 26px 0px;
}

.quarter-graph-report .pr-mrk-totl-chrt-box {
    margin: 0px auto;
    float: none;
}

.quarter-graph-report .pr-mrk-totl-box {
    margin-top: 13px;
}

.quarter-graph-report .mt-indv-scr-box b {
    font-size: 24px;
}

.quarter-graph-report .mt-indv-scr-bd-box span {
    font-size: 16px;
    color: #000;
}

.quarter-graph-report .mt-indv-scr-box span {
    height: 20px;
}

.qy-radio-box {

}

.qy-radio-box .form-group {
    display: inline-block;
    margin: 0px 10px 0px 0px;
}

.qy-radio-box label {
    font-size: 16px !important;
    font-weight: normal;
    font-family: 'robotoregular';
}

.checkin-history-filter.director li {
    width: 23%;
    margin-left: 1%;
}

.del-checkin {
    background-color: #e04f5f;
    color: #FFF;
    font-size: px;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    display: inline-block;
    text-align: center;
    line-height: 18px;
    cursor: pointer;
}

.check-checkin {
    background-color: #6ac259;
    color: #FFF;

    border-radius: 50%;
    width: 20px;
    height: 20px;
    display: inline-block;
    text-align: center;
    line-height: 18px;
    cursor: pointer;
    margin: 0 2px;
}

.remarks {
    top: 100px;
}

.remarks .remarks-body > h5 {
    font-size: 20px;
}

.remarks .leave-request-row {
    margin-top: 59px;
    margin-bottom: 0;
    position: relative;
}

.remarks .leave-request-row p {
    font-size: 14px;
    padding-top: 10px;
}

/**Thermameter graph**/
.thermometer-graph-mg {
    background: url(../img/thermameter.png) no-repeat;
    width: 76px;
    height: 396px;
    margin: 70px auto 0px auto;
    position: relative;

}

.thermometer-graph-mg .thermo-top {
    width: 26px;
    height: 29px;
    background-color: #85d1fa;
    position: absolute;
    top: 0px;
    margin-left: -13px;
    left: 50%;
    border-radius: 50% 50% 0px 0px;
}

.temp-txt {
    font-size: 16px;
    font-weight: normal;
    display: block;
    float: left;
    position: relative;
    left: -50px;
}

.temp-txt.heat {
    margin-top: 190px;
    color: #f74849;
}

.temp-txt.cool {
    margin-top: 40px;
    color: #f79e5c;
}

.temp-txt.normal {
    margin-top: 40px;
    color: #85d1fa;
    left: -64px;
}

.thermo-inner {
    width: 6px;
    height: 344px;

    position: absolute;
    bottom: 24px;
    margin-left: -3px;
    left: 50%;
}

.thermo-line {
    width: 100%;
    position: absolute;
    bottom: 0px;
    -webkit-transition: height 0.3s ease-out, opacity 0.3s ease 0.5s;
    -moz-transition: height 0.3s ease-out, opacity 0.3s ease 0.5s;
    -ms-transition: height 0.3s ease-out, opacity 0.3s ease 0.5s; /* IE10 is actually unprefixed */
    -o-transition: height 0.3s ease-out, opacity 0.3s ease 0.5s;
    transition: height 0.3s ease-out, opacity 0.3s ease 0.5s;

}

/*
Off Boarding css here
*/

textarea::-webkit-input-placeholder {
    font-size: 16px;
    font-weight: normal;
    font-family: 'robotoregular';
    color: #cdcdcd
}

textarea:-moz-placeholder {
    font-size: 16px;
    font-weight: normal;
    font-family: 'robotoregular';
    color: #cdcdcd
}

textarea::-moz-placeholder {
    font-size: 16px;
    font-weight: normal;
    font-family: 'robotoregular';
    color: #cdcdcd
}

textarea:-ms-input-placeholder {
    font-size: 16px;
    font-weight: normal;
    font-family: 'robotoregular';
    color: #cdcdcd
}

.txt-color-green {
    color: #88c538;
}

.txt-color-gray {
    color: #a3a3a3 !important;
}

.txt-color-black {
    color: #000 !important;
}

.txt-color-blue {
    color: #009ac8;
}

.btn-blue, .btn-blue:hover, .btn-blue:focus {
    background-color: #83d4ff;
    color: #FFF;
}

.btn-orange, .btn-orange:hover, .btn-orange:focus {
    background-color: #f89449;
    color: #FFF;
}

.box-shadow {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
}

[type=radio] + label:after, [type=radio] + label:before {
    top: -2px;
}

.rejection .modal-header .m-leave-head {
    margin-left: 0px;
    font-weight: normal;
    font-family: 'robotoregular';
}

.rejection .leave-request-row {
    margin: 30px 0px 10px 0px;
}

.rejection textarea.materialize-textarea {
    padding-top: 10px;
}

.rejection .input-field label {
    left: 1.10rem;
}

.rejection .leave-btn-box > .btn {
    margin: 0px 10px 15px 0px;
}

.resign-app-box li {
    min-width: 70px;
}

.resign-app-box li .input-field {
    margin-top: 0;
}

.resign-app-box .atnd-cal-date {
    width: 100%;
}

.resign-app-box li input[type="date"] {
    height: 38px;
}

.course-describe .resign-name-txt {
    font-size: 18px;
    display: block;
    font-family: 'robotoregular';
}

.course-describe .resign-name-box {
    margin-top: 20px;
}

.che-eval-btn, .che-eval-btn:focus, .che-eval-btn:hover {
    background-color: #83d4ff;
    color: #FFF;
}

.ut-apply-box button.detail {
    min-width: 100px;
}

.ut-apply-box button.jusDetailBtn {
    float: left;
    background-color: #ccc;
    color: #FFF;
}

.course-describe h4 {
    margin: 35px 0px 17px 0px;
}

/*-----Resignation Evulation Form*/
.resign-form-wrap {
    margin-top: 50px;
}

.rea-resig-head {
    color: #fc6041;
    font-size: 16px;
    font-family: 'robotobold';
    text-transform: uppercase;
    border-bottom: 2px solid #fc6041;
    padding-bottom: 5px;
}

.rea-resig-head.alternate {
    border-color: #c186f0;
    color: #c186f0;
    margin-top: 30px;
}

.rea-resig-head.job-info {
    border-color: #97c2e2;
    color: #97c2e2;
    margin-top: 30px;
}

.rea-resig-head.dep-info {
    border-color: #f1c582;
    color: #f1c582;
    margin-top: 30px;
}

.rea-resig-head.comp-info {
    border-color: #7de596;
    color: #7de596;
    margin-top: 30px;
}

.rea-resig-head.car-info {
    border-color: #fd8f7a;
    color: #fd8f7a;
    margin-top: 30px;
}

.rea-resig-head.interview {
    border-color: #a753e9;
    color: #a753e9;
    margin-top: 30px;
}

.resign-form-col {
    position: relative;
    margin-top: 16px;
    margin-bottom: 7px;
}

.resign-form-col .add-field {
    position: absolute;
    bottom: 20px;
    right: 17px;
    color: #b2b2b2;
    font-size: 21px;
    cursor: pointer;
}

.reason-label-txt label {
    font-size: 12px;
    color: #a9a9a9;
    font-weight: normal;
}

.resign-form-col .input-field {
    margin-top: 0;
}

.alternate-txt-box {
    margin-top: 15px;
}

.alternate-txt-box label {
    font-size: 16px;
    font-family: 'robotolight';
    color: #a9a9a9;
    margin-bottom: 15px;
}

.resign-form-col span {
    font-size: 16px;
    font-family: 'robotoregular';
    display: block;
    margin-bottom: 10px;
    margin-top: 4px;
}

.alternate-txt-box textarea {
    border: 1px solid #0095d4;
    padding: 0px 0px;
    min-height: 110px;
    padding: 15px;
}

.alternate-txt-box p {
    font-size: 16px;
    font-family: 'robotoregular';
    line-height: 24px;
    margin-top: 0;
    margin-bottom: 28px;
}

.resign-btn-box {
    margin-top: 20px;
}

.resign-btn-box button {
    margin: 10px 0px 0px 0px;
    min-width: 130px;
}

.resign-btn-box button[type="cancel"] {
    background-color: transparent;
}

/*-------Exit Interview----------*/
.on-off-boarding-wrap > h4 {
    margin-bottom: 20px;
}

.p-info-wrap .resign-form-col {
    margin-bottom: 17px;
}

.exit-interview-col input[type="text"] {
    height: 2rem;
    padding: 0px 0px 0px 0px;
    margin: 0px;
}

.resign-form-col .select-wrapper::after {
    top: 7px;
}

.p-info-wrap {

}

.g-info-wrap > p {
    color: #989898;
    font-size: 16px;
    font-family: 'robotoregular';
    line-height: 24px;
    margin-top: 15px;
    margin-bottom: 0;
}

.exit-inter-col {
    margin-top: 38px;
}

.exit-inter-col.eif-col {
    margin-top: 15px;
}

.exit-inter-col label {
    font-size: 16px !important;
    font-family: 'robotoregular';
    color: #000;
    margin-top: 0px;
    font-weight: normal;
}

.ex-inter-radio-wrap {
    margin-top: -10px;
}

.ex-inter-radio-wrap .input-field {
    display: inline-block;
    padding: 0px 10px;

}

.ex-inter-radio-wrap .input-field:nth-child(1) {
    margin-left: -25px;
}

.exit-inter-col > label {
    font-size: 16px;
    font-family: 'robotoregular';
    color: #000;
    margin-top: 0px;
    font-weight: normal;
}

.ex-inter-radio-wrap .input-field label {
    font-size: 16px;
    font-family: 'robotoregular';
    color: #000;

}

.ex-inter-radio-wrap .input-field [type=radio] + label:after, [type=radio] + label:before {
    top: -2px;
}

.ex-inter-radio-wrap .input-field [type=radio]:not(:checked) + label:before {
    border: 2px solid #757575;
}

.ex-inter-radio-wrap .input-field [type=radio].with-gap:checked + label:after {
    border: 2px solid #757575;
    background-color: #757575;
}

.ex-inter-radio-wrap .input-field [type=radio].with-gap:checked + label:before {
    border: 2px solid #757575;
}

.exit-inter-col input {
    height: 36px;
    margin-bottom: 0;
}

.exit-inter-col textarea {
    border-color: #0095d4;
    min-height: 110px;
}

/*---Exit interview readable---*/
.exit-inter-read-col {
    margin-top: 25px;
}

.exit-inter-col .ans-txt {
    display: block;
    font-size: 16px;
    font-family: 'robotoregular';
    margin-top: 3px;
}

/*----Resign Form-----*/
.resign-top-box {
    margin-top: 20px;
}

.resign-top-box label {
    font-size: 12px;
    font-family: 'robotoregular';
    font-weight: normal;

}

.resign-form-wrap .let-top-name-txt {
    display: block;
    font-size: 16px;
    font-family: 'robotoregular';
}

.resign-top-box .atnd-cal-date {
    width: 100%;
}

.type-ul-box {
    margin-top: 55px;
    margin-bottom: 20px;
}

.type-ul-box label {
    font-size: 16px;
    color: #000;
    font-weight: normal;
    font-family: 'robotoregular';
    margin-bottom: 29px;
    display: block;
}

.type-ul-box textarea {
    border: 1px solid #0095d4;
    min-height: 188px;
    padding: 15px;
}

.type-ul-box p {
    font-family: 'robotoregular';
    font-weight: normal;
    font-size: 14px;
    color: #9a9a9a;
}

.lc-btn-box {
    margin-top: 30px;
}

.resign-top-reject-box {
    margin-top: 0;
    margin-bottom: 20px;
}

.resign-top-reject-box span {
    font-size: 14px !important;
}

.aprov-req-box.resig-form-appro {
    font-size: 14px;
    float: left;
    margin: 0px 10px;
}

/*--Employee Clearance--*/

.dept-status-wrap {
    text-align: center;
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.dept-status-wrap li {
    display: inline-block;
    margin: 20px 30px;
}

.dept-status-wrap li span.done {
    background-color: #79d58a;
}

.dept-status-wrap li .dept-reminder > button.reconfirm {
    background-color: #f89449;
}

/*------Revert Resignation------*/
.rea-chan-dec-box {
}

.rea-chan-dec-box > label {
    margin-bottom: 6px;
}

.rea-chan-dec-box textarea {
    min-height: 140px;
}

.rea-chan-dec-box button {
    margin: 25px 10px 0px 0px;

}

/*
    Custom Club Css here
*/
.bgcolor-red {
    background-color: #f7494a;
}

.txt-color-blue {
    color: #0095d4 !important;
}

.border-none {
    border: none;
}

.user-list-search input {
    padding: 0px 40px;
}

.user-list-search label::before {
    left: 18px;
}

.custom-club-wrap > h4 {
    margin-bottom: 26px;
}

.createClub-btn {
    position: absolute;
    top: 66px;
    right: 49px;
    margin: 0;
    min-width: 155px;
    padding: 3px 0px;
}

.c-club-box {
    position: relative;
    margin-top: 42px;
}

.c-club-box:before {
    content: '';
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    position: absolute;
    border-radius: 6px;
}

.c-club-box > img {
    border-radius: 6px;
    width: 100%;
}

.c-club-box article {
    color: #FFF;
    position: absolute;
    bottom: 0px;
    padding: 0px 15px;
}

.c-club-box article h3 {
    font-size: 24px;
    text-transform: uppercase;
    margin-bottom: 0px;
}

.c-club-box article p {
    font-size: 14px;
    line-height: 20px;
    color: #f3f3f3;
}

/*Create Club*/
.cc-upload-box {
    background-color: #f9f9f9;
    height: 196px;
    border: 2px dashed #bbbbbb;
    margin-top: 29px;
    margin-bottom: 29px;
    background-size: cover;
    background-repeat: no-repeat;
}

.custom-club-uploader {
    position: absolute;
    bottom: 0px;
    top: 50%;
    right: 0px;
    left: 0px;
    margin: auto;
    width: 100%;
    height: 100%;
}

.custom-club-uploader .file-field, .custom-club-uploader .file-field span {
    display: block;
    text-align: center;
}

.custom-club-uploader .file-field > span i {
    color: #dddddd;
    text-align: center;
    display: block;
    font-size: 40px;
}

.custom-club-uploader .file-field > span.btn {
    margin: 14px auto;
    display: inline-block;
    padding: 1.5px 20px;
    float: none;
    height: auto;
    line-height: 2.2rem;
}

.custom-club-uploader .file-field .file-path-wrapper {
    padding-left: 0;
}

.custom-club-uploader .file-field .file-path-wrapper .file-path {
    text-align: center;
    border-bottom: 0;
}

.c-cust-wrap .f-off-box {
    margin: 0px;
}

/*Club list and modal*/

.club-modal .meet-box-detail {
    margin-bottom: 21px;
}

.ClubmembersArea .idea-membr-icon .idea-membr-icon_cross {
    color: #717171 !important;
}

.ClubmembersArea .idea-membr-dtl h3 {
    width: 136px;
}

.club-approval-box {
    margin-top: 4px;
}

.club-approval-box > button {
    min-width: 155px;
    padding: 4px 0px !important;
}

.club-approval-box input {
    padding-top: 4px;
    padding-bottom: 4px;
    margin-left: 0;
}

.club-rejection-box {
    margin-top: 25px;
}

.club-rejection-box > label {
    font-size: 14px;
    font-family: 'robotoregular';
    /*font-weight: normal;*/
}

.club-rejection-box p {
    font-weight: normal;
    font-size: 16px;
    font-family: 'robotoregular';
}

.club-rejection-box input {
    height: 2rem;
}

.club-rejection-box button {
    min-width: 155px;
    padding: 4px 0px !important;
    margin-left: 0;
}

.c-comment-box > label {
    font-size: 12px;
    font-weight: normal;
}

.c-comment-box > label {
    margin: 0;
}

.c-comment-box > label span {
    display: inline-block;
    border-radius: 16px;
    padding: 1px 8px;
    background-color: #86d1fb;
    font-size: 11px;
    font-weight: normal;
    color: #FFF;
    margin-left: 3px;
}

.c-comment-box > label span.admin {
    background-color: #79d58a;
}

.c-comment-box button {
    padding: 0px 0px !important;
    min-width: 110px;
    margin: 0;
    margin-bottom: 20px;
    font-size: 12px;
    line-height: 25px;
    min-width: 90px;
}

.c-reject-box {
    margin-top: 0px;
}

/*Club list*/
#clublist_filter {
    display: none;
}

.club-detail-img {
    margin: -9px 0px 20px 0px;
}

.club-detail-img > img {
    border-radius: 6px;
}

/*Club Page*/
.post-event-title {
    font-family: 'robotoregular';
    margin-bottom: 20px;
    margin-top: 7px;
}

.post-event-title h6 {
    font-size: 18px;
    color: #000;
    margin: 0px;
}

.post-event-title p {
    font-size: 14px;
    color: #999999;
    margin: 0px;
}

.post-event-rsvp {
    padding-right: 15px;
    margin-top: 7px;
}

.post-event-rsvp > span {
    display: block;
    font-size: 12px;
    color: #888888;
}

.post-event-rsvp .post-event-rsvp-name {
    font-size: 16px;
    color: #000;
}

.post-event-rsvp .post-event-date-time {
    font-size: 16px;
    margin-top: 5px;
}

.post-event-date-box {
    background-color: #f9f9f9;
    border-radius: 6px;
    width: 65px;
    float: left;
    margin-bottom: 20px;
}

.post-event-date-box > span {
    display: block;
    font-size: 12px;
    text-align: center;
}

.post-event-date-box span.day {
    color: #7a7a7a;
    line-height: 10px;
    padding-top: 9px;
}

.post-event-date-box span.date {
    color: #202020;
    font-size: 24px;

}

.post-event-date-box span.month {
    color: #FFF;
    border-radius: 0px 0px 6px 6px;
    background-color: #0095d4;
    padding: 1px 0px 1px 0px;
}

.event-box-info-box {
    padding-left: 80px;
    margin-bottom: 20px;
}

.event-box-info-box h4 {
    font-size: 22px;
    color: #333333;
    margin: 0;
    font-family: 'robotolight';
    padding-bottom: 6px;
}

.event-box-info-box p {
    font-size: 14px;
    color: #666666;
    line-height: 20px;
}

.post-view-header .gaditek-poll {
    padding-top: 0;
}

.post-view-header .gaditek-poll > h4 {
    margin-top: 0px;
}

.post-view-header .eat-select {
    margin-top: 14px;
}

.post-event-feedback-box > h4 {
    font-size: 20px;
    color: #212121;
    margin: 0px 0px 17px;
}

.post-feedback-overall {
    background: url(../img/feedback-rating.png);
    width: 210px;
    height: 33px;
    position: relative;
}

.post-feedback-overall-inner {
    background: url(../img/pm-rating.png) no-repeat;
    position: absolute;
    height: 100%;
}

.post-feedback-overall-inner.pfo1 {
    width: 20%;
}

.post-feedback-overall-inner.pfo2 {
    width: 40%;
}

.post-feedback-overall-inner.pfo3 {
    width: 60%;
}

.post-feedback-overall-inner.pfo4 {
    width: 80%;
}

.post-feedback-overall-inner.pfo5 {
    width: 100%;
}

.post-managment-feedback {
    margin-top: 16px;
    margin-bottom: 20px;
}

.post-managment-feedback > h5 {
    font-size: 12px;
    color: #757575;
    margin: 0px;
    margin-bottom: 11px;
}

.post-managment-feedback-rate {
    background: url(../img/post-feedback-rating.png) no-repeat;
    width: 127px;
    height: 21px;
    position: relative;

}

.post-managment-feedback-rate.pfeed-m .post-managment-feedback-inner {
    background: url(../img/feedback-m.png) no-repeat;
    height: 100%;
    position: absolute;

}

.post-managment-feedback-rate.pfeed-m .post-managment-feedback-inner.pfm1 {
    width: 20%;
}

.post-managment-feedback-rate.pfeed-m .post-managment-feedback-inner.pfm2 {
    width: 40%;
}

.post-managment-feedback-rate.pfeed-m .post-managment-feedback-inner.pfm3 {
    width: 60%;
}

.post-managment-feedback-rate.pfeed-m .post-managment-feedback-inner.pfm4 {
    width: 80%;
}

.post-managment-feedback-rate.pfeed-m .post-managment-feedback-inner.pfm5 {
    width: 100%;
}

.post-managment-feedback-rate.pfeed-e .post-managment-feedback-inner {
    background: url(../img/feedback-e.png) no-repeat;
    height: 100%;
    position: absolute;

}

.post-managment-feedback-rate.pfeed-e .post-managment-feedback-inner.pfe1 {
    width: 20%;
}

.post-managment-feedback-rate.pfeed-e .post-managment-feedback-inner.pfe2 {
    width: 40%;
}

.post-managment-feedback-rate.pfeed-e .post-managment-feedback-inner.pfe3 {
    width: 60%;
}

.post-managment-feedback-rate.pfeed-e .post-managment-feedback-inner.pfe4 {
    width: 80%;
}

.post-managment-feedback-rate.pfeed-e .post-managment-feedback-inner.pfe5 {
    width: 100%;
}

.manage-rating-head {
    margin: 0px;
    font-size: 20px;
    padding-left: 15px;
    padding-bottom: 10px;
}

.pos-give-feed-wrap button {
    padding: 0px 10px;
    margin: 6px 0px 20px 15px;
}

.custom-goal-widget {
    position: relative;
}

.custom-goal-widget > h4 {
    color: #000;
    font-size: 14px;
    margin: 0px 0px;
    padding: 0px 0px 15px 0px;
    position: relative;
}

.c-goal-edit {
    position: absolute;
    top: 15px;
    right: 16px;
    color: #999999;
    font-size: 16px;
    cursor: pointer;
}

.custom-goal-widget > h4 > a {
    text-align: right;
    position: absolute;
    top: 0px;
    right: 0px;
}

.custom-goal-widget > h4:after {
    content: '';
    display: block;
    height: 1px;
    width: 119%;
    position: absolute;
    bottom: 0;
    background-color: #f2f2f2;
    margin-left: -26px;
}

.custom-goal-widget p {
    font-size: 14px;
    color: #666666;
    line-height: 20px;
    margin-top: 15px;
}

.clubGoal-boxEdit {
    margin-top: 18px;
    background-color: #FFF;
    width: 100%;
}

.clubGoal-boxEdit textarea {
    border-radius: 4px;
    resize: none;
    padding: 6px 4px;
    min-height: 100px;
}

.clubGoal-boxEdit button {
    margin: 8px 0px 0px;
    padding: 0px 17px;
}

.custom-goal-widget ul li {
    display: block;
    position: relative;
}

.custom-goal-widget ul {
    margin-top: 6px;
}

.custom-goal-widget ul li > a {
    display: block;
    font-size: 16px;
    font-weight: normal;
    font-family: 'robotoregular';
    padding: 6px 0px;
}

.club-custom-link li span.del {
    position: absolute;
    top: 6px;
    right: 0px;
    width: 20px;
    height: 20px;
    background-color: #cccccc;
    color: #FFF;
    border-radius: 50%;
    cursor: pointer;
    z-index: 1;
    text-align: center;
}

.cc-links-box p {
    margin: 0;
}

.cc-links-box label {
    font-size: 12px;
    font-weight: normal;
    color: #7f7f7f;
}

.cc-links-box input {
    height: 2rem;
}

#addlink {
    padding: 2px 12px;
    margin: 6px 0px 0px 0px;
}

.event-members {
    margin: 0px -25px;
    height: 400px;
}

.custom-goal-widget .enscroll-track.track3 {
    left: -30px;
}

.event-members ul li {
    border-bottom: 1px solid #f2f2f2;
    padding: 10px 25px;
    margin: 0px 0px;
    position: relative;
}

.event-members ul li span.del {
    position: absolute;
    top: 18px;
    right: 18px;
    width: 20px;
    height: 20px;
    background-color: #cccccc;
    color: #FFF;
    border-radius: 50%;
    cursor: pointer;
    z-index: 1;
    text-align: center;
}

.event-members ul li .admin {
    background-color: #DA69FE;
    color: #FFF;
    font-size: 12px;
    border-radius: 12px;
    position: absolute;
    top: 18px;
    text-transform: uppercase;
    right: 7px;
    display: inline-block;
    padding: 2px 10px;
}

.event-members ul li > .memberInfo-avatar {
    float: left;
    width: 30px;
    height: 30px;
    display: block;
    margin-top: 2px;
    border-radius: 50%;
    overflow: hidden;
}

.event-members ul li > .memberInfo-avatar img {
    width: 30px;
    display: block;
}

.custom-goal-widget .memberInfo {
    padding-left: 40px;

}

.custom-goal-widget .memberInfo a {
    font-size: 13px;
    color: #009ac8;
    /*text-overflow: ellipsis;
    white-space: nowrap;
    width: 180px;
    display: inline-block;
    overflow: hidden;*/

}

.custom-goal-widget .memberInfo p {
    font-size: 12px;
    color: #757575;
    margin-top: -3px;

}

.club-info {
    background: url(../img/club-image-top.png) no-repeat;
}

.club-info-top-box {
    background-color: #ffb703;
    color: #FFF;
    border-radius: 4px;
    font-family: 'robotoregular';
    margin-top: 40px;

}

.club-info-top-box h4 {
    font-size: 24px;
    margin: 0px;
    padding-top: 15px;
}

.club-info-top-box p {
    font-size: 14px;
    line-height: 20px;
    font-family: 'robotoregular';
    margin-top: 10px;
}

.jo-gbox {
    padding: 0px 0px;
}

.jo-gbox p {
    font-size: 14px;
    padding-top: 21px;
}

.jo-gbox button {
    margin: 14px 0px;
    margin-right: 25px;
}

/*Club page admin*/
.club-annou-eve-wrap {
    margin-bottom: 8px;
}

.club-annou-eve-wrap span {
    margin-right: 22px;

}

.club-annou-eve-wrap span label {
    color: #000;
    font-size: 18px !important;
    font-family: 'robotolight';
    font-weight: normal;
}

.club-post-wrap {
    padding: 16px 14px;
}

.club-annou-eve-field {
    margin-top: 0px;
}

.club-annou-eve-field label {
    font-size: 12px;
    color: #757575;
    font-weight: normal;
}

.club-annou-eve-field .atnd-cal-date {
    width: 98%;
}

.club-annou-eve-field input {
    border-bottom: 1px solid #d7d7d7;
}

.club-annou-eve-field textarea {
    padding: 19px 0px;
    min-height: 68px;
}

.club-post-wrap .post-btn {
    margin-top: 10px;
    margin-bottom: 0px;
}

.club-add-creat-btn {

}

.club-add-creat-btn > button {
    font-family: 'robotolight';
    margin: 0px;
    padding: 2px 16px;
}

.club-add-creat-btn.memReq {
    margin: 20px 0px;
}

.club-add-creat-btn.memReq button {
    width: 100%;
    font-family: 'robotoregular';
}

/*Create Club Polls*/
.poll-opt-wrap li input[type=text]:focus:not([readonly]) {
    border-bottom: 1px solid #4285F4 !important;
}

/*Add Club Members*/

#AddMember .modal-header .m-leave-head {
    margin-bottom: 10px;
}

/*Remove Member*/
.club-modal .modal-header {
    margin-bottom: 13px;
    padding-top: 0;
}

.remove-mem-txt p {
    font-size: 18px;
    margin: 0px 0px 18px 0px;
}

/*Members Request*/
span.status {
    border-radius: 12px;
    display: inline-block;
    padding: 2px 13px;
    color: #FFF;
    font-size: 12px;
    background-color: #88d1fa;
    line-height: 17px;
}

span.status.pending {
    background-color: #88d1fa;
}

span.status.rejected {
    background-color: #f7494a;
}

span.status.approved {
    background-color: #79d58a;
}

span.status.request {
    background-color: #FFFF66;
}

a.remove {
    display: inline-block;
    padding: 4px 10px;
    line-height: 19px;
    color: #FFF;
}

.userClubStatus {
    position: absolute;
    top: 20px;
    right: 27px;
}

.userClubStatusListingAllClubs {
    position: relative;
    top: -65px;
    right: -332px;
}

@media (min-width: 1350px) {
    .btn-login, .btn-login:hover, .btn-login:focus, .btn-applicant, .btn-applicant:hover, .btn-applicant:focus {
        padding: 10px 0;
    }
}


@media (min-width: 320px) and (max-width: 480px)  {
    /* styles for mobile browsers smaller than 480px; (iPhone) */
    .btn-login, .btn-login:hover, .btn-login:focus, .btn-applicant, .btn-applicant:hover, .btn-applicant:focus {
        font-size: 14px !important;
    }
}


@media (min-width: 850px) {
    .club-modal .modal-dialog {
        width: 774px;
    }


}

@media (max-width: 767px) {
    .club-detail-img > img {
        width: 100%;
    }
}

/*  Existing Employee css here  */

.profile-steps {
    text-align: center;
}

.profile-steps ul {
    position: relative;
}

.profile-steps ul:before {
    content: '';
    border-top: dashed 1px #e5e5e5;
    position: absolute;
    top: 10px;
    z-index: 0;
    display: block;
    height: 1px;
    width: 80%;
    left: 10%;
}

.profile-steps ul li {
    color: #a3a3a3;
    font-size: 12px;
    display: inline-block;
    text-align: center;
    z-index: 1;
    position: relative;
    min-width: 19%;
    text-transform: uppercase;
}

.profile-steps ul li span {
    display: block;
}

.profile-steps ul li span.ps-num {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    margin: 0px auto 0px auto;
    background-color: #7f7f7f;
    color: #FFF;
    line-height: 18px;
}

.profile-steps ul li span.ps-txt {
    margin-top: 12px;
}

.profile-steps ul li.active span.ps-txt {
    color: #f89449;
}

.profile-steps ul li.active span.ps-num {
    background-color: #f89449;
}

.profile-steps ul li.done span.ps-txt {
    color: #0095d4;
}

.profile-steps ul li.done span.ps-num {
    background-color: #0095d4;
}

.profile-wrap {
    margin-top: 68px;
}

.l-profile-avatar {
    margin-top: 50px;
}

.profile-avatar img {
}

.p-info-box {
    margin-bottom: 36px;
}

.profile-wrap.main-s .p-info-box .p-info-box-txt {
    color: #a3a3a3;
    margin-bottom: 8px;
}

.p-info-box span {
    display: block;
    font-size: 14px;
    color: #000;
    font-family: 'robotoregular';
}

.p-info-box .p-info-box-txt {
    margin-bottom: 0px;
}

.p-info-box .p-info-box-val {
    color: #000;
}

.p-info-box .p-info-box-val input[type="text"] {
    height: 2rem;
    margin: 0px;
    border-color: #0095d4;
}

.profile-buttons-box .btn {
    margin: 0px 10px 0px 0px;

}

.p-info-box .p-info-box-val .select-wrapper::after {
    content: "\f078";
    position: absolute;
    top: 9px;
    right: 4px;
    font-size: 16px;
    color: #579ee1;
}

.p-info-box .p-info-box-val .input-field {
    margin-top: 0px;
}

.academic-info-box {
    position: relative;;
}

.close-academic-info {
    border: 2px solid #a7a7a9;
    width: 19px;
    height: 19px;
    text-align: center;
    color: #a7a7a9;
    position: absolute;
    top: -27px;
    right: 19px;
    border-radius: 50%;
    line-height: 14px;
    cursor: pointer;
}

.profile-seperator {
    border: 1px dashed #b2b2b2;
    margin: 30px 0px 60px 0px;
}

.add-more-acadmic {
    border: 1px solid #7d7d80;
    color: #7d7d80;
    font-size: 14px;
    font-family: 'robotolight';
    background-color: transparent;
    padding: 6px 26px;
    margin-bottom: 50px;
}

.add-more-acadmic:hover {
    background-color: #b2b2b2;
    color: #FFF;
}

.add-more-acadmic:focus {
    background-color: transparent;
    color: #7d7d80;
}

.add-more-acadmic i {
    left: -2px;
    top: 1px;
    position: relative;
    font-size: 16px;
}

.add-more-lang {
    border: 1px solid #7d7d80;
    color: #7d7d80;
    font-size: 14px;
    font-family: 'robotolight';
    background-color: transparent;
    padding: 6px 26px;
    margin-bottom: 50px;
}

.add-more-lang:hover {
    background-color: #b2b2b2;
    color: #FFF;
}

.add-more-lang:focus {
    background-color: transparent;
    color: #7d7d80;
}

.add-more-lang i {
    left: -2px;
    top: 1px;
    position: relative;
    font-size: 16px;
}

.p-info-box .p-info-box-val .checkin-expr .atnd-cal-date {
    width: 100%;
}

.p-info-box .p-info-box-val .atnd-cal-date i {
    top: 4px;
    color: #579ee1;
}

.p-responsibilty-wrap {
}

.p-responsibilty-wrap > h4 {
    font-size: 14px;
    color: #000;
    font-family: 'robotoregular';
    margin: 0;
}

.p-responsibilty-wrap > h4 span {
    color: #959595;
}

.p-responsibilty-wrap ol {
    margin: 0px 0px 30px 0px;
    padding: 0px 0px 0px 15px;
}

.p-responsibilty-wrap li {
    width: 100% !important;
    position: relative;
}

.p-responsibilty-wrap li:after {
    content: '';
    position: absolute;
    bottom: 0;
    width: 101.5%;
    left: -1.5%;
    border-bottom: 1px solid #0095d4;
}

.p-responsibilty-wrap li input {
    border-bottom: 0;
    height: 2rem;
    width: 100%;
    font-family: 'robotoregular';
    font-size: 14px;
    padding: 6px 0px;
    margin: 0;
}

.p-responsibilty-wrap li input:focus {
    border: 0 !important;
    box-shadow: none;
}

.p-responsibilty-wrap li input[type=text]:focus:not([readonly]) {
    border: 0 !important;
    box-shadow: none;
}

.responce-close-ico {
    border: 2px solid #a7a7a9;
    width: 19px;
    height: 19px;
    text-align: center;
    color: #a7a7a9;
    position: absolute;
    top: 11px;
    right: 4px;
    border-radius: 50%;
    line-height: 14px;
    cursor: pointer;
}

.add-respons {
    border: 2px solid #a7a7a9;
    width: 19px;
    height: 19px;
    text-align: center;
    color: #a7a7a9;
    border-radius: 50%;
    line-height: 15px;
    cursor: pointer;
    font-size: 12px;
    float: right;
    margin-top: -11px;
    margin-right: 4px;
}

.experience-wrap {
    position: relative;
}

.profile-wrap div.skill {
    position: relative;
    float: left;
    width: 100%;
}

.profile-wrap div.lang {
    position: relative;
    float: left;
    width: 100%;
}

.profile-wrap div.experience {
    position: relative;
    float: left;
    width: 100%;
}

.profile-wrap div.acadmic {
    position: relative;
    float: left;
    width: 100%;
}

.profile-wrap div.acadmic_db {
    position: relative;
    float: left;
    width: 100%;
}

.profile-wrap div.exp_db {
    position: relative;
    float: left;
    width: 100%;
}

.profile-wrap div.skillsDiv {
    position: relative;
    float: left;
    width: 100%;
}

.profile-wrap div.langDiv {
    position: relative;
    float: left;
    width: 100%;
}

.profile-wrap div.interest {
    position: relative;
    float: left;
    width: 100%;
}

.user-skills {
    position: relative;
}

.u-language-wrap {
    position: relative;
}

.u-interest-wrap {
    position: relative;
}

/*---Your Profile--*/
.your-profile-view-wrap > h4 {
    margin-bottom: 38px;
}

.your-profile-view-wrap .candt-pers-info-box > h2 {
    line-height: 42px;
}

.your-profile-view-wrap .cand-info-box {
    margin-top: 40px;
}

/*---Search Employee Profile---*/
.wrap-tab-wrap .input-field {
    /*margin-top: 14px;*/
}

.advance-search-profile-txt {
    font-size: 12px;
    color: #009ac8;
}

.advance-search-profile {
    background-color: #f6f6f6;
    margin-left: -10px;
    margin-right: -10px;
    padding: 10px 10px 25px 10px;
}

.advance-search-pbox {
    margin-top: 10px;
}

.advance-search-profile > h4 {
    font-size: 16px !important;
    margin: 10px 0px 4px 16px !important;
}

.advance-search-pbox button {
    margin: 20px 10px 0px 0px;
}

.export-pro-btn {
    background-color: #f89449;
    float: right;
    margin-top: -97px;
    color: #FFF;
    min-width: 140px;
}

.profile-search-wrap {
    margin-top: 24px;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    /* @ Section . Existing Employee Screen CSS in sm screen */
    .profile-steps ul:before {
        display: none;
    }

    .profile-steps ul li {
        width: 30%;
        margin: 10px 0px;
    }

    .profile-avatar {
        height: 160px;
        width: 160px;
        margin: 0px auto 30px auto;
        float: none;
    }

    .profile-avatar img {
    }

    .p-info-box {
    }

    .profile-buttons-box {
        text-align: center;
    }

    .profile-buttons-box .btn {
        display: inline-block;
    }
}

@media (max-width: 767px) {

    /* @ Section . Existing Employee  on xs screen */
    .profile-steps ul:before {
        display: none;
    }

    .profile-steps ul li {
        width: auto;
        margin: 10px 24px;
    }

    .profile-avatar {
        height: 160px;
        width: 160px;

        margin: 0px auto 30px auto;
        float: none;
    }

    .profile-avatar img {
    }

    .p-info-box {
    }

    .p-info-box .p-info-box-val input[type="text"] {
    }

    .profile-buttons-box {
        text-align: center;
    }

    .profile-buttons-box .btn {
        display: inline-block;
    }

    .add-more-acadmic {
        width: 100%;
    }

    .add-more-lang {
        width: 100%;
    }
}

/*HR policy*/
.hr-polcy-nav-box {
    margin-bottom: 25px;
}

.hr-polcy-nav-box > h4 {
    margin-bottom: 10px;
    font-size: 20px;
    /* border-bottom: 1px solid #ccc;*/
    padding-bottom: 10px;
}

.hr-polcy-nav-box ul li {
    color: #333333;
    font-size: 16px;
    font-weight: normal;
    font-family: 'robotoregular';
    border-bottom: 1px solid #ccc;
    padding: 12px 0px;
}

.hr-polcy-nav-box ul li a {
    color: #333333;
    font-size: 16px;
    font-weight: normal;
    font-family: 'robotoregular';

    display: block;

}

.hr-polcy-nav-box ul li a:hover {
    text-decoration: underline;
}

.article-content {
    line-height: 1.6;
    margin: 40px 0;
    word-wrap: break-word;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 15px;
    font-weight: 400;
    color: #333333;
}

.article-content h1 {
    font-size: 4.2rem;
    margin: -0.9rem 0 0.68rem;
}

.article-content strong {
    font-weight: bold;
}

.article-content p {
    font-size: 16px;
}

.wysiwyg-color-blue {
    color: #00F;
}

.wysiwyg-font-size-medium {
    font-size: small;
}

.article-body ul {
    list-style: disc !important;
}

.article-body ul li {
    margin-bottom: 6px;
    position: relative;
    font-size: 16px;
}

.article-body ul li:before {
    content: '';
    display: block;
    width: 6px;
    height: 6px;
    background: #000;
    border-radius: 50%;
    top: 9px;
    left: -15px;
    position: absolute;
}

.article-body ul, .article-body ol {
    padding-left: 20px;
    list-style-position: outside;
    margin: 20px 0 20px 0px;
    list-style: disc !important;
}

.article-body table {
    width: 100%;
}

@media (max-width: 1200px) {
    .grd-ttl-scr-hd {
        margin-top: 0px !important;
        left: 0px !important;
        top: 42% !important;
    }

    .ticket-report-cont .pr-mrk-totl-box {
        margin-top: 50px;
    }
}

@media (min-width: 767px) {

    /* CSS for changing referal system columns  */
    .updt-rfrl-wrap .rfrl-status {
        width: 20%;
    }

    .updt-rfrl-wrap .rfrl-sts-stp:after {
        width: 300%;
    }

    .updt-rfrl-wrap .rfrl-status-inr {
        margin: auto;
    }

    .pera-left-padding {
        padding-left: 15px;
    }
}

/* Idea Board CSS Begin*/
.idea-ttl {
    color: #9a9a9a !important;
    font-size: 12px !important;
}

.ideaboard-result-container {
    min-height: 50px !important;
}

#idea-wrap h4 {
    margin-bottom: 20px;
    font-size: 20px;
    color: #000;
}

#idea-wrap p {
    color: #000000;
    font-size: 14px;
    opacity: 0.87;
}

.idea-tab-wrap .nav-tabs {
    box-shadow: none;
    border-bottom: 1px solid #f2f2f2;
}

.idea-tab-wrap .tabs-6 li {
    width: 15%;
}

.idea-tab-wrap .nav-tabs li > a {
    color: #9a9a9a;
    font-family: 'robotomedium';
    font-size: 12px;
    border: 1px solid transparent !important;
    text-transform: uppercase;
    line-height: 24px;
}

.nav-tabs li.active > a {
    border: none;
    border-bottom: 2px solid #0095d4 !important;
    color: #000 !important;
}

.idea-list-box .select-wrapper + label {
    left: 0;
    color: #9a9a9a;
    font-weight: normal;
    top: -12px;
}

.dropdown-content li > a, .dropdown-content li > span {
    font-size: 14px;
    color: #000000;
    display: block;
}

.idea-list-box .dropdown-content {
    top: 6px !important;
}

.idea-frm-btn-box {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    /* top: 12px; */
    width: 100%;
}

.ide-shr-grt-btn-box {
    top: 2px;
    width: auto;
}

.idea-frm-prjct-box-type {
    position: absolute;
    top: 0px;
    left: 0px;
    padding: 5px 8px 5px 5px;
    color: #fff;
    text-transform: uppercase;
}

.idea-frm-prjct-box-type i {
    vertical-align: bottom;
    color: #fff;
    margin-right: 5px;
}

.idea-frm-prjct-box-type:hover, .idea-frm-prjct-box-type:active, .idea-frm-prjct-box-type:focus {
    color: #fff;
}

#prjct-purevpn .idea-frm-prjct-box-type {
    background-color: #a3e250;
}

#prjct-cloudways .idea-frm-prjct-box-type {
    background-color: #51c8de;
}

#prjct-killping .idea-frm-prjct-box-type {
    background-color: #ffa180;
}

#prjct-clutterappart .iidea-frm-prjct-box-type {
    background-color: #ba83ee;
}

#prjct-ivacy .idea-frm-prjct-box-type {
    background-color: #ba83ee;
}

#prjct-disrupt .idea-frm-prjct-box-type {
    background-color: #ba83ee;
}

#prjct-gaditekassociates .idea-frm-prjct-box-type {
    background-color: #ba83ee;
}

#prjct-gaditek .idea-frm-prjct-box-type {
    background-color: #0186be;
}

#prjct-clutterapart .idea-frm-prjct-box-type {
    background-color: #eacb1a;
}

#prjct-unblock .idea-frm-prjct-box-type {
    background-color: #19d5a7;
}

.idea-frm-prjct-dtl-box h3 i {
    vertical-align: middle;
    margin-left: 10px;
}

#prjct-purevpn .idea-frm-prjct-dtl-box h3 i {
    color: #a3e250;
}

#prjct-cloudways .idea-frm-prjct-dtl-box h3 i {
    color: #51c8de;
}

#prjct-killping .idea-frm-prjct-dtl-box h3 i {
    color: #ffa180;
}

#prjct-clutterappart .idea-frm-prjct-dtl-box h3 i {
    color: #ba83ee;
}

#prjct-ivacy .idea-frm-prjct-dtl-box h3 i {
    color: #ba83ee;
}

#prjct-disrupt .idea-frm-prjct-dtl-box h3 i {
    color: #ba83ee;
}

#prjct-clutterapart .idea-frm-prjct-dtl-box h3 i {
    color: #eacb1a;
}

#prjct-unblock .idea-frm-prjct-dtl-box h3 i {
    color: #19d5a7;
}

#prjct-gaditek .idea-frm-prjct-dtl-box h3 i {
    color: #0186be;
}

#prjct-gaditekassociates .idea-frm-prjct-dtl-box h3 i {
    color: #ba83ee;
}

#prjct-purevpn #modalInfo .table-striped > tbody > tr:nth-of-type(odd) {
    background-color: rgba(163, 226, 80, 0.2) !important;
}

#prjct-cloudways #modalInfo .table-striped > tbody > tr:nth-of-type(odd) {
    background-color: rgba(186, 131, 238, 0.2) !important;
}

#prjct-killping #modalInfo .table-striped > tbody > tr:nth-of-type(odd) {
    background-color: rgba(81, 200, 222, 0.2) !important;
}

#prjct-clutterappart #modalInfo .table-striped > tbody > tr:nth-of-type(odd) {
    background-color: rgba(186, 131, 238, 0.2) !important;
}

#prjct-ivacy #modalInfo .table-striped > tbody > tr:nth-of-type(odd) {
    background-color: rgba(186, 131, 238, 0.2) !important;
}

#prjct-disrupt #modalInfo .table-striped > tbody > tr:nth-of-type(odd) {
    background-color: rgba(186, 131, 238, 0.2) !important;
}

#prjct-gaditekassociates #modalInfo .table-striped > tbody > tr:nth-of-type(odd) {
    background-color: rgba(186, 131, 238, 0.2) !important;
}

#modalInfo #modalInfo .table-striped > tbody > tr:nth-of-type(odd) {
    background-color: rgba(1, 134, 190, 0.2);
}

.idea-frm-btn-box::before {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f067";
    position: absolute;
    top: 10px;
    left: 15px;
    font-size: 14px;
    color: #fff;
    z-index: 99;
}

.idea-frm-btn-sub-box::before {
    top: 24px;
    left: 10px;
}

.idea-frm-btn-sub-box input {
    text-indent: 10px;
    margin-left: 0;
}

.idea-frm-btn-box .glb-submit input {
    text-indent: 19px;
}

.idea-frm-prjct-ttl {
    color: #9a9a9a;
    font-size: 12px;
    text-align: left;
    font-family: 'robotomedium';
    margin-bottom: 25px;
    margin-top: 15px;
}

.idea-frm-prjct-ttl > .row {
    margin-bottom: 20px;
}

.idea-frm-prjct-ttl b {
    color: #000;
    opacity: 0.87;
    font-size: 14px;
    display: block;
    font-weight: normal;
    line-height: 25px;
}

.idea-frm-prjct-ttl span {
    color: #7bb331;
    font-size: 14px;
    display: block;
    line-height: 25px;
}

.grid-item {
    width: 48%;
    float: left;
}

.grid-item:nth-child(odd) {
    margin-right: 2%;
}

.idea-list-box {
    margin: 40px 0;
    margin-bottom: 20px;
}

.col-wide-wrap .idea-tab-wrap .grid {
    margin-top: 20px;
}

.needApprovalGridPara {
    font-size: 12px !important;
    opacity: 0.54;
    text-transform: uppercase;
    margin-bottom: 25px;
}

.idea-frm-prjct-dtl-box {
    margin-bottom: 25px;
}

.idea-frm-prjct-members-box {
    max-height: 110px;
    overflow: hidden;
    overflow-y: scroll;
}

.idea-frm-prjct-dtl-box h3 {
    color: #9a9a9a;
    font-size: 12px;
    margin: 0 0 10px;
    text-transform: uppercase;
    vertical-align: sub;
}

.idea-frm-prjct-dtl-box h3 i {
    vertical-align: sub;
    margin-left: 10px;
    font-size: 19px;
    transition: all .2s ease-in-out;
}

.idea-frm-prjct-dtl-box h3 i:hover {
    transform: scale(1.4);
}

.idea-frm-prjct-dtl-box h3 a {
    text-decoration: none;
}

.idea-frm-prjct-dtl-box p {
    color: #000;
    font-size: 14px;
}

.idea-frm-prjct-box {
    padding: 25px;
    border-top: 3px solid #a3e250;
    box-shadow: 0px 2px 4px 0px rgba(186, 202, 210, 0.6);
    margin-bottom: 25px;
    position: relative;
}

.addIdeaModelEdit .modal-dialog {
    min-width: 600px;
    margin-top: 130px;
}

.addIdeaModelEdit .modal-content {

}

.addIdeaModelEdit .idea-frm-btn-box input {
    padding: 8px 14px;
    text-indent: 0px;
}

.addIdeaModelEdit .modal-body {
    padding: 15px 0px;
}

.modal-body input.select-dropdown {
    z-index: 999;
}

.modal-body .select-wrapper ul.select-dropdown {
    z-index: 9999 !important;
}

.addIdeaModelEdit .modal-body > .col-lg-6:first-child input {
    opacity: 0.4;
}

#prjct-purevpn {
    border-top-color: #a3e250;
}

#prjct-purevpn .idea-frm-prjct-ttl span {
    color: #a3e250 !important;
}

#prjct-cloudways {
    border-top-color: #51c8de;
}

#prjct-cloudways .idea-frm-prjct-ttl span {
    color: #51c8de !important;
}

#prjct-killping {
    border-top-color: #ffa180;
}

#prjct-killping .idea-frm-prjct-ttl span {
    color: #ffa180 !important;
}

#prjct-clutterappart {
    border-top-color: #ba83ee;
}

#prjct-clutterappart .idea-frm-prjct-ttl span {
    color: #ba83ee !important;
}

#prjct-ivacy {
    border-top-color: #ba83ee;
}

#prjct-clutterapart {
    border-top-color: #eacb1a;
}

#prjct-unblock {
    border-top-color: #19d5a7;
}

#prjct-gaditek {
    border-top-color: #0186be;
}

#prjct-ivacy .idea-frm-prjct-ttl span {
    color: #ba83ee !important;
}

#prjct-disrupt {
    border-top-color: #ba83ee;
}

#prjct-disrupt .idea-frm-prjct-ttl span {
    color: #ba83ee !important;
}

#prjct-clutterapart .idea-frm-prjct-ttl span {
    color: #eacb1a !important;
}

#prjct-unblock .idea-frm-prjct-ttl span {
    color: #19d5a7 !important;
}

#prjct-gaditek .idea-frm-prjct-ttl span {
    color: #0186be !important;
}

#prjct-gaditekassociates {
    border-top-color: #ba83ee;
}

#prjct-gaditekassociates .idea-frm-prjct-ttl span {
    color: #ba83ee !important;
}

.idea-frm-prjct-member-box {
    margin-bottom: 10px;
    transition: all 0.3s ease-in-out;
    padding: 0px;
}

.idea-frm-prjct-member-box-input {
    padding: 0px;
}

.idea-frm-prjct-member-box-buttons {
    padding: 0px 30px;
}

.idea-frm-prjct-member-box span {
    background: #f6f6f6;
    border-radius: 50px;
    display: inline-block;
    padding: 5px 10px 5px 10px;
    transition: all 0.3s ease-in-out;
    margin-right: 10px;
}

.idea-frm-prjct-member-box-owner span {
    /*background: rgba(102, 102, 102, 0.55) !important;*/
    background: #f6f6f6;
}

.idea-frm-prjct-member-box-owner i {
    background: rgb(255, 255, 255);
    border-radius: 50%;
}

.idea-frm-prjct-member-box-owner h3, .idea-frm-prjct-member-box-owner p {
    color: #000 !important;
}

.idea-frm-prjct-box-edit {
    position: absolute;
    top: 0px;
    right: 0px;
    padding: 5px;
    box-shadow: none;
    border-radius: 0px;
    color: #fff;
}

.idea-frm-prjct-box-edit:hover, .idea-frm-prjct-box-edit:active, .idea-frm-prjct-box-edit:focus {
    color: #fff;
}

#prjct-purevpn .idea-frm-prjct-box-edit {
    background-color: #a3e250;
}

#prjct-cloudways .idea-frm-prjct-box-edit {
    background-color: #51c8de;
}

#prjct-killping .idea-frm-prjct-box-edit {
    background-color: #ffa180;
}

#prjct-clutterappart .idea-frm-prjct-box-edit {
    background-color: #ba83ee;
}

#prjct-ivacy .idea-frm-prjct-box-edit {
    background-color: #ba83ee;
}

#prjct-disrupt .idea-frm-prjct-box-edit {
    background-color: #ba83ee;
}

#prjct-gaditekassociates .idea-frm-prjct-box-edit {
    background-color: #ba83ee;
}

.idea-frm-prjct-member-box span .idea-membr-icon {
    /*width: 0px;*/
    transition: all 0.3s ease-in-out;
    /*padding: 0px;
    overflow: hidden;*/
}

.idea-frm-prjct-member-box:hover span {
    transition: all 0.3s ease-in-out;
    /*padding: 5px 10px 5px 10px;*/
}

.idea-frm-prjct-member-box:hover span .idea-membr-icon {
    /*width: 35px;*/
    padding-left: 10px;
}

.idea-frm-prjct-member-box:hover .idea-frm-prjct-member-approve-button {
    opacity: 1;
}

.idea-frm-prjct-member-box:hover .idea-frm-prjct-member-reject-button {
    opacity: 0.87;
}

.idea-frm-prjct-member-box button:hover, .idea-frm-prjct-member-box button:focus {
    background: transparent;
}

.idea-frm-prjct-member-approve-button {
    background-color: transparent;
    border: none;
    border-radius: 0px;
    color: #88c538;
    text-transform: uppercase;
    display: inline-block;
    vertical-align: middle;
    opacity: 1;
    font-size: 14px;
    transition: all 0.3s ease-in-out;
}

.idea-frm-prjct-member-reject-button {
    background-color: transparent;
    border: none;
    border-radius: 0px;
    color: #000000;
    opacity: 1;
    font-size: 14px;
    transition: all 0.3s ease-in-out;
    text-transform: uppercase;
    display: inline-block;
    vertical-align: middle;
}

.idea-membr-img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}

.idea-membr-img img {
    border-radius: 50px;
    width: 30px;
    height: 30px;
}

.idea-membr-dtl {
    display: inline-block;
    vertical-align: middle;
}

.idea-frm-prjct-member-box .idea-membr-icon {
    display: inline-block;
    vertical-align: middle;
    line-height: 12px;
    cursor: pointer;
    padding-left: 10px;
}

.idea-frm-prjct-member-box .material-icons {
    font-size: 24px;
}

.idea-membr-icon .idea-membr-icon_cross {
    color: #f47272;
}

.idea-membr-icon .idea-membr-icon_time {
    color: #8cb2f2;
}

.idea-membr-icon .idea-membr-icon_check {
    color: #8fd967;
}

.idea-membr-dtl h3 {
    color: #000;
    font-size: 13px !important;
    margin: 0;
    text-overflow: ellipsis;
    width: 110px;
    overflow: hidden;
    white-space: nowrap;
}

.idea-membr-dtl p {
    color: #000;
    font-size: 12px !important;
    margin: 0;
    opacity: 0.54;
}

.col-wide-wrap .idea-tab-wrap .grid.needApprovalGrid {
    margin-bottom: 70px;
    margin-top: 0px;
}

#addIdeaModel .modal-dialog {
    min-width: 979px;
    margin-top: 130px;
}

#addIdeaModel .modal-body {
    padding: 30px 15px;
    /*display: inline-block;*/
}

.modal-body #role {
    height: 37px;
}

.modal-body label[for="role"] {
    margin-bottom: 0px;
}

#addIdeaModel .datepicker {
    margin-left: 0px;
    height: 37px;
}

.ideaModel input::-webkit-input-placeholder {
    color: #0f0f14;
}

.ideaModel input:-moz-placeholder {
    color: #0f0f14;
}

.ideaModel input::-moz-placeholder {
    color: #0f0f14;
}

.ideaModel input:-ms-input-placeholder {
    color: #0f0f14;
}

#modalInfo .modal-header {
    border: none;
    padding-bottom: 0px;
}

#modalInfo .modal-dialog {
    margin-top: 15%;
}

#modalInfo .table-striped > tbody > tr:nth-of-type(odd) {
    background-color: rgba(1, 134, 190, 0.2);
}

#addIdeaModel .addIdeaModelPara {
    font-size: 12px;
    text-align: left;
}

.idea-membr-dtl .tooltip > .tooltip-inner {
    font-size: 15px !important;
    padding: 0px 10px !important;
}

.idea-membr-dtl .tooltip > .tooltip-arrow {
    border-top-color: transparent !important;
}

#addIdeaModel .addIdeaModelPara span {
    display: inline-block;
    line-height: normal;
}

#addIdeaModel .btn-cancel input {
    opacity: 0.54;
    transition: all 0.3s ease-in-out;
}

#addIdeaModel .btn-cancel input:hover {
    opacity: 1;
}

#addIdeaModel .idea-frm-prjct-member-box {
    padding: 0px;
    margin-bottom: 0px;
    margin-top: 5px;
}

#addIdeaModel .idea-membr-icon .idea-membr-icon_cross {
    color: #717171;
    transition: all 0.2s ease-in-out;
}

#addIdeaModel .idea-membr-icon .idea-membr-icon_cross:hover {
    color: #f47272;
}

#addIdeaModel label[for="addIdeaModelProject"] {
    margin-left: 0px;
}

#addIdeaModel .idea-frm-prjct-all-member-box {
    max-height: 150px;
    overflow: hidden;
    position: relative;
}

#addIdeaModel .idea-frm-prjct-member-box-single {
    position: relative;
    display: inline-block;
    width: 100%;
}

/* Majid CSS*/
.typeahead {
    z-index: 999999;
}

.ajax_loader {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 99;
    background: rgba(255, 255, 255, 0.68);
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] {
    background-color: #FFF !important;
}

.ideaModel .modal-dialog {
    min-width: 979px;
    margin-top: 130px;
}

.ideaModel .modal-body {
    padding: 30px 15px;
    /*display: inline-block;*/
}

.ideaModel label {
    color: #000;
    opacity: 1;
    /*opacity: 0.57;*/
    font-family: 'robotolight';
    margin-left: 0px;
    font-size: 12px !important;
}

.ideaModel .datepicker {
    margin-left: 0px;
    height: 37px;
}

.ideaModel input {
    border-color: #d7d7d7 !important;
    font-family: 'robotolight';
    /*font-size: 16px !important;*/
}

.ideaModel.addIdeaModelPara span {
    margin-top: 20px;
    display: inline-block;
    line-height: normal;
}

.ideaModel .btn-cancel input {
    opacity: 0.54;
    transition: all 0.3s ease-in-out;
}

.ideaModel.btn-cancel input:hover {
    opacity: 1;
}

.ideaModel.idea-frm-prjct-member-box {
    padding: 0px;
    margin-bottom: 0px;
    margin-top: 5px;
}

.ideaModel .idea-membr-icon .idea-membr-icon_cross {
    color: #717171;
    transition: all 0.2s ease-in-out;
}

.ideaModel .idea-membr-icon .idea-membr-icon_cross:hover {
    color: #f47272;
}

.ideaModel label[for="addIdeaModelProject"] {
    margin-left: 0px;
}

.ideaModel input.select-dropdown {
    height: 37px;
}

.ideaModel .select-wrapper::after {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f078";
    position: absolute;
    top: 10px;
    right: 4px;
    font-size: 16px;
    color: #757575;
}

.ide-mem-all-vol-row_wrpr {
    overflow-y: auto;
    max-height: 220px;
    margin-bottom: 10px;
}

.ideaModel .idea-frm-prjct-all-member-box {
    max-height: 150px;
    overflow: hidden;
    position: relative;
}

#addIdeaModel .addIdeaModelPara {
    font-size: 12px;
    color: #c3c3c3;
    text-align: left;
    padding: 16px 30px;
}

.ideaModel .addIdeaModelPara {
    font-size: 12px;
    color: #c3c3c3;
    text-align: left;
    padding: 16px 30px;
}

.idea-frm-prjct-select-box {
    position: relative;
    display: inline-block;
    margin-top: 0px;
}

.idea-frm-prjct-select-box form {
    display: inline-block;
}

.idea-frm-prjct-select-box label {
    font-size: 12px;
    font-family: "Roboto", sans-serif !important;
    left: 0px;
}

.idea-frm-prjct-select-box-single {
    padding-left: 0;
}

.idea-frm-prjct-select-box .idea-frm-prjct-select-box-single .select-wrapper::after {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f078";
    position: absolute;
    top: 14px;
    right: 4px;
    font-size: 16px;
    color: #757575;
}

.idea-frm-prjct-select-box .fd-task-srch-crt .select-wrapper::after {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f078";
    position: absolute;
    top: 14px;
    right: 4px;
    font-size: 16px;
    color: #757575;
}

.idea-frm-prjct-select-box-single .select-wrapper .select-dropdown {
    font-family: 'robotomedium', Arial, Helvetica, sans-serif !important;
    font-size: 16px;
    margin-bottom: 20px;
}

.idea-frm-prjct-select-box .fd-task-srch-crt {
    margin-top: 1rem;
}

/* Mark Board CSS Begins*/
#mark-wrap .mark-scroing-tables {
    display: inline-block;
    position: relative;
}

#mark-wrap p.mark-ttl {
    color: #000000;
    font-size: 12px;
    text-transform: uppercase;
    opacity: 0.54;
    margin-bottom: 10px;
}

#mark-wrap h4 {
    margin-bottom: 25px;
    font-size: 20px;
    color: #000;
    opacity: 0.87;
}

#mark-wrap p {
    color: #000000;
    font-size: 14px;
    opacity: 0.87;
    line-height: 20px;
    font-family: 'robotoregular', Arial, Helvetica, sans-serif !important;
}

.rt-glb-wrap > p {
    font-size: 14px;
    opacity: 0.87;
    line-height: 20px;
    font-family: 'robotoregular', Arial, Helvetica, sans-serif !important;
}

.rt-glb-wrap > h6 {
    font-size: 14px;
    opacity: 0.87;
    line-height: 20px;
    font-family: 'robotoregular', Arial, Helvetica, sans-serif !important;
}

#mark-wrap > p {
    margin-bottom: 30px;

}

#mark-wrap .mark-scoring-heading {
    font-size: 20px;
    color: #000;
    margin: 20px 0px;
    display: block;
}

#mark-wrap .mark-scoring-table {
    padding: 0px;
    text-align: center;
    background-color: #fcfcfc;
    font-size: 1px;
    box-shadow: 0px 4px 4px #f1f1f1;
    margin-bottom: 20px;
}

#mark-wrap .mark-scoring-table .mark-scoring-table-heading span {
    text-transform: uppercase;
    color: #000;
    font-size: 13px;
    opacity: 0.54;
    font-family: 'robotomedium', Arial, Helvetica, sans-serif;
    vertical-align: middle;
}

#mark-wrap .mark-scoring-table .mark-scoring-table-row span {
    text-transform: uppercase;
    color: #000;
    font-size: 13px;
    opacity: 0.87;
    font-family: 'robotomedium', Arial, Helvetica, sans-serif;
    vertical-align: middle;
}

#mark-wrap .mark-scoring-table .mark-scoring-table-heading {
    border-bottom: 1px solid #f6f6f6;
    line-height: 45px;
}

#mark-wrap .mark-scoring-table .mark-scoring-table-row {
    border-bottom: 1px solid #f6f6f6;
    line-height: 35px;
}

#mark-wrap .mark-scoring-table > .mark-scoring-table-row:last-child {
    border-bottom: none;
}

#mark-wrap .mark-scoring-table .mark-scoring-table-row, #mark-wrap .mark-scoring-table .mark-scoring-table-heading {
    /*border-right: 1px solid #ececee;*/
    display: inline-block;
    width: 100%;
}

#mark-wrap .mark-scoring-table .mark-scoring-table-col {
    border-right: 1px solid #ececee;
    display: inline-block;
}

#mark-wrap .mark-scoring-table .mark-scoring-table-row .mark-scoring-table-col:last-child, #mark-wrap .mark-scoring-table .mark-scoring-table-heading .mark-scoring-table-col:last-child {
    border-right: none;
}

.mark-scoring-table-col i {
    font-style: normal;
}

.wrap-tab-wrap .nav-tabs {
    box-shadow: none;
    border-bottom: 1px solid #f2f2f2;
}

.wrap-tab-wrap .nav-tabs li.active > a {
    border: none;
    border-bottom: 2px solid #0095d4 !important;
    color: #000 !important;
}

.wrap-tab-wrap .nav-tabs li > a {
    color: #9a9a9a;
    font-family: 'robotomedium';
    font-size: 14px;
    border: 1px solid transparent !important;
    text-transform: uppercase;
}

.wrap-tab-wrap .inner-nav-tabs li > a {
    font-size: 14px !important;
    text-decoration: none;
}

.wrap-tab-wrap .inner-nav-tabs li {
    width: 50%;
}

.wrap-tab-wrap .inner-nav-tabs {
    margin: 40px 0px 0px;
    min-width: 353px;
    display: inline-block;
    max-width: 100%;
    /*width: 353px;*/
    width: auto;
}

.wrap-tab-wrap li {
    width: 18%;
}

.highcharts-credits, .highcharts-button-box, .highcharts-button-symbol, .highcharts-legend-item, #innovationChart .highcharts-xaxis {
    display: none;
}

#workCultureChart {
    margin-top: 50px;
}

.workCultureChart {
    margin-top: 50px;
}

.workCulture h2 {
    font-size: 36px !important;
    font-family: 'robotoregular', Arial, Helvetica, sans-serif;
    margin-bottom: 10px;
}

.workCulture p {
    font-size: 16px !important;
    font-family: 'robotoregular', Arial, Helvetica, sans-serif;
    opacity: 0.87;
    margin-bottom: 0px;
}

.workCulture p strong {
    font-weight: bold;
}

.workCulture p.cv-txt {
    font-size: 22px !important;
    margin: 20px 0px
}

.workCulture a {
    font-size: 12px !important;
    font-family: 'robotoregular', Arial, Helvetica, sans-serif;
    opacity: 0.87;
    text-decoration: underline;
    color: #2a9ddc;
}

.workCulture h3 {
    font-size: 20px !important;
    font-family: 'robotoregular', Arial, Helvetica, sans-serif;
    opacity: 0.87;
    margin-top: 15px;
    margin-bottom: 20px !important;
}

.workCulture h4 {
    font-size: 16px !important;
    font-family: 'robotoregular', Arial, Helvetica, sans-serif;
    opacity: 0.87;
    margin-top: 0px;
    margin-bottom: 0px !important;
}

.workCulture h4.bold-700 {
    margin-bottom: 20px !important;
}

.mark-list-box .userSelectBoxCol {
    padding: 0px;
    margin-top: 20px;
    margin-bottom: 10px;
}

#innovationChart .highcharts-series > rect.highcharts-point:first-child {
    fill: #86d1fb;
}

#innovationChart .highcharts-series > rect.highcharts-point:nth-child(2) {
    fill: #79d58a;
}

#innovationChart .highcharts-series > rect.highcharts-point:last-child {
    fill: #f89449;
}

#innovationChart .highcharts-label text {
    font-family: 'robotomedium', Arial, Helvetica, sans-serif !important;
}

#innovationChart .highcharts-label tspan {
    font-family: 'robotomedium', Arial, Helvetica, sans-serif !important;
}

#innovationChart {
    margin-top: 50px;
}

#innovationChart .highcharts-xaxis-labels {
    text-transform: uppercase;
}

/*#innovationChart .highcharts-container ,#innovationChart  .highcharts-root , #innovationChart .highcharts-background {
    width: 100% !important;
}*/
.workInnovation h2 {
    font-size: 36px !important;
    font-family: 'robotoregular', Arial, Helvetica, sans-serif;
    margin-bottom: 10px;
}

.workInnovation p {
    font-size: 14px !important;
    font-family: 'robotoregular', Arial, Helvetica, sans-serif;
    opacity: 0.87;
    margin-bottom: 0px;
}

.workInnovation a {
    font-size: 12px !important;
    font-family: 'robotoregular', Arial, Helvetica, sans-serif;
    opacity: 0.87;
    text-decoration: underline;
    color: #2a9ddc;
}

.workInnovation h3 {
    font-size: 14px !important;
    font-family: 'robotoregular', Arial, Helvetica, sans-serif;
    opacity: 0.87;
    margin-top: 15px;
    margin-bottom: 5px !important;
}

.workInnovation h4 {
    font-size: 14px !important;
    font-family: 'robotoregular', Arial, Helvetica, sans-serif;
    opacity: 0.87;
    margin-top: 0px;
    margin-bottom: 0px !important;
}

.workCulture h4.bold-700 {
    margin-bottom: 20px !important;
}

.highcharts-container {
    display: inline-block;
}

/*@ Section 6. Mark Personal Total screen CSS*/
/* New Supervisor dropdown */
.employee-dropdown > .caret {
    display: none; }

#select_employees, .dd-select {
    width: 100% !important;
}
#select_employees .dd-search-label {
    width: 100%; }

#select_employees .dd-search-text {
    background: transparent url(/assets/img/search-icon.png) no-repeat 13px center;
    border: 0;
    padding: 0 0 0 36px;
    width: 100%;
    font-size: 13px;
    margin: 0;
    height: 36px;
    outline: none;
    box-shadow: none;
    border-bottom: 1px solid #ecf0f2;
    transition: all .5s;
    box-sizing: border-box;
    margin-bottom: 0;
    border-radius: 0; }

#select_employees .dd-select {
    border: 0; }

#select_employees .dd-pointer-down {
    border-top: solid 5px #9ca2a4; }

#select_employees .dd-pointer-up {
    border-bottom: solid 5px #9ca2a4 !important; }

#select_employees .dd-selected {
    height: 60px;
    background-color: #FFF;
    box-shadow: 0px 2px 4px 0px rgba(186, 202, 210, 0.2);
    -webkit-box-shadow: 0px 2px 4px 0px rgba(186, 202, 210, 0.2);
    -moz-box-shadow: 0px 2px 4px 0px rgba(186, 202, 210, 0.2);
    border-radius: 3px;
    padding: 13px 15px; }
#select_employees .dd-selected img {
    width: 35px;
    height: 35px;
    margin-right: 10px;
    border-radius: 50%;
    border: 1px solid #ecf0f2; }
#select_employees .dd-selected label {
    font-size: 14px;
    color: #222d32;
    font-weight: normal;
    margin: 0px; }

#select_employees .dd-desc {
    color: #b8c7ce;
    font-size: 12px; }

#select_employees .dd-pointer {
    right: 20px; }

#select_employees .dd-option-selected {
    background-color: #f3f3f3; }

#select_employees .dd-options {
    border: 0;
    max-height: 338px;
    width: 100% !important;
    padding-right: 0 !important;
    border: 1px solid #ddd !important;
    -webkit-box-shadow: 0px 2px 4px 0px rgba(186, 202, 210, 0.2);
    -moz-box-shadow: 0px 2px 4px 0px rgba(186, 202, 210, 0.2);
    border-radius: 0px 0px 3px 3px; }
#select_employees .dd-options + div {
    z-index: 9999 !important; }
#select_employees .dd-options ul {
    margin-bottom: 0;
    width: 100% !important;
    padding-right: 0 !important;
}
#select_employees .dd-options ul li:last-child a {
    border: 0; }

#select_employees .dd-option {
    padding: 10px 12px; }
#select_employees .dd-option:hover {
    background-color: #f5f7f8; }
#select_employees .dd-option:last-child a {
    border-bottom: 0; }
#select_employees .dd-option .dd-option-image {
    width: 35px;
    height: 35px;
    margin-right: 10px;
    border-radius: 50%;
    border: 1px solid #ecf0f2; }
#select_employees .dd-option label {
    font-size: 14px;
    color: #222d32;
    font-weight: normal;
    margin: 0px;
    white-space: nowrap;
    width: 16em;
    overflow: hidden;
    text-overflow: ellipsis; }
#select_employees .dd-option small {
    color: #b8c7ce;
    font-size: 12px;
    margin-top: -6px; }

/*End*/

.pr-mrk-totl-box {
    font-family: robotoregular;
    padding-right: 0;
}

.pr-mrk-totl-box h3 {
    color: #000;
    font-size: 36px;
    margin-bottom: 8px;
    text-transform: uppercase;
}

.pr-mrk-totl-box p {
    color: #404040;
    font-size: 14px;
    line-height: 18px;
}

.mt-grd-totl-txt {
    font-size: 20px;
    color: #404040;
    display: block;
    margin: 28px 0 21px;
}

.mt-indv-scr-box span {
    display: inline-block;
    width: 15px;
    height: 28px;
    border-radius: 3px;
}

.mt-indv-scr-box span.mt-wig-scr {
    background: #85d1fb;
}

.mt-indv-scr-box span.mt-cul-scr {
    background: #79d58a;
}

.mt-indv-scr-box span.mt-inv-scr {
    background: #f79449;
}

.mt-indv-scr-box span.mt-pen-scr {
    background: #d3d3d3;
}

.mt-indv-scr-box b {
    color: #404040;
    font-size: 38px;
    font-weight: normal;
    margin: 0px 5px;
    text-align: center;
    display: inline-block;
}

.mt-indv-scr-bd-box {
    display: inline-block;
}

.mt-indv-scr-bd-box i {
    display: block;
    color: #000;
    font-size: 16px;
    font-style: normal;
    line-height: 16px;
}

.mt-indv-scr-bd-box span {
    color: #909090;
    font-size: 12px;
    width: auto;
    height: auto;
    border-radius: initial;
    display: block;
}

.grd-ttl-scr-hd {
    font-family: robotolight;
    font-size: 56px;
    color: #404040;
    position: absolute;
    top: 0px;
    right: 0;
    left: 0;
    margin: auto;
    width: 109px;
    line-height: 47px;
    bottom: 0;
    height: 61px;
    text-align: center;
}

.grd-ttl-scr-hd span {
    font-size: 14px;
    font-family: robotoregular;
    display: block;
    line-height: 25px;
}

/* @ Section 7. Mark Personal Wig screen CSS */
.mp-wig-scr-wrap {
    padding-top: 40px;
}

.pr-mrk-totl-chrt-box, .pr-mrk-totl-box {
    margin-top: 50px;
}

.mp-wig-scr-dont-cht-box .grd-ttl-scr-hd {
    top: -20px;
    font-size: 160px;
    line-height: 139px;
    width: 130px;
    height: 157px;
}

.mp-wig-scr-dont-cht-box .grd-ttl-scr-hd span {
    line-height: 20px;
    text-transform: uppercase;
    color: #9a9a9a;
}

.mp-wig-qtr-dont-cht-box .grd-ttl-scr-hd {
    font-family: robotoregular;
    font-size: 32px;
    color: #000;
    top: 70px;
    width: 89px;
    line-height: 28px;
    height: 29px;
}

.wig-scr-txt-box {
    font-family: robotoregular;
    margin-top: 12px;
}

.wig-scr-txt-box h4 {
    font-size: 30px;
    color: #000;
    margin-bottom: 10px;
}

.wig-scr-txt-box p {
    font-size: 14px;
    color: #404040;
    line-height: 19px;
}

.wig-scr-txt-box p a, .wig-scr-txt-box p a:hover, .wig-scr-txt-box p a:focus {
    display: inline-block;
    color: #56ace1;
    font-size: 12px;
    text-decoration: underline;
}

.wig-scr-eq-ttl {
    color: #404040;
    font-size: 16px;
}

.wig-scr-eq-ttl b {
    /*font-family: robotobold;*/
    display: block;
    margin-top: 2px;
}

.ide-fr-prj-mbr-btn-wrpr {
    display: inline-block;
}

.acc-ide-apr {

}

.acc-ide-apr a {
    padding: 2px 16px;
    margin: 0 5px;
}

.acc-ide-apr a.acc-ide-apr-btn {

}

.acc-ide-apr a.acc-ide-rej-btn {

}

#selected_target {
    padding: 0px;
}

#selected_target input {
    opacity: 0.77;
}

/* @ Section 31. Lunch Menu screen  */
/**  **/
.viewSuggestedBtn {
    position: absolute;
    top: 56px;
    right: 52px;
    background-color: #86d1fb;
    color: #FFF;
    font-size: 14px;
    padding: 3px 28px;
}

.addDishesBtn {
    width: 100%;
    font-size: 16px;
    color: #3f3f3f;
    background-color: #fcfcfc;
    box-shadow: 0 3px 2px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    margin: 0px;
    padding: 16px 0px;
    text-transform: capitalize;
    margin-bottom: 15px;
}

.addDishesBtn i {
    color: #72bb2e;
    position: relative;
    top: 1px;
    right: 4px;
}

.addDishesBtn:focus, .addDishesBtn:active {
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    color: #3f3f3f;
    background-color: #fcfcfc;
}

.o-lunch-list {
    padding-bottom: 0;
}

.order-menu-list {
    border-top: 1px solid #f7f7f7;
    padding-top: 30px;
}

.order-menu-list > thead > tr > th {
    border-bottom: 0;
    padding: 16px 8px;
    white-space: nowrap;
}

.order-menu-list > tbody > tr > td {
    border-top: 0;
    border-bottom: 1px solid #f7f7f7;
    white-space: nowrap;
}

.order-menu-list > tbody > tr:last-child td {
    border: 0;
}

.order-menu-list > tbody > tr > td:nth-child(3) {
    width: 25%;
}

.order-menu-list > tbody > tr > td:nth-child(4) {
    width: 25%;
}

.order-menu-list > tbody > tr > td:first-child {
    width: 7%;
}

.close-modal-btn {
    position: absolute;
    top: 37px;
    right: 34px;
    /* font-size: 27px; */
    display: block;
    background-color: #ddd;
    color: #FFF;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    cursor: pointer;
}

.close-modal-btn i {
    line-height: 19px;
    text-align: center;
    display: block;
}

.order-menu-list > tbody > tr > td a {
    margin: 0px 4px;
}

.order-menu-list > tbody > tr > td .a-btn-remove {
    color: #f7494a;
}

.pkr {
    position: absolute;
    top: 16px;
    right: 16px;
}

.addFile-dish {
    border: 1px solid #bababa;
    box-shadow: none;
    padding: 5px 50px;
    color: #262626;
    line-height: 2rem !important;
    font-size: 14px;
    text-transform: capitalize;
    margin: 0px;
}

.addFile-dish-wrap input.file-path {
    line-height: 3rem;
    height: auto !important;
    font-size: 16px;
    color: #88c538;
    text-transform: capitalize;
    border: 0;
    font-weight: normal;
}

.suggested-dish-radio-wrap label {
    width: 100%;
    padding-left: 55px !important;
}

.suggested-dish-radio-wrap [type=radio] + label:after, .suggested-dish-radio-wrap [type=radio] + label:before {
    top: 21px;
}

.suggested-dish-radio-wrap [type=radio]:checked + label, .suggested-dish-radio-wrap [type=radio]:not(:checked) + label {
    min-height: 59px;
}

.suggested-dish-radio-wrap [type=radio].with-gap:checked + label:before {
    border: 2px solid #757575;
}

.suggested-dish-radio-wrap [type=radio].with-gap:checked + label:after {
    border: 2px solid #757575;
    background-color: #757575;
}

.radio-wrap {
    background-color: #dddddd;
    display: inline-block;
    color: #FFF;
    font-size: 18px;
    font-family: 'robotolight';
    width: 82%;
    min-height: 40px;
}

.add-suggested-dish {
    display: inline-block;
    background-color: #79d58a;
    color: #FFF;
    padding: 0px 15px;
    padding-top: 6px;
    padding-bottom: 7px;
    font-size: 20px;
    cursor: pointer;
    margin-right: 1%;
    max-width: 46px;
}

.add-suggested-dish i {
    position: relative;
    top: 2px;
}

.add-suggested-dish i.fa.fa-check {
    left: -3px;
}

.radio-wrap > span {
    padding: 8px 20px;
    display: block;

}

.suggested-dish-radio-wrap .rating-person {
    font-size: 18px;
    color: #000;
    font-family: 'robotolight';
    display: inline-block;
    top: 14px;
    position: relative;
    margin-left: 10px;
}

.suggested-dish-radio-wrap .rating-person em {
    font-style: normal;
    font-size: 14px;
    color: #a9a9a9;
    display: block;
    position: relative;
    top: -6px;
}

.suggested-dish-name-wrap label {
    padding-left: 0px !important;
}

.suggested-dish-name-wrap .radio-wrap {
    width: 73%;
}

.add-more-d-wrap {
    width: 72.7%;
    margin-left: 12.1%;
    float: left;
}

.add-more-d-wrap > button {
    width: 100%;
    background-color: #dddddd;
    font-size: 18px;
    padding: 12px 0px;
    border: 0;
    outline: none;
    font-family: 'robotoregular';
    margin-top: 15px;
}

.add-more-d-option {
    margin-top: 20px;
}

.food-rating-bar .progress {
    height: 62px;
    padding-left: 0px;
}

.food-rating-bar .progress .progress-bar {
    font-size: 18px;
    font-family: 'robotoregular';
    line-height: 60px;
    color: #FFF;
    text-align: left;
    text-indent: 20px;
}

.food-rating-bar .progress .progress-bar.good {
    background-color: #79d58a;
}

.food-rating-bar .progress .progress-bar.average {
    background-color: #86d1fb;
}

.food-rating-bar .progress .progress-bar.bad {
    background-color: #f7494a;
}

.rating-head-txt {
    color: #404040;
    font-size: 20px;
}

.rating-radio-wrap {

}

.rating-radio-wrap li {
    display: inline-block;
    margin-left: 24px;
}

.rating-radio-wrap li:first-child {
    margin-left: 0;
}

.rating-radio-wrap li label {
    color: #404040;
    font-size: 16px;
    font-family: 'robotolight';
}

.rating-radio-wrap li [type=radio]:not(:checked) + label:before {
    border: 2px solid #757575;
}

.rating-radio-wrap li [type=radio].with-gap:checked + label:after {
    border: 2px solid #757575;
    background-color: #757575;
}

.rating-radio-wrap li [type=radio].with-gap:checked + label:before {
    border: 2px solid #757575;
}

#order-confirmation {
    top: 148px;
}

.lo-name-wrap .input-field label {
    left: 0;

    font-family: 'robotomedium';
    text-transform: uppercase;
    color: #a5a5a6;
    font-size: 12px;
}

.create-tag-btn {
    margin-top: 23px;
}

.create-tag-btn button {
    padding: 3px 0px;
    width: 100%;
    margin: 0px;
}

.deliverBtn {
    margin: 0px;
    padding: 7px 11px;
    color: #FFF;
    line-height: 12px;
    font-size: 12px;
    text-transform: capitalize;
}

.deliverBtn:focus, .deliverBtn:active {
    background-color: #88c539;
}

.bgcolor-orange {
    background-color: #f89449;
    color: #FFF;
}

.btn.bgcolor-orange:focus, .btn.bgcolor-orange:hover {
    background-color: #f89449;
    color: #FFF;
}

.bgcolor-blue {
    background-color: #83d4ff;
    color: #FFF;
}

.btn.bgcolor-blue:focus, .btn.bgcolor-blue:hover {
    background-color: #83d4ff;
    color: #FFF;
}

.button-primary {
    padding: 2px 0px;
    color: #FFF;
    margin: 0px;
    width: 100%;
}

.text-color-green {
    color: #5bbc19 !important;
}

.text-color-red {
    color: #f7494a !important;
}

.employee-order-list-bill tr td {
    color: #404040;
}

.employee-order-list-bill tr .order-list-checkbox {
    margin: 0px 0px 0px 0px;
}

.employee-order-list-bill tr .order-list-checkbox [type=checkbox] + label {
    height: 14px;
    margin-bottom: 0;
    position: relative;
    top: 2px;
}

.button-primary:hover, .button-primary:focus {
    color: #FFF;
}

.export-btn-wrap {
    margin-top: 16px;
}

.em-orderBill-wrap {
    margin-top: 38px;
}

.balance-paid-wrap {
    margin-top: 14px;
}

.adjusted-amount-wrap {
    margin: 20px 0px 40px 0px;
    font-family: 'robotoregular';
}

.adjusted-amount-wrap .title-txt {
    font-size: 14px;
    color: #a5a5a6;
}

.adjusted-amount-wrap .name-txt {
    font-size: 16px;
    color: #000;
    display: block;
    margin-top: 6px;
}

.adjusted-amount-wrap input[type="text"], .adjusted-amount-wrap input[type="submit"], .adjusted-amount-wrap input[type="button"] {
    margin-bottom: 0px;
    margin-top: 0;
}

#payment-amount {
    top: 100px;
}

#import-modal {
    top: 70px;
}

.p-confirm-wrap {
    margin: 20px 0px 20px 0px;
}

.left-zero {
    left: 0 !important;
}

.margin-top-zero {
    margin-top: 0;
}

.total-box-wrap.border-top {
    border-top: 3px solid #a3e250;
}

.total-box {

    /* padding: 13px 0px;*/
    font-family: 'robotoregular';
}

.total-text {
    font-size: 14px;
    color: #969696;
    line-height: 25px;
    border-bottom: 1px solid #f3f3f3;
    padding-top: 13px;
    padding-bottom: 13px;
    padding-left: 0;
    padding-right: 0;
}

.amount-text {
    font-size: 14px;
    color: #636363;
    text-align: right;
    border-bottom: 1px solid #f3f3f3;
    padding-top: 15px;
    padding-bottom: 16px;
    padding-left: 0;
    padding-right: 0;
}

.total-amount-text {
    font-size: 18px;
    color: #88c538;
    text-align: right;
    border-bottom: 1px solid #f3f3f3;
    padding-top: 13px;
    padding-bottom: 13px;
    padding-left: 0;
    padding-right: 0;
}

.total-text strong {
    color: #000;
}

.balance-txt {
    font-size: 14px;
    color: #a5a5a5;
    text-transform: capitalize;
    padding-left: 0;
    padding-right: 0;
}

.order-list-box {
    margin-top: 29px;
}

.total-box-wrap {
    margin-top: 60px;
    background-color: #f9f9f9;
}

.horizontal-line {
    height: 1px;
    width: 100%;
    background-color: #f7f7f7;
    border: 0;
}

.table-top-border {
    margin: 45px 0px 0px 0px;
}

.todayOrder-list {
    margin-top: 0px;
    padding-top: 0;
}

.todayOrder-list table {
    border-top: 0 !important;
    padding-top: 0 !important;
}

.rating-icon {
    width: 22px !important;
}

span.addBtn {
    font-size: 22px;
    color: #88c538;
}

.add-lunch-menu {
    background-color: #f9f9f9;
    border-top: 3px solid #88c538;
    font-family: 'robotoregular';
}

.add-lunch-menu {
}

.add-lunch-menu .table > thead > tr > th {
    border: 0;
    color: #969696;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: normal;
    padding: 8px 15px;
}

.add-lunch-menu .table > tbody > tr > td {
    border: 0;
    border-bottom: 1px solid #f5f5f5;
    font-size: 14px;
    padding: 12px 15px;
    font-family: 'robotomedium';
}

.add-lunch-menu .table > tbody > tr > td .minus-btn {
    color: #aeaeae;
    font-size: 18px;
    cursor: pointer;
}

.add-lunch-menu .table > tbody > tr > td .close-btn {
    color: #e04f5f;
    font-size: 18px;
    cursor: pointer;
}

.total-amount-order {
    font-size: 14px;
    color: #969696;
    text-transform: uppercase;
    text-align: right;
}

.total-amount-order span {
    font-size: 18px;
    color: #99cc5d;
}

.placeorder-btn {
    margin-top: 29px;
    margin-bottom: 20px;
}

.total-amount-order {
    margin-top: 36px;
}

/* Mark Board CSS Ends*/
@media (max-width: 992px) {
    .idea-tab-wrap .tabs-6 li {
        width: auto;
    }

    .idea-tab-wrap .nav-tabs li > a {
        font-size: 13px;
    }

    .idea-tab-wrap .nav-tabs {
        height: auto;
    }

    .idea-frm-prjct-box {
        padding: 15px;
    }

    .grid-item {
        width: 100%;
        float: left;
        margin-right: 0 !important;
    }
}

/* Idea CSS End*/

@media screen and (min-width: 1200px) and (max-width: 1315px) {
    /*@ Section 6. Mark Personal Total screen CSS */
    .mt-indv-scr-bd-box i {
        font-size: 13px;
    }

    /* @ Section 7. Mark Personal Wig screen CSS */
    .grd-ttl-scr-hd {
        font-size: 27px;
        top: 84px;
        line-height: 33px;
    }
}

@media (min-width: 767px) {
    /* CSS for changing referal system columns  */
    .updt-rfrl-wrap .rfrl-status {
        width: 20%;
    }

    .updt-rfrl-wrap .rfrl-sts-stp:after {
        width: 300%;
    }

    .updt-rfrl-wrap .rfrl-status-inr {
        margin: auto;
    }

}

/* @reset styling for Large screen */
@media (min-width: 1200px) {
    .col-wide-wrap {
        padding: 35px 35px 15px 35px;
    }

    .usr-info {
        margin: 0px 0px 20px 0px;
        background-size: cover;
    }

    .usr-info-title {
        max-width: 240px;
    }

    #referred .job-vacancy-cta-wrap {
        float: right;
    }

    /* Job post CSS from 21 July 2016*/
    .cust-width1 {
        width: 22%;
    }

    .job-post-container {
        width: 750px;
    }

    .cust-width {
        width: 48%;
    }

    .job-post-wrpr .cust-width:nth-child(even) {
        float: right;
    }

    /* interview status screen CSS 9 Aug 2016 */
    .intr-dt-col {
        width: 20%;
    }

    .intr-stg-col {
        width: 13%;
    }

    .n-p-r-lg {
        padding-right: 0 !important;
    }

    .save-data-box {
        padding-left: 30px;
    }

    .skp-btn-box .ad-mr-btn {
        margin-right: 50px;
    }

    .aplc-eml-box {
        padding-right: 30px;
    }

    .candt-pers-info-box > h2 {
        width: 457px;
    }

    .aplcn-lng-info-wrpr .lng-info-box {
        width: 132px;
    }

    .lng-info-box {
        width: 126px;
    }

    .aplcn-lng-wrpr .cnd-lng-cls-btn-box {
        margin-left: -49px;
    }

    /* @ Section 10. Disrupt Redesign Heart beat Screen */
    .dr-modul-heart-bt-wrpr .dr-hd-box b {
        font-size: 77px;
    }
}

/* @reset styling for all screen except small screen */
@media screen and (min-width: 768px) {

    .fd-emp-list {
        overflow: visible;
    }

    .fd-emp-list-no-stky-col {
        overflow-x: auto;
    }

    /* @ Section 3 Interview stages screen dynamic Columns CSS on min-width 768px screen */
    .col-rfrl-stats-1 .rfrl-status {
        width: 100%;
    }

    .col-rfrl-stats-2 .rfrl-status {
        width: 50%;
    }

    .col-rfrl-stats-2 .rfrl-status:first-of-type .rfrl-sts-stp:after {
        width: 1654%;
    }

    .col-rfrl-stats-2 .rfrl-status:last-of-type, .col-rfrl-stats-3 .rfrl-status:last-of-type, .col-rfrl-stats-4 .rfrl-status:last-of-type, .col-rfrl-stats-5 .rfrl-status:last-of-type {
        text-align: right;
        padding-right: 30px;
    }

    .col-rfrl-stats-5 .rfrl-status:nth-of-type(4) {
        text-align: right;
    }

    .col-rfrl-stats-5 .rfrl-status:nth-of-type(4) .rfrl-status-inr:after {
        left: 82%;
        width: 70%;
    }

    .col-rfrl-stats-5 .rfrl-status:nth-of-type(3) {
        text-align: center;
    }

    .col-rfrl-stats-5 .rfrl-status:nth-of-type(3) .rfrl-status-inr:after {
        left: 62%;
        width: 99%;
    }

    .col-rfrl-stats-5 .rfrl-status:nth-of-type(2) .rfrl-status-inr:after {
        width: 97%;
    }

    .col-rfrl-stats-3 .rfrl-status {
        width: 33%;
    }

    .col-rfrl-stats-3 .rfrl-status:nth-of-type(2), .col-rfrl-stats-4 .rfrl-status:nth-of-type(2), .col-rfrl-stats-4 .rfrl-status:nth-of-type(3) {
        text-align: center;
    }

    .col-rfrl-stats-3 .rfrl-status:nth-of-type(2) .rfrl-status-inr:after {
        left: 57%;
    }

    .aplc-jobpost-box .rfrl-sts-stp:after, .rfrl-sts-stp:after {
        display: none;
    }

    .rfrl-status-inr:after {
        width: 77%;
        height: 2px;
        background: #e3e3e3;
        content: '';
        top: 24px;
        position: absolute;
        left: 78px;
    }

    .rfrl-status:last-of-type .rfrl-status-inr:after {
        display: none;
    }

    .col-rfrl-stats-2 .rfrl-status:first-of-type .rfrl-status-inr:after {
        width: 164%;
    }

    .col-rfrl-stats-3 .rfrl-status:first-of-type .rfrl-status-inr:after, .col-rfrl-stats-3 .rfrl-status:nth-of-type(2) .rfrl-status-inr:after {
        width: 120%;
    }

    .col-rfrl-stats-4 .rfrl-status {
        width: 25%;
    }

    .col-rfrl-stats-4 .rfrl-status-inr:after {
        width: 108%;
    }

    .col-rfrl-stats-4 .rfrl-status:nth-of-type(2) .rfrl-status-inr:after {
        left: 59%;
        width: 82%;
    }

    .col-rfrl-stats-4 .rfrl-status:nth-of-type(3) .rfrl-status-inr:after {
        width: 103%;
        left: 59%;
    }

    /* @ Section 4. Assign and manage interview module Interview status screen dynamic Columns CSS on min-width 768px screen */
    .col-hir-stag-2 .hirng-stag-box {
        width: 50%;
    }

    .col-hir-stag-3 .hirng-stag-box {
        width: 33.3%;
    }

    .col-hir-stag-4 .hirng-stag-box {
        width: 25%;
    }

    /*@ Section 5. Referred screen dynamic Columns CSS*/
    .rfrl-friend-wrap .col-rfrl-stats-5 .rfrl-status:nth-of-type(4) .rfrl-status-inr:after {
        left: 83%;
        width: 67%;
    }

    .rfrl-friend-wrap .col-rfrl-stats-4 .rfrl-status:nth-of-type(2) .rfrl-status-inr:after {
        left: 61%;
    }

    .rfrl-friend-wrap .col-rfrl-stats-4 .rfrl-status:nth-of-type(3) .rfrl-status-inr:after {
        left: 61%;
    }

    .rfrl-friend-wrap .col-rfrl-stats-3 .rfrl-status:nth-of-type(2) .rfrl-status-inr:after {
        left: 58%;
    }

    /* @ Section 10. Disrupt Redesign Heart beat Screen */
    .dr-modul-heart-bt-wrpr .dr-article-uper-contnr {
        width: 41%;
        text-align: center;
        top: 77px;
        right: 77px;
    }

    .dr-modul-heart-bt-wrpr .dr-hm-img-wrpr {
        margin-top: 70px;
    }

    /* @ Section 13. Disrupt Redesign Events Screen */
    .dr-cal-modal .modal-dialog {
        width: 500px;
    }

}

@media screen and (min-width: 1200px) and (max-width: 1315px) {
    .hdr-wrap .site-logo {
        top: auto;
    }

    /* adjustment style for reset pwd screen over laravel default style by Danish from 6/30/2016*/
    .acc-area-reset-pwd .login-box {
        padding-bottom: 213px;
    }

    /* adjustment style for create pwd screen over laravel default style by Danish from 6/30/2016*/
    .acc-area-crt-pwd .login-box {
        padding-bottom: 31px
    }

    .candt-pers-info-box > h2 {
        width: 492px !important;
    }

    /* Interview list page CSS from 8/31/2016 */
    .intr-lst .fd-emp-list .table thead > tr > th {
        padding-bottom: 5px;
        font-size: 11px;
    }

    .fd-candat-lst tbody tr td > a {
        padding: 0px 10px;
    }

    .intr-lst-fedbk-wrap .intr-cndnam-col,
    .intr-lst-fedbk-wrap .intr-dept-col,
    .intr-lst-fedbk-wrap .intr-dt-col {
        margin-right: 20px;
    }

    .intr-lst-fedbk-wrap .intr-cndnam-col {
        width: 18%;
    }

    .intr-lst-fedbk-wrap .intr-dept-col {
        width: 17%;
    }

    .intr-lst-fedbk-wrap .intr-dt-col {
        width: 16%;
    }

    .intr-lst-fedbk-wrap .intr-act-col {
        width: 27%;
    }

    /*@ Section 6. Mark Personal Total screen CSS */
    .mt-indv-scr-bd-box i {
        font-size: 13px;
    }

    .grd-ttl-scr-hd {
        font-size: 27px;
        top: 10px;
        line-height: 33px;
    }

    /* @ Section 8. Disrupt Redesign Home Screen */
    .dr-hd-box {
        font-size: 48px;
        line-height: 55px;
    }

    .dr-hd-box b {
        font-size: 67px;
    }

    .dr-hm-img-wrpr {
        margin-top: 70px;
    }

    .dr-v_strip-first {
        height: 320px;
    }

    /* @ Section 10. Disrupt Redesign Heart beat Screen */
    .dr-modul-heart-bt-wrpr .dr-hd-box b {
        font-size: 62px;
    }

    .dr-modul-heart-bt-wrpr .dr-hm-img-wrpr {
        margin-top: 130px;
    }

    /* @ section 11. Disrupt Redesign Mark */
    .dr-modul-mrk-wrpr .dr-trg-img-wrpr {
        right: 30px;
    }

    .dr-modul-mrk-wrpr .dr-trg-art-cont {
        width: 469px;
    }

    .dr-mrk-cmpn-artic .dr-v_strip {
        bottom: 61%;
    }

    /* @ Section 12. Disrupt Redesign feedback Screen */
    .dr-modul-fdbk-wrpr .dr-trg-art-cont {
        width: 440px;
    }

    .dr-modul-fdbk-wrpr .dr-hd-box b {
        font-size: 67px;
    }

    .dr-fdbk-vrt-top-strp {
        height: 446px;
    }

    .dr-fdbk-ques-art h3 {
        font-size: 20px;
        line-height: 26px;
    }

    /* @ Section 13. Disrupt Redesign Events Screen */
    .dr-modul-evnt-wrpr .dr-trg-art-cont {
        width: 53%;
    }
}

/* @reset styling for Small screen size */
@media screen and (min-width: 768px) and (max-width: 991px) {
    .nopadding-sm {
        padding: 0px;
    }

    .modal-dialog {
        width: 90%;
    }

    .idea-frm-prjct-ttl {
        margin-top: 25px;
    }

    /*@ Section 6. Mark Personal Total screen CSS on sm screen*/
    .pr-ttl-chrt-cnv, .pr-mrk-totl-chrt-box {
        width: 223px !important;
        height: 223px !important;
        padding: 0;
    }

    .mp-wig-qtr-dont-cht-box {
        padding: 0px;
    }

    .grd-ttl-scr-hd {
        left: 0px;
        width: 80px;
        height: 43px;
        font-size: 43px;
        top: 0px;
        line-height: 27px;
    }

    .grd-ttl-scr-hd span {
        font-size: 11px;
        line-height: 30px;
    }

    .mt-grd-totl-txt {
        margin: 11px 0;
    }

    .mt-indv-scr-bd-box {
        display: block;
    }

    #leave_list_wrapper #leave_list_filter {
        top: -67px;
        width: 47%;
    }

    /* @ Section 7. Mark Personal Wig screen CSS in sm screen */
    .mp-wig-scr-wrap {
        width: 671px;
        margin: auto;
    }

    .mp-wig-scr-dont-cht-box {
        margin-top: 30px;
    }

    .mp-wig-scr-dont-cht-box .pr-ttl-chrt-cnv {
        width: 300px !important;
        height: 300px !important;
    }

    .mp-wig-qtr-dont-cht-box, .mp-wig-scr-dont-cht-box {
        width: 330px;
    }

    .mp-wig-qtr-dont-cht-box {
        padding: 0px;
    }

    .mp-wig-qtr-dont-cht-box .pr-ttl-chrt-cnv {
        width: 143px !important;
        height: 143px !important;
    }

    .mp-wig-qtr-dont-cht-box .grd-ttl-scr-hd {
        font-size: 21px;
        top: 50px;
        left: 10px;
    }

    .wig-scr-txt-box {
        padding-left: 25px;
    }

    .wig-scr-txt-box h4 {
        font-size: 22px;
    }

    .mp-wig-scr-dont-cht-box .grd-ttl-scr-hd {
        font-size: 130px;
        line-height: 106px;
        height: 122px;
        left: 0;
    }

    .wrap-tab-wrap li {
        width: 25%;
    }

    #mark-wrap .mark-scoring-table .mark-scoring-table-row, #mark-wrap .mark-scoring-table .mark-scoring-table-heading {
        width: 100%;
    }

    /* Idea Board CSS */
    .no-ideaboard-content {
        border: 1px solid;
    }

    .idea-frm-prjct-member-box {
        display: inline-block;
    }

    .idea-frm-prjct-member-approve-button, .idea-frm-prjct-member-reject-button {
        opacity: 1;
    }

    #addIdeaModel .modal-dialog {
        margin-top: 180px;
    }

    #addIdeaModel .idea-frm-prjct-all-member-box {
        max-height: 140px;
    }

    /* top navigation bar CSS on sm screen */
    .hdr-wrap .list-inline {
        float: none !important;
        margin-top: -22px;
    }

    .usr-log-det {
        text-align: left;
        margin-top: 14px;
    }

    .sc-half-left-wrap, .sc-half-right-wrap {
        margin: 0;
        width: 100%;
    }

    .sidebar-wrap, .col-wide-wrap {
        width: 100%;
    }

    .sidenav li {
        display: inline-block;
        margin-left: 0;
    }

    .sidenav li a {
        padding-left: 10px;
        padding-right: 10px;
    }

    .sidenavDropdown .dropdown-toggle {
        padding-left: 10px;
        padding-right: 10px;
    }

    .login-box {
        background-repeat: repeat;
    }

    .sidenav li a span {
        margin-right: 5px;
    }

    /* Manage Task Page CSS by Danish from 5/16/2016 */
    .man-tsk-tcktno {
        margin-top: 38px !important;
    }

    .man-tsk-inp-fld .atnd-cal-date {
        width: 98.8%;
    }

    .mng-task-rgt-wrpr .picker--opened .picker__frame {
        top: 10%;
    }

    .mng-task-rgt-wrpr .picker__holder {
        overflow-y: auto;
    }

    /* checkin page css */
    .checkin-expr .atnd-cal-date {
        width: 97%;
    }

    .checkin-expr input {
        width: 100% !important;
    }

    /* adjustment style for reset pwd screen over laravel default style by Danish from 6/30/2016*/
    .acc-area-reset-pwd .login-box {
        padding-bottom: 192px;
    }

    /* Interview Candidate Profile CSS from 25 July 2016 */
    .dwn-resm-box a {
        padding: 8px 14px 8px 41px;
        font-size: 11px;
    }

    .cand-pic-box {
        width: 75px;
        height: 75px;
    }

    .cand-prf-table tr > td > span, .cand-prf-table tr > td > a {
        font-size: 12px;
    }

    /* Interview status page CSS from 26 July 2016*/
    .intvr-opn-box i {
        margin-right: 0;
    }

    /* Applicant Account creation screen CSS from 8 Aug 2016*/
    .aplc-acnt-crt-box .login-box {
        padding: 129px 0 121px 7.4%;
    }

    /* applicant signup personal information */
    .acc-area-main-scr-wrpr {
        width: 100%;
    }

    .aplcnt-img-box {
        width: 160px;
        height: 160px;
        background-size: contain;
    }

    .aplcnt-img-box > img {
        width: 156px;
        height: 156px;
        background-size: contain;
    }

    .applc-txtual-info {
        padding: 55px 0 0;
    }

    .save-data-box-wrpr {
        padding-left: 30px;
        padding-right: 30px;
    }

    /* Applicant Qualification page CSS from 3 Aug 2016 */
    .aplcnt-img-box-wrpr {
        width: 188px;
        height: 180px;
    }

    .aplc-degre-pic {
        background-position: -8px 20px;
        background-size: inherit;
    }

    .grad-info {
        width: 77px;
    }

    .grad-info:last-of-type {
        width: 110px;
        float: left;
    }

    .aplcn-info-box:nth-of-type(2) {
        margin-left: 10px;
    }

    .intrvr-nam-txt {
        margin-right: 0;
    }

    .intrvr-nam-txt > i {
        font-size: 10px;
        width: 59px;
    }

    .clos-btn {
        font-size: 9px;
        margin-top: 6px;
    }

    .acdm-info-fld::after {
        margin: 20px 0 12px 17px;
    }

    /* Applicant Area Account logo header */
    .applc-acnt-logo-wrpr .site-logo {
        background-position: left -268px;
        width: 200px;
    }

    .cand-acnt-area {
        font-size: 16px;
    }

    .aplc-eml-box > a {
        line-height: 78px;
    }

    /* Interview status page CSS from 9 Aug 2016 */
    .intr-info-box-cnt, .intr-info-box .job-vacancy-dtl p {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        width: 86%;
    }

    .status-btn {
        display: block;
    }

    .status-btn:last-of-type {
        padding-left: 0;
    }

    /* Applicant Experience screen CSS */
    .applcn-exp-info-wrpr .aplcn-info-box > input {
        font-size: 13px;
    }

    .aplcnt-pos, .aplcn-exp-dat-wrpr, .sal-cur-box {
        padding-right: 0;
    }

    .aplcnt-pos + .aplcn-info-box:nth-of-type(2) {
        margin-left: 0;
    }

    .sal-cur-box .grad-info {
        width: 47%;
    }

    .appl-expr-scrn .aplc-degre-pic {
        background-position: -3px -192px;
    }

    .res-inp-wrpr > label + span {
        top: -22px;
        left: 92px;
    }

    /* Applicant Skillset and Language page CSS from 10 Aug 2016 */
    .n-p-r-sm {
        padding-right: 0;
    }

    .n-m-l-sm {
        margin-left: 0 !important;
    }

    .lng-info-box {
        width: 28.2%;
    }

    .aplcn-lng-wrpr .aplc-degre-pic {
        background-position: -16px -684px;
    }

    .aplcn-skl-wrpr .aplc-degre-pic {
        background-position: -18px -426px;
    }

    /* Applicant extra circular activities page CSS  from 11 Aug 2016*/
    .aplc-extr-act-wrpr .aplc-degre-pic {
        background-position: -15px -882px;
    }

    .apcnt-acnt-scrn-tab {
        text-align: left;
        padding-left: 47px;
    }

    .upld-cv-box {
        width: 148px;
        margin-left: 25%;
    }

    .skp-btn-box .ad-mr-btn {
        margin-left: 0;
    }

    .skp-btn-box {
        text-align: left;
    }

    .upld-cv-box .ad-mr-btn {
        padding-left: 37px;
        font-size: 12px;
        display: block;
        width: 100%;
    }

    .aplc-upld-cv-box {
        width: 156px;
        margin-left: 16px;
    }

    .aplc-refr-wrpr .aplc-degre-pic {
        background-position: -5px -1098px;
    }

    /* Interview list page CSS from 8/31/2016 */
    .intr-lst .fd-emp-list .table > tbody > tr > td, .intr-lst .fd-emp-list .table thead > tr > th {
        max-width: 123px;
    }

    .fd-candat-lst tbody tr td > a {
        padding: 0px 8px;
    }

    .intr-lst-fedbk-wrap .intr-cndnam-col {
        width: 20%;
        margin-right: 8px;
    }

    .intr-lst-fedbk-wrap .intr-dept-col {
        width: 20%;
    }

    .intr-lst-fedbk-wrap .intr-dt-col {
        width: 13%;
    }

    .intr-lst-fedbk-wrap .intr-stg-col {
        width: 11.666667%;
    }

    .intr-lst-fedbk-wrap .intr-act-col {
        width: 33%;
    }

    .intr-lst-fedbk-wrap .intr-info-box-cnt {
        width: 100%;
    }

    .intr-lst-fedbk-wrap .status-btn:last-of-type {
        padding: 6px 10px;
    }

    .intr-lst-fedbk-wrap .status-btn {
        display: inline-block;
    }

    /* Interview feedback status CSS from 9/1/2016 */
    .cnd-info-box {
        width: 31%;
        margin-right: 22px;
    }

    .cnd-prsnlty-info-box .cnd-info-box {
        margin-bottom: 25px;
    }

    .aplcn-info-box > label, .aplcn-info-box > label.active {
        top: 6px;
        font-size: 12px;
    }

    .cnd-pos-info-box {
        margin-top: 0;
    }

    .cnd-prsnlty-info-box {
        margin-top: 42px;
    }

    .aplc-prf-wrap {
        padding-top: 35px;
    }

    .candt-pers-info-box > h2 {
        width: 380px;
        line-height: 75px;
    }

    /* social policy page */
    .soc-pol-wrap {
        padding-right: 15px;
    }

    .aplc-prf-wrap .edt-prfl-btn {
        margin-top: 24px;
    }

    .apl-lng-crs-btn {
        width: 83%;
    }

    /* @ Section 3 Interview stages screen dynamic Columns CSS on sm screen */
    .col-rfrl-stats-4 .rfrl-sts-stp:after {
        width: 351%;
    }

    /*@ Section 6. Mark Personal Total screen CSS on md screen*/
    .pr-ttl-chrt-cnv, .pr-mrk-totl-chrt-box {
        width: 223px !important;
        height: 223px !important;
        padding: 0;
    }

    .grd-ttl-scr-hd {
        left: 2px;
        width: 69px;
        height: 43px;
        font-size: 23px;
        top: 95px;
        line-height: 27px;
    }

    .grd-ttl-scr-hd span {
        font-size: 9px;
    }

    .mt-grd-totl-txt {
        margin: 11px 0;
    }

    .mt-indv-scr-bd-box {
        display: block;
    }

    /* @ Section 7. Mark Personal Wig screen CSS in sm screen */
    .mp-wig-scr-wrap {
        width: 671px;
        margin: auto;
    }

    .mp-wig-scr-dont-cht-box {
        margin-top: 30px;
    }

    .mp-wig-scr-dont-cht-box .pr-ttl-chrt-cnv {
        width: 300px !important;
        height: 300px !important;
    }

    .mp-wig-qtr-dont-cht-box, .mp-wig-scr-dont-cht-box {
        width: 330px;
    }

    .mp-wig-qtr-dont-cht-box .pr-ttl-chrt-cnv {
        width: 163px !important;
        height: 163px !important;
    }

    .mp-wig-qtr-dont-cht-box .grd-ttl-scr-hd {
        font-size: 21px;
        top: 135px;
        left: 47px;
    }

    .wig-scr-txt-box {
        padding-left: 45px;
    }

    .wig-scr-txt-box h4 {
        font-size: 22px;
    }

    .mp-wig-scr-dont-cht-box .grd-ttl-scr-hd {
        font-size: 130px;
        line-height: 106px;
        height: 122px;
        left: 0;
    }

    .sidenavDropdown .dropdown-toggle:after {
        display: none;
    }

    /* @ Section 8. Disrupt Redesign Home Screen on sm screen */
    .dr-hd-box {
        font-size: 35px;
        line-height: 40px;
    }

    .dr-hd-box b {
        font-size: 48px;
    }

    .dr-article {
        padding: 15px;
        top: -16px;
    }

    .dr-article p {
        line-height: 16px;
        margin-bottom: 13px;
    }

    .dr-hm-img-wrpr {
        margin-top: 80px;
    }

    .dr-v_strip-first {
        height: 310px;
    }

    .dr-hm-txt-wrpr p {
        width: 100%;
        padding-right: 20px;
    }

    /* @ Section 9. Disrupt Redesign Targets Screen on sm screen */
    .dr-trg-art-cont {
        width: 50%;
    }

    .dr-trg-vrt-ln-frst {
        right: 8%;
        height: 209px;
    }

    .dr-trg-vrt-ln-sec {
        right: 46%;
        height: 37px;
    }

    .dr-trg-img-wrpr {
        right: 30px;
    }

    /* @ Section 10. Disrupt Redesign Heart beat Screen on sm screen */
    .dr-modul-heart-bt-wrpr .dr-hm-img-wrpr {
        margin-top: 130px;
    }

    /* @ section 11. Disrupt Redesign Mark on sm screen */
    .dr-mrk-cmpn-artic {
        width: 100%;
    }

    .dr-mrk-cmpn-artic .dr-v_strip {
        bottom: 64%;
    }

    .dr-mrk-cmpn-artic-rgt .dr-v_strip {
        bottom: 82%;
    }

    .dr-modul-mrk-wrpr .dr-trg-img-wrpr {
        right: 15px;
    }

    /* @ Section 12. Disrupt Redesign feedback Screen on sm screen*/
    .dr-modul-fdbk-wrpr .dr-hd-box b {
        font-size: 47px;
    }

    .dr-modul-fdbk-wrpr .dr-trg-img-wrpr {
        right: 2%;
        top: 20px;
    }

    .dr-fdbk-vrt-top-strp {
        height: 386px;
        right: 0%;
    }

    .dr-fdbk-hrz-strp {
        right: 0;
        width: 77%;
    }

    .dr-fdbk-ques-art {
        width: 45%;
    }

    .dr-fdbk-ques-art h3 {
        font-size: 20px;
        line-height: 21px;
    }

    /* @ Section 13. Disrupt Redesign Events Screen on sm screen  */
    .dr-modul-evnt-wrpr .dr-trg-img-wrpr {
        top: 10px;
        right: 5.8%;
    }

    .dr-modul-evnt-wrpr .dr-mrk-per-distr-sec {
        width: 97%;
    }

    .dr-modul-evnt-wrpr .dr-trg-img-wrpr .dr-v_strip {
        top: 0;
    }

    .dr-modul-evnt-wrpr .dr-trg-art-cont {
        width: 50%;
    }

    .dr-modul-evnt-wrpr .dr-mrk-cmpn-artic-rgt .dr-mrk-cmpn-img-box {
        left: 0;
    }

    .dr-modul-evnt-wrpr .dr-mrk-cmpn-artic-rgt .dr-mrk-cmpn-txt-box-wrpr {
        right: 0;
    }

    .dr-modul-evnt-wrpr .dr-mrk-cmpn-txt-box-wrpr {
        margin-top: 30px;
    }

    .dr-modul-evnt-wrpr .dr-mrk-cmpn-img-box, .dr-modul-evnt-wrpr .dr-mrk-cmpn-txt-box-wrpr {
        width: 100%;
    }

    .dr-modul-evnt-wrpr .dr-mrk-cmpn-txt-box {
        text-align: left;
    }

    .dr-evnt-lnch-art .dr-mrk-cmpn-txt-box h3 b {
        position: relative;
        width: 100%;
        right: 0;
        top: 0;
    }

    .dr-modul-evnt-wrpr .dr-evnt-lnch-art {
        padding-top: 30px;
    }

    .dr-modul-evnt-wrpr .dr-mrk-cmpn-txt-box, .dr-modul-evnt-wrpr .dr-mrk-cmpn-img-box {
        padding-left: 25px !important;
        padding-right: 25px !important;
    }

    .dr-modul-evnt-wrpr .dr-mrk-cmpn-img-box {
        text-align: center;
    }

    /* @ Section 27. Newsfeed screen  CSS in sm screen */
    .post-view-header-img {
        padding-right: 2%;
    }

    .comment-avatar {
        padding-right: 2%;
    }

    .gp-widget-title h2 {
        text-align: center;
    }

    .wcom-box {
        padding: 0;
    }

    .gp-box .gp-event-name, .gp-box .gp-employee-name {
        text-align: center;
    }

    .gp-event-icon img {
        width: 60px;
        margin: 0px auto;
        display: block;
    }

    .leaving-time-box {
        top: 0;
        padding-top: 16px;
    }

    .leaving-time-box .leaving-txt {
        font-size: 23px;
    }
}

/* @reset styling for medium size */
@media screen and (min-width: 992px) and (max-width: 1199px) {
    /* Idea Board CSS*/
    /*@ Section 6. Mark Personal Total screen CSS on md screen*/
    .pr-mrk-totl-chrt-box {
        width: 230px;
        padding: 0px;
    }

    .pr-ttl-chrt-cnv {
        width: 230px !important;
        height: 230px !important;
    }

    .grd-ttl-scr-hd {
        font-size: 50px;
        top: 10px;
        left: 0px;
        width: 90px;
        height: 50px;
        line-height: 24px;
    }

    .grd-ttl-scr-hd span {
        font-size: 13px;
        line-height: 40px;
    }

    .mt-grd-totl-txt {
        margin: 8px 0;
    }

    .mt-indv-scr-bd-box {
        display: block;
    }

    /* @ Section 7. Mark Personal Wig screen CSS in md screen */
    .mp-wig-scr-dont-cht-box {
        margin-top: 30px;
    }

    .mp-wig-scr-dont-cht-box .pr-ttl-chrt-cnv {
        width: 350px !important;
        height: 350px !important;
    }

    .mp-wig-qtr-dont-cht-box, .mp-wig-scr-dont-cht-box {
        width: 350px;
    }

    .mp-wig-qtr-dont-cht-box {
        padding: 0px;
    }

    .mp-wig-qtr-dont-cht-box .pr-ttl-chrt-cnv {
        width: 163px !important;
        height: 163px !important;
    }

    .mp-wig-qtr-dont-cht-box .grd-ttl-scr-hd {
        font-size: 21px;
        top: 60px;
        left: 40px;
    }

    .wig-scr-txt-box {
        padding-left: 45px;
    }

    .wig-scr-txt-box h4 {
        font-size: 22px;
    }

    .mp-wig-scr-dont-cht-box .grd-ttl-scr-hd {
        font-size: 130px;
        line-height: 106px;
        height: 122px;
        left: 30px;
    }

    .wrap-tab-wrap li {
        width: 25%;
    }

    #mark-wrap .mark-scoring-table .mark-scoring-table-row, #mark-wrap .mark-scoring-table .mark-scoring-table-heading {
        width: 100%;
    }

    .idea-frm-prjct-member-approve-button, .idea-frm-prjct-member-reject-button {
        width: 48%;
        line-height: 40px;
        opacity: 1;
    }

    .login-box2 .forgot-credential {
        margin: 0;
        display: inline-block;
        width: 49%;
    }

    .btn-login, .btn-login:hover, .btn-login:focus, .btn-applicant, .btn-applicant:hover, .btn-applicant:focus {
        min-width: 0;
        padding-left: 8%;
        padding-right: 8%;
    }

    /* Interview Candidate Profile CSS from 25 July 2016 */
    .dwn-resm-box a {
        padding: 8px 11px 8px 30px;
    }

    .dwn-resm-box > a > i {
        left: 7px;
    }

    .cand-prf-table tr > td > span, .cand-prf-table tr > td > a {
        font-size: 12px;
    }

    /* Applicant Account creation screen CSS from 8 Aug 2016*/
    .aplc-acnt-crt-box .login-box {
        padding-right: 0;
        padding-bottom: 139px;
    }

    .aplc-acnt-crt-box .btn-login {
        min-width: 190px;
    }

    /* Applicant Account Area header CSS*/
    .apcnt-acnt-scrn-tab {
        padding: 6px 0;
        text-align: left;
        padding-left: 28px;
    }

    .acc-area-main-scr-wrpr {
        width: 100%;
    }

    .save-data-box-wrpr {
        padding-left: 60px;
        padding-right: 60px;
    }

    /* Applicant Qualification page CSS from 3 Aug 2016 */
    .grad-info {
        width: 100px;
    }

    .grad-info:last-of-type {
        width: 144px;
    }

    .aplcn-info-box:nth-of-type(2) {
        margin-left: 10px;
    }

    .select-wrapper + .sel-label, .aplcn-info-box > label {
        font-size: 12px;
    }

    .intrvr-nam-txt {
        margin-right: 0px;
    }

    .intrvr-nam-txt > i {
        font-size: 12px;
        width: 60px;
    }

    .clos-btn {
        font-size: 10px;
        margin-top: 7px;
    }

    /* Applicant Area Account logo header */
    .cand-acnt-area {
        font-size: 21px;
    }

    /* Interview status page CSS from 9 Aug 2016 */
    .intr-info-box-cnt, .intr-info-box .job-vacancy-dtl p {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        width: 86%;
    }

    .status-btn {
        display: block;
    }

    .status-btn:last-of-type {
        padding-left: 0;
    }

    /* Applicant Experience screen CSS */
    .aplcn-exp-dat-wrpr .dat-wrpr:last-of-type .cal-icon {
        right: 7px;
    }

    .dat-wrpr label.active.curnt-emplr-cb {
        font-size: 12px;
    }

    .applcn-exp-info-wrpr .grad-info:first-of-type {
        width: 41.66666667%;
        padding-left: 0;
        padding-right: 15px;
    }

    .applcn-exp-info-wrpr .grad-info:last-of-type {
        margin-left: 22px;
        width: 41.66666667%;
        float: left;
        padding-left: 15px;
    }

    .applcn-exp-info-wrpr .grad-info:last-of-type .select-wrapper + .sel-label {
        left: 13px;
    }

    .res-inp-wrpr > label + span {
        top: -22px;
        left: 102px;
    }

    .aplc-eml-box > a {
        line-height: 78px;
    }

    .n-p-r-md {
        padding-right: 0 !important;
    }

    .aplc-upld-cv-box > a {
        position: absolute;
        display: block;
        bottom: -15px;
        width: 100%;
    }

    .save-data-box button {
        font-size: 13px;
    }

    .upld-cv-box .ad-mr-btn {
        margin-left: 0px;
        margin-right: 0;
        display: block;
        width: 100%;
        font-size: 11px;
        padding-left: 16px;
        padding-right: 0;
    }

    .aplc-upld-cv-box {
        margin-left: 0;
        padding-left: 15px;
    }

    .skp-btn-box .ad-mr-btn {
        margin-right: 66px;
    }

    /* Interview list page CSS from 8/31/2016 */
    .intr-lst .fd-emp-list .table > tbody > tr > td {
        max-width: 117px;
    }

    .fd-candat-lst tbody tr td > a {
        padding: 0px 11px;
    }

    .intr-lst-fedbk-wrap .intr-cndnam-col {
        width: 20%;
    }

    .intr-lst-fedbk-wrap .intr-dept-col {
        width: 19%;
    }

    .intr-lst-fedbk-wrap .intr-dt-col {
        width: 18%;
    }

    .intr-lst-fedbk-wrap .intr-stg-col {
        width: 12.666667%;
    }

    .intr-lst-fedbk-wrap .intr-act-col {
        width: 30%;
    }

    .intr-lst-fedbk-wrap .intr-info-box-cnt {
        width: 100%;
    }

    .intr-lst-fedbk-wrap .status-btn:last-of-type {
        padding: 6px 10px;
    }

    .intr-lst-fedbk-wrap .status-btn {
        display: inline-block;
    }

    /* Interview feedback status CSS from 9/1/2016 */
    .cnd-info-box {
        width: 29%;
    }

    .cnd-info-box .select-wrapper + .sel-label, .aplcn-info-box > label {
        font-size: 14px;
    }

    .intrv-fdbk-sts-wrpr .select-wrapper + .sel-label {
        font-size: 12px;
        line-height: 16px;
    }

    .candt-pers-info-box > h2 {
        width: 380px;
    }

    .aplc-prf-wrap {
        padding-top: 30px;
    }

    /*@ section 2  personal info Page */
    .pi-usr-photo-upd-opt {
        padding-left: 0;
        padding-right: 0;
    }

    .apl-lng-crs-btn {
        width: 92%;
    }

    /* @ Section 3 Interview stages screen dynamic Columns CSS on md screen */
    .col-rfrl-stats-4 .rfrl-sts-stp:after {
        width: 356%;
    }

    .col-rfrl-stats-3 .rfrl-status:first-of-type .rfrl-sts-stp:after, .col-rfrl-stats-3 .rfrl-status:nth-of-type(2) .rfrl-sts-stp:after {
        width: 582%;
    }

    /*@ Section 5. Referred screen dynamic Columns CSS on md screen*/
    .rfrl-friend-wrap .col-rfrl-stats-5 .rfrl-status:nth-of-type(4) .rfrl-status-inr:after {
        left: 77%;
        width: 55%;
    }

    .col-rfrl-stats-5 .rfrl-status:nth-of-type(3) .rfrl-status-inr:after {
        left: 68%;
        width: 74%;
    }

    /*@ Section 6. Mark Personal Total screen CSS on md screen*/
    .pr-mrk-totl-chrt-box {
        width: 233px;
    }

    .pr-ttl-chrt-cnv {
        width: 243px !important;
        height: 243px !important;
    }

    .grd-ttl-scr-hd {
        font-size: 25px;
        top: 125px;
        left: 40px;
        width: 75px;
        height: 49px;
        line-height: 24px;
    }

    .grd-ttl-scr-hd span {
        font-size: 9px;
        line-height: 12px;
    }

    .mt-grd-totl-txt {
        margin: 8px 0;
    }

    .mt-indv-scr-bd-box {
        display: block;
    }

    /* @ Section 7. Mark Personal Wig screen CSS in md screen */
    .mp-wig-scr-dont-cht-box {
        margin-top: 30px;
    }

    .mp-wig-scr-dont-cht-box .pr-ttl-chrt-cnv {
        width: 350px !important;
        height: 350px !important;
    }

    .mp-wig-qtr-dont-cht-box, .mp-wig-scr-dont-cht-box {
        width: 350px;
    }

    .mp-wig-qtr-dont-cht-box .pr-ttl-chrt-cnv {
        width: 163px !important;
        height: 163px !important;
    }

    .mp-wig-qtr-dont-cht-box .grd-ttl-scr-hd {
        font-size: 21px;
        top: 135px;
    }

    .wig-scr-txt-box {
        padding-left: 45px;
    }

    .wig-scr-txt-box h4 {
        font-size: 22px;
    }

    .mp-wig-scr-dont-cht-box .grd-ttl-scr-hd {
        font-size: 130px;
        line-height: 106px;
        height: 122px;
        left: 30px;
    }

    /* @ Section 8. Disrupt Redesign Home Screen on md screen */
    .dr-hd-box {
        font-size: 33px;
        line-height: 38px;
    }

    .dr-hd-box b {
        font-size: 48px;
    }

    .dr-article {
        padding: 15px;
        top: -15px
    }

    .dr-article p {
        margin-bottom: 10px;
        line-height: 17px;
    }

    .dr-hm-img-wrpr {
        margin-top: 100px;
    }

    .dr-v_strip-first {
        height: 310px;
    }

    .dr-hm-txt-wrpr p {
        padding-right: 10px;
        width: 100%;
    }

    /* @ Section 9. Disrupt Redesign Targets Screen on md screen */
    .dr-trg-img-wrpr {
        right: 10px;
    }

    .dr-trg-art-cont {
        width: 62%;
    }

    .dr-trg-vrt-ln-frst {
        right: 7%;
        height: 193px
    }

    .dr-trg-vrt-ln-sec {
        right: 54%;
        height: 35px;
    }

    /* @ Section 10. Disrupt Redesign Heart beat Screen on md screen */
    .dr-modul-heart-bt-wrpr .dr-hm-img-wrpr {
        margin-top: 140px;
    }

    /* @ section 11. Disrupt Redesign Mark on md screen */
    .dr-modul-mrk-wrpr .dr-trg-art-cont {
        width: 53%;
    }

    .dr-mrk-cmpn-artic .dr-v_strip {
        bottom: 66%;
    }

    .dr-mrk-cmpn-artic-rgt .dr-v_strip {
        bottom: 83%;
    }

    .dr-mrk-cmpn-txt-box {
        width: 100%;
    }

    /* @ Section 12. Disrupt Redesign feedback Screen on md screen*/
    .dr-modul-fdbk-wrpr .dr-hd-box b {
        font-size: 47px;
    }

    .dr-modul-fdbk-wrpr .dr-trg-art-cont {
        width: 55%;
    }

    .dr-modul-fdbk-wrpr .dr-trg-img-wrpr {
        right: 2%;
        top: 20px;
    }

    .dr-fdbk-vrt-top-strp {
        height: 416px;
    }

    .dr-fdbk-hrz-strp {
        width: 77%;
    }

    .dr-fdbk-vrt-top-strp, .dr-fdbk-hrz-strp {
        right: 0;
    }

    .dr-fdbk-ques-art h3 {
        font-size: 18px;
        line-height: 19px;
    }

    .dr-fdbk-ques-art {
        width: 45%;
    }

    /* @ Section 13. Disrupt Redesign Events Screen on md screen  */
    .dr-modul-evnt-wrpr .dr-trg-img-wrpr {
        top: 10px;
        right: 9.5%;
    }

    .dr-modul-evnt-wrpr .dr-trg-img-wrpr .dr-v_strip {
        top: -10px;
    }

    .dr-modul-evnt-wrpr .dr-trg-art-cont {
        width: 50%;
    }

    .dr-modul-evnt-wrpr .dr-mrk-cmpn-artic-rgt .dr-mrk-cmpn-img-box {
        left: 0;
    }

    .dr-modul-evnt-wrpr .dr-mrk-cmpn-artic-rgt .dr-mrk-cmpn-txt-box-wrpr {
        right: 0;
    }

    .dr-modul-evnt-wrpr .dr-mrk-cmpn-txt-box-wrpr {
        margin-top: 30px;
    }

    .dr-modul-evnt-wrpr .dr-mrk-cmpn-img-box, .dr-modul-evnt-wrpr .dr-mrk-cmpn-txt-box-wrpr {
        width: 100%;
    }

    .dr-modul-evnt-wrpr .dr-mrk-cmpn-txt-box {
        text-align: left;
    }

    .dr-evnt-lnch-art .dr-mrk-cmpn-txt-box h3 b {
        position: relative;
        width: 100%;
        right: 0;
        top: 0;
    }

    .dr-modul-evnt-wrpr .dr-evnt-lnch-art {
        padding-top: 30px;
    }

    .dr-modul-evnt-wrpr .dr-mrk-cmpn-txt-box, .dr-modul-evnt-wrpr .dr-mrk-cmpn-img-box {
        padding-left: 25px !important;
        padding-right: 25px !important;
    }

    .dr-modul-evnt-wrpr .dr-mrk-cmpn-img-box {
        text-align: center;
    }
}

@media (min-width: 992px) {
    .wigs-model-1 {
        width: 800px;
    }
}

/* @reset styling for Extra small screen size */
@media (max-width: 767px) {

    /* @section 1 login screen on xs only */
    .login-box h2 {
        font-size: 23px;
    }

    .login-box {
        padding-top: 107px;
    }

    .login-wrap {
        width: 100%;
        padding: 10px 20px;
    }

    .idea-frm-prjct-ttl {
        margin-top: 25px;
    }

    /* Mark CSS Begins*/
    .wrap-tab-wrap .nav-tabs li.active > a {
        border: 2px solid #0095d4 !important;
        border-radius: 0px !important;
    }

    .wrap-tab-wrap .nav-tabs li:hover a {
        border: 2px solid #0095d4 !important;
        border-radius: 0px !important;
    }

    .wrap-tab-wrap .nav-tabs li > a {
        line-height: 14px;
    }

    .wrap-tab-wrap li {
        line-height: 48px;
        height: 38px;
    }

    .wrap-tab-wrap .nav-tabs {
        border-bottom: none;
        height: auto;
        margin-bottom: 20px;
    }

    /*@ Section 6. Mark Personal Total screen CSS on xs screen*/
    .wig-prgs-circle {
        float: none !important;
    }

    .pr-mrk-totl-chrt-box, .pr-ttl-chrt-cnv {
        width: 222px !important;
        height: 222px !important;
        padding: 0;
    }

    .grd-ttl-scr-hd {
        font-size: 45px;
        top: 0px;
        left: 2px;
        line-height: 27px;
        height: 44px;
    }

    .grd-ttl-scr-hd span {
        line-height: 30px;
        font-size: 12px;
    }

    .pr-mrk-totl-box p, .pr-mrk-totl-box h3, .mt-grd-totl-txt {
        text-align: center;
    }

    .mt-grd-totl-txt {
        margin: 13px 0;
    }

    /*.pr-mrk-totl-box, .mt-indv-scr-box, .pr-mrk-totl-chrt-box{
        float: none;
        margin: auto;
    }*/
    /*.mt-indv-scr-box {
        width: 217px;
    }
    .pr-mrk-totl-box{
        padding-left: 0;
    }*/
    /* @ Section 7. Mark Personal Wig screen CSS in xs screen */
    .mp-wig-scr-dont-cht-box, .mp-wig-qtr-dont-cht-box {
        width: 222px;
        padding: 0;
        margin: auto;
        /*float: none;*/
    }

    .mp-wig-qtr-dont-cht-box {
        float: none;
    }

    .mp-wig-scr-dont-cht-box .pr-ttl-chrt-cnv {
        width: 242px !important;
        height: 242px !important;
    }

    .mp-wig-scr-dont-cht-box .grd-ttl-scr-hd {
        top: -20px;
        font-size: 70px;
        line-height: 65px;
        height: 84px;
        left: 20px;
    }

    .mp-wig-qtr-dont-cht-cd-box {
        padding: 0;
    }

    .mp-wig-qtr-dont-cht-box .pr-ttl-chrt-cnv {
        width: 192px !important;
        height: 192px !important;
        margin: auto;
    }

    .mp-wig-qtr-dont-cht-box .grd-ttl-scr-hd {
        left: 9px;
        font-size: 24px;
        top: 75px;
    }

    .wig-scr-txt-box {
        text-align: center;
    }

    .wig-scr-txt-box h4 {
        font-size: 24px;
    }

    #innovationChart .highcharts-label tspan, #innovationChart .highcharts-label text {
        font-size: 19px !important;
    }

    .wrap-tab-wrap li {
        width: 100%;
    }

    /*#workCultureChart{
        min-width: 240px !important;
        height: auto !important;
    }*/
    #mark-wrap .mark-scoring-table .mark-scoring-table-row, #mark-wrap .mark-scoring-table .mark-scoring-table-heading {
        width: 200%;
    }

    #mark-wrap .mark-scoring-table {
        overflow: hidden;
        overflow-x: scroll;
    }

    /*#mark-wrap .mark-scoring-table .mark-scoring-table-row span{
        font-size: 9px;
    }*/
    #mark-wrap .mark-scoring-table .mark-scoring-table-heading .mark-scoring-table-col {
        /*min-height: 40px;
        line-height: normal;*/
    }

    #mark-wrap .mark-scoring-table .mark-scoring-table-heading .mark-scoring-table-col span {
        line-height: 16px;
        display: inline-block;
    }

    /* Mark CSS Ends*/
    #addIdeaModel .idea-frm-prjct-all-member-box {
        max-height: 270px;
    }

    #addIdeaModel .modal-dialog {
        width: auto;
        min-width: auto;
    }

    .ideaModel .modal-dialog {
        width: auto;
        min-width: auto;
    }

    .idea-frm-prjct-member-box span {
        margin-right: 0px;
        text-align: left;
        float: left;
    }

    .idea-membr-img {
        /* margin-right: 0px;*/
    }

    .idea-frm-prjct-member-box {
        display: inline-block;
        vertical-align: top;
    }

    #addIdeaModel .idea-membr-img {
        margin-right: 10px;
    }

    .idea-frm-prjct-member-approve-button {
        line-height: 40px;
        opacity: 1;
        margin: 0 auto;
        float: none;
        display: inline-block;
    }

    .idea-frm-prjct-member-reject-button {
        line-height: 40px;
        opacity: 1;
        margin: 0 auto;
        float: none;
        display: inline-block;
    }

    .idea-frm-prjct-member-box form {
        text-align: center;
    }

    #addIdeaModel .idea-frm-prjct-member-box {
        margin-bottom: 10px;
    }

    /* top navigation bar CSS on sm screen */
    .hdr-wrap .list-inline {
        float: none !important;
        margin-top: 7px;
    }

    .hdr-wrap .navbar .navbar-brand {
        display: none;
    }

    .hdr-wrap .list-inline > li {
        padding: 2px 12px;
        display: block;
    }

    .navbar-toggle {
        margin-right: 0;
    }

    .headline-sec .carousel {
        padding: 0;
    }

    .login-box {
        background-repeat: repeat;
        padding-bottom: 40px;
        padding-top: 100px;
    }

    .col-wide-wrap {
        padding: 0;
    }

    .login-box2 .forgot-credential {
        display: inline-block;
        width: auto;
        margin: 10px 0;
    }

    .usr-info {
        padding: 30px 0;
    }

    .usr-info-img {
        float: none;
        margin: 0 auto;
    }

    .usr-info-badg {
        float: left;
    }

    .usr-log-det li i {
        right: 0;
    }

    .usr-log-det {
        text-align: center;
        margin-top: 14px;
    }

    .sc-half-left-wrap, .sc-half-right-wrap {
        margin: 0;
        width: 100%;
    }

    .sidebar-wrap, .col-wide-wrap {
        width: 100%;
    }

    .sidebar-wrap {
        padding-left: 0;
        padding-right: 0;
        padding-top: 0;
    }

    .sidenav li {
        display: block;
        margin: 2px 0px;
    }

    .sidenav li a {
        padding-left: 10px;
        padding-right: 10px;
    }

    .sidenav li a span {
        width: 25px;
    }

    .sidenavDropdown .dropdown-toggle {
        padding-left: 10px;
        padding-right: 10px;
    }

    .sidenav li a span {
    }

    .atnd-wrap .input-field {
        width: 100%;
    }

    .jobpost-box {
        padding: 20px 15px;
    }

    .rfrl-tabs-wrap .nav-tabs li {
        width: 100%;
    }

    .rfrl-status-inr {
        margin: 0 auto;
    }

    .rfrl-status {
        padding-bottom: 20px;
        text-align: center;
    }

    .rfrl-sts-stp:after {
        display: none;
    }

    /* Find Employee Page CSS by Danish from 5/3/2016 */
    .fd-emp-srch-crt label {
        top: -7px !important;
    }

    .fd-emp-list th {
        padding-top: 33px !important;
    }

    /* CSS for find employee page to style dataTables serach field */
    #employee_list_filter, .mng-usr-list #employee_list_filter, .emp-list #employee_list_filter {
        top: -15px;
        width: 83%;
        margin-left: 11%;
    }

    /* Manage Task Page CSS by Danish from 5/16/2016 */
    .man-tsk-dept-box {
        margin-bottom: 41px;
    }

    .man-tsk-inp-fld input {
        margin-bottom: 30px;
    }

    .mng-tsk-add {
        padding: 6px 0;
        margin-top: 40px;
    }

    .mng-tsk-add button {
        font-size: 18px;
    }

    .man-tsk-inp-fld .atnd-cal-date {
        width: 98.8%;
    }

    .mng-task-rgt-wrpr .select-wrapper + label {
        text-align: center;
        width: 100%;
        top: -8px;
    }

    .mng-task-rgt-wrpr .picker--opened .picker__frame {
        top: 10%;
    }

    .mng-task-rgt-wrpr .picker__holder {
        overflow-y: auto;
    }

    .mng-tsk-dept {
        text-align: left !important;
    }

    /* checkin page css */
    .checkin-expr .atnd-cal-date {
        width: 97%;
    }

    .checkin-expr input {
        width: 100% !important;
    }

    /* adjustment style over laravel default style by Danish from 6/30/2016*/
    .acc-reset-row {
        margin: 0;
    }

    /* adjustment style for create pwd screen over laravel default style by Danish from 6/30/2016*/
    .acc-area-crt-pwd .login-box {
        padding-bottom: 53px;
    }

    /* Job post CSS from 21 July 2016*/
    .job-post-wrpr label + span, .job-post-wrpr .jb-exp-box label + span, .job-post-wrpr .sht-jb-desc-txtar-box label + span {
        display: none;
    }

    .jb-des-res-wrpr {
        padding-top: 24px;
    }

    .jb-des-res-wrpr .input-field {
        margin-top: 8px;
    }

    .dsr-skl-set-box {
        padding-bottom: 30px;
    }

    .dsr-skl-set-box #add_skill_set {
        bottom: 10px;
    }

    .job-post-wrpr {
        padding-left: 15px;
        padding-right: 15px;
    }

    .job-post-wrpr h4 {
        margin-bottom: 12px;
    }

    .job-post-wrpr .cust-width {
        margin-bottom: 0;
    }

    .job-post-wrpr .jb-exp-box, .job-post-wrpr .jb-exp-box + .jb-rsp-box {
        margin-bottom: 22px;
    }

    .jb-emp-info-box .atnd-cal-date {
        width: 97%;
    }

    /* Interview Candidate Profile CSS from 25 July 2016 */
    .cand-prf-wrap h4 {
        margin-bottom: 17px;
    }

    .cand-pic-box {
        float: none;
        margin: auto;
    }

    .candt-pers-info-box {
        float: none;
        margin-left: 0;
    }

    .candt-pers-info-box > h2 {
        margin-top: 16px;
        font-size: 26px;
        line-height: 68px;
    }

    .dwn-resm-box a {
        display: block;
        padding: 8px 26px;
        text-align: right;
        float: none;
    }

    .aplc-prf-wrap .edt-prfl-btn {
        margin-top: 0;
    }

    .cand-prf-wrap {
        padding: 22px 15px;
    }

    .cand-info-box:first-of-type {
        margin-top: 20px;
    }

    .cand-prf-table tr > td > span, .cand-prf-table tr > td > a {
        font-size: 11px;
        padding: 0;
    }

    .respn-box {
        padding: 9px 9px 0;
    }

    .cand-info-box > h3 {
        font-size: 14px;
    }

    .respn-box > ul li {
        font-size: 11px;
    }

    .respn-box > ul li > span {
        display: none;
    }

    .respn-box > ul li > i {
        float: none;
        width: 100%;
        margin-left: 0;
    }

    .emplr-info-respns-box:last-of-type .respn-box {
        margin-bottom: 17px;
    }

    /* Interview List page CSS from 22 July 2016 */
    .assign-interv-wrap {
        padding: 22px 15px;
    }

    .assign-interv-wrap h4 {
        margin-bottom: 12px;
    }

    .job-spec-box {
        margin-bottom: 9px;
    }

    .job-spec-box:last-of-type {
        margin-top: 18px;
    }

    .checkin-wrap .select-wrapper::after {
        top: 0px;
    }

    .intrv-info {
        padding: 0;
    }

    .intr-list-sec .dropdown-content li > a, .intr-list-sec .dropdown-content li > span {
        padding: 4px 10px;
        font-size: 12px;
    }

    /* Interview status page CSS from 26 July 2016*/
    .interv-stat-wrap {
        padding: 22px 15px;
    }

    .hirng-stag-box, .act-tab-data-box {
        float: left;
        width: 100%;
        clear: both;
        border-right: 0;
    }

    .hirng-stag-box a > span {
        float: left;
        margin-left: 17px;
        margin-right: 13px;
        top: 20px;
    }

    .intr-stg-info-box {
        float: left;
    }

    .hirng-stag-box-wrpr > p {
        padding: 9px 11px 8px;
    }

    .intvr-opn-box {
        text-align: left;
    }

    .intvr-opn-box i {
        margin-right: 0;
    }

    .intvr-opn-box .intvr-opn-btn {
        display: block;
        top: 0;
        margin-top: 10px;
        margin-bottom: 17px;
    }

    /* Applicant Account creation screen CSS from 8 Aug 2016*/
    .aplc-acnt-crt-box .login-box {
        padding-bottom: 155px;
        padding-top: 100px;
    }

    .aplc-acnt-crt-box .login-box h2 {
        font-size: 26px;
    }

    /* Applicant Account Area header CSS*/
    .apcnt-acnt-scrn-tab {
        text-align: left;
        padding-left: 23px;
    }

    .acc-area-main-scr-wrpr {
        width: 100%;
    }

    .aplcn-info-box:nth-of-type(2) {
        margin-left: 0;
    }

    .save-data-box-wrpr {
        padding-left: 30px;
        padding-right: 30px;
    }

    .save-data-box button {
        width: 100%;
    }

    .applc-txtual-info {
        padding-top: 22px;
    }

    /* Applicant Qualification page CSS from 3 Aug 2016 */
    .grad-info, .grad-info:last-of-type {
        width: 100%;
    }

    .intrvr-nam-txt > i {
        width: 94px;
    }

    .acdm-info-fld::after {
        margin: 25px 0 0px 17px;
    }

    .acdm-info-fld:last-of-type .ad-mr-btn {
        margin-top: 33px;
    }

    /* Applicant Area Account logo header */
    .aplc-logo-box, .aplc-eml-box {
        text-align: center;
    }

    .cand-acnt-area {
        line-height: 33px;
        display: block;
    }

    .aplc-eml-box > a {
        line-height: 26px;
        font-size: 12px;
    }

    /* Interview Status Page CSS from 9 Aug 2016 */
    .intr-info-box-row-hdr {
        display: none;
    }

    .intr-info-box-cnt {
        padding: 8px 0;
    }

    .status-btn {
        color: #404040;
    }

    .intr-info-box-row {
        padding: 14px 0 7px;
    }

    /* Applicant Experience screen CSS */
    .dat-wrpr label.active.curnt-emplr-cb {
        font-size: 11px;
    }

    .aplcn-exp-dat-wrpr .dat-wrpr:first-of-type .cal-icon {
        right: 12px;
    }

    .aplcn-exp-dat-wrpr .dat-wrpr:last-of-type .cal-icon {
        right: 0;
    }

    .res-inp-wrpr {
        padding-right: 15px;
    }

    .res-inp-box:last-of-type + i, #add_circle_0 {
        right: 16px;
        bottom: -22px;
    }

    .applcn-exp-info-wrpr .acdm-info-fld:last-of-type .ad-mr-btn {
        display: block;
    }

    .applcn-exp-info-wrpr .ad-mr-btn {
        margin-left: auto;
        margin-right: auto;
    }

    /* Applicant Skillset and Language page CSS from 10 Aug 2016 */
    .lng-info-box {
        width: 100%;
    }

    .skp-btn-box {
        padding: 0;
    }

    .skp-btn-box .ad-mr-btn {
        display: block;
        padding-left: 0;
        width: 100%;
        margin-left: 0;
        padding-right: 0;
    }

    .applc-acnt-logo-wrpr {
        padding-bottom: 11px;
    }

    /* Applicant reference page CSS from 11 Aug 2016 */
    .upld-cv-box .ad-mr-btn + span {
        margin-left: auto;
        margin-right: auto;
        /*bottom: -23px;*/
    }

    .aplc-extr-act-info-wrpr .acdm-info-fld::after, .aplc-refr-info-wrpr .acdm-info-fld::after {
        width: 90%;
    }

    .skp-btn-box {
        padding-left: 15px;
        padding-right: 30px;
    }

    .aplc-upld-cv-box {
        text-align: center;
        margin-left: 0;
    }

    .fd-emp-top-txt, .cand-prf-wrap h4, .cand-name-desg-box, .dwn-resm-box .edt-prfl-btn {
        text-align: center;
    }

    /* Aplicant job post page CSS */
    .aplc-jobpost-box .job-vacancy-dtl, .aplc-jobpost-box .job-vacancy-dtl:nth-of-type(2), .aplc-jobpost-box .job-vacancy-dtl:nth-of-type(3),
    .aplc-jobpost-box .job-vacancy-dtl:nth-of-type(4) {
        width: 100%;
    }

    .aplc-jobpost-box .job-vacancy-cta-wrap a {
        display: block;
    }

    .aplc-jobpost-box .rfrl-status {
        width: 100%;
        text-align: center;
    }

    .aplc-jobpost-box .rfrl-friend-status {
        background-image: none;
        margin: 0;
        padding-left: 0;
        padding-bottom: 0;
    }

    .rfrl-sts-cnfr + .aplc-job-stg-txt > i {
        left: 0;
        right: 0;
    }

    /* Interview list page CSS from 8/31/2016 */
    .intr-lst .fd-emp-list .table > tbody > tr > td {
        max-width: 111px;
    }

    .fd-candat-lst tbody tr td > a {
        display: inline-block;
        padding: 0 6px;
    }

    .intr-lst .fd-emp-list .table thead > tr > th:last-of-type, .intr-lst .fd-emp-list .table > tbody > tr > td:last-of-type {
        padding-right: 8px;
    }

    .intr-lst .fd-emp-list .table thead > tr > th:first-of-type, .intr-lst .fd-emp-list .table > tbody > tr > td:first-of-type {
        padding-left: 8px;
    }

    .intr-lst .fd-emp-list {
        padding-bottom: 20px;
        padding-top: 0px;
    }

    .intr-lst-fedbk-wrap .intr-cndnam-col, .intr-lst-fedbk-wrap .intr-dept-col,
    .intr-lst-fedbk-wrap .intr-dt-col, .intr-lst-fedbk-wrap .intr-act-col {
        width: 100%;
    }

    .job-vacancy-dtl p, .intr-lst-fedbk-wrap .intr-info-box-cnt {
        padding-left: 10px !important;
    }

    .intr-lst-fedbk-wrap .intr-info-box-cnt {
        padding: 4px 0 10px;
    }

    .intr-cndnam-col .intr-info-box-cnt {
        width: 208px;
    }

    .intr-lst-fedbk-wrap .status-btn {
        color: #9a9a9a;
    }

    .intr-lst-fedbk-wrap .hrm-grn-btn {
        color: #fff;
    }

    /* Interview feedback status CSS from 9/1/2016 */
    .cnd-pos-info-box {
        margin-top: 0;
    }

    .cnd-info-box {
        width: 100%;
        margin-right: 0;
    }

    .cnd-prsnlty-info-box {
        margin-top: 22px;
    }

    .cnd-prsnlty-info-box .cnd-info-box {
        margin-bottom: 3px;
    }

    .sub-info-wrpr {
        margin-top: 13px;
        text-align: center;
    }

    .sub-info-wrpr .hrm-grn-btn, .sub-info-wrpr .hrm-btn {
        display: block;
    }

    .sub-info-wrpr .hrm-grn-btn {
        margin-right: 0;
        margin-bottom: 12px;
    }

    /* HRM Policy page css on xs screen */
    .pol-wrap .rt-glb-wrap {
        padding: 7px 15px;
    }

    .plcy-top-txt, .plcy-txt-box h2, .plcy-txt-box p, .plcy-txt-list-wrap h2 {
        text-align: center;
    }

    .plcy-txt-list-wrap h2 {
        font-size: 17px;
    }

    #plcy-imp-list-wrap {
        padding: 27px 15px;
    }

    .sck-leav-box {
        padding-top: 30px !important;
    }

    .plcy-txt-box h2::before {
        display: none;
    }

    .dataTables_scrollBody, .dataTables_scrollHead {
        overflow: initial !important;
    }

    #employee_list_filter {
        z-index: 9;
        width: 100%;
        padding-left: 11px;
        margin-left: 0;
    }

    .n-m-rgt-xs {
        margin-right: 0 !important;
    }

    .apl-lng-crs-btn {
        width: 100%;
    }

    .intrv-fdbk-sts-wrpr .select-wrapper + .sel-label {
        top: -29px;
        font-size: 12px;
        line-height: 14px;
    }

    .qutr-prg-box-row {
        width: 180px;
    }

    .wig-prgs-circle {
        float: none !important;
    }

    .pr-mrk-totl-chrt-box, .pr-ttl-chrt-cnv {
        width: 222px !important;
        height: 222px !important;
        padding: 0;
    }

    .grd-ttl-scr-hd {
        font-size: 25px;
        top: 94px;
        left: 2px;
        line-height: 27px;
        height: 44px;
    }

    .grd-ttl-scr-hd span {
        line-height: 14px;
        font-size: 9px;
    }

    .pr-mrk-totl-box p, .pr-mrk-totl-box h3, .mt-grd-totl-txt {
        text-align: center;
    }

    .mt-grd-totl-txt {
        margin: 13px 0;
    }

    /*.pr-mrk-totl-box, .mt-indv-scr-box, .pr-mrk-totl-chrt-box{
        float: none;
        margin: auto;
    }
    .mt-indv-scr-box {
        width: 217px;
    }
    .pr-mrk-totl-box{
        padding-left: 0;
    }*/
    /* @ Section 7. Mark Personal Wig screen CSS in xs screen */
    .mp-wig-scr-dont-cht-box, .mp-wig-qtr-dont-cht-box {
        width: 222px;
        padding: 0;
        margin: auto;
        float: none;
    }

    .mp-wig-scr-dont-cht-box .pr-ttl-chrt-cnv {
        width: 242px !important;
        height: 242px !important;
    }

    .mp-wig-scr-dont-cht-box .grd-ttl-scr-hd {
        top: 48px;
        font-size: 70px;
        line-height: 65px;
        height: 84px;
        left: 20px;
    }

    .mp-wig-qtr-dont-cht-cd-box {
        padding: 0;
    }

    .mp-wig-qtr-dont-cht-box .pr-ttl-chrt-cnv {
        width: 192px !important;
        height: 192px !important;
        margin: auto;
    }

    .mp-wig-qtr-dont-cht-box .grd-ttl-scr-hd {
        left: 9px;
        font-size: 24px;
        top: 114px;
    }

    .wig-scr-txt-box {
        text-align: center;
    }

    .wig-scr-txt-box h4 {
        font-size: 24px;
    }

    .idea-membr-dtl h3,
    .idea-membr-dtl p{
        font-size: 11px !important;
        width: 112px !important;
    }
    .idea-frm-prjct-member-box .material-icons{
        font-size: 17px !important;
    }
    /* @ Section 8. Disrupt Redesign Home Screen on xs screen */
    .dr-modul-wrpr .dr-article-txt, .dr-hd-box, .dr-hm-txt-wrpr h3 {
        text-align: center;
    }

    .dr-hd-box {
        font-size: 34px;
        line-height: 35px;
    }

    .dr-hd-box b {
        font-size: 38px;
    }

    .dr-hm-img-wrpr img, .dr-hm-txt-wrpr p {
        width: 100%;
    }

    .dr-hm-txt-wrpr p {
        padding: 0;
    }

    .dr-hm-txt-wrpr {
        margin-top: 42px;
    }

    .dr-article-uper-contnr, .dr-article {
        right: 0;
        width: 94%;
        left: 0;
        margin: auto;
    }

    .dr-article {
        padding: 15px;
        top: -22px;
    }

    .dr-v_strip, .dr-v_strip-first {
        height: 160px;
    }

    .dr-article-uper-contnr {
        float: none;
        position: relative;
        top: 0;
        margin-top: 50px;
    }

    .dr-hm-img-wrpr {
        margin-top: 70px;
    }

    /* @ Section 9. Disrupt Redesign Targets Screen on xs screen */
    .dr-targt-article {
        width: 100%;
    }

    .dr-trg-stg-rgt .dr-stg-info-lin-box-wrpr {
        width: 100%;
    }

    .dr-stg-info-lin-box {
        width: 166px;
        display: block;
        margin: auto;
    }

    .dr-stg-info-lin-box-wrpr {
        width: 100%;
    }

    .dr-stg-info-lin-box {
        background: none !important;
        width: 66%;
        height: auto;
    }

    .dr-stg-lvl, .dr-stg-fig {
        width: 35px;
        height: 35px;
    }

    .dr-stg-fig, .dr-stg-lvl {
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto;
    }

    .dr-stg-lvl {
        line-height: 37px;
        font-size: 20px;
        left: 0;
    }

    .dr-stg-fig {
        right: 0;
        background-size: 100%;
    }

    .dr-mrk-liv {
        background-position: center 8px;
    }

    .dr-cor-vlu {
        background-position: center -55px;
    }

    .dr-imp-mtrx {
        background-position: center -185px;
    }

    .dr-ded-lrng-cntr {
        background-position: center -249px;
    }

    .dr-hlth-cr {
        background-position: center -311px;
    }

    .dr-phil {
        background-position: center -377px;
    }

    .dr-phil-lif-rtn {
        background-position: center -447px;
    }

    .dr-apnt-ceos {
        background-position: center -514px;
    }

    .dr-mt-prog {
        background-position: center -582px;
    }

    .dr-new-ventr {
        background-position: center -648px;
    }

    .dr-gym-facl {
        background-position: center -718px;
    }

    .dr-stg-info-lin-box b br, .dr-stg-fig::after {
        display: none;
    }

    .dr-trg-stg {
        margin-top: 16px;
        position: relative;
    }

    .dr-trg-stg-rgt .dr-stg-info-lin-box-wrpr, .dr-trg-stg-rgt .dr-stg-info-lin-box i, .dr-trg-stg-rgt .dr-stg-info-lin-box b {
        left: 0;
    }

    .dr-stg-info-lin-box b, .dr-stg-info-lin-box i {
        position: relative;
        width: 100%;
        right: 0;
    }

    .dr-trg-stg-lft .dr-stg-info-lin-box-wrpr {
        right: 0;
    }

    .dr-stg-info-lin-box b {
        text-align: center;
    }

    .dr-trg-img-wrpr {
        position: relative;
        top: 0;
        right: 0;
        margin: auto;
        width: 220px;
    }

    .dr-trg-art-cont {
        width: 100%;
    }

    .dr-trg-art-cont .dr-article {
        left: 8px;
        top: 12px;
        width: 100%;
    }

    .dr-trg-vrt-ln-frst, .dr-trg-vrt-ln-sec {
        display: none;
    }

    .dr-trg-rev-box {
        margin-top: 30px;
    }

    .dr-modul-trg-wrpr {
        padding-bottom: 41px !important;
    }

    /* @ Section 10. Disrupt Redesign Heart beat Screen on xs screnn */
    .dr-hbt-atrb-box {
        display: block;
        margin: 0 auto 45px;
        width: 242px;
    }

    .dr-hbt-atrb-box img {
        margin: auto;
    }

    .dr-hbt-atrb-val {
        margin-top: 10px;
    }

    .dr-hbt-cnc-txt-box {
        margin-top: 0;
        width: 100%;
    }

    /* @ section 11. Disrupt Redesign Mark on xs screen */
    .dr-modul-mrk-wrpr .dr-trg-img-wrpr {
        width: 241px;
    }

    .dr-modul-mrk-wrpr .dr-trg-art-cont + section, .dr-modul-mrk-wrpr .dr-trg-art-cont + div {
        margin-top: 35px;
    }

    .dr-mrk-cmpn-artic, .dr-mrk-cmpn-txt-box {
        width: 100%;
    }

    .dr-mrk-per-distr-sec > p, .dr-mrk-cmpn-txt-box h3 {
        text-align: center;
    }

    .dr-modul-mrk-wrpr .dr-trg-art-cont {
        height: auto;
    }

    .dr-mrk-cmpn-img-box, .dr-mrk-cmpn-txt-box-wrpr {
        width: 100% !important;
    }

    .dr-mrk-cmpn-artic-rgt .dr-mrk-cmpn-img-box {
        left: 0;
    }

    .dr-mrk-cmpn-artic-rgt .dr-mrk-cmpn-txt-box-wrpr {
        right: 0;
    }

    .dr-mrk-cmpn-artic-rgt .dr-v_strip {
        display: none;
    }

    .dr-mrk-per-distr-sec > p {
        line-height: 19px;
    }

    .dr-mrk-cmpn-artic {
        margin: 20px auto;
    }

    .dr-mrk-cmpn-img-box, .dr-mrk-cmpn-txt-box-wrpr {
        height: auto;
    }

    /* @ Section 12. Disrupt Redesign feedback Screen on xs screen*/
    .dr-modul-fdbk-wrpr .dr-hd-box {
        margin-top: 15px;
    }

    .dr-modul-fdbk-wrpr .dr-hd-box b {
        font-size: 37px;
    }

    .dr-modul-fdbk-wrpr .dr-trg-img-wrpr {
        right: 0;
    }

    .dr-fdbk-strp {
        display: none;
    }

    .dr-fdbk-chrt-sec {
        margin: 30px 0 0 0;
    }

    .dr-fdbk-ques-art {
        width: 100%;
        margin: 0 0 20px;
    }

    .dr-fdbk-ques-art h3 {
        font-size: 16px;
        line-height: 21px;
    }

    /* @ Section 13. Disrupt Redesign Events Screen on xs screen  */
    .dr-modul-evnt-wrpr .dr-mrk-per-distr-sec {
        width: 100%;
    }

    .dr-modul-evnt-wrpr .dr-trg-img-wrpr {
        top: 10px;
    }

    .dr-modul-evnt-wrpr .dr-trg-art-cont {
        width: 100%;
    }

    .dr-modul-evnt-wrpr .dr-mrk-cmpn-artic-rgt .dr-mrk-cmpn-img-box {
        left: 0;
    }

    .dr-modul-evnt-wrpr .dr-mrk-cmpn-artic-rgt .dr-mrk-cmpn-txt-box-wrpr {
        right: 0;
    }

    .dr-modul-evnt-wrpr .dr-mrk-cmpn-txt-box-wrpr {
        margin-top: 30px;
    }

    .dr-modul-evnt-wrpr .dr-mrk-cmpn-img-box, .dr-modul-evnt-wrpr .dr-mrk-cmpn-txt-box-wrpr {
        width: 100%;
    }

    .dr-modul-evnt-wrpr .dr-mrk-cmpn-txt-box {
        text-align: left;
    }

    .dr-evnt-lnch-art .dr-mrk-cmpn-txt-box h3 b {
        position: relative;
        width: 100%;
        right: 0;
        top: 0;
        font-size: 24px;
        line-height: 27px;
        display: inline-block;
    }

    .dr-modul-evnt-wrpr .dr-evnt-lnch-art {
        padding-top: 30px;
    }

    .dr-modul-evnt-wrpr .dr-mrk-cmpn-txt-box, .dr-modul-evnt-wrpr .dr-mrk-cmpn-img-box {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .dr-modul-evnt-wrpr .dr-mrk-cmpn-img-box {
        text-align: center;
    }

    .dr-modul-evnt-wrpr .dr-mrk-cmpn-txt-box p b {
        display: block;
        text-align: center;
    }

    .dr-modul-evnt-wrpr .dr-mrk-cmpn-txt-box h3 {
        line-height: 27px;
    }

    .dr-evnt-comte-box, .dr-modul-evnt-wrpr .dr-evnt-upcmng-artcl {
        padding-left: 15px;
        padding-right: 15px;
    }

    .dr-evnt-upcmng-cta-box a {
        padding: 8px 43px;
    }

    .dr-modul-evnt-wrpr .dr-trg-img-wrpr .dr-v_strip {
        display: none;
    }

    .dr-modul-evnt-wrpr .dr-trg-img-wrpr {
        right: 0;
    }

    .dr-evnt-date {
        font-size: 11px;
        line-height: 30px;
        padding: 3px;
        height: 36px;
        width: 101px;
        left: -28px;
        top: -82px;
    }

    .dr-cal-modal .modal-dialog {
        width: 335px;
        margin-left: auto;
        margin-right: auto;
    }

    /* @ Section 14. Ticket Creation System screen on xs screen  */
    .rt-glb-wrap > h4 {
        text-align: center;
    }

    .tic_sys .input-field {
        margin: 20px 0px
    }

    .tic_sys_wrapper .checkin-btn-box .glb-submit {
        display: block;
        width: 100%;
    }

    .tic_sys_wrapper .checkin-btn-box .glb-submit input[type="button"] {
        width: 100%;
        display: block;
    }

    /* @ Section 16. Ticket Request screen on xs screen  */
    .ut-thread-col {
        margin: 0px 0px 20px 0px;
    }

    .ut-thread-row {
        margin-top: 25px;
    }

    .checkin-btn-box .glb-submit {
        display: block;
    }

    .checkin-btn-box .glb-submit input[type="button"] {
        width: 100%;
        display: block;
    }

    /* @ Section 19. Ticket Reporting screen on xs screen  */
    .ticket-overview-graph-wrap {
        margin: 25px 0px 0px 0px;
        padding-bottom: 20px;
        border-bottom: 1px solid #ccc;
    }

    .ticket-remarks-graph-wrap {
        margin-top: 20px;
    }

    .ticket-overview-graph-wrap .pr-ttl-chrt-cnv, .ticket-overview-graph-wrap .pr-mrk-totl-chrt-box {
        width: 280px !important;
        height: auto !important;
        padding: 0;
        margin: auto;
        float: none;
    }

    .ticket-remarks-graph-wrap .pr-ttl-chrt-cnv, .ticket-remarks-graph-wrap .pr-mrk-totl-chrt-box {
        width: 280px !important;
        height: auto !important;
        padding: 0;
        margin: auto;
        float: none;
    }

    .ticket-overview-graph-wrap .grd-ttl-scr-hd {
        margin-top: 40px;
        font-size: 27px;
    }

    .ticket-remarks-graph-wrap .grd-ttl-scr-hd {
        margin-top: 40px;
        font-size: 27px;
    }

    .ticket-report-cont .pr-mrk-totl-box {
        margin-top: 30px;
        padding: 0px;
    }

    .rt-glb-wrap {
        padding: 22px 15px;
    }

    .mt-indv-scr-box b {
        font-size: 24px !important;
    }

    .mt-indv-scr-box span {
        height: 20px !important;
    }

    /* @ Section 20. Leaves main screen on xs screen  */
    .leaves-box {
        width: 100%;
    }

    .leaves-col .leaves-col-img img {
        width: 280px;
    }

    /* @ Section 21. Leaves Avail In process screen on xs screen  */
    .ticket-s-tab-wrap .nav-tabs li {
        width: 100%;

    }

    .ticket-s-tab-wrap .nav-tabs li a {
        color: #000 !important;
        border-bottom: 1px solid #f2f2f2;
    }

    .leave-avail-search-box {
        margin-bottom: 25px;
    }

    #leave_availed_list {
        width: 200%;
    }

    .modal-leave .aproval-col {
        float: none;
        width: 100%;
        position: absolute;
        top: 0;
    }

    .modal-leave .aproval-col .aproval-box {
        float: none;
        width: 100%;
        margin: 14px 0px;
    }

    .leave-avail-view-txt {
        padding: 15px 0px 11px 0px;
        border-bottom: 1px solid #ccc;
    }

    .leave-btn-box {
        margin-top: 0px;
        padding-top: 175px;
    }

    .leave-btn-box.encashment-btn-box {
        margin-top: 10px;
        padding-top: 10px;
    }

    .leave-btn-box .btn {
        width: 100%;
        margin: 4px 0px;
    }

    /* @ Section 26. Manage  User screen on xs screen  */
    .create_user_btn {
        width: 100%;
        margin: 0px 0px;
    }

    /* @ Section 25. Manage Update User screen on xs screen  */
    .update-user-tab:before {
        border: 0;
    }

    .update-user-tab ul li {
        margin: 15px 0px;
    }

    .user-info-wrap {
        margin-top: 0;
    }

    .profile-pic-wrap .file-field .btn {
        width: 100%;
        margin: 0px;
    }

    /* @ Section 26. New Employee screen on xs screen  */
    .new-amployee-avatar img {
        width: 150px;
        margin: 0px auto;
        display: block;
    }

    .new-employee-name {
        text-align: center;
        padding-top: 10px;
    }

    .new-employee-info table tr td {
        border-bottom: 1px solid #ccc;
    }

    .new-employee-info table tr td:last-child {
        text-align: right;
    }

    .new-employee-info.nopadding {
        padding: 0px 15px;
    }

    .icon-event {
        bottom: -3%;
        right: 33%;
    }

    /* @ Section 27. Newsfeed screen  on xs screen  */
    .post-view-header-img {
        padding-right: 2%;
    }

    .comment-avatar {
        padding-right: 2%;
    }

    .gp-widget-title h2 {
        text-align: center;
    }

    .wcom-box {
        padding: 0;
    }

    .gp-box .gp-event-name, .gp-box .gp-employee-name {
        text-align: center;
    }

    .gp-event-icon img {
        width: 60px;
        margin: 0px auto;
        display: block;
    }

    .usr-info-det {
        float: none;
        text-align: center;
    }

    .usr-info-title {
        max-width: 100%;
        float: none;
        text-align: center;
    }

    /* @ Section 28. Update data screen on xs screen  */
    .update-data-col {
        padding: 0;
    }

    /* @ Section30. Up Upcoming Training screen on xs screen  */
    .ut-submit-btn button {
        padding: 2px 36px;
        margin: 10px 0px 0px 0px;
        width: 100%;
    }

    /* @ Section32. User Applied training screen on xs screen  */
    .seats-occupied-txt {
        margin: 0px auto;
        float: none;
        position: static;
    }

    .ua-search-row {
        margin-top: 0;
    }

    .border-full-width {
        display: none;
    }

    .ut-box li:first-child {
        margin-left: 0;
    }

    .Upcoming-training-wrap .top-ut-head {
        text-align: center;
        margin-top: 10px;
    }

    .wrap-tab-wrap .hr-leave-tab li {
        margin: 0;
    }

    .user-applied-wrap .ut-box {
        padding: 20px;
    }

    .ut-box li {
        width: 48% !important;
        margin-left: 0;
        padding-left: 0;
        height: auto !important;
        line-height: 26px;
    }

    .user-applied-table tr td {
        white-space: nowrap;
    }

    /* @ Section31. Create training screen  on xs screen  */
    .approval-box {
        position: static;
        top: 0px;
        right: 15px;
        text-align: center;
    }

    .approval-box .approval-col-1 {
        margin-left: 5px;
        margin-right: 5px;
        margin-top: 20px;
    }

    .create-trainging-box {
        position: static;
        margin: 0px auto;
        text-align: center;
    }

    .create-trainging-box button {
        margin: 0;

    }
}

/* @reset styling for custom screen size */
@media (max-width: 400px) {
    .hdr-wrap .navbar .navbar-brand {
        white-space: nowrap;
        width: 170px;
        text-overflow: ellipsis;
        overflow: hidden;
        padding-left: 3px;
        padding-right: 3px;
    }

    .sidebar-wrap {
        padding-left: 0;
        padding-right: 0;
    }

    /*Mark Design CSS*/
    .mp-wig-scr-dont-cht-box, .mp-wig-qtr-dont-cht-box {
        width: 242px;
        float: none;
    }

    .mp-wig-scr-dont-cht-box .grd-ttl-scr-hd {
        left: 0px;
    }

    /* @ Section 8. Disrupt Redesign Home Screen */
    .dr-v_strip, .dr-v_strip-first {
        height: 110px;
    }

    /* @ Section 13. Disrupt Redesign Events Screen */
    .dr-cal-modal .modal-dialog {
        width: 265px;
    }

    .dr-evnt-date {
        left: -33px;
        top: -78px;
    }

    /* @ Section 19. Ticket Report screen */

}

@media (min-width: 1350px) {

    .acc-area-wrap {
        min-height: 100vh;
    }

    .acc-area-wrap .container-fluid {
        width: 100%;
    }

    /* for new account sign-up screen */
    .aplc-acnt-crt-box {
        height: 130vh;
    }
    .login-box .btn-wrap input[type="submit"] {
        width: 100%;
        font-weight: normal;
    }
}

/* @ Section 14. Ticket Creation System screen */
/**  **/

.tic_sys_wrapper .input-field {
    padding-top: 3px;
}

.tic_sys_wrapper .atnd-date label, .tic_sys .atnd-wrap label {
    left: 0;
}

.tic_sys_wrapper input {
    color: #000000;
}

.tic_sys_wrapper .input-field label, .tic_sys .desc label {

    font-size: 14px;
    text-transform: capitalize;
    font-family: 'robotomedium';
    color: #a5a5a6;
    font-weight: normal;
}

.tic_sys_wrapper .checkin-expr {
    margin-top: 15px;
}

.tic_sys_wrapper .select-wrapper::after {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f078";
    position: absolute;
    top: 14px;
    right: 4px;
    font-size: 16px;
    color: #757575;
}

.tic_sys_wrapper .checkin-expr .atnd-cal-date {
    width: 100%;
}

.tic_sys_wrapper .description {
    border: 1px solid #0095d4;
    padding: 17px 0px 0px 17px;
    min-height: 145px;
}

.tic_sys_wrapper .file-input-ts {
    /*border: #bababa 1px solid;
    padding-top: 0;
    border-radius: 4px;*/
}

.tic_sys_wrapper .file-button-ts {
    border: #bababa 1px solid;
    padding-top: 0;
    border-radius: 4px;
}

.file-input-ts .file-path-wrapper {
    padding: 0;
    position: absolute;
    width: 100%;
    top: 53px;
}

.file-input-ts .file-path-wrapper > input[type="text"] {
    border: 0;
    text-align: center;
    padding: 0px;
    height: 18px;
    font-size: 13px;
    margin: 0;
    color: #767373;
}

.file-input-ts .file-path-wrapper input::-webkit-input-placeholder {
    color: #767373;
}

.file-input-ts .file-path-wrapper input:-moz-placeholder {
    color: #767373;
}

.file-input-ts .file-path-wrapper input::-moz-placeholder {
    color: #767373;
}

.file-input-ts .file-path-wrapper input:-ms-input-placeholder {
    color: #767373;
}

.tic_sys_wrapper .file-warn {
    display: block;
    font-size: 12px;
    font-weight: 300;
}

.tic_sys_wrapper .file-input-ts.file-field .btn {
    float: none;
    margin: 0px auto;
    display: block;
    background-color: transparent;
    color: #000;
    font-size: 14px;
    box-shadow: none;
    padding: 0px 27px;
    width: 100%;
    border-radius: 4px;
}

.tic_sys_wrapper .file-input-ts.file-field .btn:hover {
    background-color: #88c538 !important;
}

.tic_sys_wrapper .file-input-ts.file-field .btn span i {
    position: relative;
    top: 3px;
    left: -6px;
}

.tic_sys_wrapper .checkin-btn-box {
    margin-top: 50px;
}

.tic_sys_wrapper .checkin-btn-box .glb-submit input[type="button"] {
    padding: 9px 41px;
    color: #FFF;
}

.tic_sys_wrapper .checkin-btn-box .btn-cancel input[type="button"] {
    color: #000;
}

@media only screen and (min-width: 768px) {
    .padding-right-23-md-lg {
        padding-right: 23px;
    }

    .padding-left-23-md-lg {
        padding-left: 23px;
    }

}

@media (max-width: 767px) {
    .rt-glb-wrap > p {
        text-align: center;
    }

    .rt-glb-wrap > h4 {
        text-align: center;
        font-size: 17px;
        margin: 20px 20px;
    }

    .tic_sys .input-field {
        margin: 20px 0px
    }

    .tic_sys_wrapper .checkin-btn-box .glb-submit {
        display: block;
        width: 100%;
    }

    .tic_sys_wrapper .checkin-btn-box .glb-submit input[type="button"] {
        width: 100%;
        display: block;
    }
}

/*-------------Custom ,mobile ------*/

.mobile-nav {
    display: none;
}

.sub-menu {
    background: #eee;
    display: none;
    position: absolute;
    padding: 0;
}

.sub-menu li {
    list-style: none;
}

.sub-menu li a {
    border-bottom: 1px solid #ccc;
    display: block;
    padding: 5px 10px;
    white-space: nowrap;
}

@media (max-width: 767px) {
    .mobile-nav {
        display: block;
    }

    .sub-menu {
        position: static;
    }
}

@media (min-width: 767px) {
    .navbar-nav > li:hover > .sub-menu {
        display: block;
    }
}