.modify-section{margin-top: 8px;text-align: center;}
.modify-section a:hover{color: #461F87;opacity: 1;}
.modify-section a{color: #764FB7;font-weight: bold;font-size: 14px;}
.NewProfile .EmpImage .OuterBorderImg{width: 95px;height: 95px;border-radius: 50%;
    border: 2px solid #764FB7;}
.NomineeDetails .NameDetails label{color: #434444;}
.OtherInfo .btn-deactive{display: block;min-width: 100px;text-transform: capitalize;color: #434444;width: 100px;
 margin: 5px 0px 0px 30px;height: 32px;line-height: 18px;border-radius: 4px;box-shadow: 0 0px 7px #dcdada;
    border: 1px solid #fff;}
.OtherInfo .btn-deactive:hover{border: 1px solid #764FB7;}
.NewProfile .NominationForm .NomineeDetails{padding: 20px 20px 10px 20px;margin: 0px;}
.NewProfile .quick-links  label{color: #868686;margin-right: 10px;margin-bottom: 0;}
.NewProfile .quick-links{padding: 0px 20px 10px;}
.NewProfile .quick-links a {color: #434444;background: #e8e8fb;padding: 6px 12px;border-radius: 4px;
	font-weight: bold;font-size: 14px;margin-right: 5px;display: inline-block;margin-top: 10px;}
.ProfileSlide .item .NomineeDetails .EmpImage .OuterBorderImg{width: 50px;height: 50px;}
.ProfileSlide .carousel-inner{border: none;background: #fff;padding: 0;}
.ProfileSlide .NomineeDetails{border: none;}
.ProfileSlide .head {padding: 12px;border-bottom: 1px solid #e0e0e0;display: flex;align-items: center;}
.ProfileSlide .NameDetails label{color: #764FB7;}
.NewProfile .col-md-9{width: 73% !important;margin-right: 5px;}
.NewProfile .col-md-3{width: 26% !important;}
.ProfileSlide .carousel-inner .item{padding: 0px;background: #fff;}
.ProfileSlide  .NameDetails{width: 60% !important;}
.ProfileSlide .carousel-control.right{right: 8px;}
.ProfileSlide .carousel-control.left{left: 8px;top: -10px;}
.ProfileSlide .carousel .carousel-control .fa{top: 36%;}
.ProfileSlide.NomineeInfo .head span{margin: 5px 0 0 8px;}
.ProfileSlide .carousel{padding: 5px 20px 31px 38px;}
.Profile-actions{background: #fff;box-shadow:0 0px 6px #dcdada;border-radius: 4px;margin-top: 0px;padding: 0px;}
.Profile-actions .selected-filters{float: none;}
.Profile-actions .FilterSection{box-shadow: none;background: transparent;padding: 0px;border-radius: 4px;}
.scroll_tab_left_button{right: -12px;left: auto !important;} 
.scroll_tab_right_button{right: -45px !important;}
.Profile-actions .tab-overflow{overflow: unset;padding: 20px;}
.EditRowCell {display: none;}
.Passport-list{padding: 10px 0px 10px;}
.Passport-list label{color: #353535;font-weight: 500;text-transform: capitalize;padding: 0px 30px 0px;font-family: 'Roboto Slab';font-size: 15px;}
.NewSeachBox input:hover{border: none;}
.profile-add{float: right;/*min-width: 90px;width: auto;text-align: center;*/display: inline-block;}
.table-section .rTableHead.ActionCell{line-height: 21px;}
/*.table-section .rTableHead:first-child,.rTableRow .rTableCell:first-child{padding-left: 0px;}*/
.Visa-Section .table-section .rTableHead:first-child,.Visa-Section .rTableRow .rTableCell:first-child{padding: 10px 13px;}
.table-section .TableOuter{border-radius: 4px;border-top: 0px;width: 100%;}
/*.profile-add:focus{color: #fff;}*/
.NewProfile .OtherInfo .PDF{display: block;line-height: 18px;}
.NewProfile .OtherInfo .PDF:hover{color:#461F87; text-decoration:underline;}
.NewProfile .OtherInfo .WhiteBtn{margin: 7px 0 0 31px;}
/*.table-section .rTableHead{min-width: 160px;}*/
.table-section .rTableHead.ActionCell{min-width: 125px;}
.passport-table .SerachArea{padding: 0px 0px 20px 0px;}
.PaginationNew{padding: 25px 0px 20px 0px;}
.GridDiabled .PaginationNew{padding: 15px 0px 10px 0px;border-top: 1px solid #c7c7c7;margin-top: 10px !important;}
.PageLength select {color: #828181;}
.table-section .rTableCell{color: #434444;line-height: 27px;}
.pass-name{text-transform: uppercase;}
.SerachArea, .table-section, .PaginationNew {margin: 0px 10px 0px 30px !important;}
.Passport-Section , .Visa-Section{padding-right: 20px;}
textarea{resize: none;font-size: 15px !important;}
.table-section .rTableCell .DatePickerBox{height: 36px !important;width: 130px !important;
    padding: 5px 10px 5px 34px !important;}
/*.table-section .rTableCell.ActionCell{line-height: 31px;}*/
.table-section  .rTableHead{text-transform: uppercase;color: #764FB7;font-weight: 700;font-size: 0.857rem;letter-spacing: 0.1em;}
.table-section .rTableCell, .table-section .rTableHead{line-height: 18px;}
.Visa-Section {background: #e8e8fb;}
.table-section .rTable{background: #fff;}
.table-section .ActionCell{width: 125px;min-width: 125px !important;}
.TableContainer{margin-right: 120px;border-radius: 4px;}
.BasicName{color: #353535;font-weight: 500;padding: 26px 30px 0px;text-transform: capitalize;font-family: 'Roboto Slab';font-size: 15px;}
.BasicDetails{margin:0px 10px 0px 30px !important;}
.Career-tab .BasicDetails label{font-size: 14px;}
.BasicDetails label{color: #353535;margin-bottom: 0px;font-weight: 700;font-size: 12px;line-height: 16px;
height: 35px;display: table-cell;vertical-align: bottom;}
.BasicDetails .col-md-4{margin-bottom: 16px;padding: 0px 20px 0px 0px;}
.bluebg{background: #e8e8fb;}
.NewProfile .quick-links a:hover, .NewProfile .quick-links a:focus {background: #764FB7;color: #fff;}
.Profile-actions .tab-content .MyProfile .DatePickerBox{width: 180px !important;height: 36px;
    border-radius: 4px;outline: none;padding: 10px 10px 8px 35px !important;background: #fff url(../images/datepickernew.svg) no-repeat scroll 7px 8px;}
.Profile-actions .tab-content .MyProfile input, .Profile-actions .tab-content .btn-group {height: 36px;
	width: 100% !important;margin-top: 8px !important;width: calc(100% - 20px) !important;} 
.MyProfile .btn-group {border-radius: 4px;}
.MyProfile .btn-group .dropdown-menu.selectpicker{height: auto;max-height: 143px;overflow: auto;}
.b-b-0{border-bottom: 0px !important;}
.Profile-actions .tab-content .LocationTree{height: 36px !important;width: 270px !important;line-height: 35px;
border: 1px solid #c7c7c7;}
.Profile-actions .tab-content .LocationTree:hover{border: 1px solid #353535;}
.Profile-actions .tab-content .bootstrap-select > .btn{width: 100% !important;}
/*.Profile-actions .tab-content .bootstrap-select-searchbox input{width: 440px !important;}*/
.Profile-actions .MyProfile .ButtonsAction{padding: 30px 30px;}
.Profile-actions .tab-overflow .nav li a{color: #868686;}
.Profile-actions .tab-overflow .nav li{padding: 0 10px 0 0 !important;}
/*a.profile-add:hover {color: #fff;}*/
.scroll_tab_left_button, .scroll_tab_right_button{top: 24px !important;}
.Profile-actions .TableOuter{background: #fff;}
.tab_scroll{top: -30px !important;}
.Profile-actions .scroll_tabs_container{height: 60px;top: 0px;left: -15px;}
.Profile-actions .scroll_tab_inner{margin: 0px !important;left: 5px !important;}
.Profile-actions .selected-filters .scroll_tab_left_finisher{display: none !important;}
.mydirectimg{width: 38px;height: 38px;}
/*.Profile-actions .MyProfile label span{    display: inline-block;
    margin-left: 4px;
    color: #DA0E3F;
    font-size: 13px;}*/
.table-section .rTableRow .rTableHead span{display: none;margin-left: 5px;color: #DA0E3F;}
.NomineeDetails {margin: auto;/*padding: 10px;*/padding: 12px 0px 10px 6px;width: 100%;vertical-align: middle;}
.Profile-actions .scroll_tab_left_button, .Profile-actions .scroll_tab_right_button{line-height: 25px;}
.checkicon{margin: 0px;display: block;height: 46px;}
.rTableCell input[type="email"], 
.rTableCell .btn.btn-default.dropdown-toggle, .rTableCell input, .rTableCell .UISelectBox{color: #434444;}
.table-section .rTableCell textarea{padding: 5px 8px;border-radius: 4px;}
.rTableCell input.file{height: 32px;
    line-height: 31px;
    border-radius: 4px;
    padding: 0px 2px;}
.table-section .rTableCell .LocationTree{width: 170px !important;}
.ButtonsAction.b-t-1{border-top: 1px solid #e0e0e0;}
.SerachArea .Eligible{margin: 4px 0px 8px 20px;}
.no-records-found{width: 100%;border: 1px solid #C7C7C7;border-radius: 4px;margin-top: 10px;}
.commentsection{margin: 0px 10px 0px 30px;padding-bottom: 20px;}
/*.commentsection textarea{display: inline-block;width: 500px;vertical-align: middle;border-radius: 4px;}*/
.commentsection textarea:hover,.commentsection textarea:active, .commentsection textarea:focus{border: 1px solid #764FB7;}
.commentsection label, .future-career label, .future-career span{color: #434444;}
.MyProfile .col-md-4 textarea{width: 100% !important;border-radius: 4px;}
.MyProfile .col-md-4 textarea:hover,.MyProfile .col-md-4 textarea:active, .MyProfile .col-md-4 textarea:focus{border: 1px solid #353535;}
.colon-txt{margin-top: -35px;}
.countdown{display: block !important;
    text-align: right !important;
    margin: 0 !important;
    font-style: italic !important;
    margin: 0 !important;
    color: #666 !important;
     font-weight: normal !important; 
    font-size: 11px !important;}
    .ActionInView{margin-bottom: 0px;}
.BasicDetails .countdown{width: 100px !important;}
    .rTableCell .countdown{width: 230px !important;}
 .rTableCell  .ChooseManager .EmpCard .name label{line-height: 20px;}
/* .TalentDevelopment .bootstrap-select-searchbox{display: none;}*/
 .rTableCell .UISelectBox{height: 36px;border-color: #e0e0e0;line-height: 35px;padding: 0 32px 0 10px;width: auto;}
.rTableCell input[type="text"]{height: 36px;line-height: 36px;/*width: 100% !important;*/}
.rTableCell input[type="text"].NumberBox{width: 60px !important;}
.rTableCell .icon-downloadCSV{font-size: 14px;margin-right: 5px;}
.rTableCell .ResumeBtn{font-size: 14px;color: #434444;vertical-align: middle;
    text-transform: capitalize;margin: 0px;}
#Document-tab .table-section .rTableCell{line-height: 35px;}
.rTableRow  .rTableCell{min-width: 180px;}
.AddEmployeTable{width: 100%;}
.AddEmployeTable tbody tr{color: #434444;}
.AddEmployeTable .textarea {width: 80%;
    margin-top: 20px;
    float: left;
    border-radius: 4px;}
.AddEmployeTable .btn-group{width: 80% !important;float: left !important;border-radius: 4px;margin-top: 10px !important;}
.AddEmployeTable  .textfield{width: 80% !important;}
.AddEmployeTable .charleft{width: 72%;color: #666;font-style: italic;font-size: 12px;
float: right;}
.AddEmployeTable .charleft a{color: #666;}
/*textarea:hover, input:hover{border-color: #764FB7 !important;}*/
/* .modal .modal-header{padding: 13px 15px 10px;} */
.Profile-actions .AddProfile .selected-filters .nav-tabs li{padding-left: 20px !important;}
/**/
/*.table-section .rTableHead.extra-space{min-width: 210px;}*/
/*.table-section .rTableHead.Issueing-section{min-width: 230px;}*/
/*.table-section .rTableHead.date-section{min-width: 140px;}*/
/*.table-section .rTableHead.name-section{min-width: 180px;width: 180px;}*/
/**/
/*employee search css start*/
.related-search .ChooseManager{position: relative;/*width: 80%;*/}
.related-search .ChooseManager input.InputText {width: 100% !important;text-align: left !important;
    height: 36px;
    line-height: 36px;padding-right: 30px;}
.related-search .ChooseManager .ValueSelected {background: #ececec;padding: 10px;border-radius: 4px;
	display: none;height: 58px;width: 260px;position: absolute;}
.related-search .ChooseManager .avatarwithname {
    background: #764FB7;
    color: #fff;
    float: left;
    width: 38px;
    height: 38px;
    margin: 0px 0 0 0;
    border-radius: 50%;
    text-align: center;
    line-height: 38px;
}
.related-search .ChooseManager .EmpCard .Name {
    max-width: 80%;
}
.related-search .ChooseManager .EmpCard span label {
    color: #434444;
    padding: 0 10px !important;
    margin: 2px 0 0 0;    overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height: 20px;
}
.related-search .ChooseManager .EmpCard label {
    float: left;
    width: 80%;
    cursor: pointer;
}
.related-search .ChooseManager .EmpCard span small {
    color: #9fa0a0;
    font-size: 14px;
    padding: 0 0 0 10px;overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 80%;
    float: left;line-height: 17px;
}
.related-search .ChooseManager .icon-Not_Started:hover{color: #6b6b6b;}
.related-search .ChooseManager .InputIcon {
    color: #747474;
    position: absolute;
    top: 8px;
    z-index: 99;
    bottom: 0;
    right: 10px;
}
.related-search .ChooseManager .InputIcon i.icon-SearchGlass{font-size: 15px;}
.related-search .ChooseManager .InputIcon i {
    font-size: 18px;display: inline-block;color: #a7a6a6;
}
.employeedetails{ position:absolute;z-index: 999;}
.related-search .ChooseManager .EmployeeSearchList {
   /* position: absolute;
    top: 32px;*/
    background: #fff;
   /* left: 1px;
    right: 0px;
    z-index: 999;*/
    cursor: pointer;
    border: 1px solid #e0e2e4;
    box-shadow: 0 2px 6px -1px rgb(83, 163, 254,0.4);
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
    display: none;
    height: 190px;
    overflow-y: auto;
    width: 291px;
}
.related-search .ChooseManager .EmployeeSearchList li {
    width: 100%;
    float: left;
    border-bottom: 1px solid #e0e2e4;
    padding: 10px;margin: 0px;
}
.related-search .ChooseManager .EmpCard span.avatar {
    float: left;
    width: 40px;
    height: 40px;
    margin: 2px 0 0 0;
}
.related-search .ChooseManager .EmpCard span img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}
.related-search .ChooseManager .EmpCard .Name {
    max-width: 80%;
}
.related-search .ChooseManager .EmpCard span label {
    color: #434444;
    padding: 0 10px !important;
    margin: 4px 0 0 0;
}
.related-search .ChooseManager .ValueSelected span label{margin: 0px;}
.related-search .ChooseManager .EmpCard span small {
    color: #9fa0a0;
    font-size: 14px;
    padding: 0 0 0 10px;
}
.related-search .ChooseManager .ValueSelected .EmpCard{line-height: 20px;}
/*.relatedsection{width: 100%;min-width: 500px !important;}*/
.related-search .view_employee{display: block;/*width: 80%;*/clear: both;text-align: right;}
.related-search .view_employee a{color: #764FB7;font-size: 12px;font-weight: 700;
	display: inline-block;padding-top: 3px;border-bottom: 2px solid transparent;}
 .related-search .view_employee a:hover{border-bottom: 2px solid #461F87;color: #461F87;}   
/*.related-search .auto-open.ChooseManager .EmployeeSearchList{top: -53px;left: 196px;right: 0px;width: 376px;}
.ValueSelected{position: absolute;top: -95px;
    width: 382px;
    left: 194px;}*/
/*related employee css end*/
/*Employee directory start*/
.Employee-Search .modal-header {padding: 12px 20px 15px 20px;}
.Employee-Search .modal-body {background: #fff;}
.Employee-Search .Applied {
    right: 50px;
    top: -19px;
    width: 266px;
    display: inline-block;
    margin-top: 23px;
}
.Employee-Search .Applied span {
    background: #e8e8fb;margin-left: 5px;
    border: 1px solid #e8e8fb;
    padding: 8px 10px;
    border-radius: 4px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 165px;
    position: absolute;
    top: -11px;
}
.Employee-Search .Applied a {color: #90a1b1;margin: 0 0 0 12px;}
.Employee-Search .funnel_icon {padding: 10px 0 20px;}
.Employee-Search  .funnel_icon .theme-org-panel {top: 65px;}
.Employee-Search  .theme-org-panel {
    position: fixed;
    right: -300px;
    top: 220px;
    z-index: 1020;
    background: #fff;
    -webkit-box-shadow: 0 0 2px rgba(0,0,0,0.4);
    -moz-box-shadow: 0 0 2px rgba(0,0,0,0.4);
    box-shadow: 0 0 2px rgba(0,0,0,0.4);
    width: 300px;
    border-bottom-left-radius: 4px;
}
.Employee-Search  .funnel_icon a.bg_funnel {
    padding: 12px 15px 8px 15px;border-radius: 6px 0px 0px 6px;background: #764FB7;}
.Employee-Search  .theme-org-btn {width: 55px;left: -55px;}
.Employee-Search  .theme-org-btn {
    position: absolute;
    left: -60px;
    width: 60px;
    padding: 10px 0;
    line-height: 18px;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    border-radius: 4px 0 0 4px;
    text-align: center;
    -webkit-box-shadow: -1px 0px 3px -1px rgba(0,0,0,0.4);
    -moz-box-shadow: -1px 0px 3px -1px rgba(0,0,0,0.4);
    box-shadow: -1px 0px 3px -1px rgba(0,0,0,0.4);
}
.Employee-Search  .funnel_icon a.bg_funnel i {color: #fff;}
.Employee-Search .employee-directory {padding-bottom: 15px;}
.Employee-Search .funnel_disable {display: none;}
.Employee-Search .new-modal .modal-title{
    background: #fff;padding: 10px 20px 10px;
}
.Employee-Search .new-modal .searchDiv .form-control {
    font-size: 14px;
    padding: 6px 10px 8px;
}
.Employee-Search .panel-body.grid_table.b-t-0 {
    border-top: 0px;
    border-radius: 4px;
}
.b-t-0 {border-top: 0px !important;}
 .Employee-Search .grid_table #datatable_wrapper {
    border-top: 1px solid #e2e7eb !important;
}
 .Employee-Search .modal-dialog .grid_table .dataTables_filter {
    position: absolute;
    top: -22px;
}
 .Employee-Search .grid_table .dataTables_filter {
    border-bottom: 0px;
}
 .Employee-Search .grid_table .dataTables_filter, .grid_table .dataTables_length {
    padding: 15px 20px;
}
.Employee-Search .dataTables_filter label {
    margin-top: 7px;
}
/*.Employee-Search #datatable_wrapper label input.input-sm {
    width: 80% !important;
    padding: 5px 8px !important;
    border-radius: 4px;
    height: 34px;
}*/
.Employee-Search .grid_table #datatable thead tr th {
    padding: 12px;
}
.Employee-Search #datatable tbody td {
    padding: 14px 0px 14px 14px;
}
.Employee-Search #datatable tbody td:nth-child(2),.Employee-Search .grid_table #datatable thead tr th:nth-child(2){padding-left: 6px;}
.Employee-Search .grid_table .Employee_Avatar span {
    height: 40px;
    width: 40px;margin: 0px;
}
.Employee-Search .grid_table .Employee_Avatar{width: 48px;height: 48px;}
.Employee-Search .grid_table .Employee_Avatar span img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}
.Employee-Search .grid_table #datatable tbody td a {
    color: #764FB7;font-weight: 500;
}
.Employee-Search .grid_table #datatable tbody td .new-btn{font-weight: 700;}
.Employee-Search .grid_table #datatable tbody td .new-btn:hover{color: #fff;}
.Employee-Search .dataTables_length, div.dataTables_info {
    padding: 19px 20px 17px !important;margin-top: 0px;
}
.Employee-Search .grid_table .dataTables_wrapper .dataTables_length label {
    margin-bottom: 0px;
}
.Employee-Search div.dataTables_wrapper div.dataTables_length select {
    width: 60px !important;padding: 0px 5px 5px 6px; font-size:14px;margin-left: 5px;
}
.Employee-Search .grid_table .dataTables_paginate {
    padding: 12px 17px 0px 20px;
}
.Employee-Search .grid_table .new-btnblue {
    color: #353535 !important;
    min-width: 80px;width: auto;
    font-weight: normal;
}
.Employee-Search .theme-org-panel.active {
    right: 0px;
}
.Employee-Search .new-modal .slimScrollBar{right: 7px !important}
.Employee-Search .new-modal .slimScrollRail{right: 10px !important;}
.Employee-Search .new-modal .LocationTreeDIV .searchDiv{padding: 10px 20px;background: #fff;}
.jstree-children li a {
    width: 80%;
}
/*Employee directory end*/
.NominationForm, .NomineePerformance, .NomineeFeedback, .NomineeHistory, .Downloadbox, .addform, .config {
    background: #fff;
    box-shadow:0 0px 6px #dcdada;
    border-radius: 4px;
}
.NomineeDetails {
    border-bottom: 1px solid #e0e0e0;
}
.NomineeDetails .Nomineecard {
    border-right: 1px solid #e0e0e0;
}
.EmpImage {
    float: left;
}
.card-img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    text-align: center;
    border: 2px solid #fff;
}
.NomineeDetails .NameDetails {
    height: inherit;
}
.NameDetails {
    height: 125px;
    float: left;
    margin: 6px 0 0 12px;
    width: 60%;
    line-height: 16px;
}
.NameDetails label {
    font-weight: bold;
    margin-bottom: 0px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
}
.NameDetails span {
    color: #5d5c5c;
    display: block;
    margin-bottom: 5px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.NameDetails a.Email {
    color: #764FB7;
    font-size: 14px;
    font-weight: bold;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    margin-bottom: 5px;
}
.OtherInfo ul {
    margin-top: 5px;
}
.OtherInfo li {
    display: flex;
    white-space: nowrap;
    width: 100%;
    line-height: 18px;
}
.OtherInfo label {
    color: #868686;
}
.OtherInfo span {
    color: #434444;
    margin-left: 5px;
    font-weight: bold;
    text-overflow: ellipsis;
    overflow: hidden;
}
.PDF {
    color: #764FB7;
    font-weight: 700;
    border-bottom: 3px solid transparent;padding: 10px 0px 0px;float: left;
}
.NomineeInfo .head img {
    float: left;margin-top: 2px;
}
.NomineeInfo .head span {
    display: inline-block;
    color: #434444;
    font-weight: bold;
    float: left;
}
.carousel-inner {
    border-radius: 4px;
}
.EmpImage {
    float: left;
}
.OuterBorderImg {
    border-radius: 50%;
    border: 2px solid #764FB7;
}
.tab-content {
    background: transparent;
    margin: 20px 0 0;
    padding: 0;
}
.tab-content .tab-pane.active {
    display: block;
}
.tab-content .tab-pane {
    display: none;
}
.ButtonsAction .btn {
    min-width: 100px;
    width: auto;
    margin-right: 16px;
    border-radius: 4px;
}
.carousel-control.left.disabled .fa, .carousel-control.right.disabled .fa {
    background: #dcdcdc;
}
.carousel-control.left, .carousel-control.right {
    background-image: none;
    opacity: 1;
}
.carousel .carousel-control .fa {
    background: #764FB7;
    border-radius: 50%;
    margin: 0 !important;
    text-shadow: none;
}
.carousel-control {
    width: 30px;
}
.scroll_tab_left_button, .scroll_tab_right_button {
    border-radius: 50%;
}
.Eligible {
    display: inline-block;
}
/*.Eligible .UICheckbox small {
    box-shadow:0 0px 6px #dcdada;
    border: 1px solid #fff;
}*/
.Eligible .UICheckbox small {
    width: 19px;
    height: 19px;
    border: 1px solid #c7c7c7;
    line-height: 20px !important;
}
.Eligible label {
    margin: 4px 0 0 30px;
    color: #6d6d6d;
    font-size: 14px;
}
.Eligible .UICheckbox:hover small {
    border: 1px solid #764FB7;
}
.confirm-model .modal-body {
    background: #fff;
    color: #3f4a59;
    padding: 25px 20px;
}
.modal-content {
    border: none;
}
.confirm-model.modal.fade .modal-dialog {
    min-width: 500px !important;
    width: 500px !important;
}
.confirm-model .modal-header {
    background: #f3f3f3;
    border-radius: 5px 5px 0px 0px;
}
.confirm-model .modal-header h4 {
    color: #3f4a59;
    text-transform: uppercase;
    font-size: 16px;
}
.Eligible .UICheckbox small.checked, .UICheckbox small.checked {
    background: #764FB7;
    border: 1px solid #764FB7;
}
.ProfileSlide .head.NoDirect{padding: 58px 70px 15px;border-bottom: none;}
.NewProfile .EmpImage .OuterBorderEmpty{width: 95px;
    height: 95px;
    border-radius: 50%;
    border: 2px solid #cccccc;}
    .NewProfile .EmpImage .OuterBorderEmpty .EmptyImg {width: 100%; height: 100%; 
    display: inline-block;
    border-radius: 50%;
    text-align: center;
    color: #0876cb;
    background: #ededed;
    font-size: 34px;
    line-height: 88px;
    font-weight: bold;
    cursor: pointer;
    border: 2px solid #fff;}
.AddProfile .browseblock input[type="file"] {
    opacity: 0;
    position: absolute;
    z-index: 99;
    height: 38px;
}
.Profile-actions .tab-content .MyProfile .browseblock input{margin-top: 10px !important;}
.AddProfile .browseblock .browse {
    position: relative;margin-left: 10px;
}
.AddProfile .browseblock .browse .btn:hover{border: 1px solid #764FB7;border-radius: 4px;outline: none;}
.AddProfile .browseblock .browse input[type="text"] {
    width: 100%;
}
.AddProfile .browseblock input[type="text"] {
    height: 35px;
    outline: none;
}
.AddProfile .browseblock .browse .btn {
    position: absolute;
    top: 10px;
    left: 0px;
    background: #fff;
    color: #764FB7;
    font-weight: 400;
    border-radius: 4px;
    border: 1px solid #fff;
    height: 35px;font-weight: bold;box-shadow: 0 0px 7px #dcdada;z-index: 9;line-height: 20px;
}
.AddProfile .browseblock .Filesection{font-size: 15px;
    display: inline-block;
    text-overflow: ellipsis;
    width: 270px;height: 35px;
    overflow: hidden;
    white-space: nowrap;margin: 0px 0px 0px;background-color: #d0e6fd;
    border: 1px solid #b3d4f5;
    border-radius: 4px;
    padding: 7px 28px 7px 7px;}
.AddProfile .DeleteShow{cursor: pointer;display: inline-block;position: relative;}
.AddProfile .DeleteShow .fa-times-circle{position: absolute;top: -25px;
    left: -26px;}
.Profile-actions .AddProfile .DatePickerBox, .Profile-actions .AddProfile .DatePickerBox input.daterangepicker{background: #fff url(../images/datepickernew.svg) no-repeat scroll 7px 12px;}
.EmployeePhoto{border: 2px solid #cccccc;
    display: inline-block;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    padding: 2px;
    cursor: pointer;}
  .EmployeePhoto  img.UserAvatar{width: 100%;border-radius: 50%;text-align: center;border: 1px solid #fff;
    height: 100%;padding: 0px 10px 0px;}
.browseblock{display: inline-block;}
.AddProfile .browseblock .browse input{width: 106px !important;}
.EmployeeAvatar{width: 60px;height: 60px;border-radius: 50%;display: inline-block;}
.EmployeeAvatar img{width: 60px;
    height: 60px;
    border-radius: 50%;
    display: inline-block;
    border: 2px solid #764FB7;padding: 2px;}
.BasicSection .Note{ font-style:italic;}
.EmployeeAvatar:hover img{opacity: .4;border-color: #3e3e3e;border: none;}
.EmployeeAvatar:hover{background-color: #3e3e3e;}
.EmployeeAvatar .overlay{display: none;}
.EmployeeAvatar:hover .overlay{
    display: block;}
.EmployeeAvatar .overlay .icon {
    color: white;
    font-size: 24px;
    position: absolute;
    top: 30px;
    left: 30px;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
}
.NomineeHistory .NomineeDetails .NoDirect{text-align: center;vertical-align: middle;display: block;
    font-style: italic;margin-top: 25px;margin-bottom: 0px;color: #868686;}
.ProfileSlide .carousel.NoDirectReporte{padding: 31px 38px 31px 38px;}
.Profile-actions .tab-content .NewSeachBox input{width: 245px !important;height: 32px;}
.Profile-actions .tab-content .tab-pane .NewSeachBox input{width: 180px !important;height: 30px;}
.Profile-actions .tab-content .rTableCell input[type="text"]{width: 100% !important;}
.Profile-actions .tab-content .EditCell .UICheckbox:hover small{border: 1px solid #e0e0e0;}
.Profile-actions .tab-content .AddRow  .EditCell .UICheckbox:hover small{border: 1px solid #764FB7;}
.Profile-actions .tab-content .Visa-Section .TableContainer{overflow-y: hidden;}
.SerachArea .managefield{float: right;background: #fff;width: 36px;height: 34px;text-align: center;border-radius: 4px;
 margin-left: 16px;font-size: 18px;color: #764FB7;line-height: 37px;cursor: pointer;box-shadow:0 0px 6px #dcdada;
border: 1px solid #fff;margin-top: 4px;}
.SerachArea .managefield:hover{border: 1px solid #764FB7;}
/*View mode prfile style start*/
.eventnone{pointer-events: none !important;}
.eventnone .icon-arrow-down{display: none;}
.ViewModeProfile .rTable .rTableHead.ActionCell, .ViewModeProfile .rTable .rTableCell.ActionCell, 
.ViewModeProfile .profile-add, .ViewModeProfile .ButtonsAction{display: none;}
.ViewModeProfile .TableContainer{margin-right: 0;}
/*View mode prfile style end*/
.Profile-actions .tab-content .NewSeachBox.SearchHeight input{height: 13px;}
#CommentsPopup .modal-body .NoRecords{text-align: center;background: #e9f4ff;padding: 15px;border-radius: 4px;
color: #434444;font-style: italic;font-size: 14px;margin-bottom: 15px;}
#CommentsPopup .CommentsFields textarea{display: block;width: 100%;border-radius: 4px;margin-top: 0px;padding: 10px;}
#CommentsPopup .CommentsFields .charleft{width: 100%;text-align: right;}
#CommentsPopup .CommentsFields label{color: #434444;}
#CommentsPopup .CommentsTxt p{color: #434444;line-height: 18px;border: 1px solid #e0e0e0;padding: 10px;border-radius: 4px;
background: #e9f4ff;}
#CommentsPopup .CommentsTxt label{font-weight: bold;width: 100%;color: #1e8efe;}
#CommentsPopup .CommentsTxt label .DateTxt{display: inline-block;float: right;font-weight: normal;font-size: 14px;color: #353535;}
#CommentsPopup .CommentsTxt.AddComment{margin-top: 20px;}
.PaginationNew .PageLength .bootstrap-select, .PaginationNew .PageLength .bootstrap-select .selectpicker{width: 70px !important;}
.Profile-actions .MyProfile .PageLength  label span.filter-option{margin-left: 0px;color: #2c2c2c;}
.Profile-actions .MyProfile .PageLength  label .icon-arrow-down{color: #757575;margin-left: 0px;}
.bootstrap-select.btn-group .dropdown-menu.selectpicker li > a{color: #353535;}
.PDF:hover{color: #764FB7;text-decoration: none;border-bottom: 3px solid #461F87;}
.rTableCell select.UISelectBox:hover {
    border: 1px solid #764FB7;
}
@media (min-width: 1200px) and (max-width: 1400px){
.ProfileSlide .item .NomineeDetails .EmpImage .OuterBorderImg{width: 50px;height: 50px;}
.ProfileSlide.NomineeInfo .head span{margin-top: 7px !important;}
.mydirectimg {width: 26px; height: 26px;}
}
.commentsection .emoji-wysiwyg-editor{height: auto;border:1px solid #e0e0e0;width:600px;border-radius: 4px;vertical-align: middle;
background: #fff;display: inline-block;padding: 10px;}
.commentsection .emoji-wysiwyg-editor:focus{outline: none;}
.eventnone .emoji-wysiwyg-editor{pointer-events: none;}
.ButtonsAction.b-b-1 {
    border-bottom: 1px solid #e0e0e0;
}
.AddRow .rTableCell.ActionCell{height: 90px !important;line-height: 38px;}
.commentsection span.countdown{display: block;
    margin-top: 2px !important;}
.commentsection span a{color: #666 !important;font-size: 11px !important;margin-right: 5px;}
.commentsection .GridTextarea{display: block;vertical-align: middle;width: 100%;}
.commentsection .GridTextarea textarea{
    min-width: 300px;
    width: 100%;
    border-radius: 4px;
    padding: 8px 12px;
    transition: transform .2s;
    overflow: hidden;
    height: 70px;
    min-height: 75px;
    max-height: 488px;
    overflow-y: auto;
    line-height: 18px;
    vertical-align: middle;margin: 0px;display: inline-block;
}
.tooltip-inner{white-space: inherit;word-break: break-word;}
.ManageHover:hover{color: #764FB7;text-decoration: underline;cursor: pointer;}
.Nomineecard  .Information .OuterBorderImg img{cursor: initial;}
.NameDetails label{cursor: initial;}
.PaginationNew .PageLength .bootstrap-select{margin-top: 0px !important;}
.PaginationNew .PageLength .bootstrap-select.btn-group:not(.input-group-btn), 
.PaginationNew .PageLength .bootstrap-select.btn-group[class*="span"]{margin-bottom: 0px;}
.PaginationNew .PageLength label{margin: 0px;}
#Career-tab .BasicDetails .col-md-4 .btn-group{margin-top: 5px !important; vertical-align: middle;}
.Profile-actions .table-section .rTableCell input.DatePickerBox {
    width: 180px !important;
}
.LocationTreeDIV .ScrollDiv{ max-height:440px; overflow-y:auto; }
#OrganizationUnit.new-modal .modal-body{border-radius: 4px;}
#OrganizationUnit.new-modal .LocationTreeDIV{border-radius: 4px;}
.TableContainer .rTableRow .section-description {
    padding: 4px;
    width: 500px;
    line-height: 20px;
}
.TableContainer .rTableRow .section-description a {
    font-size: 12px;
    color: #337ab7;
    float: right;
    display: table-cell;
}
#Experience-tab .Total{text-align:center;font-weight: bold; width:calc(100% - 380px);
    font-size: 15px;
    /*text-transform: uppercase;*/
    margin: 8px 0 0 0
    color: #434444;}
#Experience-tab .Total span{
	    font-weight: bold;
    color: #764FB7;

display: inline-block;}

/** New changes for avatar infor **/
.AvatarSection{ width:80px; float:left;}
.AvatarNoteMessage{float:left; width:calc(100% - 80px); }
.AvatarNoteMessage span,.AvatarNoteMessage ul,#ChangePhoto span,#ChangePhoto ul{font-style:italic;}
.AvatarNoteMessage li,#ChangePhoto li{list-style-type:disc; list-style-position:inside;}
/*.NewProfile .NomineeDetails*/ .ActionLinks .btn-group .btn {
    background: transparent;
    color: #90a1b1;
    padding: 0;
    margin-top: 1px !important;
}
/*.NewProfile .NomineeDetails*/.ActionLinks .icon-more {
    font-size: 17px;
    margin-right: 0px;
}
/*.NewProfile .NomineeDetails*/.ActionLinks .icon-more:hover,.NewProfile .NomineeDetails .AssumeIcon:hover {
    color: #764FB7;
}
.ActionLinks .AssumeIcon:hover,.ActionLinks .btn-group .dropdown-toggle:hover{border: 1px solid #764FB7;}
.ActionLinks .btn-group .dropdown-toggle{float: right;
    background: #fff;
    width: 36px;
    height: 34px;
    text-align: center;
    border-radius: 4px;
    margin-left: 12px;
    font-size: 18px;
    color: #764FB7;
    line-height: 37px;
    cursor: pointer;
    box-shadow:0 0px 6px #dcdada;
    border: 1px solid #fff;}
.ActionLinks .AssumeIcon{position: absolute;right: 50px;float: right;border: 1px solid #fff;
    background: #fff;
    width: 34px;
    height: 34px;
    text-align: center;
    border-radius: 4px;
    margin-left: 15px;
    font-size: 18px;
    color: #764FB7;
    line-height: 37px;
    cursor: pointer;
    box-shadow:0 0px 6px #dcdada;}
/*.NewProfile .NomineeDetails*/.ActionLinks .btn-group{position: absolute;right: 0px;}
/*.NewProfile .NomineeDetails*/.ActionLinks .btn-group .dropdown-menu {
    width: 136px;
    min-width: inherit;border-radius: 4px;
}
/*.NewProfile .NomineeDetails*/.ActionLinks .dropdown-item {
    display: block;
    padding: 5px 10px;
    font-size: 14px;
    color: #764FB7;
    border-bottom: 1px solid #dfdfdf;
}
/*.NewProfile .NomineeDetails*/.ActionLinks .dropdown-item:last-child {
    border: 0;
}
/*.NewProfile .NomineeDetails*//*.ActionLinks .btn-group .btn:focus {
    border: 1px solid transparent;
    box-shadow: none;
}*/
/*.NewProfile .NomineeDetails */.ActionLinks .dropdown-item:hover {
    background: #fff;
    text-decoration: underline;
}
/*.NomineeDetails*/
#ReportCharts .modal-body,#ReportCharts1 .modal-body{background-color: #fff;padding: 0px 10px;overflow:  auto;}
#chart-container .raphael-group-25-canvas rect{stroke: none;}
#ReportCharts .modal-body rect{stroke-opacity: 1;fill: #fff;stroke:#e0e0e0;stroke-width: 1;}
/*#ReportCharts .modal-body rect:nth-child(2){fill: #fbd2e0;stroke: #fbd2e0;}*/
#ReportCharts .modal-body text{fill:#353535;font-size: 16px;}
#ReportCharts .modal-body .raphael-group-62-nodesGroup rect:first-child{fill: #fbd2e0;stroke: #fbd2e0;}
#ReportCharts .modal-body .raphael-group-62-nodesGroup rect{fill:#eff8ff;stroke: #eff8ff;}


#:root {
  --level-1: #8dccad;
  --level-2: #f5cc7f;
  --level-3: #7b9fe0;
  --level-4: #f27c8d;
  --black: black;
}
ol{list-style: none;}
#ReportCharts1 .modal-dialog{max-width: 1500px !important;}
.rectangle {
  position: relative;
  padding: 10px;font-size: 15px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);border-radius: 15px;    height: 82px;  
}
#ReportCharts1 .NomineeDetails{  padding: 0px;width: auto;text-align: left;border-bottom: 0px;}
:root {
  --level-1: #8dccad;
  --level-2: #f5cc7f;
  --level-3: #7b9fe0;
  --level-4: #f27c8d;
  --black: black;
}
* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
/* LEVEL-1 STYLES
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.level-1 {
  width: 200px;
  margin: 0 auto 40px;
  background: var(--level-1);
}

.level-1::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  width: 2px;
  height: 20px;
  background: var(--black);
}


/* LEVEL-2 STYLES
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.level-2-wrapper {
  position: relative;
  display: grid;
  grid-template-columns: repeat(10, 1fr);
}

.level-2-wrapper::before {
  content: "";
  position: absolute;
  top: -20px;
  left: 104px;
  width: 1891px;
  height: 2px;
  background: var(--black);
}

.level-2-wrapper::after {
  display: none;
  content: "";
  position: absolute;
  left: -20px;
  bottom: -20px;
  width: calc(100% + 20px);
  height: 2px;
  background: var(--black);
}

.level-2-wrapper li {
  position: relative;
}

.level-2-wrapper > li::before {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  width: 2px;
  height: 20px;
  background: var(--black);
}

.level-2 {
  width: 200px;
  margin: 0 10px 40px auto;
  background: var(--level-2);
}

.level-2::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  width: 2px;
  height: 0px;
  background: var(--black);
}

.level-2::after {
  display: none;
  content: "";
  position: absolute;
  top: 50%;
  left: 0%;
  transform: translate(-100%, -50%);
  width: 20px;
  height: 2px;
  background: var(--black);
}


/* LEVEL-3 STYLES
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.level-3-wrapper {
  position: relative;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 20px;
  width: 80%;
  margin: 0 auto;
}

.level-3-wrapper::before {
  content: "";
  position: absolute;
  top: -20px;
  left: calc(25% - 5px);
  width: calc(50% + 10px);
  height: 2px;
  background: var(--black);
}

.level-3-wrapper > li::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -100%);
  width: 2px;
  height: 20px;
  background: var(--black);
}

.level-3 {
  margin-bottom: 20px;
  background: var(--level-3);
}


/* LEVEL-4 STYLES
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.level-4-wrapper {
  position: relative;
  width: 80%;
  margin-left: auto;
}

.level-4-wrapper::before {
  content: "";
  position: absolute;
  top: -20px;
  left: -20px;
  width: 2px;
  height: calc(100% + 20px);
  background: var(--black);
}

.level-4-wrapper li + li {
  margin-top: 20px;
}

.level-4 {
  font-weight: normal;
  background: var(--level-4);
}

.level-4::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0%;
  transform: translate(-100%, -50%);
  width: 20px;
  height: 2px;
  background: var(--black);
}
.ChartViewBtn{width: 30px;height: 30px;float: left;text-align: center;line-height: 22px;
    color: #c8c8c8;font-size: 16px;min-width: 30px;margin-top: 5px;padding: 5px;}
.level-2-wrapper li:last-child h2.level-2::before,.level-2-wrapper li:nth-last-child(2) h2.level-2::before{height: 0px;}
#ReportCharts1 .OuterBorderImg{width: 40px;height: 40px;}
#ReportCharts1 .NameDetails span{font-weight: normal;}
#ReportCharts1 .NomineeDetails .NameDetails label{font-size: 14px;}
#ReportCharts1 .NameDetails{margin: 6px 0 0 8px;}
#ReportCharts1 .OuterBorderEmpty{border: 2px solid #cccccc;display: inline-block;width: 40px;height: 40px;border-radius: 50%;}
#ReportCharts1 .EmptyImg{width: 100%;
    height: 100%;
    display: inline-block;
    border-radius: 50%;
    text-align: center;
    color: #0876cb;
    background: #ededed;
    font-size: 20px;
    line-height: 35px;
    font-weight: bold;
    cursor: pointer;
    border: 2px solid #fff;}
/* MQ STYLES
–––––––––––––––––––––––––––––––––––––––––––––––––– */
@media screen and (max-width: 700px) {
  .rectangle {
    padding: 20px 10px;
  }

  .level-1,
  .level-2 {
    width: 100%;
  }

  .level-1 {
    margin-bottom: 20px;
  }

  .level-1::before,
  .level-2-wrapper > li::before {
    display: none;
  }
  
  .level-2-wrapper,
  .level-2-wrapper::after,
  .level-2::after {
    display: block;
  }

  .level-2-wrapper {
    width: 90%;
    margin-left: 10%;
  }

  .level-2-wrapper::before {
    left: -20px;
    width: 2px;
    height: calc(100% + 40px);
  }

  .level-2-wrapper > li:not(:first-child) {
    margin-top: 50px;
  }
}

.sidebar .nav > li.active > a, .sidebar .nav > li.active > a:hover, .sidebar .nav > li.active > a:focus{background: #78c46c;}
.sidebar .nav .sub-menu li.active a,.sidebar .nav .sub-menu li.focus a{background: #d5ecd1;}
/*.DatePickerBox, input.daterangepicker {
    background: #fff url(../images/datepicker.png) no-repeat scroll 7px 10px;
    padding: 5px 0 5px 34px !important;
}*/
/*.DatePickerBox{background: #fff url(../images/datepickernew.svg) no-repeat scroll 7px 8px;}*/
.Profile-actions .tab-content .bootstrap-select button.selectpicker.btn.btn-default.dropdown-toggle{height: 36px;}
.Profile-actions .LocationTree{background: #fff url(../images/TreeIcon.png) no-repeat 9px 9px;}
.ViewModeProfile .GridDiabled .TableOuter,.ViewModeProfile .GridDiabled .rTableCell,.ViewModeProfile .GridDiabled .rTableHead{border: 0px;}
.TableOuter,.rTableCell, .rTableHead{border: 0px;}
.rTableCell.ActionCell, .rTableHead.ActionCell{box-shadow: none;border: 0px;}
/*view profile start*/
.ViewProfile .BasicDetails .btn.btn-default.dropdown-toggle,.ViewProfile.Profile-actions .tab-content .BasicDetails .btn-group,.ViewProfile.Profile-actions .tab-content .BasicDetails .col-md-4 input {margin-top: 0px !important;
 border: 0px;padding: 0px;background: transparent;cursor: default;}
.ViewProfile .BasicDetails .bootstrap-select button.selectpicker.btn.btn-default.dropdown-toggle:hover{border: 0px;box-shadow: none;}
.ViewProfile .BasicDetails .bootstrap-select .icon-DownArrow{display: none;}
.ViewProfile.Profile-actions .tab-content .MyProfile .DatePickerBox{background: none;padding: 0px !important;}
.ViewProfile .profile-add{display: none;}
.ViewProfile.Profile-actions .tab-content .BasicDetails .bootstrap-select button.selectpicker{padding: 0px !important;}
.ViewProfile .BasicDetails .col-md-4{margin-bottom: 0px;}
.ViewProfile .PaginationNew{border-top: 1px solid #c7c7c7;}
.ViewProfile.Profile-actions .TableOuter,.ViewProfile .no-records-found{margin-bottom: 20px;}
.ViewProfile.Profile-actions .tab-content .bootstrap-select button.selectpicker.btn.btn-default.dropdown-toggle:focus{box-shadow: none;}
.Career-tab .BasicDetails .col-md-6 span.pull-right{position: absolute;top: 18px;right: 10px;}
.Career-tab .BasicDetails .countdown{width: unset !important;}
.EducationTabs .BasicDetails .col-md-6 label{width: 530px;}
.Career-tab .EducationTabs .BasicDetails .col-md-6 span.pull-right{top: 7px;}
.PageLength ul.dropdown-menu.inner.selectpicker li a{padding: 4px;}
.Profile-actions .MyProfile .PageLength label span{margin-left: 0px;}
.DirectoryPanel{background: #FFFFFF;box-shadow: 0px 0px 5px rgb(0 0 0 / 15%);border-radius: 0.285rem;padding: 24px;}
.DirectoryCard .OuterBorderImg{width: 48px;height: 48px;}
.DirectoryCard{background: #FFFFFF;box-shadow: 0px 0px 5px rgb(0 0 0 / 15%);border-radius: 4px;
    width: 260px;display: inline-block;margin-right: 16px;padding: 10px;cursor: pointer;
    margin-bottom: 16px;height: 76px;vertical-align: middle;}
.DirectoryCard:hover{background: #E3E3E3;box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.15);}
.DirectoryCard .InfoName{width: 73%;}
.DirectoryCard .CardCenter{display: flex;align-items: center;}
.DirectoryCard .InfoName h3{font-weight: 500;font-size: 15px;}
.DirectoryCard .InfoName span{font-size: 12px;font-weight: 500;}
.DirectoryLink .icon-DownArrow{display: inline-block;vertical-align: middle;margin-top: 3px;}
.DirectoryLink .ToggleArrow.icon-DownArrow{transform: rotateZ(180deg);margin-top: -4px;}
.DirectPopup .modal-title{font-family: 'Roboto Slab';font-style: normal;font-weight: 500;color: #000;font-size: 18px !important;}
.DirectPopup .Directorybody{display: block !important;}
.DirectPopup .modal-body{background: #fff;padding: 0;}
.DirectPopup .DirectoryCard{margin-bottom: 16px;}
.DirectPopup.modal.fade .modal-dialog{max-width: 894px !important;}
.DirectPopup .DirectoryCard:nth-child(4n-4){margin-right: 0px;}
.DirectPopup .modal-header{padding: 14px 16px 16px;}
.Directopen .DirectoryLink{color: #353535;}
.DirectoryCard .InfoName h3 a{}
.DirectoryCard .InfoName span{width: 100%;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
/*.DirectPopup .modal-header .close {border: 1px solid #E3E3E3;border-radius: 50%;width: 30px;
height: 30px;position: absolute;top: 12px;z-index: 99;right: 17px;}
.DirectPopup .modal-header .close i {color: #808080;display: flex;justify-content: center;
align-items: center;height: 30px;}*/
.DirectoryMain{display: none;}
.DirectoryMain .DirectoryPanel.Directopen{padding-bottom: 8px;}
.FlexCenter{display: flex;align-items: center;}
.DirectyMore a{position: absolute;right: 30px;top: -56px;}
.TalentDevelopment .bootstrap-select.btn-group .dropdown-menu{ min-height: auto;}
.modal.fade.confirm-model.Download-Mobile-App .modal-dialog {max-width: 700px !important;min-width: 700px !important;}
.AvatarNoteMessage .Note{border: 0;background: transparent;padding: 0;float: none;}
#ViewAllPop.EmployeeProfile table.NewGrids  {
    margin: 60px 0 10px !important;border-top: 1px solid #c7c7c7 !important;}
#ViewAllPop.EmployeeProfile table.NewGrids th{padding: 16px 10px 0px;}
.EmployeeProfile .grid_table .table > thead > tr > th:first-child{width: 50px;}
.DirectoryCard .OuterBorderEmpty .EmptyImg{line-height: 42px;}
.Profile-actions .NewForm .FormIndividual label{text-transform: unset;}
.SerachArea {position: relative;}
.SerachArea .MoreDropdown{position: absolute;right: -15px;top: -22px;}
.SerachArea .MoreDropdown .dropdown-toggle{background: transparent;position: absolute;right: -16px;top: 25px;padding: 0px;border: 0px;box-shadow: none;}
.Profile-actions .tab-content .btn-group.WidthReduce{width: 25% !important;}
.Profile-actions .ReadOnlyForm .FormIndividual span{width: 95%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: block;}
.NewForm .FormIndividual{margin-bottom: 1.429rem;}
.NewForm.ReadOnlyForm .FormIndividual label{margin-bottom: 0.357rem;}
.Profile-actions .tab-content .MyProfile .FormIndividual input, .Profile-actions .tab-content .FormIndividual .btn-group{margin-top: 2px !important;}
/*media query start*/
@media (min-width: 768px) and (max-width: 991px){
/*.Profile-actions .tab-content .MyProfile input, .Profile-actions .tab-content .btn-group, 
.Profile-actions .tab-content .bootstrap-select > .btn{width: 180px !important;}
.Profile-actions .tab-content .bootstrap-select-searchbox input{width: 162px !important;}*/
/*.BasicName{padding: 26px 15px 16px;}
.BasicDetails{margin-left: 16px !important;}*/
/*.BasicDetails label{font-size: 1.3rem;}*/
.Profile-actions .tab-content .NewSeachBox input {width: 170px !important;}  
.NewProfile .col-sm-12 {width: 100% !important;}
.ProfileSlide{margin-top: 25px;}
.NomineeHistory{height: 208px !important;}
.NomineeDetails{padding: 25px 12px;}
.tab-overflow .nav.nav-tabs{padding-left: 0px !important;}
.DirectoryPanel .DirectoryCard,.DirectPopup .DirectoryCard{width: 46%;margin-bottom: 16px;float: left;}
.DirectoryPanel .DirectoryCard:last-child{margin-bottom: 0px;}
.DirectPopup .DirectoryCard:nth-child(4n-4){margin-right: 16px;}
/*.SerachArea, .table-section, .PaginationNew, .commentsection{margin-left: 25px !important;}
.Passport-list label{padding: 0px 15px 0px;}*/
/*.MyProfile .col-md-4 textarea{width: 180px !important;}*/

}
@media (max-width: 1200px){
.NomineeInfo {display: block; }
.DirectPopup .DirectoryCard:nth-child(4n-4){margin-right: 16px;}
.DirectPopup.modal.fade .modal-dialog {
    max-width: 690px !important;
}
}
@media (min-width: 991px) and (max-width: 1199px){
.NewProfile .col-md-3{width: 32% !important;}
.NewProfile .col-md-9{width: 67% !important;}
.ProfileSlide .NameDetails{width: 50% !important;}
.NewProfile .quick-links{padding: 0px 20px 8px;}
.NewProfile .quick-links a{margin-right: 5px;margin-top: 8px;padding: 4px 10px;}
.Profile-actions .tab-content .Career-tab  .bootstrap-select > .btn, .Profile-actions .tab-content .Career-tab
 .btn-group, .Profile-actions .tab-content .Career-tab.MyProfile input{width: 270px !important;}
.NomineeDetails{padding: 27px 0px 10px 6px;}
}
/*.bootstrap-select.btn-group .dropdown-menu.open{ min-height: 206px;}*/
/*.bootstrap-select.btn-group .dropdown-menu {
    min-height: 230px;
    height: auto;
}*/
/*.bootstrap-select.btn-group .dropdown-menu.open .inner.selectpicker {
    height: auto;
    min-height: auto;
    max-height: 146px;
}*/
@media (min-width: 991px) and (max-width: 1140px){
.Profile-actions .tab-content .MyProfile input, .Profile-actions .tab-content 
    .btn-group, .Profile-actions .tab-content .bootstrap-select > .btn{width: 240px !important;}
.Profile-actions .tab-content .bootstrap-select-searchbox input{width: 221px !important;}
}
@media (min-width: 1199px){
.col-md-4 {width: 31.333333%;}
}

@media (max-width: 1200px) and (min-width: 768px){
  .Employee-Search .grid_table {overflow-x: hidden;width: 100%;}
  .Employee-Search #datatable tbody td div span img {margin-left: 0px;} 
}
@media (min-width: 768px) and (max-width: 1023px){
.BasicDetails .col-md-4,.NewForm .col-sm-4{width: 50%;}
}
/*media query end*/