.allocation_color_picker_container .sp-palette,
.unallocated_color_picker_container .sp-palette {
    zoom: 1.5;
}



#form-allocation-admin .floating-panel {
    height: calc(100% - 309px);
    position: absolute;
    right: 15px;
    top: 160px;
    width: 800px;
    z-index: 100;
}

#form-allocation-admin .btn_panel {
    cursor: pointer;
    margin-top: 10px;
    opacity: 0.4;
    margin-left: 4px;
    margin-right: 4px;
}

#form-allocation-admin .btn_panel.activated{
    color: lime;
    opacity: 1;
}
#form-allocation-admin .btn_panel:hover {
    opacity: 1;
}



#form-allocation-admin .floating-panel > .panel-heading {
    padding-top: 0px;
}

#form-allocation-admin .floating-panel {
    -webkit-box-shadow: 15px 15px 15px rgba(0, 0, 0, 0.34);
    box-shadow: 15px 15px 15px rgba(0, 0, 0, 0.34);
}


#form-allocation-admin .floating-panel .panel-heading {
    cursor: move;
}



#form-allocation-admin .ui-resizable-e {
    right: 4px;
}

#form-allocation-admin .panel-center{
    width: calc(100% - 280px);
    display: inline-block;
    padding-right: 10px;
    padding-top: 10px;
}

#form-allocation-admin .panel-center .ui-resizable-e {
    right: 0;
}

#form-allocation-admin .panel-right{
    width: 280px;
    display: inline-block;
    float: right
}
#form-allocation-admin .job_category_filter_container label,
#form-allocation-admin .sliders_indicator_container label,
#form-allocation-admin .states_filter_container label {
    margin-right: 10px;
    font-size: 12px;
    width: initial;
    margin-top: 3px;
}

#slider_indicator {
    margin-top: 16px;
    width: calc(100% - 30px);
    margin-left: 20px;
}

#slider_indicator .tooltip.top {
    margin-top: -50px;
    left: 0!important;
    margin-left: 0!important;
    width: 100%;
}


#slider_indicator .tooltip-inner {
    white-space: pre;
    text-align: center;
    width: 100%;
    background: var(--main-background);
}

#slider_indicator .tooltip-arrow {
    display: none;
}

#slider_indicator .slider-handle {
    width: 10px;
    height: 10px;
    margin-left: -6px;
    margin-top: -3px;
}

#slider_indicator .slider-track {
    height: 5px;
}
 #slider_indicator .tooltip{
     position: absolute!important;
 }

/*
    deadline slider tracks
*/
#slider_indicator[type="deadline"] .slider-track-high {
    background: white;
}

#slider_indicator[type="deadline"] .slider-track-low {
    background: var(--state-error);
}

#slider_indicator[type="deadline"] .slider-selection {
    background: var(--state-warning);
}


/*
    global_workload + user_workload slider tracks
*/
#slider_indicator[type="global_workload"] .slider-track-high,
#slider_indicator[type="user_workload"] .slider-track-high {
    background: var(--state-error);
}

#slider_indicator[type="global_workload"] .slider-track-low,
#slider_indicator[type="user_workload"] .slider-track-low {
    background: var(--state-default);
}

#slider_indicator[type="global_workload"] .slider-selection,
#slider_indicator[type="user_workload"] .slider-selection {
    background: var(--state-warning);
}


#form-allocation-admin .sliders_indicator_container select {
    margin-right: 10px;
}

#form-allocation-admin .sliders_indicator_container input {
    width: 30px;
    padding: 3px;
    height: 22px;
    border: none;
    text-align: center;
    color: white;
}


/*
    deadline indicator
*/

.datepaginator .deadline_a:before,
.datepaginator .deadline_b:before{
    content: '';
    display: inline-block;
    position: absolute;
    top: 12px;
    left: 3px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    text-shadow: none !important;
}
.datepaginator .deadline_a:before{
    background-color: var(--state-error) !important;
}
.datepaginator .deadline_b:before{
    background-color: var(--state-warning) !important;
}

.datepaginator .dp-off {
    color: unset !important;
    opacity: 0.5 !important;
}
/*
    global_workload indicator
*/
.global_workload_a {
    border: 1px solid rgb(198, 0, 0);
}

.global_workload_b {
    border: 1px solid orange;
}


/*
    user_workload indicator
*/
.user_workload_a {
    border: 1px solid rgb(198, 0, 0);
    color: rgb(198, 0, 0) !important;
}

.user_workload_b {
    color: orange !important;
    border: 1px solid orange;
}


#form-allocation-admin .sliders_indicator_container input[type=number]::-webkit-inner-spin-button,
#form-allocation-admin .sliders_indicator_container input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

#form-allocation-admin #deadline_a {
    background: var(--state-error);
}

#form-allocation-admin #deadline_b {
    background: var(--state-warning);
}

#form-allocation-admin .remove_user,
#form-allocation-admin .remove_room {
    float: right;
    margin-right: -10px;
    font-size: 15px;
    opacity: 0.5;
    cursor: pointer;
    font-weight: 600;
    margin-top: -2px;
}
#form-allocation-admin .panel-body .col-md-9{
    width: calc(100% - 280px);
}
#form-allocation-admin .panel-main-jobs-search{
    padding-right: 0px;
}
#form-allocation-admin .panel-jobs-search-content > [type="search"]{
    width: calc(100% - 35px);
}
#form-allocation-admin .panel-jobs-search .panel-main-jobs-scroller{
    height: calc(100% - 35px);
}
#form-allocation-admin .panel-jobs-search .filter_reset{
    position: relative;
    float: right;
    top: 1px;
    right: 13px;
}
#form-allocation-admin .user:hover .remove_user,
#form-allocation-admin .room:hover .remove_room {
    opacity: 1;
}
#form-allocation-admin .panel-drop-jobs{
    margin-bottom: 10px;
    height: 100%;
    padding-top: 2px;
}
#form-allocation-admin .panel-drop-jobs .dataTables_wrapper{
    max-height: unset;
    overflow-x: hidden;
    overflow-y: hidden;
}

#form-allocation-admin .panel-drop-jobs .dataTables_scrollBody{
    background: var(--table-background);
    border: unset;
}
#form-allocation-admin .panel-drop-jobs .dataTables_wrapper table{
}
#form-allocation-admin .panel-drop-jobs .dataTables_wrapper table tbody{
    height: 100%;
}

#form-allocation-admin .panel-drop-jobs .filter_block{
    width: calc(33% - 3px);
    display: inline-block;
    background: var(--main-background);
    margin-bottom: 8px;
    border-radius: var(--main-border-radius);
    text-align: center;
    font-size: 13px;
}
#form-allocation-admin .panel-drop-jobs .filter_block>a.selected{
    color: var(--activated-color)
}
#form-allocation-admin .panel-drop-jobs .filter_block>a>.name{
    margin-left: auto;
    margin-right: auto;
}
#form-allocation-admin .panel-drop-jobs [type="search"]{
    width: -webkit-fill-available;
    height: 24px;
    margin: 4px 0px 0px;
}
#form-allocation-admin .panel-drop-jobs  label{
    width: 100%;
}

#form-allocation-admin .panel-drop-jobs-buttons{
    display: flex;

}
#form-allocation-admin .panel-drop-jobs-title{
    text-align: center;
    font-size: 13px;
    opacity: 0.5;
    font-weight: bold;
    padding: 2px;

}


#allocation_list_wrapper .dataTables_scrollHead{
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}


#allocation_list_wrapper div.dataTables_processing{
    left: calc(50% - 150px);
}
#allocation_list .dataTables_empty {
    display: none;
}

#allocation_list td .user {
}

#allocation_list td .group ,
#waiting_response_list td .group {
    font-weight: 600;
}


#form-waiting-response #waiting_response_list .no_thumbnail > img,
#form-allocation-admin #allocation_list .no_thumbnail > img,
#form-allocation-admin #unallocated_list .no_thumbnail  > img{
    opacity: 0.5;
}


#form-allocation-admin #unallocated_list_wrapper .dataTables_scrollHead table {
    font-size: 12px;
}


#form-allocation-admin #unallocated_list_wrapper .dataTables_scrollBody table {
}



#form-allocation-admin #allocation_list tr,
#form-allocation-admin #unallocated_list tr{
    cursor: pointer;
}

#form-allocation-admin #allocation_list tr .file_preview_container,
#form-allocation-admin #allocation_list tr .file_preview_container,
#waiting_response_list .file_preview_container{
    display: block;
}
#form-allocation-admin #allocation_list tr .file_preview,
#form-allocation-admin #unallocated_list tr .file_preview,
#waiting_response_list  .file_preview{
    width: 100%;
    height: auto;
}



#form-allocation-admin .dataTables_scrollHead .column_title {
    margin-left: 5px;
}

#form-allocation-admin .filtered_user,
#form-allocation-admin .filtered_room {
    font-size: 11px;
    margin-left: 10px;
    margin-right: 10px;
    color: white;
    max-width: 150px;
    width: initial;
    display: inline-block;
    margin-top: 4px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

#form-allocation-admin .filtered_user.all,
#form-allocation-admin .filtered_room.all {
    opacity: 0.5;
}

#allocation_list_wrapper {
    margin: 0 auto;
}



#unallocated_list_wrapper table th.ui-resizable,
#allocation_list_wrapper table th.ui-resizable,
#waiting_response_list_wrapper table th.ui-resizable {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}


#form-allocation-admin #allocation_list_filter [type="search"] ,
#form-waiting-response #waiting_response_list_filter [type="search"] {
    display: none;
}


#form-allocation-admin #unallocated_list_filter input[type="search"] {
    margin-right: 5px;
    width: calc(100% - 240px);
    vertical-align: top;
}


#form-allocation-admin #unallocated_list_filter input.date_search {
    width: 30%;
    font-size: 12px;
    padding-left: 4px;
    padding-right: 4px;
}


#form-allocation-admin #allocation_list_filter label {
    width: 100%;
    margin-right: 5px;
    float: left;
}

#form-allocation-admin #by_user_list_wrapper,
#form-allocation-admin #by_room_list_wrapper {
    display: none;
}

#form-allocation-admin #users_list_wrapper tbody tr,
#form-allocation-admin #rooms_list_wrapper tbody tr {
    cursor: pointer;
}


#form-allocation-admin #allocation_list_filter .allocation_date_filter {
    width: 150px;
}

#form-allocation-admin .allocation_date_left,
#form-allocation-admin .allocation_date_right {
    cursor: pointer;
    opacity: 0.5;
}

#form-allocation-admin .allocation_date_left:hover,
#form-allocation-admin .allocation_date_right:hover {
    opacity: 1;

}

#form-allocation-admin #unallocated_list_filter label {
    width: 100%;
    margin-right: 5px;
    float: left;

}

.datepaginator .pagination .dp-today {
    color: var(--activated-color) !important;
    opacity: 1 !important;
    background-color: inherit !important;
}

.datepaginator .pagination .dp-item{
    color: var(--table-color);
    background: var(--table-background);
    border: 1px solid var(--main-background);
    height: auto;
    border-radius: unset;
    opacity: 1;
    padding-top: 5px!important;
    height: 105px !important;
}

.datepaginator .pagination a.dp-nav-left,
.datepaginator .pagination a.dp-nav-right{
    background: var(--panel-heading-background);
    border-top: 1px solid var(--main-background);
    border-bottom: 1px solid var(--main-background);
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.datepaginator .pagination a.dp-nav-left{
    background: var(--panel-heading-background);
    border-right: 2px solid var(--main-background);
}

.datepaginator .pagination a.dp-nav-right{
    background: var(--panel-heading-background);
    border-left: 2px solid var(--main-background);
}





#form-allocation-admin #allocation_date_paginator {
    opacity: 0.4;
    display: unset;
}
#form-allocation-admin #allocation_date_paginator.on {
    opacity: 1;
}

.datepaginator .pagination .dp-selected {
    opacity: 1 !important;
    background: none! important;
}

.datepaginator .pagination  .dp-item.dp-item-sm {
    padding: 2px !important;
    font-size: 13px
}

.datepaginator .pagination .counts {
    margin-top: 8px;
}
.datepaginator .pagination .count {
    border-radius: 2px;
    height: 15px;
    margin: 2 auto;
    max-width: 150px;
}

.datepaginator .pagination .count.job {
}

.datepaginator .pagination .count.user {
}

.datepaginator .pagination .count.room {
}

.sortable-placeholder{
    background: var(--table-selection-background)!important;
}


.alloc_draggable {
    background: rgba(0, 136, 204, 0.90);
    display: block;
    padding: 5px;
}

.drag_container td {
    vertical-align: middle;
    padding-left: 5px;
    padding-right: 5px;
}




#form-allocation-admin .ui-droppable-hover {
    background: var(--table-selection-background);
}

#form-allocation-admin #btn_unallocated_jobs.ui-droppable-hover {
    background: var(--activated-color);
}

#form-allocation-admin .dataTables_wrapper .ui-droppable-hover {
    border: 1px solid orange;

}


#form-allocation-admin .dataTables_scrollBody .dataTables_empty {
    display: none;

}


#form-allocation-admin #allocation_date_paginator .ui-droppable-hover {
    background: #966200!important;

}

#form-allocation-admin .allocation_info, #form-allocation-admin .allocation_affect {
    padding-left: 5px;
    padding-right: 5px;
}


#form-allocation-admin .allocation_affect .user,
#form-allocation-admin .allocation_affect .room {
    display: inline-block;
    vertical-align: top;
    height: 30px;
    line-height: 30px;
    margin-bottom: 5px;
    padding-left: 10px;
    margin-right: 5px;
    border-radius: 4px;
}

#form-allocation-admin .allocation_affect .usericon {
    margin-top: 5px;
    vertical-align: inherit;
    top: 2px;
}

#form-allocation-admin .allocation_affect .username,
#form-allocation-admin .allocation_affect .group_name,
#form-allocation-admin .allocation_affect .room_name {
    font-weight: 600;
    font-size: 12px;
    width: calc(100% - 52px);
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
    vertical-align: super;
    overflow: hidden;
    position: absolute;
    left: 38px;
}

#form-allocation-admin .allocation_affect .unaffected .remove_user,
#form-allocation-admin .allocation_affect .unaffected .remove_room {
    display: none;
}

#form-allocation-admin .allocation_affect .user {
    background: rgb(34, 61, 88);

}

#form-allocation-admin .allocation_affect .room {
    background: green;

}


#form-allocation-admin .dt_header_back {
    float: right;
    font-size: 13px;
    cursor: pointer;
    opacity: 0.5;
    margin-right: 5px;
}

#form-allocation-admin .dt_header_back:hover {
    opacity: 1;
}

#form-allocation-admin .dt_header_user,
#form-allocation-admin .dt_header_room,
#form-allocation-admin .dt_header_job_count {
    display: block;
    width: 100%;
    height: 22px;
    line-height: 22px;
}

#form-allocation-admin .dt_header_job_count {
    font-size: 12px;
    margin-left: 5px;
}

#form-allocation-admin .allocation_info .unaffected {
    opacity: 0.5;
}


#form-allocation-admin .allocation_row {
    display: inline-block;
    width: 100%;
    cursor: default;
}

#form-allocation-admin .allocation_row .sequence_state {
    float: right;
    width: 75px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow-x: hidden;
    display: inline-block;
    margin-top: 2px;
    font-size: 9px;
    cursor: default;
}

#form-allocation-admin .allocation_title {
    font-size: 13px;
    font-weight: 600;
    width: calc(100% - 90px);
    display: inline-block;
    padding-left: 4px;
}

#form-allocation-admin .row_id,
#form-waiting-response .row_id,
#form-sequence-admin .row_id {
    display: none;
    opacity: 0.7;
    float: right;
    margin-right: 4px;
    padding-left: 5px;
    vertical-align: top;
}

#form-waiting-response .row_id,
#form-sequence-admin .row_id {
    float: left;
    display: inline-block;
    font-size: 0.9em;
    line-height: 1.6em;
    opacity: 0.6;
}

#form-allocation-admin .allocation_row:hover .allocation_color,
#form-waiting-response .sequence_row:hover .allocation_color {
    opacity: 1;
    cursor: pointer;
}


#form-allocation-admin .allocation_row:hover .row_id,
#form-waiting-response .sequence_row:hover .row_id {
    display: inline-block;
}

#form-allocation-admin .allocation_color,
#form-waiting-response .allocation_color {
    position: absolute;
    opacity: 0;
    right: 0;
    font-size: 10px;
    margin-top: 2px;
    width: 10px;
}

#form-waiting-response .allocation_color {
    right: 90px;
}

#form-allocation-admin .allocation_color input,
#form-waiting-response .allocation_color input {
    display: none;
}

#form-allocation-admin .allocation_color .sp-replacer,
#form-waiting-response .allocation_color .sp-replacer {
    height: 0px;
    width: 0px;
    opacity: 0;
}

#form-allocation-admin .allocation_count {
    font-size: 12px;
}


.allocation_thumbnail {
    padding: 0px;
    padding-left: 10px;
}

#form-allocation-admin .sub_info.seq_name {
    margin-bottom: 5px;
    color: white;
    font-weight: 600;
}

#form-allocation-admin .integer_range_selector {
    top: 0;
}


#form-allocation-admin .integer_range_selector.workload {
    cursor: pointer;
}


#form-allocation-admin .open_workflow {
    float: right;
    opacity: 0;
    position: absolute;
    right: 0px;
    top: 38px;
    zoom: 0.6;

}

#form-allocation-admin .allocation_row:hover .open_workflow {
    opacity: 1;

}

#form-allocation-admin .sub_info {
    margin-top: 0px;
    margin-left: 0px;
}

#form-allocation-admin .sub_info.empty_right {
    opacity: 0.5;
}

#form-allocation-admin .sub_allocation_row {
    width: calc(100% - 65px);
    display: inline-block;
    margin-left: 50px;
    margin-top: 10px;
    margin-bottom: 10px;
    background: rgb(62, 68, 76);
    padding: 5px;
    border-radius: 4px;
}

#form-allocation-admin .sub_allocation_row .sub_info {
    font-size: 12px;
}

#form-allocation-admin #unallocated_creators_list .user_row,
#form-allocation-admin #unallocated_states_list .state_row,
#form-allocation-admin #unallocated_states_list .state_row,
#form-allocation-admin #unallocated_templates_list .template_row,
#form-allocation-admin #unallocated_job_categories_list .category_row {
    width: 100%;
    display: inline-block;
    font-size: 13px;
}

#form-allocation-admin .allocation_show_detail {
    margin-top: 4px;
    margin-left: 10px;
    margin-right: 0px;
}

#form-allocation-admin #sequence_template {
    -webkit-appearance: menulist-button;
    height: 22px;
    color: #555;
    float: left;
    width: calc(100%);
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-stretch: normal;
    font-style: normal;
    font-variant-caps: normal;
}


/*
    allocation_states

*/
#form-allocation-admin .allocation_state {
    margin-left: 10px;
    margin-right: 10px;
    opacity: 0.7;
    cursor: pointer;
    font-weight: 500;
    font-size: 13px;
    vertical-align: middle;
    color: white;

}

#form-allocation-admin .allocation_state.on {
    opacity: 1;
    color: white;
}

#form-allocation-admin .allocation_state.WAITING_RESPONSE {
    background: var(--state-warning);
    margin-left: 10px;
}

#form-allocation-admin .allocation_state.IDLE,
#form-allocation-admin .allocation_state.TO_BE_DONE {
    background: var(--state-default);
}

#form-allocation-admin .allocation_state.ACCEPTED {
    background: var(--state-info);
}

#form-waiting-response #waiting_response_list_filter input {
    width: 100%;
    margin: 0px;
    height: 22px;
}

#form-waiting-response #waiting_response_list_filter label {
    display: none;
}

.datepaginator {
    margin-bottom: 10px;
    display: none;
}
.datepaginator.on {
    display: block;
}

.datepaginator,
.datepaginator .dp-nav,
.datepaginator .dp-item.dp-item-sm {
    height: 105px !important;
    font-size: 13px !important;
}

#form-waiting-response #waiting_response_date_paginator .count {
    border-radius: 2px;
    opacity: 1;
    height: 15px;
    margin: 3px auto;
    width: 100%;
    font-size: 11px;
    font-weight: 500;
    float: left;
    color: white;

}


#form-waiting-response #waiting_response_date_paginator .count.waiting_start_if {
    background: var(--state-warning);
    width: 50%;
    display: inline-block;
    float: left;
}

#form-waiting-response #waiting_response_date_paginator .count.waiting_response {
    background: var(--state-warning);
    width: calc(50% - 5px);
    display: inline-block;
    float: right;
    overflow: hidden;
}

#form-waiting-response #waiting_response_date_paginator .count.accepted {
    background: var(--state-info);
    width: 50%;
    display: inline-block;
    float: left;
}

#form-waiting-response #waiting_response_date_paginator .count.rejected {
    background: var(--state-info);
    width: calc(50% - 5px);
    display: inline-block;
    float: right;
}


#form-waiting-response #waiting_response_date_paginator .count.to_be_done {
    background: var(--state-default);
}

/*
    waiting_response_states

*/
#form-waiting-response .waiting_response_state {
    display: inline-block;
    margin-right: 10px;
    opacity: 0.3;
    cursor: pointer;
    font-weight: 500;
    font-size: 12px;
    border-radius: 2px;
    color: white;
}

#form-waiting-response .waiting_response_state .title {
    font-weight: 600;

}

#form-waiting-response .waiting_response_state .title {
    margin-left: 5px;

}

#form-waiting-response .waiting_response_state.on {
    opacity: 1;
}

#form-waiting-response .waiting_response_state.WAITING_START_IF {
    background: var(--state-warning);
}

#form-waiting-response .waiting_response_state.WAITING_RESPONSE {
    background: var(--state-warning);
}

#form-waiting-response .waiting_response_state.ACCEPTED {
    background: var(--state-info);
}

#form-waiting-response .waiting_response_state.REJECTED {
    background: var(--state-info);
}

#form-waiting-response .waiting_response_state.TO_BE_DONE {
    background: gray;
}

#form-waiting-response .dp-today {
    color: var(--app-color) !important;
    opacity: 1 !important;
    background-color: inherit !important;
    font-weight: 600;
}
#form-waiting-response .dp-today .count_group .count{
    opacity: 1 !important;
}

#form-waiting-response #filters_panel #reset_search {
    width: 100%;
}

#form-waiting-response #filters_panel {
    margin-top: 20px;
}


#form-waiting-response #filters_panel select {
    display: block;
    color: #555;
    width: 100%;
    margin-top: 5px;
    margin-bottom: 20px;
    height: 32px;
    padding: 4px 6px;
    line-height: 20px;
    border-radius: 4px;
    font-size: 13px;
}

#xxxform-waiting-response .waiting_response_job_category {
    margin-right: 10px;
    width: 150px
}

#xxxform-waiting-response .waiting_response_user_filter {
    margin-right: 10px;
}

#form-waiting-response .panel-center,
#form-sequence-history .panel-center,
#form-sequence-monitoring .panel-center {
    margin-left: 10px;
}