.review-period {
    margin-bottom: 15px;
}

    .review-period button {
        float: left;
        border: 1px solid rgb(214, 219, 225);
        background-color: white;
        border-radius: 0;
        outline: 0;
    }

        .review-period button:first-child {
            border-radius: 5px 0 0 5px;
        }

        .review-period button:last-child {
            border-radius: 0 5px 5px 0;
        }

        .review-period button.tag {
            padding: 5px 15px;
            background-color: rgb(236,239,246);
        }

        .review-period button.cycle-years {
            padding: 5px 10px;
            border-left: none;
        }

        .review-period button.selected-cycle {
            background-color:#353535;
            color: white;
        }

/* user details container */
.user-details-container {
    display: block;
    border: 1px solid rgb(214, 219, 225);
    border-radius: 5px;
    position:relative;
    padding:15px;
}

    .employee-details {
       /*  width: 35%; */
        float: left;
        /* border-right: 1px solid rgb(214,219,225); */
        padding: 0;
    }

         .employee-details .employee-image {
            width: 50px;
            height: 50px;
            border-radius: 50%;
            float: left;
        }

            .employee-details .employee-image img {
                height: 100%;
                width: 100%;
                border-radius: 50%;
            }

      .employee-details .employee-other-details {
            float: left; width:65%;
        }

         .employee-details .employee-other-details .employee-name {
                text-transform: capitalize;
                font-weight: 600;
            }

          .employee-details .employee-other-details .employee-designation {
                color:#9b9b9b;
            }

          .employee-other-details div {
                text-transform: capitalize;
                 white-space: nowrap;
            }

          .employee-details .employee-other-details .fa {
                color: rgb(112, 116, 120);
            }
    .cycle-related-info {
        /* width: 65%; */
        float: left;
        padding:0px;
    }

         .cycle-related-info h3 {
            text-transform: capitalize;
            font-weight: 600; font-size:14px; margin:0 0 4px;
        }
 .export-option {
           top:15px; right:0; width:100px; font-size:0.857rem;
        }
 .export-option span {font-size:14px;}
         .export-option .fa-file-excel-o {
                color: rgb(145,195, 131);
            }

         .export-option .fa-file-pdf-o {
                color: rgb(185, 40, 43);
            }
/** Starts **/
  .columns-container {
            display: table;
            width: 100%;
        }
.columns-container ul{ width:49%; display:inline-block;}
.columns-container li{ line-height:17px;}
.columns-container li label{ max-width:40%;display:inline-block; vertical-align:top; color:rgb(125,125,125);}
.columns-container li span{ width:60%;display:inline-block; padding:0 0 0 5px;}
    /** Old **/ 
    .each-goals-container  p{ color:icon-SearchGlass; font-size:16px;}
    .columns-container .each-column {
                display: table-cell;
            }

             .columns-container .each-column .inner-left-column {
                    float: left;
                    display: block;
                    margin:5px 0 0 10px;
                    width:150px;
                }

                .cycle-related-info .columns-container .each-column .inner-left-column label {
                        display: block;
                        color: rgb(125,125,125);
                        margin: 0;
                    }

              .cycle-related-info .columns-container .each-column .inner-right-column {
                    float: left;
                    display: block;
                    margin-left: 10px;
                }

                   .cycle-related-info .columns-container .each-column .inner-right-column label {
                        display: block;
                        margin: 0;
                    }

/* manage goals container */
.manage-goals-container {
    display: none;
    padding: 0;
}


    .manage-goals-container .add-section, .manage-goals-container .add-goal {
        text-transform: uppercase;
        font-size: 1.1em;
        font-weight: 500;
        color: #764FB7;
        padding: 0;
        margin-right: 20px;
    }

        .manage-goals-container .add-section:active, .manage-goals-container .add-goal:active {
            box-shadow: none;
        }

        .manage-goals-container .add-section .fa-plus, .manage-goals-container .add-goal .fa-plus {
            font-weight: 400;
            font-size: 1.2em;
        }


    .manage-goals-container .section-action-elements {
        width: 100%;
        display: block;
        right: 0;
    }

        .manage-goals-container .section-action-elements .pull-right > a {
            margin: 0 10px 5px 0;
            display: inline-block;
        }

            .manage-goals-container .section-action-elements .pull-right > a.has-book:first-child {
                margin-right: 20px;
                font-size: 1.1em;
                color: rgb(0, 135, 199);
                font-weight: 500;
            }

            .manage-goals-container .section-action-elements .pull-right > a:last-child {
                margin-right: 0;
            }

/* at time there will be need for forcing padding-bottom and padding-right to be reduced, then use below mainly container's that have '.section-action-elements' class */
.reduce-padding-bottom {
    padding-bottom: 5px !important;
}

.reduce-margin-right {
    margin-right: -10px !important;
}

/* adding new sections */
.extend-bottom-border {
    border-bottom: 1px solid rgb(214,219,225);
    margin-left: -15px !important;
    margin-right: -15px !important;
}

.bottom-border {
    border-bottom: 1px solid rgb(214,219,225);
}


.editable-container {
    display: inline-block;
    width: 100%;
    border: 1px solid rgb(214,219,225);
    border-radius: 5px;

}
.BgWhite{background: #fff;}
.HolocracySection .ValueSelected .OuterBorderImg{float: left;}
/*.HolocracySection .ValueSelected .EmpCard span small{padding-left: 58px;}*/
.HolocracySection .ValueSelected .OuterBorder{margin: 0px 10px 0px 0px;}
.section-container {
    display: inline-block;
    width: 100%;
    border: 1px solid #d4d4d4;
    border-radius: 5px;
    margin-top: 15px;
}

.alternate-background {
    /*background-color: rgb(245,245,247) !important;*/background: #fff;
}


.section-head {
    width: 100%;
    padding: 16px;
}

    .section-head .section-title {
        font-weight: 500;
    font-size: 15px;padding: 0px;
    font-family: 'Roboto Slab';
    color: #353535;
    text-transform: capitalize;
    line-height: 24px;border: 0px;
    }
    .section-head .section-title a{color: #353535;}

        .section-head .section-title .pull-right.fa-angle-up {
            margin-top: -5px;
        }

        .section-head .section-title .head-actions a {
            color: rgb(125,125,125);
            text-transform: capitalize;
            margin-right: 20px;
        }

            .section-head .section-title .head-actions a i {
                margin-right: 10px;
            }


    .section-head .section-description p {
        margin: 0;
    }

/*.section-contents {
    padding: 15px;
}*/

    .section-contents form {
        clear: both;
    }

        .section-contents form .form-group:after {
            clear: both;
            display: table;
            content: " ";
        }

        .section-contents form .form-group:before {
            display: table;
            content: " ";
        }

        .section-contents form .form-group .styled-form{
        }
            .section-contents form .form-group .styled-form label {
                margin-left:10px;
                margin-right:10px;
            }
        .section-contents form .form-group input.inline-input{
            width:50px; padding:0 10px;
        }

        .section-contents form .custom-controls {
            width:100%;
        }

        .section-contents form .custom-controls .form-group{
            width:50%;
            float:left;
            padding-right: 16px;
        }

    .section-contents label {  font-size: 12px;    margin-bottom: 0.428rem;
        text-align: left;font-weight:700;
    }

    .section-contents form .col-lg-9, .section-contents form .col-md-9 {
        width: 80%;
    }

    .section-contents form .custom-textarea {
        border: 1px solid rgb(214,219,225);
        border-radius: 5px;
        
    }

        .section-contents form .custom-textarea .toolbar {
            padding: 5px;
            border-bottom: 1px solid rgb(214,219,225);
        }

            .section-contents form .custom-textarea .toolbar a {
                color: white;
                background-color: rgb(181, 194, 200);
            }

                .section-contents form .custom-textarea .toolbar a.active {
                    color: rgb(181, 194, 200);
                    background-color: white;
                }

        .section-contents form .custom-textarea textarea {
            border-radius: 0 0 5px 5px;
            resize: vertical;
            border: none;
        }
.textareacontrol
 { 
    resize:vertical;
    width:100%;
    height:110px;
}
.toolbar-content {
                   padding: 5px;
        padding: 5px;
    border-bottom: 1px solid rgb(214,219,225);             
}
.section-contents form .inline-label-padding input {font-size:14px;}
.section-contents form .form-group input.FormWidth{width: 100%;}
.Target-Section{background: #e8e8fb;padding: 15px 0 16px;}
.sub-section-title a.accordion-toggle-styled {
    color: #353535;
    font-weight: 500;
    font-size: 16px;
    font-family: 'Roboto Slab';
}
.section-contents form .form-group input.DatePickerBox{
background: #fff url(../images/datepickernew.svg) no-repeat scroll 7px 11px;
    width: 180px !important;
    height: 35px;
    border-radius: 5px;
    outline: none;
    padding: 7px 10px 5px 35px !important;display: block;}
    .section-contents form .inline-label-padding label {
        padding-right: 0;
        color: icon-SearchGlass;
    }
        .section-contents form .inline-label-padding label.col-lg-1.col-md-1 {
            width: 5%;
        }

@media screen and (min-width: 1024px) {
    .goals-container {
    }

    .each-goals-container {
        border-top: 1px solid #d4d4d4;
        display: block;
       /* border: 1px solid rgb(214,219,225);
        border-radius: 5px;*/
        color:#353535;
        margin-bottom: 15px;
    }
}

@media screen and (max-width: 1024px) {
    .goals-container {
    }

    .each-goals-container {
        display: inline-block;
        width: 100%;
        border: 1px solid rgb(214,219,225);
        border-radius: 5px;
        color:#353535;
        margin-top: 5px;
        margin-bottom: 10px;
    }

        .each-goals-container:last-child {
            margin-bottom: 0;
        }
}



/* choose from library - modal settings */
#library-modal .modal-dialog{
    width:800px;
    
}

#library-modal .close{
    color:#353535;
}
#library-modal ul.nav-tabs {
    background-color:white;
}

#library-modal ul.nav-tabs li{
    background-color: black !important;
}

#library-modal ul.nav-tabs li a{
    color:white;
    text-decoration:none;
    margin-right:0;
}

#library-modal ul.nav-tabs li:hover a:hover{
    background-color:#353535;
    color:#dad8d8;
}


#library-modal ul.nav-tabs li.active a:hover{
    background-color:white;
}
#library-modal .modal-body .row{ background:#ffffff;}
#library-modal .panel-default > .panel-heading{background:#fff;}
#library-modal .LocationTreeDIV .Pos_absolute{ left:0;     border-top-left-radius: 0px;
    border-top-left-radius: 0px; top:30px;}
.NewForm .FormIndividual .LocationTreeDIV input {
    height: 42px !important;
    width: 100% !important;
}
.NewForm .FormIndividual .LocationTreeDIV .LocationTree {
    background: #fff url(../images/TreeIcon.png) no-repeat 9px 12px;
}
.KPICol{ width:60%;}
.KPICol label{color:#333; margin:0;}
.tab-content{
    border:1px solid rgb(230, 230, 230);
    padding:20px;
}

.tab-content .section-selector{

}
.section-selector label{
    color:rgb(125,125,125);
}

.section-selector select{
    width:200px;
    margin-left:20px;
}

.section-selector button{
    font-weight:400;
    margin-left:20px;
}

.search-employee-template label{
    width:10%;
    float:left;
    margin:5px 0;
}

.search-employee-template input.form-control{
    width:90%;
    float:left;
}
/*************** provide-feedback page****************/
.provide-feedback {
    /*background-color:#fff;
    border-radius:5px;*/padding: 0px;
}

.provide-feedback > .on-scroll-fixed{
    z-index:1000;
    background-color:#fff;
    position:fixed;
    /*width: 88.85%;*/
    right: 27px;
    left:245px;
    top: 75px;padding:5px 10px 5px;
    box-shadow:0 0 2px rgba(0, 0, 0, 0.3); -moz-box-shadow:0 0 2px rgba(0, 0, 0, 0.3); -webkit-box-shadow:0 0 2px rgba(0, 0, 0, 0.3);
}
.page-sidebar-minified .provide-feedback > .on-scroll-fixed{right: 27px;
    left:87px;  }
.provide-feedback > .on-scroll-fixed>.rating-system{
    display:none;
}

.provide-feedback > div > .section-action-elements{    
    opacity:1;
    z-index:1000;
    right:50px;
}
.provide-feedback>div#scroll-fixed.on-scroll-fixed>.section-action-elements>div.pull-left label{
    display:block;
}
.provide-feedback>div#scroll-fixed>.section-action-elements>div.pull-left label{
    display:none;
    font-size:15px;
}

.highlight-outer{
    width:40px;
    height:40px;
    padding:1px;
    background-color:white;
    border-radius:50%;
}

.highlight-inner{
    background-color:rgb(243,100,30);
    width:100%;
    height:100%;
    border-radius:50%;
}


.provide-feedback > div > .rating-system{
    background-color:rgb(197, 239, 255);
    color:rgb(58,99,131);
    border-radius:5px;
    opacity:1;
    z-index:1000;
    display:block;
}

.provide-feedback .rating-system .btn-icon{
    background-color:rgb(242,100,34);
    padding-top:2px;
    color:white;
}

.provide-feedback .rating-system .btn-icon{
    margin-left:15px;
    margin-right:10px;
}

.provide-feedback > div > .score-panel{
    background-color:#e8e8fb;
    display:table;
    opacity:1;
    z-index:1000;    
    width:100%;
    border-radius:0px;
    padding:15px 0;
    
}
.score-panel>div{
    float:left;
}
.score-panel label{
    color:#000;
    margin:0; display:block;
}
.grade-value label{margin-bottom: 4px;}
.feedback-progress{
    width:40%;
    display:table-cell;
}
.feedback-progress label{
    width:100%;
    margin:0;
    vertical-align:middle;
}
.feedback-progress span{
line-height: 35px;
color: #000000;
    font-size: 20px;
    
}
.feedback-progress .progress{
    width:60%;
    float:left;
    margin:10px 9px 0 0px;
    border-radius:5px;
    height:12px;
}

.progress-bar{
    width: 56%;
}

.score-panel .score-value{
    width:10%;
    vertical-align:bottom;
    margin-right:15%;
    display:table-cell;
}
.score-value span{
    padding-top:4px;
    font-size:22px;
    color:#000;
    display: block;
}
.score-panel .grade-value{
    width:20%;
    display:table-cell;
}
.grade-value > div {
    display: inline-block;
    margin: 5px 0 0;
    width: 200px;
}
    .score-panel .grade-value select {
        width: 70%;    cursor: pointer;
    }
.score-panel .grade-value select:hover{
    border: 1px solid #764FB7;
}
.add-border{
    border:1px solid black !important;
}


/* goals css for provide feedback page */
.choose-to-rate{ display:none;}
.provide-feedback > .sections-container{
    color:rgb(0,0,0);
    /*margin-top:400px;*/
}
 
.provide-feedback > .sections-container .each-section{
     border:1px solid #c7c7c7;
     border-radius:4px;
     margin-bottom:20px;
     background-color:#fff;
}

.provide-feedback > .sections-container .each-section .section-head{
    padding:15px;cursor: pointer;
}

.provide-feedback .weightage-container{
    border:1px solid black;
    border-radius:50%;
    width:50px;
    height:50px;
    right:0;
}


.provide-feedback .section-title{
    text-transform: capitalize;
    font-weight:600;
    line-height:28px;
    vertical-align:middle;
}

.provide-feedback .section-title .fa-2x{
    margin-top:-5px;
}

.provide-feedback .section-description-container{
    display:block;
    width:100%;
}

 .provide-feedback .section-description{
     width:95%;
     float:left;
 }

 .provide-feedback  .section-minifer{
     width:5%;
     float:right;
 }

.provide-feedback .each-section .section-content{
    padding:15px;border-top: 1px solid #D4D4D4;
}

.provide-feedback .each-section .section-content .sub-section{
    margin-bottom:20px;
    background-color: rgb(245,245, 247);border-radius: 4px;
}

.provide-feedback .sub-section .sub-section-head{
    border-bottom:1px solid #c7c7c7;
    padding:15px;border-radius: 4px
}

.provide-feedback .sub-section .sub-section-head .sub-section-title{
    text-transform:capitalize;
    font-weight:600;
    margin-bottom:5px;position: relative;
}
.AchievedTargetTypeCont .bootstrap-select button.selectpicker.btn.btn-default.dropdown-toggle,.AchievedTargetTypeCont .btn-group button.multiselect{height: 42px;}
.provide-feedback .sub-section-title .fa-2x {
    margin-top: -6px;
}

.provide-feedback .sub-section .sub-section-head .sub-section-description-container{
}

.provide-feedback .sub-section .sub-section-head .sub-section-description-container .sub-section-description{
     width:95%;
     float:left;
 }

.provide-feedback .sub-section .sub-section-contents {
    background-color:#fff;
    padding:15px;
 }

.provide-feedback .each-question{
   /* background-color: rgb(245,245, 247);*/
    padding:15px;
    /* width:49.5%; 
    margin-right:0.5%;*/
    border:1px solid rgb(216, 219, 224);
    border-radius:5px;
    margin-bottom:15px;
    position:relative;
    display:inline-block;
    vertical-align:top;
}

/*    .provide-feedback .each-question:nth-child(odd) {
        
        margin-right: 1%;
    }

    .provide-feedback .each-question:nth-child(even) {
        
    }*/

    .each-question .question-heading{
        font-weight:bold;
        margin-bottom:5px;
        color:#1c1c1c;margin-top: 15px;
    }
.each-question label{ font-weight:bold;}
.section-head {
    position:relative;
}
.section-head button {
        position:absolute;
        right:15px;
        top:30%;
}
.sub-section-contents>.row, .section-content>.row{
    margin-left:0;
    margin-right:0;
}
.each-question .message-block{
    /*padding:10px 10px;*/
    /*border:1px solid rgb(230, 230, 230);
    
    background-color:#fff;*/
}

.question-message{
    /*color: #546c90;*/
    margin-top: 10px;
}

.question-message .message-icon{
    font-size:18px;
    margin-right:10px;
    float:left;
}
.question-message .message-content{
    float:left;
    text-align:left;
    font-size:.75em;
    width: 63%;
}
.message-content .message-title{
    margin:0;
    text-transform:uppercase;
    font-weight:500;
     white-space: nowrap;
     font-size:13px; color:#353535;
}

.message-content .message-value{
    margin:0;
    text-transform:capitalize;
     white-space: nowrap;
     font-size:13px; color:#353535;
}

.feedback-messages label{
    font-weight:bold;
    margin-top:15px;
    margin-bottom:0;
}

.feedback-message{
    margin-top:15px;
}

.feedback-message .feedback-header{
    display:table;    
    width:100%;
}
.feedback-message .feedback-header .left-content{
    width:60%;
    position:relative;
    float:left;
}

    .feedback-message .feedback-header .left-content img,.ListOthersFeedback img {
        height:40px;
        width:40px;
        border-radius:50%;
        float:left;
        margin-right:5px;
    }

    .feedback-message .feedback-header .left-content div{
        float:left;
        padding:0;
        margin-bottom:0;
        margin-right:5px;
    }

    .feedback-message .feedback-header .left-content div p.name,.ListOthersFeedback div p.name{
        margin:0;
        font-weight:bold;
    }

    .feedback-message .feedback-header .left-content div p.designation,.ListOthersFeedback div p.designation{
        margin:0;
        color:rgb(151,151,153);
    }

    .feedback-message .feedback-header .right-content{
        float:right;
        width:40%;
        text-align:right;
        font-weight:bold; font-size:13px;
    }

    .feedback-message .feedback-value p{
        background-color:#fff;
        border:1px solid rgb(230,230,230);
        border-radius:5px;
        margin-top:10px;
        display:block;
        padding:15px;
    }
    

.rating-section{ 
    margin-top:15px;
}
.rating-section .rating-section-title{
        font-weight:bold;
    margin-top:15px;
    margin-bottom:10px;
}

.rating-section-contents .choose-to-rate{
}

a.theme-collapse-btn{
    background-color:#353535;
    color:white;
}
    
    a.theme-collapse-btn{
        transform:rotate(-90deg);
    }
.fa-small{ width:18px;}

/** Provide Feedback Grid ***/
.FeedbackCell i.fa{ color:#7d7c7c; margin-right:5px; font-size:20px;}
.GridHeader{background:#f5f5f7;}
.FeedbackGrid .row{margin:0;}
.FeedbackGrid{ border:1px solid #e6e6e6; border-radius:3px; display:table;width:100%;}
.FeedbackCell{padding:10px !important; display:table-cell; vertical-align:middle; min-width:250px;}
.FeedbackCell .UISelectBox{ width:95%;}
.GridRow{border-top:1px solid #e6e6e6;}
.FeedbackGrid  .bootstrap-select { width:90%;}
.FeedbackGrid  .selectpicker { width:100%;}
.GridHeader,.GridRow{ display:table-row;}
.selectpicker .glyphicon {display:none;}
.FeedbackGrid  .selectpicker span.filter-option{ width:80%; text-align:left; overflow:hidden;}
.FeedbackGrid  .show-less-content{height:40px;}
.FeedbackCell textarea{resize:none;border-radius:3px; height:60px;}
.EditCell .section-description{ padding:4px; color:#333; border-radius:3px; width:250px;} 
label.ReadonlyLabel{ display:block; padding:4px; color:#333; border-radius:3px;}
/* .ListOthersFeedback {display:none;} */
.ListOthersFeedback h2{ font-size:16px; margin:0 5px 0 10px;}
.ListOthersFeedback .row{border-bottom:1px solid #e6e6e6; margin:0 10px;}
.ListOthersFeedback .row:last-child{ border:none;}
.GoalNamecell{ width:200px;}
.ScrollX{ overflow-x:scroll;}
.rTableCell a.show-less{ font-size:0.857rem; color:#337ab7; float:right;}

.GoalGrid textarea{width:250px; color:#7d7c7c;}
.GoalGrid .rTableCell{min-width:150px;}
.GoalGrid{ margin-right:0;}
.GoalGrid span.filter-option { width:90%;}
.GoalGrid .designation { display:none;}
.EditCell .name{ font-weight:bold; margin:0;}
/** Set Goals Grid **/
.rTableHead span{font-weight:normal;}
.SetGoalsGrid textarea{ line-height: normal; padding: 4px 5px; resize: none; color:#7d7c7c; height:68px;  width: 220px;}
.SetGoalsGrid .ActionHeader a{border-left: 1px solid #d3d5dc;
    color: #566a8f;
    font-size: 14px;
    font-weight: 700;
    padding: 13px 15px;}
.SetGoalsGrid .NewRow,.NewSection{display:none;}
.GoalWidth{ width:300px;}
.SetGoalsGrid  .rowEdit .ActionInView{ display:block;}
.TargetField{ width:260px;}
.rTableCell .TargetField select.UISelectBox ,.TargetField div{ width:120px; margin-right:10px;}
.TargetField input[type="radio"]{ margin:0 4px 0 10px;}
/*.GoalGrid .UISelectBox, .ReviewerRating input[type="text"]{ width:180px !important;}*/
.RatingCol{ width:200px;}
.AttachedFiles li{clear:both;}
.AttachedFiles label{ max-width:180px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; float:left;}
.AttachedFiles a{color:red; font-size:10px; margin:0 0 0 3px; float:left;}
.rTableCell .TargetNumber input,.rTableCell .TargetNumber select{ width:44% !important; margin:0 4px 0 0; float:left;}
/*********** Progress bar **************/
.trackstatus{ clear:both; display:block; text-align:center;}
.amber{background:#FFC200;}
.green{ background:#32CD32;}
.red{ background:#FA8072;}
.progress{ position:relative;}
.progress > span {
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    text-align: center;
    width: 50px;
    font-size:0.857rem;
    line-height:18px;
}
.question-status {
    display: table;
    margin: 10px 0;
    width: 100%;
}
.question-status select {
    float: left;
    font-weight: 500;
    outline: medium none;
    width: 125px;
}
.question-status > div {
    float: right;
    padding-top: 5px;
    width: 40%;
}
.question-status > div > i {
    float: right;
    font-size: 20px;
    margin-right: 1%;
    width: 10%; text-align:center;
}
/*.question-status > div > .progress {
    float: right;
    margin: 0 0 0 10px;
    width: 80%;
}*/
.rTableCell .progress{ width:80%; float:right; height:18px;}
.rTableCell .trackstatus{ width:20%; float:right; clear:none;}
.AchievedTarget .EditCell div{width:350px;}
.AchievedTarget.rTableCell input[type="text"],.AchievedTarget.rTableCell textarea{ width:180px !important; float:left; resize:none;}
.AchievedTarget.rTableCell .UISelectBox{ width:130px !important; float:left; margin:0 0 0 5px;}
.NoteMsg{ padding:10px 0;}
.border-bottom{border-bottom:1px solid #d4d4d4;}
.library-container .row{ padding:20px 0;}
/*.modal-body .LocationTreeDIV .searchDiv .search-input{ width:92%; margin:10px auto 0;}*/
/*.SelectAllText{ margin:0;}*/
.SelectAll{ margin-top:5px;}

/* Holocracy Reporting  */
.TargetDate,.TargetDate .col-md-4{ margin:0;}
.Stared{ border-left:6px solid #f4833d;}
/*.pending{border-left:6px solid #f6c451;}*/
.Approved{border-left:6px solid #3ca755;}
.HolocracySection{ background:#fff; border:1px solid #e0e0e0; border-radius:5px; margin:20px 15px 0;}
.ChooseManager{ padding:20px 5px 20px; border-right:1px solid #c7c7c7;}
.ChooseManager input{ width:100%; text-align:left !important;  height:33px; line-height:33px; padding-right:30px;}
.ChooseManager input:focus{ border-bottom-right-radius:0px; border-bottom-left-radius:0px; border:1px solid #c3e1fd;}
.ChooseManager label{ padding:0 15px 10px !important;}
.ApprovalStatus .col-md-9{ margin:0 auto; float:none;}
.ApprovalStatus h5{ margin:0px 0 6px !important; font-size:14px; color:icon-SearchGlass; display:inline-block; width:100%;}
.each-goals-container textarea{ background:#fff; border:1px solid #c7c7c7;width:100%; resize:none; padding:10px; line-height:20px; height:100px; border-radius:5px; }
.each-goals-container textarea:hover{border-color: #353535;}
.ApprovalStatus span.col-md-4{ padding:0 10px;}
.ApprovalStatus span.col-md-4 label{ font-size:14px; color:#353535; text-transform:capitalize; margin:6px 0 0 0;font-weight: 400;}
.EmployeeSearchList {
    position: absolute;
    top:32px;
    background: #fff;
    left: 15px;
    right: 15px;
    z-index: 999;
    cursor: pointer;
    border: 1px solid #e0e2e4;
    /* display: none; */
    box-shadow: 0 2px 6px -1px rgb(83, 163, 254,0.4);
    border-top-right-radius: 0px;   
    border-top-left-radius: 0px;
    display:none;
}
.EmployeeSearchList li {
    width: 100%;
    float: left;
    border-bottom: 1px solid #e0e2e4;
    padding: 10px;
}
.EmployeeSearchList li:hover{background:#e8e8fb;}
.EmpCard span.avatar {
    float: left;
    width: 40px;
    height: 40px; margin:2px 0 0 0;
}
.EmpCard span img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}
.EmpCard span label {
    color: #434444;
   
    padding:0 !important;
    margin: 2px 0 0 0;
}
.EmpCard span small {
    color: #9fa0a0;
    font-size: 14px; padding:0 0 0 10px;
}
.InputIcon{color:#747474; position:absolute; top:6px; right:30px;  z-index:99;}
.InputIcon i{ display:inline-block;font-size:14px;}
.InputIcon i.icon-Cancel{ font-size:22px;}
.avatarwithname{background:#764FB7; color:#fff; float: left; width: 40px;height: 40px; margin: 0px 0 0 0; border-radius:50%; text-align:center; line-height:40px; }
.avatarwithname.green{ background:#83c954;}
.ValueSelected{ background:#ececec; padding:10px; border-radius:5px; display:none;}
.ManagerChoosen .ApprovalStatus h5{margin:29px 0 6px; }
.ApprovalStatus i{ color:#d3d3d3; font-size:14px; border-width:1px; border-style:solid; border-color:#d3d3d3;width:32px; height:32px; line-height:31px; display:inline-block; text-align:center; border-radius:50%; background:#fff; color:#d3d3d3; }
.ApprovalStatus i.icon-CloseIcon{ font-size: 0.785rem;}
.pending .ValueSelected,.Approved .ValueSelected{ display:block;}
.pending h5{margin:26px 0 12px; }
.ApprovalStatus{padding: 15px;}
.ApprovalStatus .left{ left:-13%;}
.ApprovalStatus .right{ right:-13%;}
.Stared .ApprovalStatus span.active i{border-color:#f4863b;}
.Stared .ApprovalStatus span.active i,.Stared .ApprovalStatus span.active label{color:#f4863b;}
/*.pending .ApprovalStatus span.active i{border-color:#f6c451;}*/
/*.pending .ApprovalStatus span.active i,.pending .ApprovalStatus span.active label{color:#f6c451;}*/
.pending .ApprovalStatus p{ border-top:1px solid #e0e0e0; width:46%; margin:0 auto; position:absolute; left:30px; top:15px;}
.Approved .ApprovalStatus span.active i{border-color:#3ca755;}
.Approved .ApprovalStatus span.active i,.Approved .ApprovalStatus span.active label{color:#3ca755;}
.Approved .ApprovalStatus p{ border-top:1px solid #3ca755; width:86%; margin:0 auto; position:absolute; left:30px; top:15px;}
.view_employee a{color:#53a3fe;  font-size:14px;}
.view_employee a:hover{color:#764FB7; }
.ManagerChoosen .InputIcon{ top:23px;}
/* Petrformance copy */
.WhiteBg {
    background: #fff;
    padding: 20px;
    border: 1px solid rgb(216, 219, 224);
    border-radius: 6px;
}

/*.ProvidedBy label{ display:block;}*/
.UICheckbox small.checked{border-color:transparent;}

/*view employee directory popup start*/
.view_employee a{color: #53a3fe;font-size: 14px;font-weight: normal;/*margin-top: 15px;*/ }
.funnel_icon .search_width{width: 250px !important;}
#modal-dialog .modal-body{background: #fff;}
.funnel_icon .theme-org-panel{top: 65px;}
/*.new-btnblue{width: 100px;
    font-weight: normal;
    height: 35px;}*/
/*.new-modal .modal-title{padding: 10px 20px 10px;}*/
.theme-org-panel .new-modal .modal-footer{padding: 20px;}
.modal-header{padding: 12px 20px 15px 20px;}
.input-sm{padding: 5px;}
div.dataTables_wrapper div.dataTables_length select{width: 60px !important;}
#datatable_wrapper label input.input-sm{width: 100% !important;padding: 0px !important;}
.new-modal .modal-title, .new-modal .LocationTreeDIV .searchDiv, .new-modal .modal-footer{background: #fff;}
.new-modal .searchDiv .form-control{font-size: 14px;padding: 6px 10px 8px;}
.funnel_icon a.bg_funnel{border-radius: 6px 0px 0px 6px;padding: 12px 15px 8px 15px;background: #764FB7;}
.theme-org-btn{width: 55px;left: -55px;}
.grid_table .dataTables_paginate{padding: 10px 17px 0px 20px;}
.grid_table #datatable thead tr th{padding: 12px;}
.grid_table .dataTables_filter, .grid_table .dataTables_length{padding: 15px 20px;}
#datatable tbody td{padding: 14px 0px 14px 14px;}
#datatable_wrapper .new-btnblue{height: 32px;}
#datatable_wrapper .btn{padding: 6px 17px 6px 17px;}
#datatable_wrapper .btn .icon-if_plus_214640{margin-left: -5px;margin-right: 3px;}
/*#datatable tbody td div span img{margin-left: 7px;}*/
.funnel_icon .theme-org-panel{top: 65px;}
.jstree-children li span {display: inline-block;  height: auto !important; line-height: 20px; white-space: normal !important;
    width: 80%;word-wrap: break-word !important;}
    .jstree-children li a{ width:80%;}
.jstree-anchor > .jstree-themeicon{ float:left;}
.jstree-default .jstree-anchor{ height:auto !important;}
input.form-control.input-sm:hover, input.form-control.input-sm:focus, input.search-input.form-control:hover
{border: 1px solid #53a3fe}
.modal-dialog .grid_table .dataTables_filter{position:absolute; top:-15px; /*display:none;*/}
.funnel_icon{ padding:10px 0 20px;}
.modal-body, .grid_table{border-radius: 6px;}
.panel-body{border:1px solid #e6e6e6; border-top:0px;}
 .grid_table .Employee_Avatar span img{width: 100%;height: 100%;border-radius: 50%;}
 .grid_table {border-top: 1px solid #e6e6e6 !important;}
 .grid_table .new-btnblue{color: #fff !important; width: auto;font-weight: normal;}
 .grid_table .Employee_Avatar span{height: 40px;width: 40px;}
 .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, 
 .table > tbody > tr > td, .table > tfoot > tr > td{padding: 10px;}
  .funnel_icon a.bg_funnel i{color: #fff;}
  #OrgUnit .modal-content{float: right;}
  #OrgUnit.modal{top: 45px;left: 515px;}
.theme-org-panel {position: fixed;right: -300px;top: 220px;z-index: 1020;background: #fff;
    -webkit-box-shadow: 0 0 2px rgba(0,0,0,0.4);-moz-box-shadow: 0 0 2px rgba(0,0,0,0.4);
    box-shadow: 0 0 2px rgba(0,0,0,0.4);width: 400px;border-bottom-left-radius: 4px;
/*    -webkit-transition: all .2s ease; -moz-transition: all .2s ease;transition: all .2s ease;*/}
.theme-org-btn {position: absolute;padding: 10px 0;line-height: 18px;font-size: 14px;
    font-weight: 500;color: #fff;border-radius: 4px 0 0 4px;text-align: center;
    -webkit-box-shadow: -1px 0px 3px -1px rgba(0,0,0,0.4);
    -moz-box-shadow: -1px 0px 3px -1px rgba(0,0,0,0.4);box-shadow: -1px 0px 3px -1px rgba(0,0,0,0.4);}
.theme-org-panel.active{right: 0px;}
.funnel_disable{display: none;}
.dataTables_length, div.dataTables_info{margin-top: 0px;padding: 17px 20px !important;}
 .modal-body .new-modal .LocationTreeDIV .searchDiv .search-input{width: 100%;margin: 0px;}
 .score-panel {
    background-color:#fff;
    display: table;
    opacity: 1;
    z-index: 1000;
    width: 100%;
    border-radius: 5px;
    padding: 15px;
    margin: 20px 0;
}
.ProvideFeedbackForm  .score-panel{padding: 16px 16px 8px;    background: #FFFFFF;
    box-shadow: 0px 0px 5px rgb(0 0 0 / 15%);
    border-radius: 0.285rem;}
.score-panel > div {
    float: left;
}
/*.feedback-progress {
    width: 50%;
    display: table-cell;
}
*//*.feedback-progress {
    width: 50%;
    display: table-cell;
}
.feedback-progress label {
    width: 100%;
    margin: 0;
    vertical-align: middle;
}*/
/*  .selected-filters{ width:89% !important;} */
@media (min-width: 1025px){
  .modal.fade .modal-dialog {max-width: 860px !important;}
}

@media (min-width: 768px) and (max-width: 1200px){
     .grid_table{width: 100%;overflow-x: scroll;}
     
}
@media (min-width: 768px) and (max-width: 1023px){
    .ValidGrid {margin-top: 70px;}
}
@media (min-width: 1024px) and (max-width: 1103px){
    .ReviewPeriod .Boxshadow.BtnUpload{padding: 100px 30px 20px 20px;}
}
@media (min-width: 1024px) and (max-width: 1200px){
   .btn_same .btn{width: 75px !important;}
   .ReviewGrids .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn)
   {width: 100% !important;}
}
/*view employee directory popup end*/

/* Filter */
.FilterBtn{ width:145px;}
.FilterSection{ padding:10px 20px 0px;}
.chartdiv{  padding:10px 0 30px;}
.DailyProgress{}
.ChartGrid{ float:left; width:100%; padding:0 5px 30px 15px; -webkit-box-sizing: initial !important; moz-box-sizing:  initial !important; box-sizing:  initial !important; border-bottom:1px solid #e0e0e0; margin:0 -5px 20px;}
.pagination-new li a{margin-left:0; border-radius:0px !important; -moz-border-radius:0px; -webkit-border-radius:0px; color:#3f4a59;}
.pagination-new previous,.pagination-new next{background:#eeeeee !important; color:#b2b0b1;} 
.pagination-new li.active a,.pagination-new li a:focus,.pagination-new li a:hover{ background:#fae2e0;border:1px solid #f15b5a;  color:#3f4a59;}
.paging_simple_numbers{ text-align:right;}
.hidecompleted{ width:120px; position:absolute; right:0; top:16px; margin-right:30px; }
.hidecompleted label{ float:left; margin:0 5px 0 0;}
.selected-filters{  float:right;}
.selected-filters span{ margin:0 5px; position:relative; color:#3d3d3b; font-size:16px; background-color:#d0e6fd;
 border:1px solid #b3d4f5; border-radius:4px; padding:5px 30px 5px 11px;}
.selected-filters small{color:#1d90fd;display: block;line-height: 16px;}
.selected-filters a.delete{ position:absolute; right:8px; top:15px; color:#90a1b1; font-size:16px;}
.selected-filters span.scroll_tab_left_finisher,.selected-filters span.scroll_tab_right_finisher{ background-color:transparent; border:0;}
.scroll_tab_left_button,.scroll_tab_right_button{ border-radius:50%; top:13px !important;}
.scroll_tab_right_button{right: -10px !important;}
.scroll_tab_last{ margin-right:0px !important;}
.scroll_tab_first{ margin-left:0px !important;}
.scroll_tab_inner{margin:0 0px 0px 10px !important;}
.show-more{font-size:0.857rem;  color: #337ab7; float: right;}
.selected-filters{ width:85%;}

/* Administer Employee goals */
.AdministerEmpGoals .selected-filters{ }
.FilterSection  .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){ width:150px !important;}
/*.bootstrap-select button.selectpicker.btn.btn-default.dropdown-toggle{padding:7px 30px 7px 10px !important;}*/
.ReviewPeriod h2{ border-bottom:1px solid #e0e0e0; font-weight:400; margin:0; padding:20px; color:#4a4a4a4; }
.LineBtnBlue{ border: 1px solid #764FB7;
    color: #764FB7;
    height: 36px;
    line-height: 14px;
    font-weight: bold;
    font-size: 12px;
    display: inline-block;
    padding: 10px;}
    .BackBTN{margin: -10px 0px 12px;}
.LineBtnBlue:hover{color:#764FB7; }
.ReviewGrids  .new-btn{width:inherit;}
.ReviewGrids{padding:70px 20px;}
.ReviewPeriod h3{ font-weight:700;text-transform:uppercase; margin:0 0 10px 0 !important; font-size:15px; color:#4a4a4a; }
.ReviewPeriod .Boxshadow{ border-radius:5px; position:relative;  padding:80px 40px 20px 40px; margin:0 5px;}
.ReviewPeriod .StepNo{ background:#764FB7; color:#fff; position:absolute; left: 50px; top:-43px; width:85px; height:85px;
 border-radius:50%; font-size: 20px; padding:10px 0 0; text-align:center; line-height: 36px;}
.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;}
/*.ReviewGrids input[type="file"]{width: 210px;}*/
.ReviewGrids input[type="text"]{ cursor: pointer; width:90%;}
.ReviewGrids .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){ width: 50%;}
.ReviewGrids .Records{ display:block; font-size:13px;}
.Valid{ color:#1aab1b;}
.Invalid{color:#e35544;}
.RecordFields span{display: inline-block !important;}
.ReviewGrids .progress{ border:1px solid #eceaea; background:#fff; border-radius:6px; height:11px; width:75%; margin:8px 5px 0 0; float:left;}
.ReviewGrids .progress-bar{background:#1bbc1c; }
.summery .values{ width:20%; display:inline-block; margin:15px 0;}
.ProgressPercentage{font-size: 17px;color: rgb(27, 188, 28); margin:5px 0 20px 0; font-weight: 600;}
.Unmapped span,.TotalEmp span{color:#fec611; font-size:48px; font-weight:700; display:block; line-height:40px;}
.Unmapped label,.TotalEmp label{color:#4a4a4a; text-transform:uppercase; font-size:15px; margin:15px 0 0;}
.TotalEmp span{color:#13ad14;}
/*.ReviewGrids {border-top:1px solid #e0e0e0; }*/
.summery { padding:30px 0;}
.summery .col-md-3,.ReviewGrids .col-md-3{ margin:20px 0;}
/*new manage goals start*/
.ReviewPeriod .NewGoals h2{display: inline-block;float: left;border-bottom: none;margin : 10px 0px;padding: 20px 15px;}
.NewGoals .btn-group{margin: 20px 0px !important;}
.NewGoals .Boxshadow .btn-group{margin: 0px 0px 15px !important;}
.Boxshadow input[type="text"]{height: 42px;outline: none;}
.NewGoals .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn)
{width: 235px;}
.btn_same .btn{width: 80px;}
.Boxshadow ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #b3b3b3;
}
.Boxshadow ::-moz-placeholder { /* Firefox 19+ */
  color: #b3b3b3;
}
.Boxshadow :-ms-input-placeholder { /* IE 10+ */
  color: #b3b3b3;
}
.Boxshadow :-moz-placeholder { /* Firefox 18- */
  color: #b3b3b3;
}
.CloseCircle{position: absolute;right: 80px;top: 163px;display: none;color: #676666;}
.Boxshadow a:hover.new-btn, a:hover.CloseCircle {color: #676666;}
.CloseIcon{ text-overflow: ellipsis;}
.TabGrid .Records,.TabGrid .Notification{color: #333;font-size: 15px;}
.Boxshadow .TextBox{color: #b3b3b3;padding: 0px 100px 0px 12px;}
.NewGoals .input-group {border-left: 1px solid #ccc; float: right;top: 53px;left: -31px;background: #f3f3f3;
    padding: 3px 10px 4px;color: #333;border-radius: 3px;}
    
.browse{ position:relative;}
.browse .btn{position: absolute; top: 1px; right: 1px; background: #f3f3f3; color: #4a4a4a;
 font-weight: 400; border-radius:0px; border-left:1px solid #d4d4d4;height: 40px;line-height: 24px;}    
.ReviewGrids .browse input[type="text"]{ width:100%;}
.RecordFields, .DownFields, .TotalRecord{ display:none;}
.large-data .tooltip{display: none;}
.loader-container i{position: absolute;left: 170px;/*width: 50%;*/bottom: 130px;}
.loader-container .fa-spinner:before{font-size: 36px;}
.btn-icon.btn-xs{font-size: 16px;height: 30px;}
.large-data  .tooltip .tooltiptext.rating_text{width: 200px !important;top: -50px !important;left: 160%;}
.loader-container i.spin_top{bottom: 213px;}
.large-data .fa-question-circle{margin-top: 10px;}
.loadervalid{margin: 50px 0px -5px 10px;display: block;}
.AdministerEmpGoals .DatePickerBox{ height:36px; background-position:10px 7px; width:130px; float:left;}
.AdministerEmpGoals .DatePickerBox.left{ border-top-right-radius:0px; border-bottom-right-radius:0px;}
.AdministerEmpGoals .DatePickerBox.right{ border-top-left-radius:0px; border-bottom-left-radius:0px;}
.AdministerEmpGoals .to_box{float:left;
    background: #ccc;
    height: 36px;
    line-height: 34px;
    width: 25px;
    text-align: center;
    padding: 0;
    border: none;
margin: 0;}
.StatusLabel{ color:#5d5c5c;}
/*Import Employee Data Start*/
.ReviewPeriod.ImportEmployee .ReviewGrids{padding: 70px 20px 20px;}
/*.ReviewPeriod.ImportEmployee{border-top: 0px;}*/
.ImportEmployee .ImportTemp .tooltip .tooltiptext.rating_text{top:-40px !important;width: 152px;}
.ImportEmployee .ImportTemp .btn-icon.btn-xs{height: auto;}
.ImportEmployee .loadervalid{margin: 50px 40px -5px 10px;}
.ExportHelp .tooltip .tooltiptext.rating_text{top: -23px !important;}
.ImportContent{display: none;}
.ImportRelation.ReviewPeriod .Boxshadow{height: 700px;}
.ImportEmployee  .bootstrap-select > .btn{width: 100%;}
.ImportEmployee .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){
    width: 220px;
}
.ImportEmployee  .btn-icon.btn-xs{width: 18px;height: 18px;    border: 0;
    padding: 0px;
    margin-top: -5px;}
.UploadHelp .tooltip .tooltiptext.rating_text{top: -100px !important;
    width: 187px;}
.ImportEmployee .loader-container i{bottom: 215px;}
.SummeryRecord label span{color: #009e0f;}
.SummeryRecord label{display: block;}
.LoaderSpin .loader-container i{left: 30px;
    bottom: 10px;}
.ValidGrid form  span{padding: 0px 5px;font-weight: bold;color: #333;}
.ValidGrid form label{padding-left: 23px;font-style: italic;font-size: 14px;line-height: 19px;}
#ImportEmployee .modal-dialog{min-width: 400px;width: 15%;}
.NewGoals .ToolHelp .tooltiptext.rating_text{/*top: -23px !important;*/width: 200px;}
#ImportEmployee.modal{z-index: 9999;}
.ImportEmployee .tooltip{z-index: 999;}
.BestPractices{padding: 30px 20px 0px;}
.BestPractices h3{margin: 0px 5px 15px;}
.BestPractices ul li span{font-weight: bold;padding-right: 10px;color: #333;}
.BestPractices ul li:before{ content: '';display: inline-block;height: 30px;width: 30px; 
background-image: url(../images/right-arrow.png);background-repeat: no-repeat;margin-left: -30px;background-size: 18px;}
.BestPractices ul li{padding: 3px 0px;list-style: none;}
.BestPractices ul li .ItalicFont{font-size: 14px;}
.BestPractices h3>a{cursor: auto;}
.BestPractices .icon-light-bulb-01:before{font-size: 22px;}
.BestPractices li label{width: 100%;float: right;margin-top: -5px;}
.ImportEmployee .BestPractices li a{float: left;display: inline-block;}
.ImportEmployee .LineBtnBlue:hover{font-weight: bold;}
.fa-question-circle:before{color: #764FB7;}
.ImportEmployee .LineBtnBlue{/*border: 1px solid #e0e0e0; color: #5abcfc;*/border: 1px solid #764FB7;/*font-weight: 500;*/}
.ImportEmployee .ReviewButton{bottom:0px; margin-bottom: 0px; position:inherit;}
.ImportEmployee .large-data .ReviewButton{bottom: 23px;}

@media only screen and (max-width: 1023px) and (min-width: 768px){
    .ImportEmployee.ReviewPeriod .Boxshadow{height: auto;}
    .ReviewButton{position: unset !important;}
    .ImportEmployee .ImportTemp .tooltip .tooltiptext.rating_text{width: 420px;top: -21px !important;}
    .ExportHelp .tooltip .tooltiptext.rating_text{top: -15px !important;width: 420px !important;}
    .ImportEmployee .loader-container i.spinload{bottom: 65px;}
    .LoaderSpin .loader-container i{left: 70px;bottom: 32px;}
   /* .BestPractices li label{width: 95%;}*/
   /* .BestPractices li a{width: 5%;}*/
}
@media (max-width: 1200px) and (min-width: 1100px){
.ImportEmployee .loader-container i.spinload{bottom: 346px !important;}
.ImportRelation.ReviewPeriod .Boxshadow{height: 850px !important;padding: 70px 15px 15px 15px;}
}
@media (max-width: 1100px) and (min-width: 1077px){
.ImportEmployee .loader-container i.spinload{bottom: 325px !important;}
}
@media (max-width: 1200px) and (min-width: 1024px){
    .ImportEmployee .ValidGrid{margin-top: 0px;}
    .ImportEmployee .bootstrap-select > .btn{width: 100% !important;}
    .ImportEmployee .loader-container i.spinload{bottom: 305px;}
    .LoaderSpin .loader-container i{left: 20px;bottom: 10px;}
    /*.BestPractices li label{width: 95%;}
    .BestPractices li a{width: 5%;}*/
}
@media (max-width: 1300px) and (min-width: 1200px){
  .ImportRelation.ReviewPeriod .Boxshadow{height: 790px !important;padding: 70px 20px 20px;}
}
@media (max-width: 1100px) and (min-width: 1024px){
  .ImportRelation.ReviewPeriod .Boxshadow{height: 900px !important;}
}
/*.ReviewPeriod{display: table;width: 100%}
.ReviewGrids {display: table-row;}
.ReviewGrids .ReviewAction{display: table-cell;padding: 70px 20px;}*/
/*Import Employee Data End*/
.EnableNotifications .EmpActive{
    border:none;
    margin:0;
    padding:0px;
}
.EmpActive span{
    line-height:0px;
}
.EmpActive span b{
    padding-left:5px;
}
.EnableNotifications .EmpActive label{
    padding-left: 40px;
    margin-bottom: 0;
    display: inline-block;
    width: 100%;
    vertical-align: text-top;
    font-style: italic;
}
.EmpActive span{
    color: #333;
}
@media only screen and (max-width: 1463px) and (min-width: 1272px){
    .ImportEmployee.ReviewPeriod .Boxshadow{
            height: 700px;
    }
}
@media only screen and (max-width: 1271px) and (min-width: 1181px){
 .ImportEmployee.ReviewPeriod .Boxshadow { height: 740px !important;}
}
@media only screen and (max-width: 1181px) and (min-width: 1108px){
    .ImportEmployee.ReviewPeriod .Boxshadow { height: 800px !important;}
}
@media only screen and (max-width: 1108px) and (min-width: 1024px){
    .ImportEmployee.ReviewPeriod .Boxshadow { height: 840px !important;}
}
.EmpActive input+span{
    opacity:0.7;
}
.EmpActive input:checked + span{
    opacity:1;
}
/* Import Employee Relation height set */
@media only screen and (max-width: 1463px) and (min-width: 1300px){
    .ImportRelation.ReviewPeriod .Boxshadow{
        height:740px;
    }
}
/*set goals css start*/
.btn-group .multiselect-container input.multiselect-search{width: 95% !important;margin: 5px 0;float: none; webkit-border-radius: 3px;
    -moz-border-radius: 3px;border-radius: 3px;border-right: 0;padding-right: 40px;}
.LocationTreeDIV  .jstree-default > .jstree-container-ul > .jstree-node{margin-left: 22px !important;}
.each-goals-container.AddNewGoals,.each-goals-container .AddSubSection {/*border-left-color: #764FB7;*/background: #e8e8fb;}
/*set goals css end*/
.targettypes,.rTableCell  input[type="text"].targettypes{ width:90% !important; float:left;}
.GoalGrid textarea, .GoalGrid input {
    color: #2c2c2c;
    font-size: 14px;
    resize: none;
}
.GoalGrid textarea {
    width: 350px;
    color: #7d7c7c;
    padding: 0px 5px;
}
.targettypes {
    display: none;
}
.section-contents form {
    clear: both;
}
.section-contents label {
    color: #353535;
    text-align: left;font-weight: bold;
}
/*.section-contents .TableContainer{margin-right: 150px;}*/
.ReviewerRating {
    width: 150px;
}
/*.Boxshadow input[type="text"] {
    height: 36px;
    outline: none;
}*/
.target_number {
    display: block;
}
.rTableCell rTableCell .UISelectBox, .rTableCell input[type="text"], .rTableCell input[type="email"]
{width: 95% !important;background-color: #fff;}
label.ReadonlyLabel {
    display: block;
    padding: 4px;
    color: #333;
    border-radius: 3px;
    font-size: 14px;
}
.provide-feedback > .sections-container {
    color: rgb(0,0,0);
    /* margin-top: 400px; */
}
.section-desc p {
    margin: 0;
}
.GoalGrid .section-desc{color: rgb(0,0,0) !important;}
/*import goals popup*/
#Import-modal .modal-body h3{border-bottom: 0px;padding: 0px;text-transform: capitalize;font-weight: 500;
color: #353535;margin-top: 10px;text-align: right;font-size: 0.785rem;
    font-weight: 700;
    text-transform: capitalize;}
.Import-Section {margin: 0;background: #fff;padding: 20px;border-radius: 5px;}
.Import-Section .browseblock > input{opacity: 0;
    position: absolute;
    z-index: 9;
    height: 42px;}
.Import-Section .browseblock input[type="text"] {
    height: 42px;
    outline: none;
}
.Import-Section .browse .btn {
    position: absolute;
    top: 1px;
    right: 1px;
    background: #f3f3f3;
    color: #4a4a4a;
    font-weight: 400;
    border-radius: 0px;
    border-left: 1px solid #d4d4d4;
}
.Import-Section .browseblock .browse input{width: 100% !important;}
.Import-Section .large-data .ReviewButton{bottom: -30px;}
.Import-Section .loader-container i{bottom: 50px;}
.Import-Section .tooltip .tooltiptext {visibility: hidden;width: 500px;background-color: #fff;
color: #333;text-align: center;border-radius: 6px; padding: 5px 0; position: absolute; z-index: 1;
    top: -53px; left: 140%; border: 1px solid #d4d4d4; font-size:0.857rem; font-weight: 500;}
.Import-Section .tooltiptext ul li {text-align: left;padding: 5px 10px 5px 10px;}
.Import-Section .tooltip {
    position: relative;
    display: inline-block;
    opacity: 1;
}
.Import-Section .large-data .fa-question-circle{margin-top: 7px;}
.Import-Section .tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 43%;
    right: 100%;
    margin-top: -5px;
    border-width: 10px;
    border-style: solid;
    border-color: transparent #d4d4d4 transparent transparent;
}
.Import-Section .ExportHelp .tooltip .tooltiptext.rating_text {
    top: -16px !important;
}
.Import-Section .tooltip:hover .tooltiptext{visibility: inherit;}
.Import-Section .Records i.icon-CloseIcon{color: #e35544;font-size: 10px;}
.Import-Section .Records i.icon-checkbox{color: #1aab1b;font-size:0.857rem;}
.Import-Section .Records i{margin-left: 5px;font-weight: bold;}
.Import-Section .btnupload{margin-top: 25px;}
.Import-Section .ReviewButton .DownFields{padding: 9px 12px 8px;}
/*import goals popup*/

.ImportGoals .Boxshadow .bootstrap-select button.selectpicker.btn.btn-default.dropdown-toggle{height: 36px;}
.Review-wrapper .dropdown-menu .multiselect-item .input-group{float: none;
    border-left: 0;
    top: 0;
    left: 0;
    background: transparent;
    padding: 0;
    color: #333;}
.Review-wrapper .multiselect-clear-filter.btn.btn-default{height: 35px;}
.Review-wrapper .btn-group .multiselect{height: 36px;}
.NewGoals .Boxshadow .Review-wrapper .multiselect-native-select .btn-group{width: 235px;}
.Review-wrapper .multiselect-native-select .dropdown-menu > li > a{color: #353535;}
.Review-wrapper .multiselect-native-select ul.dropdown-menu{overflow-x: hidden;}
.Review-wrapper .multiselect-filter .input-group{width: 95%;}
.Review-wrapper .btn-group .multiselect-container input.multiselect-search{width: 100% !important;}
.NewGoals .bootstrap-select.btn-group .dropdown-menu.inner {overflow: auto;}
/*Sentimental-Score start*/
.rating-section .Feedback-Text{margin-top: 11px;}
.Sentiment-Section{float: right;margin: 0 0 10px 0;}
.Sentiment-Section .Sentiment-Images{display: inline-block;border: 1px solid #e0e0e0;
padding: 5px;border-radius: 5px;background-color: #fff;margin-left: 15px; height:42px;}
.Sentiment-Section .Sentiment-Images img{width: 25px; opacity:0.7; margin:3px 0 0 0;}
.Sentiment-Section .Sentiment-Images.selected img{margin:0;}
.Sentiment-Section .Sentiment-Images img.active{ width:30px; opacity:1; margin:0; cursor:pointer;}
.Sentiment-Section .Spinner-Dots { display: inline-block;border: 1px solid #e0e0e0;
padding: 0px;border-radius: 5px;background-color: #fff;margin-left: 5px;text-align: center;width: 56px;height: 42px;
line-height: 40px;}
.rTableCell .Sentiment-Section{ font-weight:bold; font-size:14px; display:inline-block;}
.rTableCell .Sentiment-Section .Sentiment-Images{ margin-left:10px;}
.rTableCell .Sentiment-Section p{ float:left; margin:12px 0 0 0;}
.rTableCell .Sentiment-Section .fa-question{ float:left;}
.GradeSection {
    position: absolute;
    display: none;
    z-index: 999;
}
body{overflow-x: hidden;}
.GradeSection .triangle-left {
    border-left: 0px solid transparent;
    border-top: 15px solid #e0e0e0;
    border-right: 0px solid transparent;
    height: 0;
    left: -214px;
    position: absolute;
    top: -63px;
    z-index: 9999;box-shadow: 0 16px 10px -17px rgb(220, 218, 218);
}
.GradeSection .inner-triangle {
    border-left: 10px solid transparent;
    border-top: 10px solid #fff;
    border-right: 10px solid transparent;
    height: 0;
    left: -10px;
    position: absolute;
    top: -12px;
    width: 0;
}
.GradeSection .tooltipdiv {
    padding: 15px 15px 9px;
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    background: #fff none repeat scroll 0 0;
    right: 152px;
    top: -153px;
    position: absolute;
    text-align: center;
    line-height: 22px;
    width: 130px;
    border: 0px solid #d4d4d4;
}
.GradeSection .Grade-Text{text-transform: uppercase;margin: 0px;font-weight: bold;font-size: 13px;}
.GradeSection  .tooltipdiv img{margin-bottom: 8px;width: 40px;}
.rating-section .Sentiment-Icon.Search_Div small {
    top: 16px;
    right: 11px;
    font-size: 18px;
    cursor: pointer;
    display: none;
}
.Sentiment-Section  .Spinner-Dots > div {
  width: 7px;
  height: 7px;
  background-color: #333;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}
.Sentiment-Text:focus, .Sentiment-Text:hover{border: 1px solid #764FB7;}
.Sentiment-Section .Spinner-Dots .bounce-dot1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;background-color: #3c9;
}
.Sentiment-Section .Spinner-Dots .bounce-dot3{background-color: #3c9;}
.Sentiment-Section .Spinner-Dots .bounce-dot2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;background-color: #3c9;
}
.Sentiment-Section .Sentiment-Images .Fill_Positive, .Sentiment-Section .Sentiment-Images .Fill_Nuetral,    
.Sentiment-Section .Sentiment-Images .Fill_Negative{cursor: pointer;opacity: unset;width: 26px;}    
@-webkit-keyframes sk-bouncedelay { 
  0%, 80%, 100% { -webkit-transform: scale(0) } 
  40% { -webkit-transform: scale(1.0) } 
}   
@keyframes sk-bouncedelay { 
  0%, 80%, 100% {   
    -webkit-transform: scale(0);    
    transform: scale(0);    
  } 40% {   
    -webkit-transform: scale(1.0);  
    transform: scale(1.0);  
  } 
}
#ScorePopup .modal-content{padding-bottom:10px; border-radius:5px;}
#ScorePopup img{ width:40px; height:40px;}
#ScorePopup table{ border:1px solid #e3e3e3; border-bottom:0px;}
#ScorePopup td label{ display:block;}
#ScorePopup td {border-top:1px solid #e3e3e3;}
#ScorePopup td,#ScorePopup th{ padding:10px;} 
#ScorePopup tr td:first-child,#ScorePopup tr th:first-child{text-align:center;}
#ScorePopup td label{ color:#333; font-weight:bold; font-size:13px; margin:5px 0 0 0;}

.Score{ float:left; margin:12px 0 0 0; font-weight:bold;}
.ScoreHelp{ display:inline-block; width:20px; height:20px;float:left; opacity:0.8;}
.ScoreHelp:hover{ opacity:1;}
.ScoreHelp .fa{ font-size:18px; margin:13px 0 0 4px; color:#1e8efe;}
/*.Sentimental-Popup .modal-title{text-align: center;box-shadow: none;padding: 30px 0px 0px;font-size: 18px;}
.Sentimental-Popup .Subsection-Score{text-align: center;margin: 0;padding: 30px 20px 30px;}
.Sentimental-Popup .Subsection-Score label{margin: 12px 0 0;display: block;font-weight: bold;font-size: 16px;}
.Sentimental-Popup .Subsection-Score p{margin: 8px 0px 0px;line-height: 18px;}
.Sentimental-Popup .modal-content{border-radius: 5px;}
.new-modal.modal.fade.Sentimental-Popup .modal-dialog {max-width: 800px !important;}*/
/*Sentimental-Score end*/
.manage-goals-container .editable-container{background: #fff;}
.DisplayNone{display: none;}
.manage-goals-container .section-head .accordion-toggle{color: #353535;}
.manage-goals-container .section-head .section-title .fa{margin: -4px 5px 0 5px;font-size: 16px;}
.provide-feedback .score-panel .feedback-progress{width: 40%;}
.provide-feedback .score-panel .grade-value{width: 19%;}
.provide-feedback .score-panel .Score-Btn{width: 16%;display: table-cell;margin-top: 25px;}
.OtherFeedback .DownArrow i{margin: 4px 0 0 0px;margin: 4px 0 0 0px;
    vertical-align: middle;
    font-size: 9px;
    position: absolute;
    right: 16px;
    top: 16px;
    font-weight: 500;}
.OtherFeedback .DownArrow{font-size: 14px;cursor: pointer;background: #fff;position: relative;
padding: 6px 15px;border: 1px solid #e0e0e0;border-radius: 5px;width: 100%;line-height: 32px;}
.OtherFeedback .DownArrow span{display: inline-block;/*margin-top: 6px;*/}
/*.OtherFeedback .DownArrow:hover{color:#764FB7;}*/
.OtherInfo{min-height: 80px;}
/*.HelpDocument .HelpContent{height: 45px;width: 320px;}
.HelpDocument .HelpContent h2{font-size: 16px;}
.HelpDocument.HelpContainer{top: 295px;}
.HelpDocument.HelpContainer .HelpBtn{border-color: #e0e0e0;background: #fff;left: -53px;width: auto;top: 15px;transform: rotate(0);-webkit-transform: rotate(0);
 -moz-transform: rotate(0); -o-transform: rotate(0); -ms-transform: rotate(0);height: 45px;padding: 0px 10px;}
.HelpDocument.HelpContainer .HelpBtn i{font-size: 23px;line-height: 45px;color: #474646;}
.OtherInfo{min-height: 80px;}
.HelpDocument.HelpContainer .HelpBtn::after{
  content: "";
  position: absolute;
  top: 45%;
  left: 100%;
  margin-top: -5px;
  border-width: 8px;
  border-style: solid;
  border-color: transparent transparent transparent #474646;}*/
@media only screen and (min-width:768px) and (max-width: 1023px){
    .ChooseManager{ padding:27px 5px 20px; border:0;}
    .ApprovalStatus{ padding:0 15px 20px;}
    .ApprovalStatus h5{ margin:0;}
    .large-data .loader-container i{left: 100px;bottom: 50px;}
    .large-data .loader-container{text-align: left;}
    .ProvideFeedbackForm .score-panel .Score-Btn{width: 100% !important;margin-top: 10px;}
    /*.new-modal.modal.fade.Sentimental-Popup .modal-dialog {max-width: 700px !important;}*/
}
@media only screen and (min-width:1024px) and (max-width: 1200px){
    .ApprovalStatus .col-md-9{ width:80% !important; padding:0;}
    .large-data .loader-container i{left: 108px;bottom: 90px;}
}

/* new CSS */
.modal.right .modal-body.ImportList{  background:#edf6ff; padding:0 0 15px; height:calc(100vh - 120px); overflow-y:auto;}
.exportpopup .modal-footer{background:#fff;}
.ImportList div.ListSet{    padding: 10px 20px 15px; clear:both;
/* border-bottom:1px solid #e0e0e0; */
border: 1px solid #e0e0e0;
    width: 97%; 
    margin: 10px auto 0; background:#fff;
    border-radius: 5px;}
.ImportList h3{ margin:0 0 5px 0; padding:0; font-weight:bold; font-size:16px; border:0; text-transform:uppercase;}
.ImportList ul{ margin-left:10px;}
.ImportList li{ width:48%; display:inline-block; margin-top:5px;}
.ImportList .Info-Section{ margin:15px 0 10px 15px; width:90%; display:inline-block;}
.ImportList .Info-Section .icon-info-icon{ margin-top:0;}
.ImportList li.hidden{ display:none;}
.MoreList{    margin-left: 10px;
    font-weight: bold;
    font-size: 14px;
    margin-top: 10px;
    display: inline-block;
}
.MoreList:hover{ text-decoration:underline; color:#764FB7;}
.provide-feedback > div > .score-panel.Scroll-Top,.ProvideFeedbackForm .score-panel.Scroll-Top{z-index: 1023;border-radius: 0;width: 81.2%;margin-left: 126px;
margin-bottom: 0px !important;border: 1px solid #e0e0e0;}
.ProvideFeedbackForm .score-panel.Scroll-Top{margin-top: 15px; -webkit-box-shadow: 0 8px 6px -6px #cdc9c9;
-moz-box-shadow: 0 8px 6px -6px #cdc9c9;box-shadow: 0 8px 6px -6px #cdc9c9;padding: 15px 0;}
.ProvideFeedbackForm .score-panel .Score-Btn {
    width: 22%;
    display: table-cell;
    margin-top: 20px;
}
/*.provide-feedback .OtherFeedback .WallDateWise {
    padding: 0px 0px;
}*/
/*.provide-feedback .OtherFeedback .wallcontent .FeedbackContent {box-shadow: none !important;border: 1px solid #e0e0e0;border-top: 0px;
border-radius: 0px 0px 5px 5px !important;}*/
.ProvideFeedbackForm .score-panel .score-value {
 width: 16.66666667%;
    vertical-align: bottom;
     margin-right: 0px; 
    display: table-cell;padding: 15px 0;
}
.rating-section textarea:hover{border: 1px solid #353535;}
.each-goals-container .form-group .bootstrap-select{display: block;width: 100%;}
.provide-feedback .grid .AchievedTargetTypeCont .AchieveLabel{margin: -6px 0px 0px 0px;}
.provide-feedback .AchievedSet .AchievedTargetTypeCont .AchieveInput{margin: -7px 0px 0px 0px;}
textarea.AchieveLabel:hover{border: 1px solid #353535;}
textarea.AchieveLabel{border-color: #c7c7c7;}
.provide-feedback .AchievedSet .AchievedTargetTypeCont {
    margin-top: 15px;
}
.AchievedTargetTypeCont .btn-group {
    margin: 0px 12px 0 0px !important;width: 170px !important;
}
.Info-Section{padding: 8px !important;}
.TargetReadmode{margin: -3px 0 0px;}
.show-less {
    color: #333;
    display: table-cell;
    color: #764FB7;
    float: right;font-size:0.857rem;
}
.show-more {
    font-size:0.857rem;
    color: #337ab7;
    float: right;
}
.message-content .message-value {
   /* margin: 5px 0 0;*/
    text-transform: capitalize;
    border-radius: 3px;
    color: #353535;font-size: 14px !important;
}
p.message-value.show-less-content {
    height: 34px;
    overflow: hidden;
    line-height: 18px;
    margin-bottom: 0;
    text-transform: capitalize;
    border-radius: 3px;font-size: 14px;
}
p.message-value.show-more-content{font-size: 14px;}
.section-contents form .Target-Section .col-lg-9{width: 75%;}
/*.TargetAchieved{display: table;table-layout: fixed;}*/
.TargetAchieved .GoalTarget{/*display: table-cell;*/width: 50%;float: left;padding-right: 15px;/*margin-bottom: 1.142rem;*/}
.TargetAchieved .CoverCell{width: 50%;float: left;}
.GoalTarget .bootstrap-select.btn-group .dropdown-menu.open{margin-top: 46px;}
.TargetAchieved .TargetOnly,.TargetAchieved .AchievedOnly{width: 100%;/*display: table-cell;*/padding: 0px 0px;float: left;}
/*boolean*/
.Review-List li.boolean {
    padding: 0 15px 0px 0px;
    display: inline-block;
}
.boolean span.UICheckbox {
    top: 8px;
}
.boolean .UICheckbox input {
    left: 2px;
    top: -8px;
    margin-top: 0px;
    width: 17px;
    height: 17px;
}
.boolean .UICheckbox .checked {
    background: #fff;
    border: 1px solid #764FB7;
    top: -8px;
    border-radius: 50%;
    width: 17px;
    height: 17px;
}
.boolean .UICheckbox small {
    border-radius: 50%;
    width: 17px;
    height: 17px;
    border-color: #bbbbbb;
    top: -8px;
}
.boolean label {
    padding: 0 10px 0 25px;
}
.boolean .UICheckbox .checked i {
    margin: -1px 0 0px 2px;
    float: left;
    color: #764FB7;
    font-size:0.857rem;
    line-height: 18px;
}
.Review-List .boolean label {
    font-weight: normal;
}
.form-group.col-md-3{width: 50%;}
.section-contents form .form-group input.DatePickerBox,.section-contents form .form-group input.FormWidth,.form-group .bootstrap-select button.selectpicker.btn.btn-default.dropdown-toggle,.section-contents form .inline-label-padding input,input[type="text"], input[type="email"], select{height: 42px;}
.bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){width: 100%;}
.section-title .accordion-toggle span:nth-child(2),.sub-section-title .accordion-toggle span:nth-child(2), .question-heading span {
    background: #CAF1FD;
    border: 1px solid #67D6F9;
    border-radius: 19px;
    height: 22px;
    padding: 4px 8px;
    width: auto;
    text-align: center;
    font-weight: 700;
    font-size: 0.785rem;
    line-height: 14px;
    font-family: 'DM Sans';
    float: none !important;
    display: inline-block;
    margin-left: 10px;
}
.each-question .question-heading{font-weight: 500;
    font-size: 14px;
    font-family: 'Roboto Slab';
    color: #353535;
    text-transform: capitalize;
    line-height: 14px;}
.section-title .accordion-toggle span.fa.fa-2x:nth-child(2){font-family: 'FontAwesome';background: transparent;border: 0;
float: right !important;margin-top: 0px;}
.section-title .ScoreValue{background: #CAF1FD;border: 1px solid #67D6F9;border-radius: 19px;height: 22px;
padding: 4px 8px;width: auto;text-align: center;font-weight: 700;font-size: 0.785rem;
line-height: 14px;font-family: 'DM Sans';float: none !important;display: inline-block;margin-left: 10px;}
.ReviewPeriod .Boxshadow{height: 500px;}
.NewThemes .section-title .accordion-toggle span:nth-child(2), .NewThemes .sub-section-title .accordion-toggle span:nth-child(2), .question-heading span, .accordion-toggle-styled span.pull-right {
    background: #CAF1FD;
    border: 1px solid #67D6F9;
    border-radius: 19px;
    height: 22px;
    padding: 4px 8px;
    width: auto;
    text-align: center;
    font-weight: 700;
    font-size: 0.785rem;
    line-height: 14px;
    font-family: 'DM Sans';
    float: none !important;
    display: inline-block;
    margin-left: 10px;
}
.section-container .section-title a.toggle_button .icon-DownArrow {
    transform: rotate(180deg);
    margin-top: -3px;
}
.DeleteComments,.EditComments{float: right;margin-left: 10px;font-size: 16px;}
.sub-section-head .sub-section-title .icon-DownArrow{    vertical-align: middle;
    font-size: 9px;
    position: absolute;
    right: 0px;
    top: 8px;
    font-weight: 500;}
    .accordion-toggle-styled .icon-DownArrow {
    font-size: 9px;
    position: absolute;
    right: 20px;
    top: 24px;
    font-weight: 500;
}
.section-head.closed .accordion-toggle-styled .icon-DownArrow,.library-container .accordion-toggle-styled.collapsed .icon-DownArrow{transform: unset;}
.editable-container .section-head .accordion-toggle-styled .icon-DownArrow{transform: unset;}
.section-head .accordion-toggle-styled.collapsed .icon-DownArrow,.editable-container .accordion-toggle-styled.collapsed .icon-DownArrow,.library-container .accordion-toggle-styled .icon-DownArrow{transform: rotate(180deg);margin-top: -3px;}
.editable-container .section-head{cursor: pointer;}
.Sub_Actions .QuickLinks{margin-top: 12px;}
/*.editable-container .accordion-toggle-styled .icon-DownArrow{top: 31px;}
.editable-container .accordion-toggle-styled.collapsed .icon-DownArrow{margin-top: -7px !important;}*/