/*debug helpers*/
.red {background-color: lightpink;}
.blue {background-color: lightskyblue;}

.tablePlaceholder {
    min-height: 438px;
}


/* datatables -----------------------------------------------------------------------------*/
.dataTables_processing {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 250px;
    height: 60px;
    margin-left: -125px;
    margin-top: -15px;
    padding: 14px 0 2px 0;
    border: 1px solid #ddd;
    text-align: center;
    color: #999;
    font-size: 14px;
    background-color: white;
}

.dataTables_length {
    /*float: right;*/
}

.dataTables_filter input[type=search]{
    margin-left: 10px;
}

.table-footer{
    margin-top: 20px;
    margin-left: 0;
    margin-right: 0;
    padding-top: 20px;
    border-top: #ccc solid 1px;
}

 /*for horiziontal scroll*/
 .table th, .table td { white-space: nowrap; font-size: 12px;}

    /*div.dataTables_wrapper {
        width: 890px;
        margin: 0 auto;
    }*/
    
/* end datatables -----------------------------------------------------------------------------*/


/*bootstrap overrides -----------------------------------------------------------------------------*/
.table-hover {
    cursor: pointer;
}

h3 {
    margin-top: 0;
}

.scrollable-menu {
    height: auto;
    max-height: 250px;
    overflow-x: hidden;
}

.modal-backdrop {
  background-color: #fff;
  background-color: #F0F0F0;
}

.popover-content {
    font-size: .80em;
}

/*end bootstrap overrides -----------------------------------------------------------------------------*/



/*font helpers*/
.fontsize-24 {
    font-size: 24px;
}

.fontsize-20 {
    font-size: 20px;
}

/*padding helpers*/
.padding-20 {padding: 20px;}
.padding-15 {padding: 15px;}
.padding-10 {padding: 10px;}
.padding-5  {padding: 5px;}

.padding-left-20 {padding-left: 20px;}
.padding-left-15 {padding-left: 15px;}
.padding-left-10 {padding-left: 10px;}
.padding-left-5  {padding-left: 5px;}

.padding-right-20 {padding-right: 20px;}
.padding-right-15 {padding-right: 15px;}
.padding-right-10 {padding-right: 10px;}
.padding-right-5  {padding-right: 5px;}

.padding-top-20 {padding-top: 20px;}
.padding-top-15 {padding-top: 15px;}
.padding-top-10 {padding-top: 10px;}
.padding-top-5  {padding-top: 5px;}

.padding-bottom-20 {padding-bottom: 20px;}
.padding-bottom-15 {padding-bottom: 15px;}
.padding-bottom-10 {padding-bottom: 10px;}
.padding-bottom-5  {padding-bottom: 5px;}
/*end padding helpers*/

/*margin helpers*/
.margin-left-20 {margin-left: 20px;}
.margin-left-15 {margin-left: 15px;}
.margin-left-10 {margin-left: 10px;}
.margin-left-5  {margin-left: 5px;}

.margin-right-20 {margin-right: 20px;}
.margin-right-15 {margin-right: 15px;}
.margin-right-10 {margin-right: 10px;}
.margin-right-5  {margin-right: 5px;}

.margin-top-20 {margin-top: 20px;}
.margin-top-15 {margin-top: 15px;}
.margin-top-10 {margin-top: 10px;}
.margin-top-5  {margin-top: 5px;}

.margin-bottom-20 {margin-bottom: 20px;}
.margin-bottom-15 {margin-bottom: 15px;}
.margin-bottom-10 {margin-bottom: 10px;}
.margin-bottom-5  {margin-bottom: 5px;}
/*end margin helpers*/







/*main override*/
.btn .caret{margin-top:0;margin-left:0;}
.ContentMiddle {
    padding-top: 10px;
}



/*Pages -----------------------------------------------------------------------------*/

/*Candidates.aspx ------------------------------------------------*/
 #pnlPassive {
            padding-top: 20px;

        } 
 
 #pnlOpen {
            padding-top: 10px;

        }

  #pnlActive {
            padding-top: 10px;

        }


  .agile-filter{
      background-color: #F9F9F9;
      padding-top: 10px;
      padding-left: 10px;
      margin-bottom: 10px;
  }

    .agile-filter .row{
      padding-left: 20px;
        padding-bottom: 8px;
  }




/*Assessments.aspx ------------------------------------------------*/



 /*---------------------------------------------------------------*/



/* End Pages -----------------------------------------------------------------------------*/

.btn-stacked .btn {
    margin-top: 8px;
}



/* Datatable Export Buttons */
button.dt-button, div.dt-button, a.dt-button {
    background-image: none !important;
    background-color: #ffffff !important;
}

button.dt-button:hover, div.dt-button:hover, a.dt-button:hover {
    background-color: lightgrey !important;
}


.hide-validation .validationMessage {
    display: none;
}


.multiselect {
    height: 38px !important; /*38px is the current height of standard bootstrap buttons so we want this to match for grouping */
    overflow: hidden !important;
}

.title-spacer {
    padding-top: 25px;
}


/* Typeahead (used for tags) */
.tt-hint {
    color: #999
}

.tt-menu {
    width: 422px;
    margin: 12px 0;
    padding: 8px 0;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
}

.tt-suggestion {
    padding: 3px 20px;
    font-size: 18px;
    line-height: 24px;
}

    .tt-suggestion:hover {
        cursor: pointer;
        color: #fff;
        background-color: #0097cf;
    }

    .tt-suggestion.tt-cursor {
        color: #fff;
        background-color: #0097cf;
    }

    .tt-suggestion p {
        margin: 0;
    }


/* Dynamic Form */
.dynamic-form-control {
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    padding: 5px;
    margin: 5px;
    border: 1px solid;
    border-color: lightgray;
    background-color: #ffffff;
    position: relative;
}

.dynamic-form-control-edit {
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    padding: 5px;
    margin: 1px;
    border: 1px solid;
    border-color: lightgray;
    background-color: #f7f7f7;
}

.row + .dynamic-form-control-edit {
    margin-right: 0;
    margin-left: 0;
}

    .dynamic-form-control-edit label {
        margin-top: 5px;
    }

    .dynamic-form-control-edit .btn-group {
        margin-top: 10px;
    }

.dynamic-form-h3 {
    margin-top: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 3px !important;
    padding: 0 !important;
    vertical-align: top !important;
    line-height: 24px !important;
}

.dynamic-form-control-options {
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    padding: 5px;
    margin: 1px;
    border: 1px solid;
    border-color: lightgray;
    background-color: #ffffff;
}

.dynamic-form-control-buttons {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
}

.dynamic-form-control:hover .dynamic-form-control-buttons {
    display: block;
}

.dynamic-form-paragraph {
    white-space: pre-wrap;
}

.dynamic-form-hr {
    margin-top: 0 !important;
    margin-bottom: 3px !important;
}