#dashboard-filter-panel .form-group{
    margin: 0px 0px 5px 0px !important;
}

#dashboard-filter-panel label{
    font-size:12px !important;
}

.headcol2 {
    position: absolute;
    left: 0;
    min-width: 200px;
    background-color: #ededed!important;
    top: auto;
    border-top-width: 1px;
    /*only relevant for first row*/
    margin-top: -1px;
    /*compensate for top border*/
}
  

.headcol {
    position: absolute;
    left: 0;
    min-width: 300px;
    background-color: #ededed!important;
    top: auto;
    border-top-width: 1px;
    /*only relevant for first row*/
    margin-top: -1px;
    /*compensate for top border*/
}
  

.bg-gray {
    background-color: #ededed!important;
}

.border-separate{
    border-collapse: separate; 
    border-spacing: 0
}

.w-px-50{
    width: 50px!important;
}

.min-h-50{
    min-height: 50px!important;
}

.min-h-60{
    min-height: 60px!important;
}

.border-10{
    border: #fbfcfd solid 10px!important;
}

.bullet{
    margin: 0px 5px 0px 0px;
    height:20px;
    width:20px;
    border-radius: 50%;
    background-color: #e0e0e0
}

.freight-operation-status .current{
    background-color: #24d2b5 !important;
}

.freight-operation-status .warning{
    background-color: #ff9041 !important;
}

.noUi-handle{
    height: 25px!important;
    width: 25px!important;
    border-radius: 50%;
}

.noUi-tooltip {
    font-weight: bold;
    font-size: 10pt;
    color: #67757c !important;
    font-size: 10px !important;
}

.noUi-handle-lower + .noUi-tooltip {
    top:30px !important;
    height:30px!important;
    font-size: 10px !important;
}

a{
    cursor: pointer !important;
}

select option[data-type="success"] {
    background-color: rgba(66, 158, 143, 0.7);
    font-weight: normal;
    font-size: 11pt;
    color: #094214;
    font-weight: bold;
    padding: 10px 0 10px 0;
}

select option[data-type="warning"] {
    background-color: rgba(255,193,7, 0.7);
    font-weight: normal;
    font-size: 11pt;
    font-weight: bold;
    color: #87241b;
}

input[type="text"]:disabled, input[type="text"]:read-only{
    border:0px;
    background-color: rgba(0,0,0,0)!important;
}

textarea:disabled{
    border:0px;
    background-color: rgba(0,0,0,.03)!important;
}


input.phx-font{
    padding-left: 5px!important;
    font-size: 8pt!important;
}

input.phx-font:disabled, input.phx-font:read-only{
    border:0px;
    font-size: 8pt!important;
    background-color: rgba(0,0,0,.03)!important;
}

textarea.phx-font{
    font-size: 8pt!important;
}

textarea.phx-font:disabled{
    border:0px;
    font-size: 8pt!important;
    background-color: rgba(0,0,0,.03)!important;
}

select.phx-font{
    font-size: 8pt!important;
    align-items: center;
}

select.phx-font:disabled{
    font-size: 8pt!important;
    align-items: center;
    background-color: rgba(0,0,0,.03)!important;
}

label.phx-font{
    font-size:8pt!important;
}

span.phx-font{
    font-size: 8pt!important;
}

div.phx-font{
    font-size: 8pt!important;
}

.select2-dropdown{
    z-index:99999;
}

.select2-dropdown.increasezindex{
    z-index:99999;
}

.label-logo{
    width: 300px !important;
    height: 86px !important;
}

.phx-label-1{
    font-size: 8pt!important;
}

.header{
    width: 100%!important;
    text-align: left;
    padding: 5px 0px 5px 10px!important;
    font-size: 14pt;
    font-weight: bold;
}

.header-title-text{
    font-size: 18pt!important;
    font-weight: bold;
    color: #003366;
}

.bg-blue-header{
    background-color: #003366!important;
    color: #ffffff;
}

.attachments{
    font-size: 10pt!important;
    font-weight: bold!important;
    cursor: pointer!important;
}

.form-control[disabled]{
    background-color:transparent!important;
    border: 0!important;
    font-size: 1em!important;
}

.work-list-row{
    cursor: pointer;
}

/*** Task Expired ***/

.alarm-request{
    border-left: #ff4d4d solid 10px !important;
}

.alarm-request td{
    color: #663333!important;
    font-weight: bold;
}

.alarm-request td a{
    color: #663333!important;
    font-weight: bold;
}

.alarm-request:hover{
    background-color: #ffdede !important;
}

.alarm-request td a:hover{
    color: #330000!important;
}

.alarm-request td:hover{
    color: #330000!important;
}

/*** Task Done ***/

.success-request{
    border-left: #32ff7e solid 10px !important;
}

.success-request td{
    color: #669999!important;
    font-weight: bold;
}

.success-request td:hover{
    color: #003300!important;
    font-weight: bold;
}

.success-request td a{
    color: #669999!important;
    font-weight: bold;
}

.success-request td a:hover{
    color: #003300!important;
    font-weight: bold;
}

.success-request:hover{
    background-color: #ccffcc !important;
}

/*** Task is about to Expired ***/

.warning-request{
    border-left: #ffaf40 solid 10px !important;
}

.warning-request td, .warning-request td a{
    color: #996666!important;
    font-weight: bold;
}

.warning-request:hover{
    background-color: #fff2df !important;
}

.warning-request td:hover{
    color: #663300!important;
}

.warning-request td a:hover{
    color: #663300!important;
}

/*** Task is in progress ***/

.info-request{
    border-left: #18dcff solid 10px;
}

.info-request td, .info-request td a{
    color: #6699cc!important;
    font-weight: bold;
}

.info-request:hover{
    background-color: #e9ffff !important;
}

.info-request td:hover{
    color: #003366!important;
}

.info-request td a:hover{
    color: #003366!important;
}

.planning_monthly_grid-header{
    width:100px;
    height:25px;
    text-align: center;
    background-color: #cccccc;
    font-size: 8pt;
    font-weight: bold;
    border:solid 1px #ffffff;
}

.planning_monthly_grid-footer{
    width:100px;
    height:25px;
    text-align: center;
    background-color: #cccccc;
    font-size: 8pt;
    font-weight: bold;
    border:solid 1px #ffffff;
}

.planning_monthly_grid-cell{
    width:100px;
    height:25px;
    text-align: right;
    font-size: 8pt;
    font-weight: normal;
    color: #000000;
    background-color: transparent;
    border: solid 1px #e0e0e0;
}

.planning_monthly_grid-row_header{
    width:300px!important;
    height:25px;
    text-align: left;
    font-size: 8pt;
    color: #000000;
    word-break: keep-all;
    background-color: transparent;
    border: solid 1px #e0e0e0;
    white-space: nowrap;
    padding: 0px 5px 0px 5px;
}

.component-error{
    border: solid 1px #ff0000!important;
}

.phx-currency{
    display: flex;
    flex-direction: row!important;
    align-items: center!important;
    justify-content: center!important;
    white-space: nowrap;
}

.readonly-input{
    border: 0px;
    background-color: transparent!important;
}

.dark-gray{
    color: #5b676d
}

.readonly-input-border{
    border: 1px;
    background-color: #ffffff!important;
}

.report-grid-header{
    font-weight: bold;
    font-size: 10pt;
    background-color: #FFFFFF;
    color: #20aee3!important;
    border: solid 1px #4D5656;

    position: -webkit-sticky;
    position: sticky;
    left: 0;
}

.report-grid-row{
    font-weight: normal;
    font-size: 9pt;
    color: #20aee3!important;

    border-bottom: solid 1px #626567;
    z-index: 999!important;
}

.report-grid-tr{
    background-color: #ffffff;
}

.report-grid-tr:hover{
    background-color: rgba(0,0,0,0.001)!important;
}

.report-grid-footer{
    font-weight: bold;
    font-size: 10pt;
    background-color: #E0E0E0;
    color: #000000;
    border: solid 1px #4D5656;
}

.report-td-edge{
    border-right: solid 5px #e0e0e0;
}

.formula-input{     
    background-color: transparent; 
    width: 100%!important; 
    height: 30px; 
    text-align: right!important; 
    border: 0px;
    font-size: 10pt !important;
    font-weight: bold !important;
    color: #000000 !important;
}