/* New Tabbed Panel */
.plain-tab { background: transparent;}
.tab-overflow{padding:4px 5px 0;}
.tab-overflow .nav.nav-tabs.plain-tab li:first-child {
    padding-left: 0px;
}
/*.tab-overflow .nav.nav-tabs.plain-tab li, .NewTabbedPanel li {  border-right: 0; font-size: 16px !important; padding: 0 20px 0 0;}*/
/*.tab-overflow .nav.nav-tabs.plain-tab li.active a, .NewTabbedPanel li.active { color: #764FB7;  background:transparent;
border-bottom: 2px solid #764FB7 !important;}*/
/*.tab-overflow .nav.nav-tabs.plain-tab li a {  padding: 10px 5px;}*/
/*.tab-overflow .nav.nav-tabs.plain-tab li a:hover{color: #764FB7; background: none;}*/
.tab-content{ background:transparent; margin:20px 0 0; padding:0;}
/* My Team Nominations */
/*.NewSeachBox{ width:250px; height:34px; float:left;     background: #FFFFFF;
    box-shadow: 0px 0px 5px rgb(0 0 0 / 15%);
    border-radius: 0.285rem;border:1px solid #fff;}
.NewSeachBox:hover,.DatePickerBox:hover{border:1px solid #764FB7;}
.NewSeachBox input{ border:0; height:32px; border-top-left-radius:5px; border-bottom-left-radius:5px; width:220px !important; }
.NewSeachBox input::placeholder{color:#5d5c5c; font-size:13px; transform:translate3d(0,0px,0) }
.NewSeachBox input:focus,.NewSeachBox input:hover{outline:none; border:none;}
.NewSeachBox .fa{float:right; margin:9px 10px 0 0; color:#909090; font-size:14px; cursor:pointer;}
.NewSeachBox i.icon-Not_Started {float:right; margin:9px 10px 0 0; cursor:pointer;}*/
.Eligible{ display:inline-block; margin:8px 20px 8px 0px;}
.Eligible .UICheckbox small{width:19px; height:19px; border:0px; line-height:22px;}
.Eligible .UICheckbox input{left:2px; width:19px;}
.Eligible .UICheckbox small i{display: none;}
.Eligible .UICheckbox small{ background:#fff; border:1px solid #d4d4d4;}
.Eligible .UICheckbox:hover small{border:1px solid #764FB7;}
.Eligible .UICheckbox small.checked,.UICheckbox small.checked{background:#764FB7; border:1px solid #764FB7;}
.Eligible .UICheckbox small.checked i ,.UICheckbox small.checked i{display: inline-block; color:#fff;font-weight: normal; font-size:16px;}
.Eligible .icon-info-icon{color: #bbb8b8;
    margin:2px 0 0 8px;
    display: inline-block;
    float: right; font-size:17px;}
.Eligible .icon-info-icon:hover{color:#764FB7;}
.SortBy{ display:inline-block; color:#5d5c5c;}
.SortBy label{float:left; margin:7px 6px 0 0;font-size:14px;}
.SortBy .caret{border-top-color:#5d5c5c;}
.SortBy .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){ width:155px;     background: #FFFFFF;
    box-shadow: 0px 0px 5px rgb(0 0 0 / 15%);
    border-radius: 0.285rem;}
.SortBy .bootstrap-select button.selectpicker.btn.btn-default.dropdown-toggle{ height:36px; border:0; border-radius:5px; border:1px solid #fff;}
.bootstrap-select button.selectpicker.btn.btn-default.dropdown-toggle:hover,.SortBy .bootstrap-select.open button.selectpicker.btn.btn-default.dropdown-toggle{border:1px solid #764FB7;}
.SortBy small{ float:right; background:#fff; width:36px; height:36px; text-align:center; border-radius:5px; margin-left:15px; font-size:18px; color:#764FB7; line-height:37px; cursor:pointer;    background: #FFFFFF;
    box-shadow: 0px 0px 5px rgb(0 0 0 / 15%);
    border-radius: 0.285rem;}
.SortBy small.Sorting i{font-size:16px;}
.Eligible label{ margin:1px 0 0 30px; color:#6d6d6d; font-size:14px;}
.EligiblityPopover{position:absolute; background:#daf5dc; z-index:9999;width:550px; border:1px solid #b9dfd5; padding:20px; border-radius:5px; left:123px; top:35px; display:none;}
.EligiblityPopover h2{ margin:0 0 10px 0; font-size:16px;}
.EligiblityPopover i{ display:none;}
.EligiblityPopover ul{ padding:0 0 0 20px;}
.EligiblityPopover ul li{ list-style-type:disc; color:#677068; margin:5px 0 0px 0;}
.EligiblityPopover .icon-info-icon{color:#03a37b; float:left; margin:-1px 7px 0px 0;}
.EligiblityContainer .close{position:absolute; right:-6px; top:-11px;}
.EligiblityContainer .close:focus{ outline:none;}
.triangle-left {
    border-left: 12px solid transparent;
    border-bottom: 12px solid #b9dfd5;
    border-right: 12px solid transparent;
    height: 0;
    left: 50%;
    position: absolute;
    top:-32px;
z-index: 9999;}
.inner-triangle {
    border-left: 10px solid transparent;
    border-bottom: 10px solid #daf5dc;
    border-right: 10px solid transparent;
    height: 0;
    left: -10px;
    position: absolute;
    top: 2px;
    width: 0;
}
.mask{position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000; opacity:0.3; display:none;}
/* .EligiblityCriteria{background:#daf5dc; border:1px solid #b9dfd5; padding:12px 10px 14px; border-radius:5px; margin:12px 0 25px;}
.EligiblityCriteria p{ margin-bottom:8px;}
.EligiblityCriteria p span{ color: #03a37b; font-size: 16px; display: inline-block; border: 2px solid #03a37b;  width: 22px;height: 22px;  border-radius: 50%; text-align: center; line-height: 20px;  font-weight: bold;}
.EligiblityCriteria label{ margin:0 0 0 16px; text-transform:capitalize; color:#4a4a4a; font-weight:bold;}
.EligiblityCriteria ul{float:left; padding:0 0 0 34px;}
.EligiblityCriteria ul li{  float:left; padding:5px 15px 0 0; color:#677068; font-size:13px;}
.EligiblityCriteria ul li .fa{ font-size:8px; margin:6px 8px 0 0px; float:left;} */
#Infopopup ol{padding-left:20px;}
#Infopopup ol li{ margin:0 0 10px 0;}
#Infopopup ol li:last-child{margin:0;}
.EmployeeList.row{ margin:10px -12px 0px !important;}
.EmployeeList .col-md-4{padding:0 13px !important; margin-bottom:25px; }
.cardView{    background: #FFFFFF;
    box-shadow: 0px 0px 5px rgb(0 0 0 / 15%);
    border-radius: 0.285rem;padding:20px 0 0;}
.OuterBorderImg{width:60px; height:60px; border-radius:50%; border:2px solid #C7C7C7;}
.card-img {  width: 100%; height: 100%;  border-radius: 50%;  text-align: center; border:2px solid #fff;}
.EmpImage{float:left;}
.OuterBorderEmpty {
    border: 2px solid #C7C7C7;
    display: inline-block;
    width: 60px;
    height: 60px;
    border-radius: 50%;
}
.OuterBorderEmpty .EmptyImg {
    width: 100%;
    height: 100%;
    display: inline-block;
    border-radius: 50%;
    text-align: center;
    color: #764FB7;
    background: #ededed;
    font-size: 24px;
    line-height: 52px;
    font-weight: bold;
    cursor: pointer;
    border: 2px solid #fff;
}
.NameDetails{height:100px; float:left; margin:6px 0 0 12px; width:60% !important; line-height:16px;}
.NameDetails label{ color:#764FB7; font-weight:bold; margin-bottom:0px; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; cursor:pointer;}
.NameDetails span{display:block;margin-bottom:5px;  width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.NameDetails a.Email{color:#764FB7;font-weight:bold; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:inline-block; margin-bottom:5px;}
.NameDetails a.Email:hover{text-decoration:underline;}
.Link{text-align:center; text-transform:capitalize;  border-top:1px solid #C7C7C7; display:table;}
.Link a{display:block;color:#764FB7; font-weight:bold; height:49px; display:table-cell; vertical-align:middle; text-align:center; line-height:16px; font-size:14px;text-transform: none;}
.Link a:hover{color: #461F87;}
.NameDetails small,.Activities .status{display:inline-block;font-size: 11px; padding:4px 8px; 
    border-radius: 19px;color:#353535; text-align:center; clear:both; max-width:100%;
     overflow:hidden; text-overflow:ellipsis; white-space:nowrap;    font-weight: 700;   
    background: #BCF5E1;
    border: 1px solid #0AD88E;}
.NameDetails small.reconsidered{background: #fff0d0;  color: #da9709;}
.History{ color:#bbb8b8; font-size:20px; right:18px;top:23px; } 
.History:hover{ color:#764FB7;}
.tooltip-inner{max-width:300px; font-size:14px; background:#706e6e; border-radius:30px; padding:6px 20px; white-space: normal;
 word-wrap: break-word; color:#fff !important;}
.tooltip.top{ margin:0;}
.tooltip.top .tooltip-arrow{ border-top-color:#706e6e;}
.SortingBtn .btn{ background:#764FB7; border-radius:5px; height:36px; width:36px; color:#fff;}
.SortingBtn .dropdown-menu .dropdown-item{ width:100%; display:block; text-align:left; background:#fff; padding:8px 15px; border:none; font-size:14px; }
.SortingBtn .dropdown-menu .dropdown-item:hover,.SortingBtn .dropdown-menu .dropdown-item.selected{background:#764FB7; color:#fff;}
.SortingBtn .dropdown-menu{right:0 !important; min-width:150px;}
.bulkapproval{color:#764FB7; text-transform:capitalize;     background: #FFFFFF;
    box-shadow: 0px 0px 5px rgb(0 0 0 / 15%);
    border-radius: 0.285rem;margin:0 0 0 20px; height:34px; line-height:35px; padding:0 10px; display:inline-block; font-size:14px; }
.bulkapproval:hover{color:#764FB7;text-decoration:underline;}
#BulkApproval.modal.right .modal-content{ background:#fff; color:#353535;}
#BulkApproval.modal.right .modal-dialog{width:650px; min-width:inherit !important;}
.msg{color:#764FB7; font-size:14px; margin:10px 0 20px 0; display:inline-block;}
.textarea b,.textbox b,.dropdown b{ display:inline-block; margin-bottom: 0.428rem;}
#BulkApproval .DatePickerBox{margin-top: 0.428rem;}
#BulkApproval .textbox input{ width:100% !important;}
#BulkApproval .WhiteBtn{ font-weight:normal;}
#BulkApproval .bootstrap-select.btn-group:not(.input-group-btn){margin-bottom: 0px;}
/* Pagination*/
.PageLength select{cursor:pointer;}
.PageLength select:hover{border:1px solid #764FB7;}
.PageNo{float:right; border-radius:3px;}
.PageNo li{float:left;}
.PageNo li a{padding:0px 9px; height:30px; border:1px solid #dddddd; display:inline-block; line-height:30px; font-size:14px; background:#fff; color:#5d5c5c; border-right:0px;}
.PageNo li.Last a{border-right:1px solid #dddddd;}
.PageNo li.First a,.PageNo li.Last a{background:#eeeeee; color:#b3b1b1; font-size:12px;}
.PageNo li.First a{ border-top-left-radius:4px;border-bottom-left-radius:4px;}
.PageNo li.Last a{ border-top-right-radius:4px;border-bottom-right-radius:4px;}
.PageNo li.active a{background:##e8e8fb; border:1px solid #D4D4D4;}
.PageNo li:hover a{background:#e8e8fb; border:1px solid #D4D4D4;}
.PageNo li:last-child{border:0;}
.tab-content .tab-pane{ display:none;}
.tab-content .tab-pane.active{ display:block;}
/* Filter */
.jstree-children li a{ width:80%;}
.Search_Div small { top: 9px; right: 10px; font-size: 18px;  cursor: pointer;  display: none;}
.UICheckbox { top:-2px;}
.UICheckbox small{ width:19px; height:19px;}
.UICheckbox:hover small{border:1px solid #764FB7;}
.FilterSection{     background: #FFFFFF;
    box-shadow: 0px 0px 5px rgb(0 0 0 / 15%);
    border-radius: 0.285rem;padding:12px 20px 0px;}
.FilterSection .new-btnblue {width: 90px;margin:4px 0 0;}
.selected-filters{  float:right;}
.selected-filters span{ margin:0 5px; position:relative; color:#3d3d3b; font-size:16px; background-color:#e8e8fb;
 border:1px solid #b3d4f5; border-radius:4px; padding:5px 30px 5px 11px;}
 .selected-filters span:hover{border-color:#764FB7;}
.selected-filters small{color:#764FB7;display: block;line-height: 16px;}
.selected-filters a.delete,.selected-filters a.cyclename{ position:absolute; right:8px; top:13px; color:#90a1b1; font-size:16px;}
.selected-filters a.delete:hover{color:#6a6b6c;}
.selected-filters span.scroll_tab_left_finisher,.selected-filters span.scroll_tab_right_finisher{ background-color:transparent; border:0;}
.scroll_tab_left_button,.scroll_tab_right_button{ border-radius:50%; top:13px !important;}
.scroll_tab_right_button{right: -10px !important;}
.scroll_tab_last{ margin-right:0px !important;}
.scroll_tab_first{ margin-left:0px !important;}
.scroll_tab_inner{margin:0 0px 0px 10px !important;}
#Nomination h5,#nominationdetail h5{clear:both; margin-top:20px; display:inline-block; width:100%;font-size: 14px;}
#Nomination .Scroll_Container.newscroll,#nominationdetail .Scroll_Container.newscroll{ padding-right:30px;}
#Nomination input.DatePickerBox, #nominationdetail input.DatePickerBox {
    margin-left: 5px;
}
#Nomination .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn),
#nominationdetail .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){ width:250px;}
.AutoSuggestContainer{ width:100%;}
.AutoSuggestContainer:hover{border:1px solid #764FB7;}
/* Approval Tab */
#Approvals .Link{ height:56px; display:table;}
#Approvals .Link a{ display:table-cell; vertical-align:middle; padding:0;}
/* No Nomination */
.NoNomination{ display:table; width:100%; height:240px; border:1px dotted #C7C7C7; color:#808080; margin:20px 0 0;border-radius: 4px;background: #fff;}
.NoNomination p{ display:table-cell; vertical-align:middle; text-align:center;}
/* Approve promotion */
.approve_promotion .col-md-9{width:70% !important;}
.approve_promotion .col-md-3{width:30% !important;}
.NominationForm,.NomineePerformance,.NomineeFeedback,.NomineeHistory,.Downloadbox,.addform,.config{     background: #FFFFFF;
    box-shadow: 0px 0px 5px rgb(0 0 0 / 15%);
    border-radius: 0.285rem;}
.Downloadbox:hover{box-shadow:0 0px 18px #bdbdbd; }
.NomineeDetails .NameDetails{height:inherit; }
.NomineeDetails .OtherInfo{ border-left:1px solid #C7C7C7;}
/*.NomineeDetails .Nomineecard {min-height: 115px;}*/
.NomineeDetails{border-bottom:1px solid #C7C7C7;}
.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; padding:0 0 0 30px; font-weight:bold;}
.PDF:hover,.NomineeInfo .head a:hover{ text-decoration:underline; color:#764FB7;}
.Nominatedby div{ display:inline-block; color:#434444; line-height:24px; }
.Nominatedby div.non-editable{min-width:150px; max-width:48%;width:auto; margin-right:10px; }
.Nominatedby div.non-editable span{ width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block;}
.Nominatedby div .status{line-height:normal; width: auto !important;}
.proposeddetails{ background:#e8e8fb; margin:20px 0 0px; padding:20px 10px 0;border-radius: 4px;}
.proposeddetails .col-md-6{padding-bottom:20px;}
.proposeddetails label,.Editable label{font-weight:bold; display:block; color:#4a4a4a; line-height:normal; margin-bottom:10px;}
.proposeddetails .NewSeachBox{ background:#f3f3f3; border:1px solid #c7c7c7; box-shadow:none;height: 42px; }
.proposeddetails .NewSeachBox i{ color:#c0c0c0;margin: 15px 10px 0 0;}
.proposeddetails .NewSeachBox input{background:#f3f3f3; color:#828282;height: 40px;}
/*.DatePickerBox{background-position:94% 10px; padding:10px 34px 10px 10px !important;}*/
.proposeddetails .DatePickerBox,.Nominatedby .DatePickerBox{background-color:#f3f3f3; color:#828282; border:1px solid #C7C7C7; width:130px; outline:none; border-radius:5px;}
.DatePickerBox:hover,.DatePickerBox:focus{border:1px solid #764FB7;}
.proposeddetails .Editable .NewSeachBox,.proposeddetails .Editable .NewSeachBox input,.Editable .DatePickerBox{ background-color:#fff; }
.NominationForm h3{font-size:1rem; margin:0 0 6px; color:#353535; line-height:normal;}
.questions{padding:0 20px;}
.NominationForm p{ margin-bottom:24px; color:#808080;}
.NominationForm h2{ text-transform:capitalize; font-size:16px; margin:30px 0;}
.Comments{border-top:1px solid #C7C7C7;border-bottom:1px solid #C7C7C7; padding:0 20px 10px;}
.Editable .NewSeachBox:hover,.textarea textarea:hover,.textarea textarea:focus,.Nominatedby input:hover,.Nominatedby input:focus{border:1px solid #353535; outline:none;}
.NewSeachBox.active{box-shadow:0 1px 6px 0 rgba(32,33,36,0.28);  border-bottom-left-radius:0px;  border-bottom-right-radius:0px;}
.NewSeachBox .ScrollBox{background:#fff; left:-1px; right:-1px; top:40px; z-index:99; box-shadow:0 4px 6px 0 rgba(32,33,36,0.28); display:none; border-bottom-left-radius: 4px;  border-bottom-right-radius: 4px; border:1px solid #1c8efe; border-top:0; }
.NewSeachBox .ScrollBox ul{max-height:200px; height:auto; overflow-y:auto; margin-right:1px;}
.NewSeachBox ul li{ padding:8px 10px; cursor:pointer; }
.NewSeachBox ul li:hover{ background:#764FB7; color:#fff;}
.NewSeachBox ul li:last-child{border:none;}
.Nominatedby .Editable:first-child input{width:250px;}
.textarea span,.textbox span{display:block;}
.textarea span,.textarea span a,.textbox span,.textbox span a{color:#a0a8b1; font-size:13px; font-style:italic;text-align:right;}
.boolean div{ display:inline-block;}
.boolean label{padding:0 10px 0 25px; float:left; cursor:pointer;}
.boolean .UICheckbox input{left:3px;}
.boolean .UICheckbox small{border-radius:50%; width:17px; height:17px; border-color:#bbbbbb;}
.boolean div:hover small{border-color:#764FB7; }
.boolean .UICheckbox small.checked, .boolean small.checked{ background: #fff; border:1px solid #764FB7;}
.boolean .UICheckbox small.checked i, .UICheckbox small.checked i{color: #fff; line-height:17px; font-size:13px; }
.boolean .UICheckbox small.checked i{margin:-1px 0 0px 2px; float:left;color: #764FB7;}
.ButtonsAction{padding:20px; border-bottom:2px solid #d1d4d6;}
.ButtonsAction .btn{ /*min-width:100px; width:auto; */margin-right:15px;}
.Activities h3{ font-size:18px;  margin:20px 20px 0px;}
.Activities h4{text-transform:capitalize; font-size:16px; margin:0 0 10px;}
.Activities .Nominatedby{padding:20px 20px 10px; border-bottom:1px solid #C7C7C7;}
.Activities .Nominatedby.row > [class*="col-"]{padding:0;}
.Activities .status.rejected,.NameDetails small.rejected{background: #FBD0D5;
    border: 1px solid #FC6969;}
.Activities .status.reconsidered{    background: #FFEAC3;
    border: 1px solid #FFC65A;
    color: #353535;
    padding: 4px 8px;
    border-radius: 19px;
    font-size: 11px;
    font-weight: 700;}
.Activities .Nominatedby span{width:100%; display:inline-block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.NomineeInfo .head span{display:inline-block; color:#434444; font-weight:bold; float:left; margin:5px 0 0 10px;font-size: 16px;}
.NomineeInfo .head img{float:left;}
.NomineeInfo .head a{right:0; font-size: 13px; color: #764FB7; font-weight: bold; top:7px}
.NomineePerformance li{background: #e8e8fb; padding: 15px;  border: 1px solid #e8e8fb; border-radius:5px; margin:10px 0 0; position:relative;}
.NomineePerformance li:hover{border-color:#add3f9;}
.NomineePerformance li small{position:absolute; color:#764FB7; font-size:20px; right:14px;}
.NomineePerformance h3{ font-size:14px; text-transform:capitalize; color:#764FB7; margin:0; line-height:22px;}
.NomineePerformance h3 span{ font-size:24px; margin-bottom:6px; display:inline-block;}
.NomineePerformance p{color:#434444; margin:5px 0 0;}
.NomineeFeedback{color:#434444;}
.NomineeFeedback .DatePickerBox{width:calc(100% - 57.2%); height:34px;}
.NomineeFeedback strong{float:left; margin:6px 8px 0 0px;}
.NomineeFeedback .btn-group{width:calc(100% - 70px) !important;}
.custom{margin:10px 0 20px;}
.ListFeedback h4{ color: #767676; font-weight: normal;  font-size: 14px;  text-transform: capitalize;}
.Othercategories{background:#e8e8fb; border:1px solid #e8e8fb; border-radius:5px;}
.Othercategories li{  color:#434444; padding:20px; display:table; border-bottom:1px solid #C7C7C7; width:100%; cursor:pointer;}
.Othercategories li:hover{background:#d7eafd;}
.Othercategories li:last-child{border:0;}
.Othercategories li p{display:table-cell;vertical-align:middle;}
.Othercategories li strong{color:#764FB7; font-size:20px;display:table-cell;vertical-align:middle; float:none; width:40px; text-align:center;}
.NomineeHistory .Nominatedby .col-md-7,.NomineeHistory .Nominatedby .col-md-7{padding:0 15px;}
.NomineeHistory .Nominatedby{padding:0 20px; }
.NomineeHistory .link{padding:15px; display:block; text-align:center;border:1px solid #e8e8fb; border-radius:5px;background:#e8e8fb; margin-top:-6px; border-top-color:#dde3e9; color:#764FB7; font-weight:bold;}
.NomineeHistory .link:hover{text-decoration:underline;color:#764FB7;}
.Nominatedby div.leftSide{ width:60%; float:left; min-width:inherit !important; max-width:inherit !important;padding-right:5px;}
.Nominatedby div.rightSide{width:40%; float:left; min-width:inherit !important; max-width:inherit !important; padding-left:5px;}
.Nominatedby input{width:140px;}
.norecords{color: #080808;  font-size: 13px;  padding: 30px 10px;  border: 1px dashed #C7C7C7;  border-radius: 7px; margin-top: 10px;}
.nocommends{color: #080808;  font-size: 13px; font-style:italic;}
/* #PerformancePopup .modal-dialog,#BulkApproval .modal-dialog{ height:100%;}
#PerformancePopup .modal-body{ height:94%;}
#BulkApproval .modal-body{ height:90%;} */

/* Carosal */
.carousel-inner{background:#e8e8fb;border:1px solid #e8e8fb; border-radius:5px; }
.carousel-inner .item{ padding:17px 0px 20px; }
.carousel-control.left, .carousel-control.right{ background-image: none; opacity:1;}
.carousel-control.left.disabled .fa,.carousel-control.right.disabled .fa{background:#dcdcdc;}
.carousel-inner .Award{display:table; border-bottom:1px solid #C7C7C7; padding:0 8px 20px 8px;}
.carousel-inner .Award span,.carousel-inner h5{ display:table-cell; vertical-align:middle; padding:5px 10px;}
.carousel-inner .Award span{ width:70px; height:70px; vertical-align:top;}
.carousel-inner .Award span img{ max-width:100%; max-height:100%;}
.carousel-inner h5{text-transform:capitalize; color:#434444; line-height:22px;}
.carousel-inner small{color:#81858c; font-size:14px; display:block; margin:4px 0 0;}
.carousel-inner .item p{ padding:20px 20px 0; margin:0;}
.carousel-control{ width:30px;}
.carousel-control.left{left:-15px;}
.carousel-control.right{right:-15px;}
.carousel .carousel-control .fa{background:#764FB7; border-radius:50%; margin:0 !important; text-shadow: none;}
 /*Performance Model*/
.modal.right .modal-dialog{position:fixed;margin:auto;height:100%;min-width:980px;-webkit-transform:translate3d(0%, 0, 0);-ms-transform:translate3d(0%, 0, 0);-o-transform:translate3d(0%, 0, 0);transform:translate3d(0%, 0, 0);}
.modal.left .modal-content, .modal.right .modal-content{height:100%;overflow-y:auto; border-radius:0px;}
.modal.left .modal-body, .modal.right .modal-body{padding:15px 15px 15px 25px;background:#fff;}
.modal.right.fade .modal-dialog{right:-320px;-webkit-transition:opacity 0.3s linear, right 0.3s ease-out;-moz-transition:opacity 0.3s linear, right 0.3s ease-out;-o-transition:opacity 0.3s linear, right 0.3s ease-out;transition:opacity 0.3s linear, right 0.3s ease-out;}
 .modal.right.fade.in .modal-dialog{right:0;}
 .modal-content{border:none;}
/* .right .modal-header{padding:15px 25px 20px; background:#f3f3f3; border:0; box-shadow:none;}*/
/* .right .modal-header h4{font-size:21px;}*/
 .background{    background: #FFFFFF;
    box-shadow: 0px 0px 5px rgb(0 0 0 / 15%);
    border-radius: 0.285rem;margin:10px 0 0;}
 .CycleName{display:table;margin:20px auto 0;}
 .CycleName label{background:#eceff6;border-width:1px 0px 1px 1px;border-color:#d6d9de;border-style:solid;padding:12px 10px 11px;float:left;margin:0;border-top-left-radius:3px;border-bottom-left-radius:3px;}
.modal-body .CycleName .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){max-width:300px;width:auto;min-width:150px;float:left;margin:0;}
.CycleName .bootstrap-select button.selectpicker.btn.btn-default.dropdown-toggle{border-top-left-radius:0px;border-bottom-left-radius:0px;}
.nomineecard{border-top:1px solid #C7C7C7;border-bottom:1px solid #C7C7C7;display:table;width:100%;}
.nomineecard .Information{border-right:1px solid #C7C7C7;display:table-cell;float:none;vertical-align:top;}
.nomineecard .NameDetails{height:inherit;}
.CycleDetails{display:table-cell;float:none;vertical-align:top;}
.CycleDetails p{color:#1c1c1c;}
.CycleDetails li{color:#858585;line-height:22px;}
.CycleDetails .export-option{right:15px;top:10px;color:#1c1c1c;}
.fa-file-excel-o{color:rgb(145,195, 131);}
.fa-file-pdf-o{color:rgb(185, 40, 43);}
.pastFeedback #collapseOne1 .table tr td:first-child{width:30%;text-align:right;}
.pastFeedback .progress{width:120px;}
.pastFeedback .progress-bar{background:#5cb85c;}
.modal .new-modal .slimScrollDiv{padding-right:20px;width:100% !important;}
#PerformancePopup .Scroll_Container{padding:0 10px;}
/* Feedback Tab */
.modalbody .panel-default > .panel-heading{border: 0px;}
.panel-default .panel-body{color:#1c1c1c;border-top: 1px solid #c7c7c7;}
.panel-default > .panel-heading .accordion-toggle-styled{background: #fff;position: relative;
    text-transform: capitalize;
    font-weight: 500;
    font-size: 18px;
    font-family: 'Roboto Slab';
    color: #353535;transform: inherit;}
/*    .panel-default > .panel-heading .accordion-toggle-styled.collapsed .icon-DownArrow{    font-size: 9px;
    position: absolute;
    right: 0px;
    top: 8px;
    font-weight: 500;}*/
    .pastFeedback .accordion-toggle-styled .icon-DownArrow{font-size: 9px;
    position: absolute;
    right: 0px;
    top: 8px;
    font-weight: 500;}
     .pastFeedback .accordion-toggle-styled .icon-DownArrow{ transform: rotate(180deg);margin-top: -3px;}
    .pastFeedback .panel-default > .panel-heading .accordion-toggle-styled.collapsed .icon-DownArrow{
        transform: inherit;
    }
    .panel-default .panel-body.DisplayNone{display: none;}
.panel-default > .panel-heading .panel-title{font-size:15px;}
.obtained-scores {
    background-color: #fff;
    color: black;
    border: 1px solid rgb(230, 230, 230);
    border-radius: 5px;
}
.obtained-scores .individual-scores {
    padding: 15px 30px;
    vertical-align: middle;
    text-align: center;
    border-right: 1px solid rgb(230,230,230); display:table;
}
.each-score {
    width: 20%;
    text-align: center;
    display: table-cell;
	vertical-align::middle;
}
.each-score .score-value {
    font-size: 30px; line-height:30px;
    width: 100%;
    color: rgb(0,172,74);
}
.each-score .score-value .fa{font-size:18px;}
.each-score .score-label {
    font-weight: 500;
    width: 100%;margin:0;
}
.ActionButtons{display:none;}
/* Feedback Popup */
#meeting-summery .modal-header{padding:16px;background:#fff;border-bottom:none;}
#meeting-summery .modal-body{padding:16px 10px 30px 16px;background:#fff;}
#meeting-summery .WallDateWise{margin-bottom:10px;padding-left:3px !important;}
.WallDateWise{position:relative;padding:0 0 0 70px;}
#meeting-summery .FeedbackContent{border-radius:5px !important;}
.FeedbackContent, .wall-award, .award_list, .summery-wall{box-shadow:0px 0px 7px #cdc9c9 !important;-webkit-box-shadow:0px 0px 7px #cdc9c9 !important;}
.FeedbackContent{background:#fff;padding:20px 20px 20px 20px;border-radius:5px 5px 5px 5px;position:relative;}
.FeedbackBy{position:relative;padding:0 100px 0 0px;border-bottom:1px solid #C7C7C7;}
.OuterBorder{margin:0px 15px 0px 0px;float:left;border:2px solid #cccccc;display:inline-block;width:56px;height:56px;border-radius:50%;}
.FeedbackBy .avatar{width:52px;height:52px;display:inline-block;border-radius:50%;text-align:center;color:#764FB7;background:#ededed;font-size:24px;line-height:50px;margin-right:10px;font-weight:bold;border:2px solid #fff;}
.avatar-content{margin-bottom:18px;}
.GiverName{display:table-cell;max-width:100%;color:#3f4a59;}
.GiverName a{color:#764FB7;}
.GiverName label{color:#05b717;margin:0px;font-weight:600;letter-spacing:1px;}
.avatar-content p{margin:0px;color:#a6a9ad;}
.avatar-content .Selector{text-transform:capitalize;margin-top:4px;}
.SelfName span, .Selector, .FeedbackContent .ViewMore, .view_content, .ActionItems span, .DateCal{font-size:13px;}
.avatar-content .Selector a{margin-right:8px;}
.Selector .icon-Restrict, .Selector .icon-Private{color:#a6a9ad;font-size:16px;}
.icon-Restrict{font-size:14px !important;}
.BorderNone{border-bottom:none;}
.Displaytable{display:table;margin-top:20px;}
.FeedbackDetails{display:block;}
.FeedbackDetails .AwardAvator, .FeedbackDetails .ContentFeedback{display:table-cell;vertical-align:top;}
.ContentFeedback p{margin:0px !important;color:#3f4a59;}
.AwardAvator span{border-radius:5px;border:1px solid #bcdcfc;width:132px;height:102px;background:#e8f2fb;display:table-cell;vertical-align:middle !important;}
 .AwardAvator img{max-height:75px;max-width:75px;}
.ContentFeedback{padding-left:20px;}
.ContentFeedback h4{font-size:16px;text-transform:capitalize;}
.ReplayContainer{border-top:1px solid #C7C7C7;margin-top:20px;}
.ReplayContainer .ReplyText a{text-transform:capitalize;margin-top:20px;margin-bottom:0px;color:#764FB7;letter-spacing:1px;display:inline-block;}
.ReplayContainer .ViewContent, .ReplayContainer .RepltHide, .ViewMore, .HideSection{display:none;}
.ReplayContainer ul{width:80%;margin:0px 20px 0 auto;}
.ReplayContainer .RepltHide .SelfName{margin-bottom:5px;}
.ReplayContainer ul .SelfName{padding-left:0px;}
.ReplayContainer ul .SelfName{padding-bottom:0px;}
.ReplayContainer li div{background:#e3f1ff;padding:13px 0px 13px 15px;border-radius:5px;border:1px solid #c8e1fa;margin:5px 0 6px 58px;color:#434343;}
.ReplayContainer ul .SelfName label{margin-bottom:0px;}
.SelfName label a{color:#764FB7;font-weight:500;margin-bottom:-8px;line-height:25px;}
.RepltHide .SelfName .ReplyEdit{background:transparent;border:none;margin:0;padding:0;color:#a6a9ad;font-size:20px;line-height:21px;}
.RepltHide .SelfName .ReplyEdit a{color:#a6a9ad;vertical-align:middle;display:inline-block;}
.RepltHide .SelfName span{;padding-top:4px;}
.SelfName span{color:#9fa4ac;}
.ReplayContainer .avatar{float:left;}
.avatar img{height:44px;width:44px;border-radius:50%;float:left;}
.ReplayContainer ul li div img{width:20px;height:20px;vertical-align:middle;margin:-3px 0px 0px 0px;}
.ReplayContainer .RepltHide .SelfComment .SelfName{margin-bottom:10px;}
.ReplayContainer li.SelfComment div{margin-right:58px;margin-left:0px;text-align:right;color:#fff;background:#764FB7;margin-top:0px;border:none;}
.SelfComment .SelfName label a{line-height:20px;}
.ReplayContainer li div.SelfName{background:transparent;border:none;}
.ReplayContainer li.SelfComment .avatar{float:right;}
.BottomSection{box-shadow:0px 2px 7px #cdc9c9 !important;-webkit-box-shadow:0px 2px 7px #cdc9c9 !important;}
.BottomSection{display:none;}
.BottomSection{background:#cfe6fd;padding:12px 10px;position:relative;border-radius:0px 0px 5px 5px;margin:-5px 0 0;}
.BottomSection span{display:inline;float:left;margin:0px 0px;}
.BottomSection .avatar img{margin-top:-4px;}
.BottomSection .avatar img{width:40px;height:40px;}
.BottomSection .TextField{margin:0px 90px 0 52px;}
.TextField textarea{width:100%;height:35px;resize:none;}
.emojis-wysiwyg{outline:none;}
.BottomSection .Delete_Circle{display:inline-block;position:absolute;right:108px;top:50%;color:#90a1b1;font-size:16px;margin-top:-8px;}
.BottomSection .btn-post{background:#764FB7;color:#fff;padding:5px 0px;float:right;position:absolute;right:10px;bottom:12px;width:80px;display:inline-block;text-transform:capitalize;letter-spacing:1px;}
.icon-Public_Icon{color:#a6a9ad;font-size:14px;}
.AwardAvator{width:132px;height:102px;vertical-align:top !important;text-align:center;}
.row.MediaSection{border-top:1px solid #C7C7C7;margin:20px 0px 0px 0px;}
.VideoSection{margin-top:20px;}
.VideoSection.col-md-4 .avatar{float:left;margin-right:10px;}
.VideoSection .avatar{display:inline-block;}
.VideoSection .avatar a{font-size:25px;float:left;margin-top:5px;}
.VideoSection.col-md-4 div{max-width:130px;float:left;font-size:14px;line-height:16px;}
.VideoSection .file-view{background:linear-gradient(to bottom, #eee, #ddd);width:44px;border-radius:5px;height:44px;display:inline-block;float:left;}
.VideoSection.col-md-4 div label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin:4px 0 4px 0;}
.VideoSection label{margin-bottom:0px;color:#434343;}
.VideoSection p{margin:0;color:#a1a1a1;font-size:13px;}
.icon-Picture:before{content:"\e214";color:#06b2a4;}
.AwardContainerNew{ background-color:#ebf3fa;  padding:20px; width:100%; margin-top:20px; }
.AwardNameImg{/* background-image:url('../images/AwardBannerImg.svg'); background-repeat:no-repeat; background-position:right;  */ min-height:240px; padding-top:30px;}
.Imagecel{width:280px; float:right; margin-top:-15px;}
.AwardImage{ width:150px; height:150px; float:left; box-shadow:0px 3px 10px #909093; background: #fff;  border-radius: 50%; text-align: center;
 display: inline-block;   line-height: 150px;  }
.AwardText{  float: left; margin-top:18px; margin-left:20px; width:calc(100% - 500px);}
.AwardText span{ display:block; color:#434458; font-weight:bold; font-size:24px; border-bottom:1px solid #d2d5d8; padding-bottom:10px; margin-bottom:15px; line-height: 32px;}
.AwardImage img{ width:80%; height:80%; border-radius:50%;}
.Congrats img{ width:250px;}
.AwardDesc{text-align:center;}
.AwardDesc .EditerSection { position:relative; display:inline-block; padding:0 46px;  margin:20px auto; max-width:90%; font-style:italic; font-weight:bold; color:#565656;}
.AwardDesc .ContentFeedback {text-align:left; width:90%; margin:0 auto;}
.AwardDesc span{ color:#f68700; font-size:64px; position:absolute;  font-style:normal;}
.AwardDesc .top{ top:12px; left:0;}
.AwardDesc .bottom{ bottom:-30px; right:0;}
.TabView{display:none; text-align:center;}
.TabView img{ height:300px;}
@media (max-width: 1370px) and (min-width: 1100px){
	.Imagecel{width:220px; }
	.AwardText{width:calc(100% - 410px);}
}
@media (max-width: 1020px) and (min-width: 768px){
	.TabView{display:block; margin:0 auto; width:80%;}
	.Imagecel{ display:none;}
	.AwardText{width:calc(100% - 200px);}
	.AwardNameImg{min-height:210px;}
}

/* .new-modal .slimScrollBar{height:90px !important;} */
#meeting-summery .new-modal .slimScrollDiv{width:100% !important;}
.modal{overflow-y:inherit !important;}
/* Configuration */
.ConfigurePromotion{ margin:0 auto; float:none; color:#434343;}
.ConfigurePromotion .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){ height:34px;}
.formtitle {border-bottom:1px solid #e1e1e1;}
.formtitle span{background: #764FB7;
    width: 60px;
    height: 60px;
    float: left;
    border-radius: 50%;
    text-align: center;
    line-height: 78px;}
.formtitle span i{font-size:30px;}
.formtitle label{    margin: 21px 0 0 20px;
    font-size: 16px;
    text-transform: capitalize;
    color: #764FB7;
    font-weight: bold;
}
.action label{ font-weight:bold; color:#434343; display:inline; margin:6px 7px 0 0px; font-size:16px;}
.action { padding:20px; }
.action .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){ margin:0; }
.EditableGrid{color:#434343; display:table; padding:20px; border-top:1px solid #e1e1e1; width:100%;}
.EditableGrid b{ margin-bottom: 6px; display:block;}
.EditableGrid p{color:#767676; margin:0; }
.EditableGrid .table-row{ display:table-row;}
.EditableGrid .table-cell{ display:table-cell; vertical-align:top;}
.EditableGrid .QName{ width:40%; padding:0 20px 0 0; }
.EditableGrid .mandatory{ width:18%; }
.EditableGrid .type{ width:18%; padding:0 20px 0 0;}
.EditableGrid .actions{ width:24%; text-align:right; vertical-align:middle;}
.EditableGrid .actions a{color:#764FB7; font-size:22px; margin:0 0 0 20px; display:inline-block;}
.EditableGrid .actions a .fa{font-size:24px; float:right;}
.EditableGrid .actions .btn{ width:90px; border-radius:5px;}
.EditableGrid.editenabled,.add-question-grid{ background:#e8e8fb; padding-bottom:10px; border:0;}
.EditableGrid b span{ display:none;}
.EditableGrid.editenabled b span{ display:inline-block;}
.EditableGrid .editbox,.EditableGrid .editbox.bootstrap-select.btn-group:not(.input-group-btn){display:none;}
.EditableGrid.editenabled .editbox,.EditableGrid.editenabled .editbox.bootstrap-select.btn-group:not(.input-group-btn){display:block;}
.EditableGrid.editenabled .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn),.EditableGrid.editenabled .textarea{ width:90%;}
/*.EditableGrid.editenabled textarea,
.EditableGrid.editenabled .bootstrap-select button.selectpicker.btn.btn-default.dropdown-toggle{  border:1px solid #764FB7;}*/
.radiobox{float:left;}
.radiobox .UICheckbox small, .CatTitle .UICheckbox small{border-radius:50%;}
.radiobox label{ margin-left:24px;}
.radiobox .UICheckbox small.checked i{font-size: 10px; line-height: 17px;}
.linklabel{ background:#e8e8fb; padding:20px 20px 10px 40px;}
.linklabel .textbox{ width:95%;}
.textbox input[type="text"]{ width:100%;margin:0 0 3px 0;}
.criteria{background:#e8e8fb;padding: 30px 30px 30px 40px;}
.smallinput{ width:110px;}
.smallinput input{ width:50px; height:34px; border-radius:5px;margin-right: 12px;text-align: center;}
/*.smallinput.smallmonth{margin-left: 30px;}*/
.smallinput.smallcycle{margin-left: -42px;}
.allownominate .DatePickerBox{width: 170px;height: 35px;}
.ConfigurePromotion  .bootstrap-select{width: 170px !important;}
.allownominate{margin: 15px 0px 7px 262px;}
.allownominate .col-md-2{width: 21.6%;}
.config-footer{text-align: right;border-top: 1px solid #e1e1e1;padding: 25px;}
.config-footer .new-btn{width: 90px;}
.criteria table tr td:first-child{width: 380px;}
.criteria table tr td:nth-child(2){width: 159px;}
.criteria table tr td:nth-child(3){width: 198px;}
.criteria table tr td{background: #e8e8fb;border: none;}
.confirm-model .modal-header{background: #f3f3f3;border-radius: 5px 5px 0px 0px;}
.confirm-model .modal-header h4{color: #3f4a59;text-transform: capitalize;font-size: 16px;}
.confirm-model .modal-body{background: #fff;color: #3f4a59;padding: 25px 20px;}
.confirm-model.modal.fade .modal-dialog{min-width: 500px !important;width: 500px !important;}
/*.confirm-model.modal.fade .modal-dialog.SuccessModel{width: 488px !important;min-width: 488px !important;}*/
.confirm-model .model-footer .btn{width: 90px;min-width: 90px;font-weight: normal;}
.confirm-model .form-foot{padding: 0px 20px 25px;}
.confirm-model .modal-body .forminput{width: 368px;}
.confirm-model .modal-body .charleft {color: #a0a8b1;font-size: 13px;font-style: italic;float: right;margin-top: 10px;}
.confirm-model .modal-body .charleft a{color: #a0a8b1;}
.AddQues{border-top: 1px solid #e1e1e1;}
.btn.btn-default.dropdown-toggle{height: 35px;}
.smallinput  .Score_Value{width: 65px;}
ul.dropdown-menu.inner.selectpicker li a.active{background:#add3f9; font-weight:bold; }
ul.dropdown-menu.inner.selectpicker li a.active:hover span{color:#566a8f;}
/* ul.dropdown-menu.inner.selectpicker li a:focus span,ul.dropdown-menu.inner.selectpicker li a:hover span,ul.dropdown-menu.inner.selectpicker li a.active:hover{color:#566a8f;}  */
/* Nomination History */
.NominationHistory .container{width:97% !important;}
.insidecontainer{display:none;}
.insidecontainer.active{display:block;}
.insidecontainer .NominationForm{ margin:0 auto; width:85%;}
.timeline{ margin:0 auto;}
.timeline__wrap { width:90%; margin:0 auto;}
.timeline__content{ display:table; width:100%; cursor:pointer;}
.timeline__content small,.timeline__content p,.timeline__content label{ display:block;}
.timeline__content small a{ background:#f3f3f3; width:20px; height:20px; display:inline-block; cursor:pointer;}
.timeline__item.active small a,.timeline__content:hover small a{border:1px solid #03a37b; border-radius:50%; background:#fff;}
.timeline__content small i{background:#03a37b; width:6px; height:6px; display:inline-block; cursor:pointer;border-radius:50%;}
.rejected .timeline__content small i{background:#e45555;}
.rejected .timeline__item.active small a,.rejected .timeline__content small label,.rejected.timeline__item.active small a{border-color:#e45555;}
.rejected .timeline__content:hover small a{border-color:#e45555;}
.timeline__item.active small i,.timeline__content:hover small i{width:8px; height:8px;}
.timeline__content small label{width:12px; height:12px; display:inline-block; text-align:center; border:1px solid #03a37b; border-radius:50%; line-height:11px; cursor:pointer;}
.timeline__item.active small label,.timeline__content:hover small label{ width:14px; height:14px; line-height:15px;}
.timeline-container{margin:0 auto; float:none;}
.timeline__item--top .timeline__content{margin-top:75px;}
.timeline__item--bottom .timeline__content{margin-top:-28px;}
.timeline__item.active.timeline__item--bottom .timeline__content,.timeline__content:hover .timeline__item.active.timeline__item--bottom .timeline__content{margin-top:-29px;}
.timeline__content span.year{color:#a9aaaa; font-weight:bold; font-size:18px; display:inline-block; margin:0 0 10px 0;}
.timeline__content p{ display:table-row; color:#a9aaaa;}
.timeline__content p label{display:table-cell; height:70px; vertical-align:top;}
.timeline__item--bottom .timeline__content p label{ vertical-align:bottom;}
.timeline__content p span{ display:block; /* max-height:47px; */ overflow:hidden; position:relative;}
.timeline__content p span .dots{position: absolute;  display:inline-block;  bottom:0;  right:0;  font-size: 18px;
  background: #f3f3f3;  padding-left: 3px;}
  .timeline__content p span .tooltip-inner {max-width:210px; font-size:13px; padding:6px 15px;}
.timeline__item--bottom p{margin:10px 0;}
.timeline__item--bottom span.year{margin:10px 0;}
.timeline__item.active span.year,.timeline__content:hover span.year{color:#03a37b; font-size:20px;}
.timeline__item:last-child{padding:.625rem 11px .625rem 14px;  }
.timeline__item.active p,.timeline__content:hover p{color:#03a37b; text-transform:capitalize; font-size:15px; font-weight:bold;}
.timeline__content strong{position:relative; height:45px; width:2px; display:inline-block; background:#c3e3db;}
.rejected .timeline__content strong{background:#f1cad8;}
.rejected .timeline__content strong i,.rejected.timeline__item.active span.year,.rejected.timeline__item.active p,.rejected .timeline__content:hover span{color:#e45555;}
.timeline__item--top .timeline__content strong{top:10px; margin:0 0 10px;}
.timeline__item--bottom .timeline__content strong{margin:10px 0 0px;}
.timeline__content strong i{position:absolute; bottom:-4px; color:#33b393; left:-3.8px;}
.timeline__item--bottom strong i{ bottom:inherit; top:-4px; left:-3px;}
.timeline__item--top .timeline__content.CurrentPosition{ margin-top:25px; cursor:inherit; text-align:right;  }
.CurrentPosition div.details{background:#fff; box-shadow:0 0px 14px #dcdada; border-radius:20px; text-align:left; padding:15px; min-width:120px; max-width:200px; width:auto; display:inline-block; }
.CurrentPosition span{ margin:0;}
.CurrentPosition b{font-size:32px; color:#764FB7;}
.CurrentPosition small{ display:inline-block; font-size:12px; line-height:15px; color:#434343; text-align:left; text-transform:capitalize;}
.CurrentPosition p,.CurrentPosition.timeline__content:hover p{ text-align:left; color:#434343; margin:10px 0 0; font-size:15px; text-transform:inherit; font-weight:normal; display:block;}
.CurrentPosition p label{ text-align:left; color:#764FB7; text-transform:capitalize; font-size:16px; font-weight:bold; margin:3px 0 0; line-height:normal; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:100%; }
.timeline--horizontal .timeline__items.Nohistory{ height:160px !important;}
.timeline__item--bottom{ transform:inherit !important;}
.timeline__item__inner .timeline__content.CurrentPosition p label{vertical-align: top;}
.timeline__item__inner .timeline__content.CurrentPosition{margin-top: 30px;}
 /* Media */

/* @media only screen and (min-width: 768px) and (max-width: 1180px){
 	.EditableGrid .actions a{margin: 0px 0px 0px 10px;}
}*/
@media only screen and (min-width: 768px) and (max-width: 991px){
	.action .ActiveCheck{text-align: left !important;margin-top: 10px;}
	.criteria table tr td:first-child {width: 287px;}
	.criteria table tr td:nth-child(2) {width: 205px;}
	.criteria table tr td:nth-child(3) {width: 237px;}
	.container{ width:98% !important;}
}
@media (max-width: 1000px) {
	.NominationForm{ width:100% !important;}
	.NewSeachBox{width:210px;}
	.NewSeachBox input{width:178px;}
	.SortBy .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){display:none;}
	#PerformancePopup .modal-dialog,#meeting-summery .modal-dialog{ width:700px !important; min-width:inherit !important; max-width:inherit  !important;}
	#PerformancePopup .modal-dialog .modal-dialog{ width:70% !important;}
	.modal-dialog .NameDetails{ width:195px !important; }
	.SortBy label,.SortBy .selectpicker{display:none;}
	.SortingBtn{display:inline-block; }
    .NomineeInfo .head a{top: 24px;}
}
@media only screen and (min-width:991px) and (max-width: 1180px){
	.EmployeeList .col-md-4{ width:50%;}
	.smallvalues.col-md-4{width: 46%;}
    .NomineeInfo .head a{top: 24px;}
    .NomineeInfo .head span{font-size: 14px;}
}
@media (max-width: 1200px) {
	.NomineeInfo{display:none;}
	.approve_promotion .col-md-9{width:100% !important;}
	.ActionButtons  {display:block;position:fixed; top:300px;     background: #FFFFFF;
    box-shadow: 0px 0px 5px rgb(0 0 0 / 15%);
    border-radius: 0.285rem; right:0px; z-index:999;}
	.ActionButtons img{ width:30px;}
	.ActionButtons li{ padding:10px; border-bottom:1px solid #C7C7C7;}
	.EditableGrid .actions{ vertical-align:top; text-align:right;}
	.EditableGrid .actions b{ display:none;}
	.actions .editbox{float:right;}
	.EditableGrid .actions .btn{ display:block;  margin:0 0 10px !important;}
	.EditableGrid .mandatory,.EditableGrid .type{ width:23%;}
    .FormDrop label{margin-bottom: 10px;display: inline-block;}
    .NomineeInfo .head span{font-size: 14px;}
}	
/*vertical tab*/
#vertical_tab .bootstrap-select button.selectpicker.btn.btn-default.dropdown-toggle{height: 42px;}
#vertical_tab .SmallBox input,#vertical_tab .Decimal input{ width:40px !important; margin-right:10px; padding:5px; text-align:center;}
#vertical_tab .SmallBox input:hover,#vertical_tab .Decimal input:hover{border:1px solid #764FB7;}
#vertical_tab .Decimal input{ width:60px !important;}
/*location and organization css*/
.jstree-default.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:after,
 .jstree-default .jstree-checked > .jstree-checkbox:after{font-family: 'icomoon' !important;background: #764FB7;
    content: "\e239";display: inline-block;color: #fff;font-weight: normal;font-size: 16px;border-radius: 5px;
    bottom: 4px;top: 4px;left: 4px;line-height: 19px;}
.jstree-default .jstree-icon:empty{width: 27px;height: 27px;line-height: 27px;}
.jstree-clicked .jstree-checkbox:before{border: none;left: 3px;}
.jstree-default .jstree-checkbox:before{border: 1px solid #C7C7C7;left: 3px;}
.jstree-default .jstree-anchor:hover .jstree-checkbox:before {border: 1px solid #764FB7;}
/*enable fields*/
.action .FormDrop ul.dropdown-menu{height: 125px;overflow-y: auto !important;}
.EnableInfo{display: block;font-style: italic;font-size: 14px;color: #767676;margin-top: 5px;}  
.add-question-grid .table-cell b span{display: inline-block;}
.enablefield .btn-group{margin-left: 10px !important;}
.eventnone{pointer-events: none;}
.eventnone input{background-color: rgb(235, 235, 228);color: #767676;}
.eventnone.lcs_checkbox_switch{background-color: rgb(235, 235, 228);box-shadow: none;}
.linkfields .eventnone .lcs_switch.lcs_on, .linkfields .eventnone .lcs_switch.lcs_off, .promotionfields td.eventnone .lcs_checkbox_switch
{background-color: rgb(235, 235, 228);box-shadow: none;}
.eventnone.lcs_checkbox_switch .lcs_label{color: #767676;}
::placeholder{color: #a0a8b1;}
@media only screen and (min-width:992px) and (max-width: 1180px){
	.criteria table tr td:nth-child(2){width: 218px;}
}
@media only screen and (min-width:1025px) and (max-width: 1370px){
.NomineeInfo .head a{top: 24px;}
.NomineeInfo .head span{font-size: 14px;}
.SortBy .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){    width: 144px;}
}
.AutosuggestList{ max-height:200px; overflow-y:scroll;}
/* Modal inside modal */
.mask{ display:none;     position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000; opacity:0.75;}
/*.modal.right .modal, .modal-backdrop {
    position: absolute !important;
}
*/
.modal.right.fade.in .modal-dialog .modal-dialog {
    right: inherit;
    width: 800px;
    left: inherit;
    position: absolute;
    top: 0;
    bottom: 0;
    min-width: inherit !important;
    max-height: 600px !important;
    height: auto;
    min-height: inherit !IMPORTANT;
    MARGIN: AUTO;
}
.right .modal-dialog .modal-dialog .modal-header{padding:0;}
.right .modal-dialog .modal-dialog .modal-body{ background:#fff;}
.right .modal-dialog .modal-dialog .modal-content{ height:auto;}
.right .modal-dialog .modal-content{ overflow-y:inherit;}
/*.BulkApproval input[type="text"].DatePickerBox{width:130px !important;}*/
.modal-body input[type="text"].DatePickerBox {
    width: 180px !important;
}
.FilterIcon{margin: 8px 0px 0px 16px;}
button[disabled], html input[disabled]{pointer-events: none;}
/*@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {*/
    .timeline__item.active small label, .timeline__content:hover small label{line-height: 14px !important;}
    .timeline__content small label{line-height: 10px;}
/*}*/