.tabs-left>li.active>a,
.tabs-left>li.active>a:hover,
.tabs-left>li.active>a:focus {border-bottom-color: #ddd;/* border-right-color: transparent;*/border-right:3px solid #5A4D9F !important;border-radius:0px;margin:0px;}
/*css start*/
.LeftSection{background: #fff;box-shadow: 0px 0px 5px rgb(0 0 0 / 15%);
    border-radius: 4px;}
.sideways{background: #fff;border-radius: 5px;}
.sideways li {float: none;margin:0px;border-bottom: 1px solid #e0e0e0;background: #fff;}
.sideways li a{display: block;font-weight: bold;font-size: 16px;padding: 20px 10px;color: #434343;}
.sideways li span{width: 83%;display: inline-block;}
.sideways li span.LeftText{display: block;font-weight: normal;margin-top: 2px;color: #777;width: 100%;}
.sideways li.active a,.sideways li.active:hover a{color: #5A4D9F !important;background: #e6e5fb !important;}
.sideways li.active:first-child a{border-radius: 5px 0px 0px 0px;}
.sideways li.active:last-child a{border-radius: 0px 0px 0px 5px;}
.sideways li a i{font-size: 22px;float: left;color: #5A4D9F;margin: 5px 10px 0px 0px;}
.sideways li:first-child{border-radius: 5px 5px 0px 0px;}
.sideways li:last-child{border-radius: 0px 0px 5px 5px;border-bottom: 0px;}
.ConfigurationHead .LeftWidth{width: 25%;}
.ConfigurationHead .RightWidth{width: 75%;}
.WhiteBg{background: #fff;border-radius: 4px;box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);padding: 20px 25px;}
.Sub-Title{display: block;margin: 20px 0px;font-weight: normal;}    
.HelpInput{background: #f3f3f3;padding: 15px;border-radius: 5px;border: 1px solid #e0e0e0;position: relative;}
.HelpInput span{display: inline-block;vertical-align: middle; font-size: 23px;}
.HelpInput span .icon-Attachment{font-size: 20px;}
.HelpSection .AddTag {color: #5A4D9F;min-width: inherit;margin: -2px 0 0 10px;height: 37px;line-height: 22px;font-size: 16px;padding: 6px 16px;display: inline-block;visibility: visible;text-transform: inherit;}
.Choose-File .browseblock {position: relative;width: auto;margin: 0 auto;max-width: 200px;}
.Choose-File.DropImage .browseblock{max-width: 320px;width: auto;}
.Choose-File .ChooseAction{background: #f3f3f3;padding: 20px;border: 1px solid #e0e0e0;border-radius: 5px;text-align: center;}
.Choose-File input[type="file"] {opacity: 0;position: absolute;z-index: 9;height: 38px;width: 100%;left: 0px;right: 0px;cursor: pointer;}
.Choose-File .browse {position: relative;}
.Choose-File .browse input[type="text"] {width: 100%;height: 35px;outline: none;}
.Choose-File .browse .btn {position: absolute;top: 1px;right: 1px;font-weight: 400;border-left: 1px solid #d4d4d4;width: 100%;background: #5A4D9F;color: #fff;font-size: 15px;border-radius: 5px;cursor: pointer;letter-spacing: 0.5px;}
.Choose-File{border: 1px dashed #c4c4c4;padding: 10px;border-radius: 5px;}
.Choose-File .browse span{color: #777;text-align: center;display: block;margin-top: 10px;}
.Profile-Module{padding: 20px;border-radius: 5px;box-shadow: 0 0px 18px #dcdada;
margin: 0px 0px 20px 0px;cursor: pointer;display: inline-block;color: #434343;background-color: #fff;
background-image:url("../images/CardBg.svg"); background-repeat: no-repeat;background-position: center;
background-size: 346px 130px;}
.ModuleSetup .col-md-4{width: 33%;}
.Profile-Module i,.Profile-Module label,.Profile-Module p{display: block;}
.Profile-Module label{font-weight: bold;font-size: 15px;cursor: pointer;}
.Profile-Module:hover label{color: #434343;}
.Profile-Module p.TextLength{margin-bottom: 0px;color: #777;margin: 0px 0px;
    font-size: 14px;
    max-height: 60px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden !important;
    text-overflow: ellipsis;
    white-space: unset;
    display: -webkit-box;
    text-align: center;
    line-height: 19px;}
.tab-pane .tooltip {opacity: 1;z-index: 99;box-shadow: 0 0px 8px #929292;margin-top: 5px;border-radius: 5px;
background: #fff; padding-bottom: 0px;padding-top: 0px;}
.TextLength + .tooltip > .tooltip-arrow {border-color: #fff;}
.TextLength + .tooltip > .tooltip-arrow::after {content: "";position: absolute;left: 100%;bottom: -3px;z-index: -1;
border: 5px solid #fff; transform-origin: 0 0; transform: rotate(45deg);box-shadow: 2px 2px 4px -1px #c8c8c8;}
.TextLength + .tooltip > .tooltip-inner {
    background-color: #fff;
    white-space: normal;
    color: #000 !important;
    font-size: 13px;
    padding: 10px;
    line-height: 16px;
    max-width: 240px;
}
/*.tab-pane .InnerCard .tooltip{margin-top: -7px !important;left: 12px !important;}*/
.tab-pane .InnerCard .tooltip.top .tooltip-arrow{/*top: 25px !important;*/border-top-color: #000;}
.tab-pane .InnerCard .tooltip{padding: 5px 0;margin-top: -3px;box-shadow: none;margin-left: 3px;}
.Profile-Module i{font-size: 28px;color: #5A4D9F;margin-bottom: 5px;}
.Profile-Module i.icon-Manage-Work-Roles{font-size: 34px;margin-top: -6px;}
.Profile-Module i.icon-My-OKR-icon{font-weight: bold;font-size: 30px;}
.Profile-Module i.icon-Notify-People{font-size: 25px;margin-bottom: 10px;}
.Profile-Module i.icon-Manage-Certificate{font-size: 25px;}
/*.ModuleSetup .col-md-4:nth-child(3n) .Profile-Module{margin: 0px 0px 20px 0px;}*/
.WhiteBg .Employee-Table {
    width: 100%;
    /*overflow-x: auto;*/
    /*border-top: 1px solid #dedede;*/
    padding: 0px 20px 10px;
}
.WhiteBg .Employee-Table .BoxShadow {
    box-shadow: 0 0px 8px #dcdada;
    border-radius: 5px 5px 0px 0px;
    background: #fff;
}
.WhiteBg .Employee-Table table td .EmployeeInfo {
    /* width: 400px; */
    display: table;
}
.WhiteBg .Employee-Table .EmployeeInfo .Employee_Avatar {
    display: table-cell;
    vertical-align: middle;
    width: 48px;
    float: none;
    border: 0;
    height: 48px;
    padding: 0;
    cursor: default;
}
.WhiteBg .Employee-Table .Employee_Avatar.EmptyImage span {
    margin: 0px;
    border: 2px solid #cccccc;
    display: inline-block;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    padding: 0;
}
.WhiteBg .Employee-Table .Employee_Avatar.EmptyImage span .EmptyImg {
    width: 100%;
    height: 100%;
    display: inline-block;
    border-radius: 50%;
    text-align: center;
    color: #5A4D9F;
    background: #ededed;
    font-size: 20px;
    line-height: 33px;
    font-weight: bold;
    cursor: pointer;
    border: 2px solid #fff;
}
.Employee-Table .grid_table .employee_name {
    line-height: normal;
    margin-top: 0px;float: left;
    margin-left: 0px;
}
.UserMange .tab-pane .Employee-Table .grid_table .employee_name{float: none;display: table-cell;
    vertical-align: middle;}
    .UserMange .tab-pane .Employee-Table .grid_table .employee_name i{display: inline-block;margin-left: 5px;color: #c8c8c8;
    font-size: 16px;}
    .UserMange .tab-pane .Employee-Table .grid_table .employee_name:hover i{color: #5A4D9F;}
    .UserMange .tab-pane .Employee-Table .Multicheck-directory .CheckAll .UICheckbox{top: 0px;}
   .UserMange .tab-pane  .Employee-Table .Multicheck-directory .UICheckbox{top: 3px;}
   .UserMange .tab-pane .Employee-Table div.dataTables_wrapper div.dataTables_length label{margin: 0px;}
.Employee-Table .EmployeeInfo span {
    display: block;
    clear: both;
    color: #777;
    font-size: 14px;
}
.WhiteBg .Employee-Table .EmployeeInfo .Employee_Avatar span {
    border: 2px solid #5A4D9F;
    display: inline-block;
    width: 48px;
    height: 48px;
    padding: 2px;
    cursor: pointer;
    margin-right: 10px;
}
.WhiteBg .Employee-Table .grid_table .Employee_Avatar span img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}
.NewDatatable .dataTables_filter {
    padding: 0;margin-top: -34px;
}
.NewDatatable .dataTables_filter .form-control, .Employee-Search #datatable_wrapper label input.input-sm {
    padding: 8px 20px 6px 10px !important;
}
.NewDatatable div.dataTables_wrapper div.dataTables_info {
    padding: 26px 6px !important;
}
.UserMange .NewDatatable div.dataTables_wrapper div.dataTables_info {
    padding: 26px 0px 0px !important;
}
.WhiteBg .Employee-Table .grid_table .ActionCell{overflow: inherit;width: 26px;
    min-width: 26px !important;
    box-shadow: none;}
.dataTables_info {
    display: none;
}
.UserMange .Employee-Table .table th.ActionCell{width: 80px;min-width: 80px !important;border-radius: 0px;text-align: center;}
.UserMange .Employee-Table .table .ActionCell {
    position: absolute !important;
    /* line-height: 35px; */
    border-top: 1px solid #e5e5e5;
    -webkit-box-shadow: inset 8px 1px 7px -3px rgb(213 213 213 / 70%);
    -moz-box-shadow: inset 8px 1px 7px -3px rgba(213,213,213,0.7);
    box-shadow: inset 8px 1px 7px -3px rgb(213 213 213 / 70%);
    width: 95px;
    min-width: 95px !important;
    margin-right: 26px;
}
.UserMange .Employee-Table #example1.table .ActionCell,.UserMange .Employee-Table #example2.table .ActionCell{height: 48px;}
.UserMange .Employee-Table .grid_table .dataTables_paginate{    box-shadow: 0 5px 8px #dcdada;
    border-radius: 0px 0px 5px 5px;
    background: #fff;    border-top: 1px solid #e0e0e0;}
.ActionCell .action-middle {
    display: table;
    height: 100%;margin: 0 auto;
}
.ActionCell .action-innercell {
    display: table-cell;
    vertical-align: middle;
}
.WhiteBg .Employee-Table .table td {
    height: 22px;/*width: 120px;*/
}
.ActionCell .icon {
    position: absolute;
       right: -12px;
    top: -8px;
}
.ActionCell .icon-more {
    font-weight: bold;
    font-size: 16px !important;
    color: #c8c8c8 !important;
}
.ActionCell .icon:hover .icon-more{color: #5A4D9F !important;}
.ConfigForms .TagField,.ConfigForms .TargetTypeNumber {
    width: calc(100% - 90px);
    float: left;
    position: relative;
}
.TargetFieldDropdown .multiselect-native-select .btn-group {
    width: calc(100% - 90px);
    border: 1px solid #dadada;
    border-radius: 5px;
}
.ConfigForms .multiselect-native-select .btn-group .multiselect  {
    padding: 5px 25px 0px 10px !important;
    border: 0;
    background: #fff;
    height: 40px;
    box-shadow: none;
}
.ConfigForms .bootstrap-select.btn-group .dropdown-menu {
    z-index: 999;
}
.ConfigForms .bootstrap-select.btn-group .dropdown-menu.selectpicker {
    border: 0px !important;
}
.ConfigForms .multiselect-native-select ul.dropdown-menu{width: 100%;max-width: 100%;}
.EmployeeDetails .multiselect-native-select ul.dropdown-menu li label{position: unset;}
.EmployeeDetails .btn.btn-default.dropdown-toggle:hover{border: 0px !important;}
.TargetFieldDropdown .multiselect-native-select .btn-group:hover{border-color: #5A4D9F;}
.EmployeeListPopup ul {
    margin: 0px auto;
    width: 100%;
}
.EmployeeListPopup ul li {
    margin-bottom: 10px;
    text-align: center;
    width: 33.3%;
    float: left;
    padding: 0px;
}
.EmployeeListPopup ul li .Information {
    background: #fff;
    border-radius: 5px;
    display: inline-block;
    padding: 10px;
    width: 96%;
    text-align: left;-moz-box-shadow: 0 0px 8px #dcdada;
    -webkit-box-shadow: 0 0px 8px #dcdada;
    -o-box-shadow: 0 0px 8px #dcdada;
    box-shadow: 0 0px 8px #dcdada;
}
.EmployeeListPopup .NameDetails {
    margin: 0px 0 0 10px;
    line-height: 15px;
    width: calc(100% - 70px);height: auto;
}
.EmployeeListPopup .NameDetails label {
    font-size: 14px;
}
.CloseDiv{position: relative;}
.CloseDiv i{position: absolute;top: 18px;right: -9px;color: #a5a5a5;font-size: 18px;}
.CloseDiv i:hover{color: #5A4D9F;}
.EmployeeList .Employee-Table .grid_table{padding-top: 20px;}
.UserMange .tab-content{margin: 30px 0 0;}
.Employee-Table .dataTables_wrapper{position: relative;}
.Employee-Table .dataTables_filter {
    padding: 0px;
    position: absolute;
    top: -25px;
}
.Employee-Table .UserSelected .dataTables_filter{top: -75px;}
.tab-content .SelectedUsers{box-shadow: 0 0px 8px #dcdada;
    border-radius: 5px 5px 0px 0px;
    background: #fff;}
.WhiteBg .Employee-Table .UserSelected .BoxShadow{border-radius: 0px 0px;box-shadow: 0 4px 8px 0px #dcdada;}
.WhiteBg .Employee-Table .UserSelected .table th{border-top: 1px solid #e5e5e5;border-radius: 0px;}
#EmployeeManagement .UserMange .Employee-Table .UserSelected .table th.ActionCell{border-radius: 0px;}
.p-l-75{padding-left: 75px !important;}
.UserMange .dataTables_wrapper table.dataTable,#Allow-Users .dataTables_wrapper table.dataTable{margin: 0px !important;}
.UserMange .Employee-Table .scrolledTable {
    margin-right: 122px;
    overflow-x: auto;
    box-shadow: none;
    border-radius: 5px;
}
.UserMange .ActionCell .icon{right: -12px;top: -8px;}
.UserMange .tab-overflow .nav.nav-tabs.plain-tab li.active{font-weight: bold;}
.Info_Rating,.TemplateInfo {position: absolute;display: none;z-index: 999;}
.Info_Rating .triangle-left,.TemplateInfo .triangle-left {border-left: 12px solid transparent;border-bottom: 12px solid #d4d4d4;
border-right: 12px solid transparent;height: 0;left: -6px;position: absolute;top: 17px;z-index: 9999;display: none;}
.Info_Rating .inner-triangle,.TemplateInfo .inner-triangle { border-left: 10px solid transparent;border-bottom: 10px solid #fff;
border-right: 10px solid transparent;height: 0;left: -10px;position: absolute;top: 2px;width: 0;}
.Info_Rating .tooltipdiv,.TemplateInfo .tooltipdiv {background: #fff none repeat scroll 0 0;right: -20px;top: 22px;position: absolute;
text-align: left;line-height: 22px;width: 170px;border: 0px solid #dcdada;box-shadow: 0 0px 7px #888888;border-radius: 5px;}
.Info_Rating .tooltipdiv ul,.TemplateInfo .tooltipdiv ul {padding: 0px;margin: 0;}
.Info_Rating .tooltipdiv ul li,.TemplateInfo .tooltipdiv ul li {border-bottom: 1px solid #d4d4d4;float: left;width: 100%;}
.Info_Rating .tooltipdiv ul li a,.TemplateInfo .tooltipdiv ul li a {color: #434343;width: 100%;display: block;padding: 10px;}
.Info_Rating.DesignationInfo .tooltipdiv ul li,.TemplateInfo.DesignationInfo .tooltipdiv ul li{border-radius: 5px;}
.Info_Rating .tooltipdiv ul li:last-child,.TemplateInfo .tooltipdiv ul li:last-child {border-bottom: 0px;}
.Info_Rating .tooltipdiv ul li:hover,.TemplateInfo .tooltipdiv ul li:hover {background: #5A4D9F;}
.Info_Rating .tooltipdiv ul li:first-child,.TemplateInfo .tooltipdiv ul li:first-child{border-radius: 5px 5px 0px 0px;}
.Info_Rating .tooltipdiv ul li:last-child,.TemplateInfo .tooltipdiv ul li:last-child{border-radius: 0px 0px 5px 5px;}
.Info_Rating .tooltipdiv ul li:hover a,.TemplateInfo .tooltipdiv ul li:hover a {color: #fff;}
.GridButns{display: inline-block;float: right;margin-top: -57px;}
.TagField .MultiselectEmployeeNameDiv .SelectArrow {
    top: 32%;
}
.MultiselectEmployeeNameDiv.opened {
    border: 1px solid #5A4D9F;
    border-radius: 5px 5px 5px 5px;
}
.MultiselectEmployeeNameDiv.active label.placeholder, .MultiselectEmployeeNameDiv.opened label.placeholder {
    top: -10px;
    left: 10px;
    padding: 0 5px;
    font-size: 12px;
    color: #5A4D9F;
    background: #fff;
}
.FloatingLabel .MultiselectEmployeeNameDiv .placeholder {
    padding: 0px;
    position: absolute;
    top: 14px;
    transition: 0.4s ease all;
    display: block;
    -moz-transition: 0.4s ease all;
    color: #a6a1a1;
    opacity: 1;
    left: 10px;
    -webkit-transition: 0.4s ease all;
    pointer-events: none;
    font-size: 14px;font-weight: normal;
}
.RightWidth .MultiselectEmployeeNameDiv .SelectedName li.GetNameInput.Circular-Image,
.RightWidth .MultiselectEmployeeNameDiv .SelectedNameAV li.GetNameAVInput.Circular-Image{background-image: unset;padding: 0;}
.MultiselectEmployeeNameDiv, .MultiselectEmployeeAvatarDiv{width: 100%;}
.ConfigurationHead .Configuration-article .action{padding: 20px;}
.ConfigurationHead .ActionButton{padding: 20px 0px 0px;}
.ConfigurationHead .GroupList{width: 100%;}
.ConfigurationHead .EnableApproval {position: absolute;right: 0%;}
.ConfigurationHead .EditableList{background: #fff;box-shadow: 0 0px 18px #dcdada;border-radius: 5px;padding:20px 15px 15px;}
.Configuration-article .action .FloatingLabel label.placeholder{color: #a6a1a1 !important;font-size: 14px !important;font-weight: normal;}
.EditableList .TagField,.EditableList .TargetTypeNumber{width: calc(100% - 80px);}
.Configuration-article .action .OrgUnitField.FloatingLabel label.placeholder{margin-top: 0px;}
.ConfigurationHead .Configuration-article .AutoSuggestContainer{width: 100%;}
.Configuration-article .action label{width: auto;margin: 2px 7px 0 0px;}
.ConfigurationHead .multiselect span.icon-arrow-down{top: 17px;}
.ConfigurationHead .SelectedName ul .transition{margin: 7px 10px 1px 0;}
.ConfigurationHead .SelectedName,.ConfigurationHead .SelectedNameAV{padding: 8px;}
.AutoSuggestContainer .AutosuggestList a {
    border-radius: 0px;
    display: block;
    text-align: center;
    height: inherit;
    line-height: inherit;
    background: none;
    color: #5A4D9F;
    border-top: 1px solid #e0e0e0;
    box-shadow: none;
    padding: 8px 0;
    opacity: 0.9;
}
.NewFormStyle.modal.right.fade .modal-dialog{width: 50%;}
.Checkbox-Section .enablerating{position: relative;}
.GradeChoose.Scale-Alignment{margin-top: 0px;position: absolute;top: 36px;right: 5px;display: none;}
.GradeSelect .ListofScale .RatingEdit{right: 60px;}
.GradeChoose{/*background: #f3f3f3;*/padding: 5px 0px 0px;/*border: 1px solid #e0e0e0;border-radius: 5px;*/
    text-align: right;display: block;vertical-align: middle;text-align: right;width: 100%;margin-top: 15px;}
.GradeSelect .NewRadioScale{display: block;margin-top: 12px;}
.GradeChoose a{text-transform: unset;font-weight: normal;font-size: 15px;color: #5A4D9F;}
.GradeChoose a:focus,.GradeChoose a:hover{color: #483B8C;text-decoration: underline;}
.GradeSelect{width: 50%;text-align: center;padding: 0px 0px;margin: 10px auto 0;display:block;}
.ScaleEdit{display: inline-block;color: #9B9B9B;vertical-align: middle;padding-left: 10px;}
.ScaleEdit:hover,.ScaleEdit:focus{color: #483B8C;}
.ScaleEdit i{font-weight: bold;}
#ChooseScales .ScaleList{display: block;box-shadow: none;background: #fff;position: unset;max-height: inherit;
width: auto;margin-top: 0px;overflow: hidden;}
#ChooseScales .ScaleList .ListofScale{text-align: center;padding: 15px 10px;background: #fff;display: block;
    margin: 20px 6px; padding: 20px; border-radius: 5px;border: 1px solid #EFEFEf;position: relative;
    cursor: pointer;}
#ChooseScales .ListofScale .UICheckbox {float: right;}
#ChooseScales .ScaleList .ListofScale:first-child{margin-top: 6px;}
#ChooseScales .ListofScale .UICheckbox small{left: -20px;}
#ChooseScales .ListofScale.QuallitaScale .UICheckbox small{top: -22px;}
/*#ChooseScales .ScaleList .ListofScale:last-child{margin: 15px 0px 20px;}*/
#ChooseScales .NewRadioScale li{margin: 0 7px;}
#ChooseScales .ListofScale .NewRadioScale {margin-bottom: 0px;}
#ChooseScales .ListofScale.active,#ChooseScales .ListofScale:hover{border: 1px solid #5A4D9F;}
#ChooseScales .ListofScale.active .NewRadioScale li span{background: #EBEAFF;color: #212529;
    font-weight: 700;font-size: 12px;border: 1px solid transparent;}
#ChooseScales .NewRadioScale li span:hover,#ChooseScales .NewRadioScale li.active span {border: 1px solid transparent;background: #EBEAFF;color: #212529;}
#ChooseScales .ListofScale.active .NewRadioScale.NumberScale li span{font-size: 14px;}
#ChooseScales .ListofScale.active .Number{background: #5ab15b;}
.TargetTypeNumber .ColorPickers{width: 28px;height: 28px;position: absolute;right: 5px;border: 1px solid #fff;
    top: 5px;background: #fff;border-radius: 5px;}
.NotificationList .NotifyCard.odd{background-color: #e6e5fb}
.NotificationList .NotifyCard.disabled,.NotificationList .NotifyCard.disabled.even{background-color: #e9e8e8;}
.WhiteBg .NotificationList .NotifyCard{padding: 20px 0;border: 0;margin-bottom: 15px;width: 49%;float: left;border-radius: 5px;}
/*.TargetTypeNumber .ColorPicker.{background-color: #ff8135;}*/
.WhiteBg .NotificationList .col-md-12 .NotifyCard:first-child{margin: 0 8px 15px 0px;}
.WhiteBg .NotificationList .col-md-12 .NotifyCard{margin: 0 0px 15px 8px;}
.NotificationList .btnswitch{right:18px;left: inherit;top: 15px;}
.NotificationList .EditNotify{right: 8px;left: inherit;}
.NotificationList .DescNotify {padding: 0 62px 0 20px;}
.NotificationList .NotifyCard.even {background: #e6e5fb;}
.NotificationList .col-md-12{padding: 0px;}
.WhiteBg .NotificationList{box-shadow: none;}
/*.WhiteBg .NotificationList .col-md-12:last-child .NotifyCard {margin: 0 0px 0px 0px;}*/
.BackOption{display: inline-block;vertical-align: middle;margin-bottom: 15px;width: 100%;}
.BackOption .BackBtn{border: 1px solid #e0e0e0;width: 44px;height: 38px;text-align: center;line-height: 35px;
font-size: 26px;border-radius: 5px;/* float: left; */display: inline-block;margin-right: 10px;background-color: #fff;vertical-align: middle;}
.BackOption h4{display: inline-block;vertical-align: middle;margin: 10px 0px;} 
.BackOption .BackBtn i{line-height: 34px;}
.BackOption .BackBtn:hover{border: 1px solid #5A4D9F;color: #5A4D9F;}
.NotificationList .btn-group{right: 15px;top: -2px;display: none;}
/*.NotificationList .disabled .btn-group,.NotificationList .disabled .lcs_wrap{cursor: not-allowed;}
.NotificationList .disabled .lcs_switch{pointer-events: none;}*/
.NotificationList .btn-group .btn {
    background: transparent !important;border: 0px;
    color: #c8c8c8;
    padding: 0;
    margin-top: 1px !important;
}
.NotificationList .icon-more {
    font-size: 17px;
    margin-right: -5px;
}
.NotificationList .btn-group .dropdown-menu {
    width: 136px;
    min-width: inherit;
}
.NotificationList .btn-group .icon-more:hover {
    color: #5A4D9F;
}
.NotificationList .dropdown-item {
    display: block;
    padding: 5px 10px;
    font-size: 13px;
    color: #5A4D9F;
    border-bottom: 1px solid #dfdfdf;
}
.NotificationList .dropdown-item:last-child {
    border: 0;
}
.NotificationList .dropdown-item:hover {
    background: #fff;
    text-decoration: underline;border-radius: 5px;
}
.NotificationList label a{color: #5A4D9F;}
.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 .modal-dialog{
        position: fixed;
    margin: auto;
    height: 100%;
    min-width: 750px;
    max-width: 900px !important;
    -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;
    background: #fff;
    border-radius: 0px;
}
.modal.right .modal-body {
    background: #fff;
}
.ReminderNotifie .DispatchForm{width: 94%;}
.ReminderNotifie .EditNotify{right: 40px;top:20px;color: #acacac;}
.ReminderNotifie .EditNotify:hover{color: #5A4D9F;}
.ReminderNotifie .EditMessage{margin: 10px auto;float: none;background: #fff;box-shadow: 0 0px 8px #dcdada;border-radius: 5px;width: 94%;}
.ReminderNotifie .DispatchForm .Message{border-radius: 5px;}
.ManageDisptach .FormContainer,.ManageDisptach .TargetTypeNumber{width: 100%;}
.ReminderNotifie .DispatchForm h3{margin: 0px 0 5px 0;}
.ActinIcons a{font-size: 20px;color: #acacac;}
.ActinIcons a:hover{color: #5A4D9F;}
.EditableCell textarea{width: 300px; padding: 7px;border-radius: 5px;border-color: #e0e0e0;resize: none;}
.EditableCell textarea:hover{border: 1px solid #5A4D9F;}
.EditableCell input{width: auto;height: 36px;min-width: 200px;}
.EditableCell .countdown{width: 300px !important;display: block;text-align: right !important;font-style: italic !important;color: #777 !important;font-weight: normal !important;font-size: 11px !important;}
.ActinIcons .SaveButton{float: right;background: #5A4D9F;width: 34px;height: 35px;text-align: center;border-radius: 5px;
font-size: 20px;color: #fff;line-height: 37px;cursor: pointer;box-shadow: 0 0px 8px #dcdada;}
.ActinIcons .SaveButton:hover{color: #fff !important;background: #483B8C;}
/*.ActinIcons .SaveButton i{font-weight: bold;}*/
.ActinIcons .CancelButton{float: right;background: #fff;width: 34px;height: 34px;text-align: center;border-radius: 5px;
font-size: 13px;color: #acacac;line-height: 37px;cursor: pointer;box-shadow: 0 0px 8px #dcdada;margin-left: 10px;
border: 1px solid #fff;}
.ActinIcons .CancelButton:hover{border: 1px solid #5A4D9F;}
.WhiteBg .Employee-Table .table tr.editable td,.WhiteBg .Employee-Table .table tr.AddRow td {vertical-align: top;}
.WhiteBg .Employee-Table .table tr.AddRow .ActionCell{height: 80px;}
.Employee-Table .table tr.editable .ActionCell .action-innercell,.WhiteBg .Employee-Table .table tr.AddRow .ActionCell .action-innercell{vertical-align: top;}
/*.Employee-Table .table tr.editable td,.WhiteBg .Employee-Table .table tr.AddRow td{background-color: #d4e9ec;}*/
.Employee-Table .table tr.AddRow .EditableCell{display: block !important;}
.NotificationList .disabled .btn-group .btn{pointer-events: none;}
.NotificationSection .Info-Section{width: 100%;margin: 0px 0px;}
.NotificationSection .Info-Section .icon-info-icon{margin: 1px 10px 0 5px;}
.NotificationSection .FloatingLabel .placeholder{font-weight: normal !important;margin: 0;}
.DispatchForm.NotificationSection .AutoSuggestContainer{width: 100%;margin: 0px 0px 0px;}
.DispatchForm.NotificationSection .TagField{width: 100%;}
.NotificationSection .TargetFieldDropdown label{font-weight: normal;margin: 0px;left: 10px;}
.NotificationSection .bootstrap-select button.selectpicker.btn.btn-default.dropdown-toggle {
    padding: 5px 25px 0px 10px !important;
    border: 0;
    background: #fff;
    height: 40px;
    box-shadow: none;
}
.NotificationSection .TargetFieldDropdown .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){height: auto;}
.NotificationSection.DispatchForm{box-shadow: none;}
.PushNotifications .PushField{display: none;}
.PushNotifications.active .PushField, .PushNotifications.active .WhiteBtn {
    display: block;
}
.DispatchForm .FloatingLabel .WhiteBtn{top: 2px;right: 0px;}
.NotificationSection .FloatingLabel.SubjectInsert .TargetTypeNumber {width: calc(100% - 225px);}
.Employee-Table.NewDatatable th label{color: #777;font-weight: normal;}
.AddFile{padding: 20px;display: none;}
.AddFile .Sub-Title{margin: 0px 0px 20px;font-size: 15px;font-weight: bold;}
.Downloadsection{margin-bottom: 0px;padding: 10px 20px;}
.Downloadsection a{border-radius: 5px;border: 1px solid #e0e0e0;padding: 8px;margin-left: 10px;color: #777;background: #f3f3f3;
font-size: 14px;display: inline-block;vertical-align: middle;}
.Downloadsection a i{font-size: 20px;vertical-align: middle;}
#UserImportPopup.modal.right.fade .modal-dialog{min-width: 700px;max-width: 700px !important;}
#UserImportPopup .Choose-File .browse .btn{width: 130px;height: 40px;line-height: 29px;}
#UserImportPopup .Choose-File input[type="file"]{width: 130px;height: 40px;line-height: 29px;margin-left:16px;}
#UserImportPopup .Choose-File .browse input[type="text"]{width: 127px !important;height: 40px;line-height: 29px;padding: 0;
    margin-left: 17px;}
.DropFiletext{display: block;margin-top: 10px;color: #777;font-style: italic;font-size: 14px;}
.ConfigurationHead .ActionCell .ActinIcons a:hover{text-decoration: none;}
.Employee-Table .table tr.editable td.ActionCell{height: 80px;}
.Profile-Module:hover{box-shadow: 0 0px 18px #cac9c9;}
.ConfigurationHead .GridButns .new-btn{font-size: 16px;text-transform: none;font-weight: normal;color: #a6a6a6;line-height: 22px;}
#example1.table tr td:first-child,#example1.table tr th:first-child,#example2.table tr td:first-child,#example2.table tr th:first-child{min-width: 5px;padding: 10px 10px;}
.UserMange #example1.table tr th:first-child{padding: 10px 10px 10px 10px;}
#example1.table tr .UICheckbox small,#example2.table tr .UICheckbox small{top: -8px;}
#example1.table tr th:first-child .UICheckbox small{top: 0px;}
#example1.table tr th:first-child .UICheckbox input{top: -2px;}
#example1.table tr .UICheckbox input,#example2.table tr .UICheckbox input{left: 2px;top: -12px;}
/*.WhiteBg .Employee-Table .table .BgColor td{background-color: #d4e9ec;}*/
.ConfigurationHead .GridButns .MilkyBtn.new-btn{font-size: 15px;text-transform: capitalize;line-height: 15px;}
.ConfigurationHead .GridButns .new-btn.MilkyBtn:hover{color: #5A4D9F;}
.GridButns .FilterIcon{float: right;background: #fff;width: 36px;height: 34px;text-align: center;border-radius: 5px;margin-left: 12px;
font-size: 18px;color: #5A4D9F;line-height: 37px;cursor: pointer;box-shadow: 0 0px 8px #dcdada;border: 1px solid #fff;}
.GridButns .FilterIcon:hover {border: 1px solid #5A4D9F;}
.ExpandSection{border: 1px solid #e0e0e0;border-left: 0;border-right: 0px;}
.ExpandSection .OrgLabel{padding-top: 15px;display: inline-block;color: #808080;vertical-align: middle;float: left;}
.ExpandSection .legendlist {padding: 12px 0;margin: 4px 0px;}  
.ExpandSection .legendlist li {display: inline-block;text-align: center;background-color: transparent;
    margin-left: 15px;padding-right: 18px;}
    .ExpandSection .legendlist li:first-child{margin-left: 0px;}
.ExpandSection .legendlist li:first-child,.ExpandSection .legendlist li:nth-child(2) {border-right: 1px solid #DBDBDB;} 
.ExpandSection .legendlist li.NotStarted span {background: #fbd2e0;}
.ExpandSection .legendlist li label {color: #353535;display: inline-block;margin: 0px 0px 0px 5px;}
.ExpandSection .legendlist li.InPrgress span {background: #eff8ff;}
.ExpandSection .legendlist li span {width: 15px;height: 15px;display: inline-block;border-radius: 30px;
    vertical-align: middle;margin: -16px 10px 0px 0px;}
.ExpandSection .legendlist li.InReview span {background: #fee6a0;}
.ExpandSection .ExpandAction{width: 180px;}
.ExpandSection .CheckboxDiv{float: right;margin: 0px 20px 0 10px;}
.ExpandSection .checkboxdiv label{margin: 1px 0 0 30px;}
.AddCards{position: relative;/*border: 1px solid #e0e0e0;*/ border-radius: 5px;padding: 25px 10px;text-align: center;width: 100%;display: inline-block;}
.AddCards:hover{box-shadow: 0 0px 10px #bababa;}
.AddCards .CardIcon i{font-size: 28px;color: #c6c3b7;}
.OrgModel .col-md-4{padding: 0 13px;}
.AddCards.checked .CardIcon i{color: #404140;}
.AddCards.checked label{color: #434343;}
.AddCards .CardIcon{display: block;margin-bottom: 5px;}
.AddCards label{display: block;text-transform: uppercase;color: #777;margin-bottom: 0px;font-size: 14px;}
.OrgModel.modal.right .modal-dialog{min-width: 630px;max-width: 630px !important;}
.CompanyCard{background-color: #fbd2e0;box-shadow: 0 0px 8px #dcdada;}
.DepartCard{background-color: #fff9e9; box-shadow: 0 0px 8px #dcdada;}
.DivisionCard{box-shadow: 0 0px 8px #dcdada;background: #eff8ff;}
.CompanyCard.checked,.DepartCard.checked,.DivisionCard.checked{box-shadow: none;border: 1px solid #5A4D9F;}
.TargetTypeNumber input[type="text"],.TargetTypeNumber input[type="number"],.TargetTypeNumber input[type="tel"]{width: 100% !important;height: 40px;}
.TargetTypeNumber input[type="tel"]{padding: 0 10px;border-radius: 5px;outline: none;}
.Form-Section .ObjDescription .FormContainer{width: calc(100% - 38px);}
.Form-Section .DescName.FormIcon{font-size: 32px;margin:3px 5px 0 -1px;}
.Form-Section .Errormessage{margin-left: 47px;}
.Form-Section.FormComapany .Errormessage {
    margin-left: 30px;
}
.OrgModel .TargetFieldDropdown label{left: 12px;}
.OrgModel .bootstrap-select button.selectpicker.btn.btn-default.dropdown-toggle{border: 0px;padding: 10px 25px 5px 10px !important;}
/*.OrgModel .TagField,.OrgModel .TargetTypeNumber{width:calc(100% - 0px);}*/
.OrgModel .TargetFieldDropdown .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){width:calc(100% - 0px);}
/*charts*/
#chart-container .raphael-group-30-canvas rect{stroke: none;}
.raphael-group-65-nodesGroup rect{stroke-opacity: 1;fill: #fff;stroke:black;}
.raphael-group-65-nodesGroup rect:nth-child(2){fill: #fbd2e0;stroke: #fbd2e0;}
.raphael-group-65-nodesGroup text{fill:#434343;font-size: 16px;}
.SingleSelect .GridButns{margin-top: 0px;}
.OrgModel .Form-Section{padding: 0px 30px !important;}
.OrgModel .Number {background: #5ab15b;border-radius: 50%;position: absolute;float: right;top: 8px;right: 8px;
color: #fff; line-height: 20px;width: 20px;text-align: center;box-shadow: 0 0px 7px #dcdada;height:20px;display: none;}
.OrgModel .Number i {font-size: 12px;font-weight: bold;line-height: 20px;}
.OrgModel .AddCards.checked .Number {display: block;}
.OrgModel.modal.right .modal-content{overflow-x: hidden;}
.CellDropdown {
    border: 1px solid #e0e0e0;
    padding: 0px 10px;
    border-radius: 5px;
    height: 36px;background-color: #fff;
    line-height: 36px;
}
.CellDropdown, .HeaderText {
    min-width: 182px;
    width: auto;
    max-width: 183px;
    display: block;
    font-size: 14px;
}
.CellDropdown label {
    position: relative;
    padding-right: 15px;
    cursor: pointer;
    line-height: 35px;
    width: 100%;
    max-height: 40px;
    margin-bottom: 0;overflow:hidden;text-overflow: ellipsis;
}
.CellDropdown label a {
    position: absolute;
    right: 0;
    font-size: 20px;
    color: #a8a8a8;
    top: 0;
    bottom: 0;
}
.CellDropdown label a i {
    position: relative;
    transform: translateY(-50%);
    top: 50%;
}
.ScoreValueList {
    max-width: 180px;
    min-width: 182px;
    width: auto;
    box-shadow: 0px 0px 7px #cdc9c9;
    border-radius: 5px;
    background: #fff;
    font-size: 14px;
    display: none;
    position: absolute;
    z-index: 999;
}
.CustomSearch {
    width: 89%;
    margin: 10px 10px 7px;
}
.ScoreValueList ul {
    height: auto;
    max-height: 120px;
    overflow: auto;
    overflow-x: hidden;
}
.ScoreValueList .RecordText {
    display: none;
    margin: 0px 15px;
    font-size: 12px;
    text-align: center;
}
.RecordText .Quotes {
    display: inline-block;
    margin-left: 5px;
}
.ScoreValueList li {
    /* border-bottom: 1px solid #e6e6e6; */
    padding: 5px 15px;
}
.ScoreValueList li b {
    font-weight: normal;
}
.ScoreValueList li:last-child {
    border: 0;
}
.Employee-Table .LocationTreeDIV input.LocationTree[type="text"]{width: 100% !important;border: 1px solid #e0e0e0;}
.Employee-Table .LocationTreeDIV input.LocationTree[type="text"]:hover{border: 1px solid #5A4D9F;}
.new-modal#OrganizationUnit .modal-footer{padding: 15px 0 15px;}
.SelectedValues li a{top: 6px;right: 3px;}
.AddedTags.SelectedValues li a{top:3px;}
.new-btnblue{background: #5A4D9F;border-radius: 5px;min-width: 90px;font-weight: normal;}
.new-btn{border-radius: 5px;min-width: 90px;}
.new-btnblue:hover{background: #483B8C;border-color: #483B8C;}
a{color: #5A4D9F;}
a:focus,a:hover,.jstree li.jstree-node a:hover span{color: #483B8C;}
.jstree li.jstree-node a:hover span{font-weight: bold;}
.HelpInput .TagValue{width: 80%;height: 40px;}
.HelpInput span.AttachIcon  {position: absolute;top: 26px;right: 184px;}
.TotalDocumentCount{display: block;margin: 15px  0px;color: #777;}
.Help-Lists ul li span{background: #def0fe;padding: 8px 12px;border-radius: 5px;margin-bottom: 10px;display: inline-block;font-weight: bold;}
.Help-Lists ul li span .delete{position: inherit;margin-left: 15px;font-size: 13px;}
.Help-Lists ul li:last-child span{margin-bottom: 0px;}
.WorflowImg{background: #fff;box-shadow: 0 0px 18px #dcdada;border-radius: 5px;border: 0px;padding: 0px !important;}
.WorflowImg .QuickClose{width: 32px;height: 32px;right: -16px;top: -18px;}
.WorflowImg .QuickClose i{font-size: 10px;top: 12px;right: 10px;}
.WhiteBg .LogoUpdated{margin: 20px auto 20px;width: 260px;text-align: center;border-radius: 5px;box-shadow: 0 0px 18px #dcdada;padding: 20px 20px;}
.WhiteBg .LogoUpdated .QuickClose i{top: 12px;right: 11px;font-size: 10px;}
.WhiteBg .LogoUpdated .QuickClose{width: 32px;height: 32px;right: -18px;top: -15px;}
.CustomInputs{height: 40px;
    line-height: 35px;
    color: #2c2c2c;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border: 1px solid #e0e0e0;
    display: inherit;
    width: 100% !important;
    cursor: pointer;}
.Configuration-article .AddTag.new-btnblue{min-width: inherit;height: 25px;}
.SelectedValues li{margin: 0px 7px 7px 0px;}
.NewFormStyle .Number {
    background: #e2e2e2;
    border-radius: 50%;
    position: absolute;
    float: right;
    top: 15px;
    right: 15px;
    color: #fff;
    line-height: 20px;
    width: 20px;
    text-align: center;
   /* box-shadow: 0 0px 7px #dcdada;*/
    height: 20px;
    display: block;
}
.NewFormStyle .Number i {
    font-size: 12px;
    font-weight: bold;line-height: 20px;
}
.NewRadioScale .tooltip-inner{color: #333 !important;}
.Employee-Directory .grid_table .OuterBorderEmpty .EmptyImg{line-height: 37px;}
.CriteriaForm .FormIcon i{font-size: 18px;}
.CriteriaForm .FormIcon .icon-User-Icon{font-size: 28px;margin-left: -6px;}
.CriteriaForm .OrgUnitField .FormIcon{margin: 8px 12px 0 0;}
.Employee-Table table .Sorting{box-shadow: none;float: none;text-align: left;}
.UserMange .Employee-Table.FullWidthTable .scrolledTable{margin-right: 0px;}
.Employee-Table.FullWidthTable .grid_table{padding-top: 70px;}
.ActionCell .EditableCell .ActinIcons a i{line-height: 36px;}
.Employee-Table table .Eligible .UICheckbox small{top: -7px;}
.Employee-Table table  .Eligible .UICheckbox input{    top: -11px;}
.fa-filter{line-height: 35px;}
.Configure-Section .criteria{background-color: transparent;padding: 0px;}
.Sorting{box-shadow: none;    width: auto;height: auto;float: none;}
.Applied span small{display: inline-block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 120px;vertical-align: middle;} 
.Employee-Directory .Applied a{position: absolute;top: 9px;}
#Import-Popup .large-data .ReviewButton{position: unset;}
.Information .OuterBorderEmpty .EmptyImg{line-height: 37px;}
.PageNo li.first i,.PageNo li.Last i{font-size: 14px;}
.pagination i.fa-angle-left,.pagination i.fa-angle-right{font-size: 22px;}
.SelectedName .deletename{top: 6px;right: 6px;}
.Configuration-article .action label.placeholder{margin: -2px 7px 0 0px !important;}
.action .boolean{padding-top: 5px;margin-bottom: 15px;}
.NewRadioScale li span{width: 42px;height: 42px;line-height: 42px;border: 1px solid #C7C7C7;}
.b-0{border: 0px;}
.formtitle span i{line-height: 60px;}
.config-footer {text-align: left;}
.Grid_Search .Employee-Table .grid_table{padding-top: 70px;}
.WhiteBg.Grid_Search{padding: 10px 0px;}
.SortBy small.Sorting i{line-height: 35px;}
.Form-Section .OrgUnitField .FormIcon {
    margin: 8px 15px 0 0;
}
/*manage template*/
.ManageTemplate .ManageSection {
    box-shadow: 0 0px 8px #dcdada;
    transition: 0.3s;
    background: #ffffff;
    border-radius: 5px;
    /* border: 1px solid #fff; */
    padding:15px;
    margin-top: 15px;
}
.ManageTemplate .TemplateName label {
    margin-bottom: 0px;
}
.ManageTemplate .TemplateName label a {
    color: #5A4D9F;
    font-weight: bold;
}
.ManageTemplate .LastUpdate {
    color: #b0b0b0;
    font-size: 13px;
    display: inline-block;
    float: right;
    margin-right: 20px;
    font-style: italic;
}
.ManageTemplate .TemplateName p {
    color: #73777a;
    line-height: 18px;
    margin: 2px 0px 5px;
}
.ManageTemplate .TemplateAction .Pos_absolute, .AwardCard .ActionIcon {
    z-index: auto;
    top: 9px;
    right: 0px;
}
.ManageTemplate .TemplateAction .Pos_absolute a.btn, .AwardCard .ActionIcon a.btn {
    padding: 0;
    font-size: 22px;
    color: #828181;
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(
90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
}
.TemplateAction .Pos_absolute .dropdown-menu {
    min-width: 140px;
    border-radius: 5px;
    right: 10px;
    top: 26px;
}
.TemplateAction .Pos_absolute .dropdown-menu li:first-child {
    border-top: 0px;
}
.TemplateAction .Pos_absolute .dropdown-menu li {
    border-top: 1px solid #e2e7eb;
}
.ManageTemplate .TemplateAction .dropdown-menu > li > a {
    padding: 10px 15px;
}
.ManageTemplate .TemplateFields{    margin-top: 2px;
    line-height: 18px;}
    .ManageTemplate .TemplateFields li {
    display: inline-block;
    margin-right: 10px;
}
.ManageTemplate .TemplateFields li label {
    color: #777;
    font-weight: normal;
    margin-right: 3px;
    margin-bottom: 0px;
}
.ManageTemplate .TemplateFields li span {
    color: #434343;
    font-size: 14px;font-weight: bold;
}
/*.ManageTemplate .TemplateFields .col-md-4 span {
    color: #434343;
    font-size: 14px;display: block;line-height: 18px;margin-top: 3px;-webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden !important;
    text-overflow: ellipsis;
    white-space: unset;
    display: -webkit-box;padding-right: 10px;font-weight: bold;
}
.ManageTemplate .TemplateFields .col-md-4 label {
    color: #777;
    margin-right: 10px;
    font-size: 15px;line-height: 16px;
    margin-bottom: 0px;
}*/
.ManageTemplate .ManageSection .TemplateFields:last-child{padding: 0px 0px 0px;}
.ManageTemplate .TemplateFields .tooltip{top: -60px !important;}
.LastUpdate .icon-Clock_Icon{    font-size: 14px;
    margin: 4px 5px 0 0;
    float: left;
    color: #b0b0b0;}
.icon-Clock_Icon:before{color: #b0b0b0;}
.FilterForm .col-md-12, .FilterForm .col-md-6 {
    margin-bottom: 20px;
    padding: 0px;
}
.FilterForm label {
    display: block;
    color: #434444;
    font-weight: bold;
    font-size: 1.4rem;
    margin-bottom: 5px;
}
.FilterForm .col-md-12 .InputWidth, .FilterForm .col-md-12 .btn-group, .FilterForm .col-md-12 .InputWidth {
    height: 35px;
    width: 100% !important;
}
.FilterForm .textarea textarea {
    border: 1px solid #e0e2e4;
    width: 100%;
    resize: none;
    height: 75px;
    border-radius: 5px;
    padding: 10px;
}
.FilterForm .textarea span {
    color: #a0a8b1;
    font-size: 13px;
    font-style: italic;
    text-align: right;
}
.new-modal .FilterForm .bootstrap-select {
    width: 94% !important;margin-bottom: 0px;
}
.FilterForm .bootstrap-select button.selectpicker.btn.btn-default.dropdown-toggle {
    height: 35px !important;
}
.FilterForm .btn-group .dropdown-menu {
    top: 36px;
    overflow-x: hidden;
    /* padding: 8px; */
}
.FilterForm .btn-group .multiselect-container li {
    width: 50%;
    float: left;
}
.FilterForm .btn-group li.multiselect-filter, .FilterForm .btn-group li.multiselect-all {
    float: none;
    width: 100%;
    margin-top: 5px;
}
.FilterForm .multiselect-container .input-group {
    border: 1px solid #e0e0e0;display: table !important;
    border-radius: 5px;
    width: 100%;
}
.FilterForm .multiselect-container .input-group .multiselect-search {
    width: 98% !important;
    height: 26px;
    margin: 5px 0;
    float: none;
    border-radius: 5px;
    border-right: 0;
}
.FilterForm .multiselect-container .input-group .multiselect-search {
    border: 0;
}
.FilterForm .multiselect-container .input-group-btn .multiselect-clear-filter {
    height: 35px;
    border: 0;
}
.FilterForm .btn-group li.multiselect-all {
    padding: 5px 6px;
}
    .modal-body .LocationTreeDIV {
    background: transparent;
}
.FilterForm .LocationTreeDIV .LocationTree {
    height: 35px !important;
    width: 285px !important;
    line-height: 35px;
    border: 1px solid #e0e0e0;
}
.FilterForm input[type="text"].DatePickerBox {
    height: 35px !important;
    width: 130px !important;
}
.FilterForm .col-md-12 .multiselect-native-select .btn-group {
    height: 35px;
    width: 100% !important;
}
.FilterForm .multiselect-native-select .dropdown-menu {
    min-width: 180px;
    max-width: inherit;
    right: 0;
    border: 1px solid #e0e0e0 !important;
}
.FilterForm .multiselect-container.dropdown-menu > li > a:hover label{color: #fff;}
.StatusSection {border-left: 4px solid #dd3737;}
.Download, .DownloadPDF {
    color: #5c5c5c;
    border-radius: 5px;
    margin: 0 10px 0 0;
    background: #fff;
    position: relative;padding: 7px 14px 8px !important;
        box-shadow: 0 0px 8px #dcdada;
    border-radius: 5px;
}
.Download i, .DownloadPDF i {
    color: #3aa838;
}
.Configuration-article .action label {
    font-weight: bold;
    color: #434343;
    display: inline;
    margin: 6px 7px 0 0px;
    font-size: 16px;   /* width: inherit;*/
}
.Configuration-article .Intitatives ul {
    border: 1px solid transparent;
    border-bottom: 1px solid #e0e0e0;
    margin: 0px 0px 0px !important;
    padding: 10px;
    width: 50%;
    margin-left: 5px;
    background: #fff;
    border-radius: 5px;
}
.Configuration-article .Intitatives small.placeholder {
    position: absolute;
    left: 15px;
    color: #aeaeae;
    font-size: 15px;
    top: 8px;
}
.Configuration-article .Intitatives li {
    list-style: disc;
    display: none;
    margin-left: 15px;
}
.Configuration-article .Intitatives span {
    cursor: pointer;
    display: inline-block;
}
.Configuration-article .DaysInput {
    display: inline-block;
    width: 50px;
}
.Configuration-article .DurationDays {
    display: inline-block;
    margin-left: 10px;
    font-size: 16px;
}
.Configuration-article .Review-List li.boolean {
    padding: 0 15px 0px 0px;
    display: inline-block;
}
.Configuration-article .action .Review-List .boolean label {
    font-weight: normal;
}   
.Configuration-article .RuleHeader,.Configuration-article  .RuleHeader div,.Configuration-article  .Rule div, .Rule {
    padding: 0px;
}
.Configuration-article .RuleTextarea textarea {
    height: 35px;
    resize: none;
    border-radius: 5px;
    width: 90%;
    line-height: 22px;
    padding: 5px 5px 5px 8px;
    float: left;
}
.Configuration-article .Delete-Action {
    display: inline-block;
    vertical-align: middle;
    margin-top: 5px;
}
.Configuration-article .boolean .UICheckbox {
    top: 0px;
    float: left;
}
.Delete-Action a {
    font-size: 20px;
    vertical-align: middle;
    display: table-cell;
}
.ScoreValue .Rule input {
    width: 68px;
}
.Configuration-article .boolean .UICheckbox input{left: 2px;}
.EditableCell input.DatePickerBox{width: 140px;min-width: 140px;}
.NewSeachBox{width: 240px;}
.NewSeachBox input{width: 208px !important;}
.SortBy .icon-Excel-Download{line-height: 33px;}
.Employee-Table #cycle1.table tr.editable td,.WhiteBg .Employee-Table #cycle1.table tr.AddRow td,
.Employee-Table #cycle2.table tr.editable td,.WhiteBg .Employee-Table #cycle2.table tr.AddRow td{background-color: #fff;}
.Employee-Table .table th.StartDate {
    min-width: 180px;
}
.ManageFeedbackSection .Employee-Table .table td.ActionCell {
    height: 38px;
}
.ManageFeedbackSection .Employee-Table .table .ActionCell{margin-right: 26px;}
.ManageFeedbackSection .Eligible{margin: 0px;}
.ManageFeedbackSection .Eligible label {
    margin: 1px 0px 0px 31px;
}
.ManageFeedbackSection .page-header{margin: 0px 5px 0;}
.ManageFeedbackSection .WhiteBg .Employee-Table{padding: 0px 10px 10px;}
.ManageFeedbackSection .Employee-Table .table tr td:first-child, .ManageFeedbackSection .Employee-Table .table tr th:first-child {
    min-width: 10px;
}
.ManageFeedbackSection .Employee-Table table .Eligible .UICheckbox small {
    top: 3px;
}
.WhiteBg .ManageFeedbackSection .Employee-Table{padding: 0px 10px 10px;}
.WhiteBg .ManageFeedbackSection .Employee-Table .BoxShadow{margin-bottom: 0px;}
.ManageFeedbackSection .ClosedReview .Employee-Table .scrolledTable {
    margin-right: 160px;
}
.ManageFeedbackSection .Employee-Table .table th, .ManageFeedbackSection .Employee-Table .table td {
       padding: 7px 15px 20px;
}
.MainSections .Profile-Module {
  background-image: url("../images/CardBg.svg");
    background-size: 11px;
    background-position: right 10px bottom 11px;
    width: auto;
    background-repeat: no-repeat;
}
/*.Form-Section .ObjDescription .FormContainer {
    width: 100%;
}*/
.Form-Section .OrgName.FormIcon{font-size: 20px;margin: 8px 12px 0 2px;}
.Form-Section .ViewMode .EmailName.FormIcon{font-size: 14px;margin: 12px 12px 0 0px;}
.Form-Section .ContactIcon.FormIcon{font-size: 19px;margin: 8px 14px 0 2px !important;}
.Form-Section .TextareaContainer textarea{padding: 8px 10px 5px;background: #fff;}
.Form-Section .EmailName.FormIcon{margin: 8px 14px 0 0;}
.LocationPopup,.Employee-Directory,#RemoverUsersPopup,#UserRemoveConform,#Updatepopup,#DeleteConform{z-index: 9999;}
/*.navbar-default .navbar-nav > li > a i, .navbar-default .navbar-nav > li > a i::before {
    line-height: 36px;
}*/
.navbar-default .navbar-nav > li > a.NavIcons i {line-height: 36px;}
.sidebar .leftpanal-collapse .fa-angle-down{top: 1px;}
/*.modal-backdrop.fade.in.BackDrop{opacity: 0;}*/
.JSTree span .icon-Edit_Icon{position: absolute;right: -30px;font-size: 18px;}
.JSTree span .icon-Deactive{position: absolute;right: -60px;font-size: 17px;}
.DisplayNone{display: none !important;}
.DeactiveDiv span{background: repeating-linear-gradient(-45deg, #f1f1e5, #f1f1e5 4px, #edeceb 4px, #edeceb 7px) !important;}
.tooltip-inner{background: #000;font-size: 12px;}
.AvatarSection {width: 80px;float: left;}
.EmployeePhoto {border: 2px solid #cccccc;display: inline-block;width: 90px;height: 90px;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;
}
.EmployeeAvatar {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    display: inline-block;
}
.EmployeeAvatar img {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    display: inline-block;
    border: 2px solid #5A4D9F;
    padding: 2px;
}
.EmployeeAvatar .overlay {
    display: none;
}
.EmployeeAvatar:hover .overlay {
    display: block;
}
.EmployeeAvatar .overlay .IconDelete {
    color: white;
    font-size: 24px;
    position: absolute;
    top: 74px;
    left: 65px;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
}
.EmployeeAvatar:hover {
    background-color: #3e3e3e;
}
.EmployeeAvatar:hover img {
    opacity: .4;
    border-color: #3e3e3e;
    border: none;
}
.AddUsersSection .AddFile .Choose-File{border: 0px ;padding: 0px;margin-top: 10px;}
.AddUsersSection .AddFile .Choose-File .ChooseAction{border: 0px;background: #fff;padding: 0px;text-align: left;margin: 5px 0px 0px 25px;
    vertical-align: middle;display: inline-block;width: 80%;}
.AddUsersSection.modal.right .modal-dialog{min-width: 600px;width: 43%;}
.AddUsersSection .Choose-File .browseblock{max-width: 121px;margin: 0px;}
.AddUsersSection .Choose-File .browse input[type="text"]{width: 100% !important;}
.AddUsersSection .Form-Section{padding: 20px 25px 0px 20px;}
.AddUsersSection .Form-Section.SubGoal1 {background: #FAFAFF;padding-bottom: 20px;}
.AddUsersSection .OwnerField input.InputText{height: 40px;}
.Form-Section .ExternalIcons.fa-caret-square-o-down{font-size: 18px;}
.DesName.FormIcon{margin: 8px 13px 0 0px !important;font-size: 17px;}
#RemoveUsers .EmployeePhoto,#EditUsers .EmployeePhoto {display: none !important;}
#RemoveUsers .EmployeeAvatar,#EditUsers .EmployeeAvatar{display: inline-block !important;width: 90px;height: 90px;border-radius: 50%;
cursor: pointer;}
#EditUsers .OwnerField.active a.InputIcon{top: 34px !important;}
.disabled .TargetTypeNumber input{background-color: #fafafa !important;pointer-events: none !important;}
.disabled .TargetTypeNumber,.disabled .OtherPicker{cursor: not-allowed;}
.disabled .btn.btn-default.dropdown-toggle {background-color: #fafafa !important;pointer-events: none;}
.CursorNotAllowed{cursor: not-allowed !important;}
#UserImportPopup .Choose-File .browse .btn{right: 62px;}
 a.CreateBtn {background: #5A4D9F; color: #fff;display: inline-block;/*#5A4D9F*/
 border: 1px solid #5A4D9F;width: 36px; height: 34px;box-shadow: 0 0px 7px #dcdada; border-radius: 5px; padding: 7px 10px;}
a.CreateBtn i {font-weight: bold;line-height: 19px;}
a.CreateBtn:hover {background: #483B8C;color: #fff;border: 1px solid #483B8C;}
#DesignationModel .ActionCell .ActinIcons a:hover{text-decoration: none;}
#DesignationModel .dataTables_wrapper table.dataTable {margin: 0px 0 !important;}
#DesignationModel .WhiteBg{box-shadow: none;}
#EmployeeManagement .UserMange .Employee-Table .table .ActionCell{width: 26px;min-width: 26px !important;box-shadow: none;}
#EmployeeManagement .UserMange .Employee-Table .table th.ActionCell{width: 11px;min-width: 11px !important;box-shadow: none;border-radius: 0px 5px 0px 0px;}
#EmployeeManagement .UserMange .Employee-Table .scrolledTable{margin-right: 50px;}
#DesignationModel .scrolledTable{margin-right: 116px;overflow-x: auto;box-shadow: none; border-radius: 5px;}
.DesignationInfo.Info_Rating{z-index: 99999;}
#DesignationModel.modal  .modal-dialog{max-width: 800px !important;}
#DesignationModel .ActionCell .icon{right: -7px;top: 3px;}
#DesignationModel .WhiteBg .Employee-Table .grid_table .ActionCell{min-width: 85px !important;}
#DesignationModel .Employee-Table .ActionCell .action-middle{float: right;}
#DesignationModel .WhiteBg .Employee-Table .grid_table .editable .ActionCell{height: 42px;}
.SubTitle{margin: 0px;padding: 0px 20px;font-size: 14px;}
.EmployeeManagement .SubSections{display: none;}
.ConfigurationHead .GridButns .new-btn.MilkyBtn{box-shadow: 0 0px 7px #dcdada; border-radius: 5px; padding: 9px 10px; height: 34px;width: auto;min-width: 36px;}
.NotifyDiv .pull-right > .dropdown-menu{right: -5px;left: auto;border-radius: 5px;top: 30px;}
/*import employee css start*/
.ReviewPeriod.ImportEmployee .ReviewGrids {
    padding: 0px;
}
.ReviewPeriod.ImportEmployee .ReviewGrids .col-md-4{height: auto;min-height: 340px;}
.b-r-0{border-right: 1px solid #e0e0e0;}
.ReviewPeriod .Boxshadow {
    border-radius: 5px;
    position: relative;
    padding: 80px 40px 20px 40px;
    margin: 0 5px;
}
.ReviewPeriod h3 {
    font-weight: 700;
    text-transform: uppercase;
    margin:25px 0 20px 0 !important;
    font-size: 14px;
    color: #4a4a4a;
}
.ReviewPeriod  p,.ReviewGrids label{color: #777;}
.ReviewPeriod  p{margin-bottom: 15px;}
.ImportEmployee .ReviewButton {
    bottom: 0px;
    margin-bottom: 0px;
    position: inherit;
}
.BestPractices ul li {
    margin-bottom: 3px;
    list-style: disc;
    color: #777;
}
.BestPractices ul li label{vertical-align: top;color: #777;}
.BestPractices ul li::marker {
    color: #5A4D9F;
    font-size: 26px;
}
.BestPractices h3{font-size: 20px;}
.ImportEmployee .LineBtnBlue {
    border: 1px solid #5A4D9F;
    font-weight: 500;
}
.ImportSection .LineBtnBlue {
    border: 1px solid #5A4D9F;
    color: #5A4D9F;
    font-size: 16px;
}
.ReviewButton.ImportTemp .btn.btn-xs.btn-icon {
    margin-top: 10px;
}
.ImportEmployee .ImportTemp .btn-icon.btn-xs {
    height: auto;
}
.ImportEmployee .btn-icon.btn-xs {
    width: 18px;
    height: 18px;box-shadow: none;
    font-size: 16px;margin: 2px 0px 0px 5px;
}
.ImportEmployee .btn-icon.btn-xs:active{border: 0px;}
.ImportEmployee .tooltip {
    z-index: 999;
}
.ReviewPeriod .StepNo {
    background: #5A4D9F;
    color: #fff;
    position: absolute;
    left: 50px;
    top: -65px;
    width:70px;
    height: 70px;
    border-radius: 50%;
    font-size: 20px;
    padding: 10px 0 0;
    text-align: center;
    line-height: normal;
}
.ImportSection .StepNo small {
    font-size: 18px;
    font-weight: 400;
    display: block;
    line-height: 17px;
}
.ReviewGrids .Boxshadow .browseblock {
    position: relative;
}
.ReviewGrids input[type="file"] {
    opacity: 0;
    position: absolute;
    z-index: 9;
    height: 38px;
    width: 100%;
    left: 0px;
    right: 0px;
}
.ImportSection .browse {
    position: relative;
}
.ReviewGrids .browse input[type="text"] {
    width: 100%;    height: 35px;
    outline: none;    cursor: pointer;
}
.ImportSection .browse .btn {
    position: absolute;
    top: 1px;
    right: 1px;
    background: #5A4D9F;
    color: #fff;
    font-weight: 400;
    border-radius: 0px;
    border-left: 1px solid #d4d4d4;border-radius: 0px 5px 5px 0px;
}
.ImportSection .ToolHelp i{color: #a4a3b1;}
.ImportSection .ToolHelp:hover i{color: #595873;}
.ImportSection .tooltip:hover .tooltiptext {
    visibility: visible;
}
.ImportSection .loader-container {
    margin-top: 60px;
    text-align: center;
}
.ImportEmployee .loader-container i {
    bottom: 215px;
}
.ImportSection .loader-container i {
    position: absolute;
    left: 170px;
    /* width: 50%; */
    bottom: 130px;
}
.ImportEmployee .loadervalid {
    margin: 50px 40px -5px 10px;
}
.ImportSection .loadervalid {
    margin: 50px 0px -5px 10px;
    display: block;
}
.RecordFields, .DownFields, .TotalRecord {
    display: none;
}
.ReviewGrids .Records {
    display: block;
    font-size: 13px;
}
.RecordFields span {
    display: inline-block !important;
}
.Valid {
    color: #1aab1b;
}
.Invalid {
    color: #e35544;
}
.ImportEmployee .large-data .ReviewButton {
    bottom: 23px;
}
.large-data .ReviewButton {
    bottom: 42px;
}
.WhiteBg.ImportSection{margin-top: 40px;padding: 10px 10px 25px;}
.ImportEmployee .ImportTemp .tooltip .tooltiptext.rating_text {
    top: -40px !important;
    width: 152px;
}
.ImportContent {
    display: none;
}
.ImportEmployee .tooltip .tooltiptext {
    visibility: hidden;
    width: 200px;
    background-color: #000;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 0px 0;
    position: absolute;
    z-index: 1;
    top: -9px;
    left: 140%;
    border: 1px solid #d4d4d4;
    font-size: 12px;
    font-weight: 500;
}
.ImportEmployee .tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 43%;
    right: 100%;
    margin-top: -5px;
    border-width: 7px;
    border-style: solid;
    border-color: transparent #000 transparent transparent;
}
.ImportEmployee .tooltiptext ul li {
    text-align: left;
    padding: 5px 10px 5px 10px;
}
.ImportNotes {display: inline-block;vertical-align: middle;}
.ImportNotes .icon-Bulb-help{font-size: 38px;color: #cdbc6c;margin-top: -8px;display: inline-block;}
.icon-Bulb-help:before{color: #cdbc6c;}
.MultiselectEmployeeNameDiv .GetNameInput .SearchBox{height: 30px;}
.MultiselectEmployeeNameDiv .GetNameInput .SearchBox:hover{border: 0px !important;}
.ParentSection i,.SubChild i,.InnerChild i{display: none;}
.jstree-default > .jstree-container-ul > .jstree-node .jstree-anchor:hover .ParentSection i{display: inline-block;}
.jstree-anchor span i{color: #a4a3b1;}
.jstree-anchor span i:hover{color: #483B8C;}
.jstree-children li .jstree-anchor:hover .InnerChild i,.jstree-children li .jstree-anchor:hover .SubChild i{display: inline-block;}

.PlanSection{padding: 30px 30px;border-radius: 5px;margin: 0px 0px;}
.PlanSection.OKRTrailbg{background: #fff;color: #777;padding: 30px 30px 20px;border: 2px solid #5A4D9F;}
#PortalSetup h5{font-size: 16px;}
.PlanSection.OKRProbg{background: #f1f1fd;border-radius: 8px;border: 1px solid #d8d6f5;}
.PlanSection.OKRProbg a{color: #777;}
.PlanSection.OKRProbg .DashlineOKR{border-top: 3px solid #777;}
.PlanSection .MyPlan{background: #fff;color: #434343;border: 1px solid #8783fd;width: auto;height: 29px;
border-radius: 5px;letter-spacing: 0.5px;padding: 4px 10px;margin: 0px 0px 10px 0px;font-weight: normal;
line-height: 19px;display: inline-block;font-size: 16px;position: absolute;right: 0;bottom: 7px;}
.PlanSection .LabelOKR{font-size: 24px;font-weight: bold;}
.PlanSection .OKRWith{font-weight: bold;float: right;margin-top: 25px;}
.PlanSection .SubLabelOKR,.PlanSection .SubLabelOKR span{display: block;}
.PlanSection .OKRFree{position: absolute;right: 0;top: -5px;font-size: 26px;}
.PlanSection .OKR-Submenu {margin: 15px 0px;}
.PlanSection .OKRLists li{margin-bottom: 12px;float: left;width: 33.3%;}
.PlanSection .OKRLists li:last-child{margin-bottom: 0px;}
.PlanSection .OKRLists li i{font-size: 20px;color: #5A4D9F;display: inline-block;
    font-weight: bold;vertical-align: middle;float: left;}
.PlanSection .OKRLists li span{line-height: 18px;display: inline-block;float: left;margin-left: 12px;width: 86%;color: #434343;}
.PlanSection .DashlineOKR{border: none;border-top: 3px solid #777;width: 2.3%;display: inline-block;margin-bottom: 25px;}
.PlanSection .TalkUs-Btn{color: #fff !important;border: 1px solid #c4c4c4;height: 38px;line-height: 24px;font-size: 16px;
width: auto;min-width: 130px;background: #5A4D9F;border-radius: 20px;font-weight: bold;margin: 0px 0px 0px;
box-shadow: 0 0px 7px #dcdada;float: right;opacity: 1}
.PlanSection .TalkUs-Btn:hover{border-radius: 20px;border: 1px solid #483B8C;box-shadow: none;}
.PlanSection .TalkUs-Btn i,.PlanSection .TalkUs-Btn:hover i{display: inline-block;margin: 3px 5px 0px 0px;font-size: 17px;}
.ImageSize span{display: block;margin-top: 3px;color: #777;}
.ImageSize span:first-child{opacity: 0.6;}
#Notify .checkboxdiv label{margin: 1px 0 0 30px;}
.disabled .DescNotify label a:hover{color: #7b7b7b !important;}
.disabled .DescNotify label a:hover .Listtext{color: #434343;}
.disabled .DescNotify label a:hover .icon-Edit_Icon {color: #5A4D9F;}
/*.disabled .DescNotify label a:hover span,.disabled .DescNotify label a span{border:0px;}*/
.disabled .DescNotify label a:hover i{color: #acacac;}
.AddUsersSection .Form-Section .ObjDescription .FormContainer {width: calc(100% - 36px);}
.AddUsersSection .Form-Section .FloatingLabel .charcount{float: left;width: 100%;}
.OtherPicker li.selected.active a{background: #5A4D9F;}
/*#TalkPopup.new-modal.modal.fade .modal-dialog{min-width: 450px !important;max-width: 450px !important;}*/
#TalkPopup .TagField,#TalkPopup .TargetTypeNumber{ width: calc(100% - 60px);}
#TalkPopup .modal-footer{padding: 5px 0px 50px 60px;border-top: 0px;}
#TalkPopup .modal-content,#TalkConformpopup .modal-content{border-radius: 20px;}
.NewSeachBox input[type="text"]:focus,.NewSeachBox input[type="email"]:focus,.NewSeachBox input[type="text"]:hover,.NewSeachBox input[type="email"]:hover{border: 0px;}
.disabled.Newpicker .selectpicker  span.icon-arrow-down{display: none;}
.MainSections .Info-Section{width: 100%;margin: 0px 0px 15px;}
.MainSections .Info-Section .icon-info-icon{margin: 1px 10px 0 5px;}
.PushNotifications{margin-bottom: 74px;}
.PushNotifications.active{margin-bottom: 0px;}
.OrgGroupBtns{margin: 30px 45px 0px 40px;}
.OrgGroupBtns a{color: #5A4D9F;}
.OrgGroupBtns a i{margin-right: 5px;}
.jstree-default .jstree-node, .jstree-default .jstree-icon{}
.CursorDefault{cursor: default;}
.PlanColumn{margin: 30px 0px 50px;}
.PlanSubColumn{padding: 0px 10px 0px 0px;}
.PlanIcon{float: left;background: #5A4D9F;color: #fff;width: 65px;height: 65px;border-radius: 50%;
text-align: center;vertical-align: middle;}
.PlanIcon i{font-size: 30px;line-height: 67px;}
.PlanIcon i.icon-PlanUser{font-size: 20px;}
.PlanIcon i.icon-Objective{font-size: 28px;line-height: 64px;}
.Innerleftplan{display: inline-block;vertical-align: top;margin: 8px 0px 0px 10px;}
.Innerleftplan label{display: block;color: #777;margin: 0px;}
.UpgradeTitle{color: #5A4D9F;font-size: 23px;font-weight: bold;line-height: 28px;opacity: 0.8;display: block;}
#TalkPopup .modal-header,#TalkConformpopup .modal-header{box-shadow: none;}
.UpgradeText{display: block;color: #777;margin: 15px 0px 30px;line-height: 18px;}
#TalkPopup.new-modal.modal.fade .modal-dialog{max-width: 700px !important;}
.UpgradeDivision{width: 50%;float: left;}
.UpgradeDivision img{margin-top: 20px;}
#TalkConformpopup.new-modal .modal-body{border-radius: 20px;padding: 15px 30px 30px !important;}
#TalkConformpopup .modal-dialog{min-width: 500px;max-width: 500px !important;}
.InvoiceImg {
    position: absolute;
    right: 40%;
    bottom: -44px;
    z-index: 9;
}
.Invoicelabel {
    position: absolute;
    right: 40%;
    bottom: -30px;
    color: #fff;
    text-align: center;
    width: 150px;
    line-height: 16px;
    font-size: 14px;z-index: 9;
}
.Invoicelabel b {
    font-size: 14px;
}
.UsageInner{background: #fff;border-radius: 5px;box-shadow: 0 0px 18px #dcdada;}
.UsageInner ul li{border-bottom: 1px solid #e0e0e0;padding: 15px;position: relative;}
.UsageInner ul li span{display: inline-block;position: absolute;right: 20px;top: 30px;font-weight: bold;font-size: 18px;}
.UsageInner ul li:last-child{border-bottom: 0px;}
.UsageInner ul li p{margin-bottom: 0px;}
.UsageInner ul li label{font-weight: bold;}
.AnimateBtn{-webkit-animation: bounce .8s infinite alternate;animation: bounce .8s infinite alternate;
-moz-animation: bounce .8s infinite alternate;line-height: 23px;}
.AnimateBtn:hover{animation: inherit;-webkit-animation: inherit;}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
/*import enmployee css end */
@-moz-document url-prefix() {
table{border-collapse: inherit;}
}
.SingleSelect .jstree-children li span{ margin-left: 5px;}
.LocationTreeDIV .ScrollDiv {
    max-height: 440px;
    overflow-y: auto;
}
.new-modal .modal-body #jstree-default.jstree{margin: 10px 0px 0px;}
.catNoResults.display-table{display: table !important;height: 290px;}
.Organization_tree .SingleSelect .jstree-children li .ParentSection.Searchdata{    font-style: italic;color: #434343;}
.catNoResults .display-cell span img{width: 100px;}
.ScrollDiv .DisableNode .jstree-anchor,.ScrollDiv .DisableNode{cursor: not-allowed;}
.ScrollDiv .DisableNode .jstree-anchor span,.ScrollDiv .DisableNode .jstree-icon{color: #c3c3c3;pointer-events: none;}
.LocationTreeDIV .jstree-children li.DisableNode a:hover span{color: #c3c3c3;}
.Jstree-width.clearfix{width: 94%;}
/*.ErrorSection .Choose-File .ChooseAction{border-color: #ff5b57;}*/
.ErrorSection .FileError{display: inline-block;font-size: 13px;color: #ff5b57;text-align: center;margin: 0 auto 0px;width: 100%;}
.UpgradeText .UpgradeSubText{display: block;margin-top: 5px;}
.UpgradeText .UpgradeSubText a:hover{text-decoration: underline;}
.multiselect-container > li.active label:hover, .multiselect-container li.multiselect-all .multiselect-all:hover label, .EmployeeDetails .multiselect-native-select ul.dropdown-menu li a:hover label, .multiselect-container > li > a:hover label, .multiselect-container > li > a:focus label  {color: #5A4D9F;font-weight:bold;}
.bootstrap-select.btn-group .dropdown-menu{border: 1px solid #483B8C !important;}
.MemberFiled .bootstrap-select.open .selectpicker,.MemberFiled .bootstrap-select button.selectpicker.btn.btn-default.dropdown-toggle:hover,.MemberFiled .btn.btn-default.dropdown-toggle{border: 0px;}
.MemberFiled.TargetFieldDropdown label{left: 40px;}
.EmployeePhoto .Editoverlay{display: none;}
.EmployeePhoto .Editoverlay .IconEdit {
    color: white;
    font-size: 24px;
    position: absolute;
    top: 74px;
    left: 65px;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
}
.EmployeePhoto:hover {
    background-color: #3e3e3e;
}
.EmployeePhoto:hover .Editoverlay{display: block;}
.EmployeeListPopup .NameDetails .tooltip.top .tooltip-arrow{bottom: -4px;border-top-color: #000;}
.PaidEdition .UpgradeTitle{color: #764FB7;font-weight: 500;font-size: 20px;font-family: 'Roboto Slab';opacity: 1;}
.PaidEdition .UpgradeText{color: #808080;font-weight: 500;font-size: 14px;font-family: 'DM Sans';margin: 12px 0px 12px;}
.PaidEdition .ViewMode {font-family: 'DM Sans'}
.PaidEdition .ViewMode .TargetTypeNumber label{display: block;color: #777;font-weight: 500;font-size: 12px;margin: 0;}
.PaidEdition .ViewMode .TargetTypeNumber span{font-size: 14px;display: block;}
.Form-Section .ViewMode .icon-User-Icon{font-size: 22px;}
.EmailName .icon-Email{font-size: 15px;}
.PaidEdition button.close{position: relative;left: 10px;top: -20px;}
.PaidEdition .ViewMode .FormIcon .icon-Profile{font-size: 15px;}
.PaidEdition .ViewMode .FormIcon .icon-Org-Company{font-size: 18px;}
.PaidEdition .modal-content,.PaidEdition .modal-body{border-radius: 20px;}
.PaidEdition .TextareaContainer.FormContainer{width: calc(100% - 50px);}
.PaidEdition .CommentFields .FormIcon{margin: 8px 8px 0 -4px;}
.PaidEdition .CommentFields .TextareaContainer textarea{min-height: 56px;}
.PaidEdition.new-modal.modal.fade .modal-dialog {max-width: 665px !important;}
.PaidEdition .ScheduleSection .ScheduleDate div span{color: #353535;font-weight: 500;font-size: 18px;font-family: 'Roboto Slab';}
.PaidEdition .TagField,.PaidEdition .TargetTypeNumber {width: calc(100% - 50px);}
.PaidEdition .ScheduleSection .ScheduleDate{background: #F7F7F7;border: 1px solid #E3E3E3;border-radius: 4px;
    display: inline-block;padding: 10px;text-align: left;width: 360px;margin: 10px 0px;}
    .PaidEdition .ScheduleSection .ScheduleDate:hover{border-color: #764FB7;}
.PaidEdition .ScheduleSection img{float: left;margin-right: 10px;}
.PaidEdition .ScheduleSection p a{border-bottom: 3px solid #fff;margin-top: 5px;max-width: 290px;margin: 0 auto;}
.PaidEdition .ScheduleSection p a:hover{border-bottom: 3px solid #461F87;text-decoration: none;color: #461F87;}
.PaidEdition .MessageSection .ReceivedImg{width: 260px;}
.PaidEdition .ScheduleSection p{color: #808080;font-size: 14px;font-family: 'DM Sans';font-weight: 500;}
.PaidEdition .ScheduleSection p .Info{color: #764FB7;}
.PaidEdition .ScheduleSection p .Info small{display: inline-block;color: #808080;font-size: 14px;}
.NewDatatable .paginate_button.next a,.NewDatatable .paginate_button.previous a{padding: 3px 9px;}
.page-sidebar-fixed #content.content{overflow: hidden;}
.MainSections .CheckboxDiv label{margin: 0px 0 0 30px;}
/*Insert image*/
.Insert_Image .browseblock:hover{border: 1px solid #483B8C;}
.Insert_Image .browseblock input[type="file"]{opacity: 0; position: absolute; z-index: 9; height: 38px;
    width: 95%;left: 0px; right: 0px;margin: 0px 20px;top: 50px;cursor: pointer;}
.Insert_Image .browse{position: relative;}
.Insert_Image .browse input{height: 35px;outline: none;cursor: pointer;}
.Insert_Image .browseblock:hover .browse .btn{background: #5A4D9F;}
.Insert_Image .modal-dialog .modal-body{overflow: hidden;}
.Insert_Image .browseblock .browse .btn{position: absolute;padding: 7px 12px;top: 0px;right: -1px;
background: #5A4D9F;color: #fff;font-weight: 400;border-radius: 0px;border-left: 1px solid #d4d4d4;border-radius: 0px 5px 5px 0px;}
/*insert image*/
#MessageReceived.PaidEdition.new-modal.modal.fade .modal-dialog{max-width: 550px !important;}
/*#MessageReceived.PaidEdition .modal-body{height: 300px;}*/
#MessageReceived .MessageSection .UpgradeTitle{margin-top: 80px;}
.HelpFul-Main{font-family: 'DM Sans';background: #FFFFFF;box-shadow: 0px 0px 5px rgb(0 0 0 / 15%);
border-radius: 4px;padding: 16px;z-index: 20000;position: relative;}
.HelpFul-Main img{background: #FFFFFF;box-shadow: 0px 0px 5px rgb(0 0 0 / 15%);border-radius: 4px;}
.MaskShow{position: fixed;color: #fff;top: 0;bottom: 0;right: 0;z-index: 9999;left: 0;background: rgba(0,0,0,0.3);}
.HelpFul-Main label{font-size: 14px;color: #000000;font-weight: 700;display: block;margin-bottom: 10px;}
.MaskGuide {z-index: 20000;}
.MaskGuide .Label{font-size: 22px;font-weight: 500;font-family: 'Roboto Slab';color: #fff;position: absolute;right: -200px;}
.MaskGuide img{position: absolute;top:-6px;right: -14px;}
.MaskGuide .Pos_relative{top: -168px;left: 70px;}
.HelpFul-Main p{color: #353535;font-weight: 400;font-size: 14px;text-align: left;margin-top: 10px;}
.HelpFul-Main .HelpfulBtn{border: 1px solid transparent;background: #FFFFFF;box-shadow: 0px 0px 10px rgb(0 0 0 / 15%);border-radius: 4px;padding: 8px;display: block;font-weight: 400;font-size: 14px;color: #353535;}
.HelpFul-Main .HelpfulBtn i{color: #B3B3B3;margin-right: 6px;font-size: 26px;vertical-align: middle;}
.HelpfulBtn:hover{border: 1px solid #483B8C;color: #483B8C;}
.HelpfulBtn:hover i{color: #483B8C;}
.HelpfulFixed{position: fixed;right: 0px;top: 80px;z-index: 9;}
.mask {display: block !important;}
.ClearTest{margin-top: -8px;}
.ClearTest:focus,.ClearTest:hover{border-color: #5A4D9F;color: #5A4D9F;}
.ClearTest .icon-ClearIcon{vertical-align: middle;line-height: 18px;}
.DescNotify .icon-Edit_Icon{color: #acacac;font-size: 18px;padding:0px 4px;vertical-align: middle;}
.DescNotify a:hover .icon-Edit_Icon{color: #5A4D9F;}
.DescNotify a .Listtext{/*display: inline-block;*/border-bottom: 2px solid transparent;vertical-align: middle;}
.DescNotify a:hover .Listtext{border-bottom: 2px solid #5A4D9F;}
.Configure_SMTP{position: absolute;right: 0px;top: -15px;}
/*Intergration Css start*/
.ConfigurationHead .APIActivate{display: flex;align-items: center;}
.ConfigurationHead .ActivateSFTP .lcs_wrap,.ConfigurationHead .APIActivate .lcs_wrap{margin: 0px 0px 0px 16px;}
.APIUnselected .NewForm .p-b-0{padding-bottom: 0px !important;}
.btnLinks{color: #5A4D9F;}
.btnLinks:focus{ color: #483B8C;}
.btnLinks span, .SmallBtnLinks span, .TinyBtn span {
    border-bottom: 2px solid transparent;font-size: 15px;
}
.btnLinks:hover span, .SmallBtnLinks:hover span, .TinyBtn:hover span {
    border-bottom: 2px solid #483B8C;
    color: #483B8C;
}
.ConfigurationHead .HRISCard .HRIS-Title,.ConfigurationHead .HRIS-Section .HRISLink{color: #5A4D9F;font-size: 15px;font-weight: bold;}
.ConfigurationHead .HRISCard .HRIS-Title:hover,.ConfigurationHead .HRIS-Section .HRISLink:hover{border-bottom: 2px solid #483B8C;color: #483B8C;}
.ConfigurationHead .HRISCard .HRISImg:hover{border: 2px solid #483B8C;}
.ConfigurationHead #IntegrationSetup h1{
    font-size: 24px;
}
.ConfigurationHead #IntegrationSetup h3{
    font-size: 18px;
}
.ConfigurationHead .MainCard:hover .new-btn.SelectBtn{background: #5A4D9F;border: transparent;}
.ConfigurationHead .ActivatedLabel,.ConfigurationHead .APIKey .icon-Datacopy{color: #5A4D9F;}
.ConfigurationHead .NewForm .FormIndividual.APIKey input{font-size: 14px;}
.ConfigurationHead .APIProduct .NewForm {margin-left: 55px;}
.ConfigurationHead .CardEdit small,.ConfigurationHead .ManualSync small{font-size: 14px;}
.ConfigurationHead .IndividualCard .panel-title .accordion-toggle{font-size: 18px;}
.ConfigurationHead .NewForm .FormIndividual .TimingLists li label{padding: 0px 10px 0 0px;font-size: 14px;}
.ConfigurationHead .NewForm .FormIndividual .TimingLists li .Active label{color: #483B8C;}
.ConfigurationHead .panel.IndividualCard{border: 0px;}
.NewForm .FormIndividual.FormError input{border: 1px solid #DA0E3F !important;}
.NewForm .FormIndividual.FormError label{color: #DA0E3F;}
.confirm-model .modal-body.FormHRISSection{padding: 30px 60px 50px !important;}
.FormHRISSection .NewForm .FormIndividual input{width: 100% !important;}
.FormHRISSection .FormHRIS-Image h3{font-size: 18px;}
.PlatformHead{font-size: 20px;}
.SuccessMessage {
    background: #E3FFF5;
    border-left: 5px solid #0AD88E;
}
.SuccessMessage, .Errormessage {
    border-radius: 4px;
    padding: 18px;
}
.SuccessMessage span, .Errormessage .Cover_Div {
    display: inline-block;
    vertical-align: middle;
    position: relative;
}
.SuccessMessage span i, .Errormessage .Cover_Div i {
    font-size: 20px;
    vertical-align: middle;
}
.SuccessMessage p, .Errormessage p {
    display: inline-block;
    margin: 0px 0px 0px 6px;
    vertical-align: middle;
}
.ManualSync {
    display: inline-block;
    position: absolute;
    right: 84px;
    top: 16px;
    
    font-weight: 700;
    font-family: 'DM Sans';
}
.ManualSync,.ConfigureSynchronization .panel-title .btnLinks,.CardEdit,.CardEdit i, .ManualSync i{color: #5A4D9F !important;}
.ManualSync:hover,.ConfigureSynchronization .panel-title .btnLinks:hover,.CardEdit:hover small,.CardEdit:hover i, .ManualSync:hover i,.CardEdit:hover .icon-Edit_icon{color: #483B8C !important;}
.CardEdit:hover small, .ManualSync:hover small{border-bottom: 2px solid #483B8C;
    color: #483B8C;}
    
.ConfigureSynchronization .LastSyncDate{position: unset;float: none;display: block;margin-top: 4px;}
.ConfigureSynchronization {margin-bottom: 0px;}
.ErrorStatus {
    background: #FBD0D5;
    border: 1px solid #FC6969;
    border-radius: 19px;
    padding: 4px 8px;
    font-weight: 700;
    font-size: 11px;
    line-height: 19px;
    color: #353535 !important;
}
.SFTPDetailsInner:hover, .SynchronizationTime:hover{border: 2px solid #483B8C;
    background: #F7F7F7;}
.ActiveState {
    border: 1px solid #0AD88E;
    border-radius: 19px;
    width: auto;
    height: 22px;
    background: #BCF5E1;
    color: #353535;
    font-size: 11px !important;
    font-weight: 700 !important;
    padding: 4px 8px;
    text-align: center;
    line-height: 12px;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 6px;
}
.NewGrids.table-bordered > tbody > tr > td, .NewGrids.table th, .NewGrids.table, .NewGrids.table.dataTable.nowrap td {
    border: 0px !important;
}
.panel-body .NewGrids.table.dataTable.nowrap th, .panel-body .NewGrids.table.dataTable.nowrap td {
    white-space: inherit;
}
.NewGrids thead tr th {
    text-transform: uppercase;
    color: #764FB7;
    font-weight: 700;
    font-size: 12px;
    letter-spacing: 0.1em;
}
.ViewLogs .GridView .NewGrids.table.dataTable{margin: 0px 0 5px !important;}
.GridView .table > thead > tr > th label {margin: -4px 0px 0px;}
.ViewLogs .table.dataTable th {padding: 0px 30px 6px 8px;}
.ViewLogs  div.dataTables_wrapper div.dataTables_length select{width: auto;}
.ViewLogs .dataTables_length, .ViewLogs div.dataTables_info {margin-top: 10px;}
.ViewLogs .dataTables_paginate .pagination > li a {
    padding: 4px 10px;margin: 0px;
}
.ViewLogs .pagination > li:first-child > a {
    margin-left: 0;
    background: #eeeeee;
    color: #b3b1b1;
}
.ViewLogs .pagination > li:first-child > a,.ViewLogs .pagination > li:last-child > a {padding: 3px 10px;}
.grid_table .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .grid_table .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus a {
    border-color: #764FB7 !important;
    background-color: #e8e8fb !important;
    color: #000;
}
.HRIS-Section .HRISLink{ padding-top: 6px;}
.HRISMain{display: none;}
#IntegrationSetup .BackOption h4{margin-top: 0px;}

.tab-content .tab-pane .CustomTooltip .tooltip.top .tooltip-arrow{top: 50px;
    border-top-color: #000 !important;}
.tab-content .tab-pane .CustomTooltip .tooltip{margin-top: -10px !important;}
/*Intergration Css end*/
/*paid users start*/
.SFTPDetails .NewForm .FormIndividual{margin-bottom: 20px !important;}
.Configuration-article .action .enablerating .GradeSelect label.RatingOption{margin: 0px 0px 0px 10px !important;padding: 0px;}
.PlanSection.OKRProbg a.ManageLink,.PlanSection a.ManageLink{float: right;display: inline-block;margin-top: 40px;color: #5A4D9F;}
.PlanSection.OKRProbg a.ManageLink:hover,.PlanSection a.ManageLink:hover{text-decoration: underline;color: #483B8C;}
.WithoutUser.UsageInner ul li{padding: 28px 15px 27px;}
.PlanSection a.ManageLink{margin-top: 0px !important;position: absolute;right: 0px;top: 40px;}
.WithoutUser.UsageInner ul li label{margin: 0px;}
.WithoutUser.UsageInner ul li span{top: 28px;}
/*paid users end*/
.ListofScale .OptionLabel{display: block;text-align: left;margin-bottom: 16px;font-weight: 700;font-size: 14px;}
.ListofScale .RatingEdit{position: absolute;right: 0;top: 26px;color: #9B9B9B;font-size: 15px;}
.ListofScale .RatingEdit i{font-weight: bold;}
.ListofScale .RatingEdit{display: none;}
#ChooseScales .ListofScale.active .RatingEdit,#ChooseScales .ListofScale:hover .RatingEdit{display: inline-block !important;}
.ListofScale .RatingEdit:hover,#ChooseScales .ListofScale.active .RatingEdit, #ChooseScales .ListofScale:hover .RatingEdit{color: #5A4D9F;}
/*.ListofScale .RatingEdit:hover,#ChooseScales .ListofScale.active .RatingEdit{display: inline-block;}*/
#ChooseScales.NewFormStyle.modal.right.fade .modal-dialog{min-width: 550px;
    max-width: 600px !important;width: 550px;}
.ListofScale .RatingOption{margin: 0px !important;}
.ListofScale .TargetTypeNumber{width: 100%;}
.ListofScale .FloatingLabel.active .TargetTypeNumber label.placeholder,.ListofScale .FloatingLabel .TargetTypeNumber.StartDate.active label.placeholder,
.ListofScale .FloatingLabel .TargetTypeNumber.EndDate.active label.placeholder{border-radius: 4px;background: #fff;left: 9px;font-size: 12px;font-weight: 400;color: #5A4D9F;}
#IntegrationSetup .Info-Section .Upgradebtn{display: inline-block;border-bottom: 2px solid transparent;color: #5A4D9F;
    font-size: 14px;font-weight: bold;text-decoration: none;padding: 0;background: transparent;text-transform: capitalize;border-radius: 0;}
#IntegrationSetup .Info-Section .Upgradebtn:hover{border-bottom: 2px solid #483B8C;color: #483B8C;}
#UpgradePaid .Upgradebtn {background: #4cbbaa;color: #fff;
border: 1px solid #8783fd;width: auto;height: 32px;border-radius: 8px;letter-spacing: 0.5px;
padding: 7px 10px;margin: 9px 8px 0px 5px;font-size: 15px;font-weight: normal;line-height: 16px;opacity: 1;display: inline-block;}
#UpgradePaid .Upgradebtn:hover{color: #fff;background-color: #37a796;opacity: 1;}
.UpgradeNote{box-shadow: 0px 0px 5px rgba(0,0,0,0.15);
    -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.15); background: #FFFFFF;border-radius: 4px; padding: 30px;position: relative;margin: 10px 0px;}
/*.UpgradeContainer .SelectAction .SelectBtn{display: none;}*/
.UpgradeContainer .IntegrationMain .MainCard,.UpgradeContainer .IntegrationMain {
    pointer-events: none;
}
.UpgradeNote p,.UpgradeNote h4{width: 72%;}
.UpgradeNote .new-btnblue{text-transform: none;font-weight: bold;line-height: 20px;border-radius: 20px;min-width: 110px;border: 1px solid #c4c4c4;height: 38px;
    line-height: 24px;font-size: 16px;position: absolute;right: 21px;top: 34px;}
.UpgradeNote .new-btnblue:hover{border-radius: 20px;
    border: 1px solid #483B8C;box-shadow: none;}
.GroupList .ActionDiv{padding: 15px 15px 0 10px;margin-top: 5px;}
.OrgUnitField .FormIcon {
    margin: 7px 15px 0 0;
}
.EmployeeCycleGrid {
    display: table;
    width: 100%;
}
.EmployeeCycleGrid .rTableHead {
    border: 0;color: #73777a;
    font-weight: normal;
    padding: 0px 10px 10px 14px;
}
.EmployeeCycleGrid .borderstyle {
    background: #fff;
    border: 1px solid #dedede;border-radius: 5px;
}
.EmployeeCycleGrid .borderstyle:hover{background-color: #f3f3f3;}
.EmployeeCycleGrid .borderstyle .rTableCell {
    border-width: 0px 0 0px 0;
    border-color: #dedede;
    border-style: solid;
    padding: 0px 10px 0px 14px;
    vertical-align: middle;
    height: 80px;
}
.EmployeeCycleGrid .Togglewidth{width: 150px;min-width: 150px;text-align: center;}
.AISection .DivCenter img{width: 80px;margin:0px 2px 0px -5px;}
.NotifyTabs .SlackTeam .EmployeeCycleGrid .rTableHead.Togglewidth:last-child,.NotifyTabs .SlackTeam .EmployeeCycleGrid .borderstyle .Togglewidth:last-child{opacity: 0.4;}
.NotifyTabs .SlackTeam .EmployeeCycleGrid .borderstyle .Togglewidth:last-child,.NotifyTabs .SlackTeam  .Togglewidth:last-child .lcs_switch.lcs_disabled{cursor: not-allowed;}
/*.SlackTeam .EmployeeCycleGrid .borderstyle .Togglewidth:last-child .lcs_wrap{pointer-events: none;}
.SlackTeam .EmployeeCycleGrid .borderstyle .Togglewidth:last-child .lcs_switch {pointer-events: none;}*/
.NotifyTabs .NotificationList .borderstyle .tooltip{margin-top: 16px;}
.NotifyTabs .NotificationList .borderstyle .tooltip.top .tooltip-arrow{border-top-color: #000;}
.SlackTeam .borderstyle .tooltip.top .tooltip-arrow{top: 42px;}
.OneNotify .borderstyle .tooltip.top .tooltip-arrow{top: 59px;} 
#ChooseScales .RatingScale-Editsection .Errormessage{text-align: left;padding: 0px;margin-left: 2px;}
 #ChooseScales .ErrorContainer.ListofScale.active, #ChooseScales .ErrorContainer.ListofScale:hover{border-color: #ff5b57 !important;}
 #ChooseScales .Error-OuterCard{padding:2px 0px 0px 10px;}
 #ChooseScales .ErrorContainer.ListofScale{margin-bottom: 0px;}
.FloatingNames .FloatingLabel{width: 31.1%;padding:0px 12px 0px 0px;}
.FloatingNames .FloatingLabel:last-child{padding: 0px;}
.FloatingNames .FloatingLabel .TargetTypeNumber{width: 100%;}
.AddUsersSection .Newpicker .bootstrap-select button.selectpicker.btn.btn-default.dropdown-toggle{border: 1px solid #e0e0e0;}
.AddUsersSection .Newpicker .bootstrap-select button.selectpicker.btn.btn-default.dropdown-toggle:hover{border: 1px solid #483B8C;}

/*Account details start*/
.UsageSection{border-radius: 11px;border: 1px solid #9494DD;background: #F4F4FF;padding: 24px;}
.UsageSection .Usage-Lists h3{margin-top: 0px;}
.UsageSection .Usage-Lists{width: 25%;float: left;border-left: 1px solid #9494DD;
    padding-left: 24px;}
.UsageSection .Usage-Lists:first-child{border: 0px;padding: 0px;}
.UsageSection .Usage-Lists label{font-weight: bold;display: block;margin-bottom: 5px;}
.SubUsageSection .SubUsage-Lists{background: #fff;width: 48.5%;float: left;padding: 16px;border-radius: 6px;margin-right: 20px;}
.SubUsageSection .SubUsage-Lists:last-child{margin-right: 0px;float: right;}
.SubUsage-Lists div span{display: inline-block;color: #808080;font-weight: 400;}
.SubUsageSection .SubUsage-Lists label{color: #5A4D9F;font-weight: 700;float: right;margin-bottom: 0px;}
.Detail-Section .PlanSection .LabelOKR {
    font-size: 20px;
    color: #2B2B61;
    font-weight: 800;
}
.Detail-Section .PlanSection .OKR-Submenu{margin: 0px 0px 3px;}
.Detail-Section .PlanSection .Doller{font-size: 22px;font-weight: 800;color: #000;margin-bottom: 25px;display: block;border-bottom: 1px solid #eee;padding-bottom: 25px;border-radius: 0px;}
.Detail-Section .PlanSection .MyPlan{right: 0;top: 2px;bottom: unset;border: 0px;background: #EEEDFF;
    color: #5A4D9F;font-size: 14px;margin: 0px;letter-spacing: unset;width: auto;
    height: 29px;
    border-radius: 5px;padding: 4px 10px;line-height: 19px;
    display: inline-block;position: absolute;}
.Detail-Section .PlanSection .OKRLists li i{font-weight: normal;font-size: 14px;}
.Detail-Section .PlanSection.OKRTrailbg{border: 0px solid #5A4D9F;border-radius: 10px;
    background: #FFF;box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.12);}
.Detail-Section .PlanSection.OKRProbg{background: #fff;    /*border: 1px solid #eee;*/border-radius: 10px;}
.Detail-Section .PlanSection.OKRProbg a.btn{color: #fff;float: right;margin-top: 12px;text-transform: none;}
.Detail-Section .Doller small{color: #808080;font-size: 13px;display: inline-block;vertical-align: middle;padding-left: 6px;font-weight: normal;}
.Detail-Section .Doller b{font-size: 17px;color: #5C5C5C;font-weight: 600;display: inline-block;padding-left: 5px;}
.StarterPlus{    color: #4A4A4A;font-weight: 600;
    position: absolute;
    top: -39px;
    background: #fff;width: 260px;}
.Detail-Section .PlanSection{padding: 25px 25px 15px;}
.ClearTest {margin-top: -50px;color: #737373;}
.ClearTest .icon-close{color: #737373;font-size: 12px;}
.ClearTest:hover .icon-close{color: #5A4D9F;}
.ExpiredPlan span,.ExtendPlan span {
    right: 0;
    top: -43px;
    bottom: unset;
    border: 0px;
    background: #FFF0F3;
    color: #D93D3D;
    margin: 0px;
    width: auto;
    border-radius: 5px;
    padding: 8px 14px;
    line-height: 20px;
    display: inline-block;
    position: absolute;
}
.ExtendPlan span{top: -54px;}
.ExtendPlan span small{display: block;color: #616161;font-size: 12px;font-weight: 400;}
.Org-Add .Add-Lists ul{display: flex;align-items: center;}
.Org-Add .Add-Lists ul li a{border-radius: 6px;border: 1px solid #DBDBDB;box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
display: flex;padding: 12px;width: 166px;margin-right: 14px;text-align: center;align-items: center;}
.Org-Add .Add-Lists ul li a.active{border-color: #5A4D9F;}
.Org-Add .Add-Lists ul li label{margin: 0px;color: #353535;cursor: pointer;}
.Org-Add .Add-Lists ul li .OrgIcons{margin: 0px 8px 0px 0px;}
.FormIcon.OrgName .icon-team-org{font-size: 17px;display: inline-block;transform: rotate(270deg);}
#Org-EditPopup .FormIcon.OrgName.TeamOrg .icon-team-org,#Org-AddPopup .FormIcon.OrgName.TeamOrg .icon-team-org{transform: rotate(0deg);}
.Org-Add .Form-Section .OrgName.FormIcon{margin: 8px 10px 0 0;}
.Org-Add.new-modal.modal.fade .modal-dialog{min-width: 580px;max-width: 580px !important;}
.Orgnization-setup .OrganizationNode {border-radius: 5px;background: #FFF;
box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);width: 490px;
height: 270px;/*overflow: auto;*/margin:8px 0px 0px 35px;position: absolute;z-index: 999;}
.Orgnization-setup .OrganizationNode .Org-Parent{padding: 25px 25px 0px;}
.new-modal .Orgnization-setup .slimScrollDiv{width: 100% !important;margin: 0px;}
.new-modal .Orgnization-setup .slimScrollBar{background: #7B7777 !important;border-radius: 3px;}
.Orgnization-setup .Action-Icons{display: none;}
.Org-Add .OrganizationNode .Org-Title{cursor: pointer;}
.Org-Add .Form-Section .Errormessage{margin-left: 40px;}
.Org-Add .field-validation-error{display: inline-block;line-height: 18px;}
/*Okr configuration redesign css*/
.Configuration-article .Panel .Leftpanel{width: 40%;margin: 0px;padding-left: 0px;}
.Configuration-article .Panel .Rightpanel{width: 60%;margin-bottom: 0px;padding: 0px;}
.ConfigurationHead .Configuration-article .Panel{display: flex;align-items: center;width: 100%;}
.Configuration-article .action label.SecondaryLabel{font-size: 15px;font-weight: normal;}
.Configure-Section .WhiteBg{box-shadow: none;padding: 0px;}
.Configure-Section .Configuration-article{box-shadow: 0px 0px 5px rgb(0 0 0 / 15%);}
.EmpSelect.TeamOKRSelect  label{margin-top: 0px !important;display: inline-block !important;}
.TeamOKRSelect .TagField {margin: 0px 10px 15px 22px;}
.Approve-Mandatory{border-radius: 4px;background: #FFEBEB;display: block;width: 465px;height: 30px;
text-align: center;line-height: 30px;color: #ff5b57;font-size: 13px;margin: 0 auto;}
.Configuration-article .action .Multi-checkbox label{font-weight: normal;font-size: 15px;margin-left: 30px;}
.Configuration-article .Multi-checkbox .boolean .UICheckbox{top: -6px;}
.Configuration-article .Multi-checkbox .boolean .RadioField label{margin: 0px 7px 0 30px !important;}
.OKR-Perform .Employee-Table table.dataTable.nowrap th:last-child,.OKR-Perform .Employee-Table table.dataTable.nowrap td:last-child{width: 26px;min-width: 26px !important; box-shadow: none;border-bottom: 0px solid #e0e0e0;}
.OKR-Perform .Employee-Table table.dataTable.nowrap th,.OKR-Perform .Employee-Table table.dataTable.nowrap td{white-space: inherit;height:35px;}
.Employee-Table table .DescriptionTxt{width: 260px;}
.OKR-Perform .ActionCell a{font-size: 18px;color: #a4a3b1;}
.OKR-Perform .ActionCell a:hover{color: #483B8C;}
.Configure-Section.OKR-Perform .Employee-Table .dataTables_length{display: inline-block;margin-top: 0px;}
.OKR-Perform.Configure-Section .Employee-Table .grid_table .dataTables_info{padding: 26px 0px 0px !important;}
.AddUsersSection.WithoutIcon .Form-Section .TargetTypeNumber{width: 100%;}
.OKR-Perform .Employee-Table #ReviewPeriod-Grid.dataTable.nowrap th:last-child, .OKR-Perform .Employee-Table #ReviewPeriod-Grid.dataTable.nowrap td:last-child{width: 60px;
    min-width: 60px !important;}
.WhiteBg .Employee-Table .AddReviewPeriod-Container .BoxShadow{border-radius: 5px;padding: 25px;}
.AddReviewPeriod-Container .TargetTypeNumber input[type="text"].DatePickerBox{width: 100% !important;}
.AddReviewPeriod-Container .TargetFieldDropdown label{left:6px;}
.Frequency-lists li{display: flex;align-items: center;margin-top: 25px;}
.Frequency-lists li .Question-process{display: inline-block;vertical-align: middle;    background: #F6F6FF;
    color: #5A4D9F;
    font-size: 15px;
    font-weight: bold;
    border-radius: 5px;
    padding: 10px 10px;}
.Frequency-lists li .ToText{font-weight: bold;}
.Frequency-lists li .DateBox {display: flex !important;width: calc(100% - 192px);}
.Frequency-lists li .FloatingLabel,.Frequency-lists li .TargetTypeNumber{width: 100%;}
.Frequency-lists li .Eligible{margin: 8px 20px 8px 20px;}
.Frequency-lists li .DateBox .ToText{margin: 7px 15px 0px 15px;}
.Configure-Section .Employee-Table .table.b-0,.Configure-Section .Employee-Table .Review_Grid .dataTables_wrapper{border: 0px !important;}
/*.Configure-Section .Employee-Table .grid_table .dataTables_paginate{box-shadow: 0 5px 8px #dcdada;border-radius: 0px 0px 5px 5px;background: #fff;border-top: 1px solid #e0e0e0;}
.Configure-Section .Employee-Table .Review_Grid .dataTables_wrapper, .Configure-Section .Employee-Table .Review_Grid.table{border: 0px;}*/



.Workflow-Width .Workflow-Lists{width:30%;}
.Workflow-Lists .Workflow-Save{display: inline-block;position: absolute;right: 22px;height: 28px;color: #fff;line-height: 13px;top: 26px;}
.Workflow-Lists ul li .TitleEdit{margin-left: 12px;color: #C7C7C7;}
.Workflow-Lists ul li .TitleEdit:hover{color: #483B8C;}
.Workflow-Lists,.Workflow-show{box-shadow: 0 0px 8px #dcdada;border-radius: 5px;background: #fff;padding: 0px;}
.Workflow-Lists ul .Title{color: #777;font-weight: normal;text-transform: uppercase;}
.Workflow-Lists ul li{border-bottom: 1px solid #e2e7eb;padding: 20px 15px;display: flex;position: relative;width: 100%;}
.Workflow-Lists ul li .FloatingLabel,.Workflow-Lists ul li .TargetTypeNumber{width: 100%;}
.Workflow-Container{display: inherit;}
.Workflow-Container.Workflow-Width{display: flex;}
.Workflow-Container .Workflow-show{width: 70%;margin-left: 20px;padding: 30px 20px;text-align: center;}
.Workflow-show .Workflow-label{font-size: 17px;font-weight: bold;margin-bottom: 5px;}
.flow-lists div{background: #F6F6FF;border: 1px solid #D6D4FF;border-radius: 5px;padding: 6px; width: 220px;margin: 0 auto 0px;color: #434343;}
.Workflow-show .Flow li img{width: 10px;}
.Workflow-show .close{font-size: 30px;margin-top: -8px;}
.Workflow-label a:hover{text-decoration: underline;}
.Template-Container .TargetTypeNumber,.Template-Container .TargetFieldDropdown .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){width: calc(100% - 0px);}
.Template-Container .TargetFieldDropdown label{left: 7px;}
.ReviewBack{margin-top: -12px;}
.GoalsTemplate-Lists .Card-Click{background: #F6F6FF;border-radius: 5px;padding: 10px 15px;}
.Card-Click .AngleDown {font-size: 30px;color: #777;margin-top: 4px;}
.step.active .Card-Click .AngleDown i, .step .Card-Click .AngleDown.Open i {transform: rotate(180deg);}
.Card-Click .AngleDown i {transform: rotate(0deg);}
.Card-Click span b {color: #000;font-weight: 600;display: block;font-size: 16px;}
.Card-Click span {width: calc(100% - 24px);display: inline-block;position: relative;top: -4px;}
.NoGoals-records{color: #757575;font-size: 14px;text-align: center;margin: 30px 0px;}
.NoGoals-records,.NoRecord .AngleDown .fa{display: none;}
.NoRecord .NoGoals-records{display: inherit;}
.Orgnization-setup{position: relative;}

.Form-Section .TargetFieldDropdown label{left: 7px;}
.Form-Section .AddSubGoal{text-align: right;margin-top: 15px;color: #5A4D9F;display: block;}
.Form-Section .AddSubGoal:hover{text-decoration: underline;}
.Form-Section .AddSubGoal i{font-size: 10px;
    font-weight: bold;
    vertical-align: middle;
    display: inline-block;}
.GoaldPopup .Form-Section .AddSubGoal:hover{color: #483B8C;}
.GoaldPopup .Form-Section .TargetTypeNumber,.Form-Section .TargetFieldDropdown .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn),.Weightsection .TargetTypeNumber{width: 100% !important;}
.GoaldPopup .Form-Section .TargetFieldDropdown .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){margin-bottom: 0px;}
.Subgoal-title{color: #000;font-size: 14px;margin-bottom: 10px;}
.Subgoal-delete{float: right;font-size: 18px;color: #a4a3b1;}
.Subgoal-delete:hover{color: #483B8C;}
.GoalsTemplate-Lists .SubGoal-container,.GoalsTemplate-Lists .Inner-Subgoals{background: #fff;border-radius: 5px;box-shadow: 0px 0px 5px rgb(0 0 0 / 15%);padding: 16px;margin: 15px 0px;cursor: pointer;}
.GoalLabels span,.SubGoal-Card .Weight b{color: #000;font-weight: bold;}
.SubGoal-Card .Desc{color: #757575;font-size: 14px;margin: 10px 0px 0px;width:100%;}
.SubGoal-Card .Weight{font-size: 13px;color: #8E8E8E;float: right;margin-right: 12px;font-weight: 500;}
.GoalLabels .AngleDown {font-size: 28px;color: #777;margin-top: -4px;}
.GoalLabels .AngleDown i {transform: rotate(0deg);}
.SubGoal-container.Open .CardTitle .AngleDown i,.Inner-Subgoals.Open .GoalLabels .AngleDown i{transform: rotate(180deg);}
.GoalLabels a .fa.fa-trash-o{font-size: 18px;}
.GoalLabels a .icon-KeyEdit{font-size: 15px;font-weight: bold;}
.GoalLabels a .icon-KeyEdit,.GoalLabels a .fa.fa-trash-o{color: #9B9B9B;}
.GoalLabels a:hover .icon-KeyEdit,.GoalLabels a:hover .fa.fa-trash-o{color: #5A4D9F;}
.GoalsTemplate-Lists .Inner-Subgoals{background: #FAFAFA !important;}
.SubGoal-Card{position: relative;}
.SubGoal-container.Open .CardTitle{margin-left: 30px;}
.SubGoal-container.Open .CardTitle::before{content: '';
    position: absolute;
    top: 4px;
    left: -31px;
    width: 14px;
    height: 14px;
    border-radius: 100%;
    background: #fff;
    border: 4px solid #5A4D9F;}
.SubGoal-container.Open .CardTitle:after {
    content: "";
    position: absolute;
    border-left: 2px solid #e3e3e3;
    top: 18px;
    bottom: -12px;
    z-index: 9;
    left: -25px;
}
.Subgoalsresults ul.Subgoal-Lists{position: relative;
    padding-left: 0px;
    width: 100%;
    border-left: 2px solid #e3e3e3;
    float: left;
    margin: 0px 0 0px 5px !important;}
  .Subgoalsresults ul.Subgoal-Lists li {
    padding: 0px 0px 0px 25px;
    margin: 15px 10px 0px 0px;
    border: 0px;position: relative;
}
 .Subgoalsresults ul.Subgoal-Lists li::before,  .Subgoalsresults ul.Subgoal-Lists li:first-child::after {
    content: "";
    position: absolute;
    top: 18px;
    left: -2px;
    width: 18px;
    height: 10px;
    background: transparent;
    border-bottom-left-radius: 24px;
    border-color: #e3e3e3;
    border-style: solid;
    border-width: 0px 0px 2px 2px;
    z-index: 99;
}
 .Subgoalsresults ul.Subgoal-Lists li .Inner-Subgoals:before {
    content: '';
    position: absolute;
    top: 19px;
    left: 16px;
    width: 14px;
    height: 14px;
    border-radius: 100%;
    background: #fff;
    border: 4px solid #B2B2B2;
}
.SubGoal-container .Subgoalsresults,.SubGoal-container .CardTitle .Innertarget{display: none;}
.SubGoal-container.Open .Subgoalsresults,.SubGoal-container.Open .CardTitle .Innertarget{display: block;}
/*.Subgoalsresults ul.Subgoal-Lists li:last-child:after, .Subgoalsresults ul.Subgoal-Lists li:last-child:after {background: #fff !important;}*/
/*.Subgoalsresults ul.Subgoal-Lists li:last-child:after {top: 3px;}*/

.Subgoalsresults ul.Subgoal-Lists li:last-child:after{
    content: "";
    position: absolute;
    top: 20px;
    bottom: -17px;
    left: -4px;
    width: 5px;
    background: #fff;
}
.Innertarget label{display: block;color: #8E8E8E;font-size: 14px;font-weight: 500;margin: 10px 0px 0px;}
.Innertarget span{color: #000;font-weight: 600;font-size: 14px;}
.Inner-Subgoals .Innertarget,.Inner-Subgoals .Desc {display: none;}
.Inner-Subgoals.Open .Innertarget,.Inner-Subgoals.Open .Desc{display: block;}
.GoalLabels .TitleDiv{width: calc(100% - 170px);display: inline-block;}
.ButtonsDrop .btn.btn-default.dropdown-toggle.selectpicker{background: #5A4D9F;color: #fff;border: 0px !important;box-shadow: none;}
.ButtonsDrop .btn.btn-default.dropdown-toggle.selectpicker span{color: #fff;}
.ButtonsDrop .bootstrap-select .dropdown-menu.selectpicker li:first-child{display: none;}
.leftpanal-collapse a{z-index: 999;right: -13px;position: absolute;width: 30px;height: 30px;border-radius: 50%;
box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);background: #fff;font-size: 26px;
transform: rotate(0deg);text-align: center;color: #5A4D9F;top: 9px;line-height: 28px;}
.leftpanal-collapse a:hover{background: #5A4D9F;color: #fff;}
.leftpanal-collapse .fa.fa-angle-down{transform: rotate(90deg);}
.Collapse .sideways li span{display: none;}
.LeftWidth.Collapse {width: 7%}
.LeftWidth.Collapse .sideways li a{padding: 30px 20px 50px;}
.LeftWidth.Collapse .leftpanal-collapse .fa.fa-angle-down{transform: rotate(270deg);}
.LeftWidth.Collapse .sideways li a i{margin: 0px;}
.RightWidth.FullWidth{width: 93%;}
.Template-Grids{display: table;width: 100%;}
.Template-Grids .Template-InnerGrids{border-radius: 5px;background: #F6F6FF;margin-bottom: 15px;}
.Template-Grids .Template-InnerGrids:last-child{margin-bottom: 0px;}
.Template-Grids .rTableRow{width: 100%;display: table;}
.Template-Grids .rTableCell{padding: 15px 15px;border: 0px;width: 30%;}
.Template-Grids .rTableCell:last-child{width: 10%;}
.Template-Grids .rTableCell a{font-size: 15px;color: #5A4D9F;font-weight: 600;}
.Template-Grids .rTableCell a.icon{color: #c8c8c8;font-weight: bold;font-size: 16px !important;}
.Template-Grids .rTableCell a.icon:hover{color: #5A4D9F;}
.Template-Grids .rTableCell span{color: #8E8E8E;font-weight: 500;font-size: 14px;}
.Template-Grids .rTableCell span b{color: #000;font-size: 14px;font-weight: 600;}
.Employee-Table.Template-Container .grid_table{position: unset;} 
.AddReviewPeriod-Container .Form-Section .TargetFieldDropdown .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){width: calc(100% - 36px) !important;}
/*.TeamOKRSelect .FloatingLabel .MultiselectEmployeeNameDiv .placeholder{top: 0px;}*/
.boolean .UICheckbox small.checked i{margin: 0px;}
.AddUsersSection  .Form-Section .Newpicker.TargetFieldDropdown label{left: 42px;}
.GoaldPopup.AddUsersSection .TargetFieldDropdown .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){width: 100% !important;}
.AddUsersSection  .TargetFieldDropdown .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){width: calc(100% - 36px) !important;}
.Configure-Section .Employee-Table .table#StandardGrid th label{color: #777;font-size: 14px;font-weight: normal;}
.WhiteBg .Financial-Section .Employee-Table .BoxShadow{border-radius: 5px;}
.Configure-Section .Financial-Section .Employee-Table .dataTables_wrapper,.Configure-Section .Financial-Section .Employee-Table .dataTables_wrapper table{border: 0px;}
.Financial-Section .ProgressTooltip{font-size: 20px;}
.tab-pane .Financial-Section .tooltip{margin-top: 0px;}
.Configuration-article .Financial-Section.action .tooltip{top: 47px !important;}
.Financial-Section .tooltip.top .tooltip-arrow{top: 25px;border-top-color: #000;white-space: inherit;}
#OKR-Perform .CustomTooltip .tooltip-inner{max-width: 200px;}
.Create-Cycle{display: table;width: 100%;text-align: center;text-align: center;
    border-radius: 5px;background: #FFF;box-shadow: 0px 0px 4px 0px #BFBDBD;height: 450px;margin-top: 15px;}
.Create-Cycle .Create-CycleInner{display: table-cell;vertical-align: middle;}
.Create-CycleInner .Process-Icon{margin-bottom: 20px;position: relative;background: #F6F6FF;display: inline-block;width: 70px;height: 70px;border-radius: 50%;}
.Create-CycleInner .Process-Icon i{position: absolute;font-size: 44px;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.JiraProgress{width: 55px;}
.tab-pane .Workflow-Lists .tooltip{box-shadow: none;background: transparent;}
.Workflow-Lists .tooltip-inner{margin-top: -32px !important;}
.Workflow-Lists .tooltip.top .tooltip-arrow{top: -8px;border-top-color: #000;}
.DateJoining.Datepickercontainer .TargetTypeNumber{width: calc(100% - 36px) !important;}
.DateJoining.Datepickercontainer .TargetTypeNumber input[type="text"].DatePickerBox{width: 136px !important;}
.Configuration-article .AddBucket{text-align: right;width: 60%;}
.Configuration-article .AddBucket:hover{text-decoration: underline;}
.ActionBtn a{font-size: 18px;color: #a4a3b1;}
.ActionBtn a.DeleteRow{font-size: 20px;}
.ActionBtn a:hover{color: #483B8C;}
.ManageBtn,.AsanaManageBtn{float: right;margin: -20px 0px 10px;}
.ManageCards .boolean .UICheckbox{top: -7px;}
.ManageCards .boolean label{padding: 0 10px 0 0px;}
.Manage-Integration .TargetTypeNumber{width: calc(100% - 20px);}
.ManageCards{box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);
    background: #FFFFFF;border-radius: 4px;padding: 20px;;margin-top: 15px;}
.ManageCards h5{font-size: 16px;}
.ManageCards.ProgressCalculate .FloatingLabel .TargetTypeNumber{width: calc(100% - 100px);}
.ManageCards .FloatingLabel .Percent{display: inline-block;font-size: 15px;font-weight: 700;vertical-align: middle;padding: 10px;}
.m-t--10{margin-top: -10px !important;}
.EmpID.FormIcon{font-size: 21px;margin: 8px 14px 0 5px;padding-top: 5px;}
#Allow-Users.new-modal.modal.fade .modal-dialog,#AsanaAllow-Users.new-modal.modal.fade .modal-dialog{max-width: 800px !important;}
#Allow-Users .WhiteBg,#AsanaAllow-Users .WhiteBg{box-shadow: none;padding: 0;}
#Allow-Users .Employee-Table .grid_table,#AsanaAllow-Users .Employee-Table .grid_table{padding-top: 60px;}
#Allow-Users #AllowGrid.table tr th:first-child,#AsanaAllow-Users #AllowGrid.table tr th:first-child {padding: 10px 0px 0px 15px;}
#Allow-Users #AllowGrid .UICheckbox,#AsanaAllow-Users #AllowGrid .UICheckbox{top: 0px;}
.UserMange .Employee-Table .scrolledTable{margin-right: 0px;}
#Allow-Users .dataTables_length,#Allow-Users div.dataTables_info,#AsanaAllow-Users .dataTables_length,#AsanaAllow-Users div.dataTables_info{margin-top: 0px;}
.Disabled{cursor: not-allowed;filter: alpha(opacity = 65);-webkit-box-shadow: none;box-shadow: none;opacity: .65;}
.MainCard.HRISProduct.AISection{display: none !important;}
.Disabled:hover{cursor: not-allowed;}
#AddBucketRule .TargetTypeNumber{width: 100%;}
.ManageCards.UserControl .boolean .Errormessage{margin: -4px 0px 0px 5px;padding: 0;}
.RadioError.boolean .AllUsers .UICheckbox small.checked,.RadioError.boolean .AllUsers small.checked {border: 1px solid #ff5b57;}
.RadioError.boolean .AllUsers .UICheckbox small.checked i{color: #ff5b57;}
.Info-Section{text-transform: none;}
.LinkConfig{display: inline-block;position: absolute;right: -15px;top: -15px;}
.LinkConfig:hover{text-decoration: underline;}
.LinkConfig.Disabled{color: #D4D4D4;}
.OutlookAction .DivCenter span img{width: 55px;}
.Asana-Revalidate,.Asana-Revalidate h5,.Asana-Revalidate span{display: inline-block;vertical-align: middle;}
.Asana-Revalidate{width: 100%;}
.Asana-Revalidate h5,.Asana-Revalidate span{margin: 8px 0px 0px;}
@media only screen and (min-width: 768px) and (max-width: 1023px){
    .EmployeeCycleGrid .borderstyle .rTableCell{height: 120px;} 
    .Detail-Section .PlanSection .OKRLists li{width: 50%;}
    .Detail-Section .SubUsage-Lists{width: 47.5%;text-align: center;}
    .Detail-Section .SubUsage-Lists label{display: block;float: none;margin-top: 10px;}
    .UsageSection .Usage-Lists{margin-bottom: 20px;width: 50%;}
    .UsageSection .Usage-Lists:nth-child(odd){border: 0px;padding: 0px;}
    .UsageSection .SubUsageSection{margin: 0px !important;} 
    .Approve-Mandatory{display: flex;align-items: center;justify-content: center;margin: 10px auto 10px;clear: both;
        position: relative;top: 10px;}
}
/*Account details end*/
@media only screen and (min-width: 1023px) and (max-width: 1250px){
    .DivCenter .col-md-11 {margin-left: 25px !important;} 
}
/*team integration start*/
.NotificationList .EmployeeCycleGrid label a{color: #434343;font-weight: bold;font-size: 15px;}
.NotificationList .EmployeeCycleGrid label a:hover{color: #483B8C;text-decoration: none;}
.Team-Container .HRISProduct,.Team-Container .MsSection,.Team-Container .SlackSection,.Team-Container .AISection {cursor: pointer;}
.UpgradeContainer .Team-Container .IntegrationMain .MainCard,.UpgradeContainer .Team-Container .IntegrationMain{pointer-events: inherit;}
.Team-Container .CircleArrow{position: absolute;right: 0px;top: 25px;}
.Team-Container .CircleArrow span{border: 2px solid #5A4D9F;border-radius: 20px;width: 22px;height: 22px;display: flex;align-items: center;justify-content: center;}
.Team-Container .CircleArrow:hover span{background: #5A4D9F;}
.Team-Container .CircleArrow:hover i{color: #fff;}
.Team-Container .CircleArrow i{font-size: 10px;margin-top: 3px;}
.SelectAction .TurnToggle{position: absolute;right: 0px;top: 3px;}
.ReminderNotifie .NotificationSection .bootstrap-select button.selectpicker.btn.btn-default.dropdown-toggle{border: 1px solid #e0e0e0;}
.ReminderNotifie .NotificationSection .bootstrap-select button.selectpicker.btn.btn-default.dropdown-toggle:hover{border: 1px solid #5A4D9F;}
.tab-pane .Breadcrumbs{font-size: 14px;color: #D4D4D4;}
.tab-pane .HRMSBack,.tab-pane .TeamsBack,.tab-pane .SlackBack,.tab-pane .AIBack{margin-top: -10px;}
.ReminderNotifie .DispatchForm{box-shadow: none;}
.Team-Container .MainCard .InnerCard{width: 92%;}
.IntegrationMain .MainCard.ActiveCard{box-shadow: 0px 0px 10px rgb(0 0 0 / 15%;}
/*team integration end*/
@media screen and (-webkit-min-device-pixel-ratio: 0){
.Intitatives small.placeholder {top: 21px;}
}
@media (max-width: 1024px){
    .sideways li span{width: 70%;}
    .WhiteBg .NotificationList .NotifyCard{width: 100%;margin: 0 0px 15px 0px !important;}
    .WhiteBg .NotificationList .NotifyCard:last-child{margin-bottom: 0px !important;}
    .PlanSection .OKRLists li{width: 50%;}
    .PlanSection .OKRLists li span{width: 80%;}
    .PlanColumn{margin: 10px 0px 35px;}
    .PlanSubColumn{margin-bottom: 10px;}
    .EmployeeListPopup ul li{width: 50%;}
    .APIUnselected .col-md-5{width: 100%;}
    .ConfigurationHead .APIActivate,.APIUnselected .col-md-5{padding-left: 0px;}
    .HRISMain .NewSeachBox{margin-bottom: 0px;}
    .HRIS-Section .HRISLink{padding-bottom: 0px;}
    .IntegrationMain .MainCard{padding: 20px;}
    .ConfigurationHead #IntegrationSetup h3{padding-left: 6px;}
}