/*   Global 'Locked' Workflow Components
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* Reference -- 
stack\components\workflow\_workflow_locked_components.py */


/* Locked Row Design
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.locked_row {
    opacity: 0.6;
}


/* Locked Procedure Name
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.locked_workflow_procedure_name {
    width: 700px;
    text-align: left;
    padding: 5px;
    margin-left: 5px;
    margin-right: 5px;
    height: 35px;
    font-size: 14px;
}


/* Locked Status Column
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* Note - most of the locked status component CSS is inherited from unlocked Status classes */

.locked_workflow_status {
    opacity: 0.3;
    font-size: 14px;
    margin: 2px;
}

/* Overrides underlying JS/CSS for workflow Status component */
.locked_workflow_status, .Select--single>.Select-control .Select-value, .Select-placeholder {
    padding-left: 0;
    padding-right: 0;
    border:none;
}
  

/* Overrides underlying JS/CSS for workflow Status component */
.locked_workflow_status > .Select-control{
    border:none;
    background-color: #2C4155;
}
  
/* dropdown arrow */
.locked_workflow_status .Select-arrow {
    display: none !important;
}
  
.locked_workflow_status .Select span {
    background-color: #2B4155;
}
  
.locked_workflow_status > VirtualizedSelectFocusedOption{
    width: 100%;
}
  
/* removes padding around workflow status dropdown */
.locked_workflow_status .Select-placeholder, .Select--single > .Select-control .Select-value{
    padding-left: 0px;
    padding-right: 0px;
}
  
/* Workflow Status dropdown menu styling */
/* .workflow_status .Select-menu-outer {
    background-color: #0F2537;
    border-radius: 4px;
    border: none;
    /* z-index should be < header and calendar pop up */
    /* z-index: 1;
} */
  
  
/* styling when workflow status is NON-editable */

/* Overrides underlying JS/CSS for workflow Status component */
.locked_workflow_status, .Select.is-disabled>.Select-control{
    border:none;
    background-color: #2C4155;
    appearance: none;
    cursor: not-allowed !important;
}
  
.locked_workflow_status, .Select.is-disabled>.Select-control>.Select-value{
    cursor: not-allowed !important;
}

.locked_workflow_status, .Select.is-disabled {
    cursor: not-allowed !important;
}

/* Status */
.locked_row Select-placeholder, .Select--single > .Select-control .Select-value {
    padding-left: 0 !important;
    padding-right: 0 !important;
}




/* Locked Assignee Dropdown
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.locked_assignee_dropdown{
    font-size: 14px !important;
    min-width: 100px !important;
    appearance: none;
    background: none;
    text-decoration: none;
    text-align: center;
    margin: 0px;
    padding: 0px;
    padding-left: 0px;
    border: none;
    overflow: hidden;
    color: #A8AFB7;
    height: 25px;   
}

/* dropdown arrow */
.locked_assignee_dropdown .Select-arrow {
    Display: none;
}

/* text color of input box */
.locked_assignee_dropdown .Select-value-label {
    color: #A8AFB7 !important;
}

/* text input */
.locked_assignee_dropdown .text_input {
    width: 500px !important;
    font-size: 14px !important;
}

/* removes hover */
.locked_assignee_dropdown:hover{
    background-color: #283E52;
    border: none;
}



/* Locked Single Date
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.locked_due_date {
    font-size: 13px !important;
    cursor: not-allowed;
    appearance: none;
    border: none;
    background: none;
    color: #A8AFB7;
    text-decoration: none;
    display: inline-block;
    justify-content: center;
    align-items: center;
    text-align: center;
}



/* Info Button
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* tbd */





/* Locked Assignee & Due Date Text Inputs
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.locked_procedure {
    font-size: 14px !important;
    cursor: not-allowed;
    appearance: none;
    border: none;
    background: none;
    color: #A8AFB7;
    text-decoration: none;
    display: inline-block;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-bottom: 15px;
    padding: 2.5px;
    padding-left: 5px;
    line-height: 15px !important;
}

.locked_procedure .text_input {
    width: 500px !important;
    font-size: 14px !important;
}
  
.locked_procedure:hover{
    background-color: #283E52;
    border: none;
}





/* Not currently in use */


/* Locked Assignee Text Input
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.locked_assignee_text_input {
    font-size: 14px !important;
    cursor: not-allowed;
    appearance: none;
    border: none;
    background: none;
    color: #A8AFB7;
    text-decoration: none;
    display: inline-block;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-bottom: 15px;
    padding: 2.5px;
    padding-left: 5px;
    line-height: 15px !important;
}

.locked_assignee_text_input .text_input {
    width: 500px !important;
    font-size: 14px !important;
}
  
.locked_assignee_text_input:hover{
    background-color: #283E52;
    border: none;
}