/* _content/OperationPlanner3/controls/agent/details/AbsenceDetails.razor.rz.scp.css */
body[b-sx1koet7a4] {
}

.field-label[b-sx1koet7a4]{
    width:230px
}
.field-value[b-sx1koet7a4]{
    display:flex;
    width:300px;
    align-self:center;
    height:100%
}
.field-label-and-value[b-sx1koet7a4] {
    display: flex
}

.small[b-sx1koet7a4] {
    width: 100px;
    display: inline-block;
    vertical-align: initial
}

.rz-datepicker-calendar td .rz-state-active[b-sx1koet7a4]{
    padding:5px !important;
}
.rz-datepicker-calendar td .rz-state-default[b-sx1koet7a4] {
    padding: 5px !important;
}
/* _content/OperationPlanner3/controls/agent/details/AffectationDetails.razor.rz.scp.css */
body[b-yngkvltroi] {
}

.field-label[b-yngkvltroi] {
    width: 230px
}

.field-value[b-yngkvltroi] {
    display: flex;
    width: 300px
}

.field-label-and-value[b-yngkvltroi] {
    display: flex
}

.small[b-yngkvltroi] {
    width: 100px;
    display: inline-block;
    vertical-align: initial
}

.rz-datepicker-calendar td .rz-state-active[b-yngkvltroi] {
    padding: 5px !important;
}

.rz-datepicker-calendar td .rz-state-default[b-yngkvltroi] {
    padding: 5px !important;
}
/* _content/OperationPlanner3/controls/agent/details/AgentDeparture.razor.rz.scp.css */
body[b-ypfn5zc72k] {
}

.field-label[b-ypfn5zc72k] {
    width: 230px
}

.field-value[b-ypfn5zc72k] {
    display: flex;
    width: 300px
}

.field-label-and-value[b-ypfn5zc72k] {
    display: flex
}

.small[b-ypfn5zc72k] {
    width: 100px;
    display: inline-block;
    vertical-align: initial
}

.rz-datepicker-calendar td .rz-state-active[b-ypfn5zc72k] {
    padding: 5px !important;
}

.rz-datepicker-calendar td .rz-state-default[b-ypfn5zc72k] {
    padding: 5px !important;
}
/* _content/OperationPlanner3/controls/agent/details/AgentDetails.razor.rz.scp.css */
body[b-jzp21bnaq6] {
}

.field-value[b-jzp21bnaq6] {
    width: 250px;
    font-size:12px;
}
.field-value-with-button[b-jzp21bnaq6] {
    justify-content: space-between;
    display: flex;
}

.field-value-with-button-part-one[b-jzp21bnaq6] {
    width: 80%;
    align-self:center;
}

.field-value-with-button-part-two[b-jzp21bnaq6] {
    width: 10%;
    margin-right: 5px;
    align-self: center;
}

.button-style-as-link[b-jzp21bnaq6] {
    background: none !important;
    border: none;
    padding: 0 !important;
    /*optional*/
    font-family: arial, sans-serif;
    /*input has OS specific font-family*/
    color: #069;
    text-decoration: underline;
    cursor: pointer;
    font-size: inherit;
}
/* _content/OperationPlanner3/controls/agent/details/CategorieDetails.razor.rz.scp.css */
body[b-vk27jy29f5] {
}

.field-label[b-vk27jy29f5] {
    width: 230px
}

.field-value[b-vk27jy29f5] {
    display: flex;
    width: 300px
}

.field-label-and-value[b-vk27jy29f5] {
    display: flex
}

.small[b-vk27jy29f5] {
    width: 100px;
    display: inline-block;
    vertical-align: initial
}

.rz-datepicker-calendar td .rz-state-active[b-vk27jy29f5] {
    padding: 5px !important;
}

.rz-datepicker-calendar td .rz-state-default[b-vk27jy29f5] {
    padding: 5px !important;
}
/* _content/OperationPlanner3/controls/agent/details/GradeAgentDetails.razor.rz.scp.css */
body[b-6c09fkiu97] {
}

.field-label[b-6c09fkiu97] {
    width: 230px
}

.field-value[b-6c09fkiu97] {
    display: flex;
    width: 300px
}

.field-label-and-value[b-6c09fkiu97] {
    display: flex
}

.small[b-6c09fkiu97] {
    width: 100px;
    display: inline-block;
    vertical-align: initial
}

.rz-datepicker-calendar td .rz-state-active[b-6c09fkiu97] {
    padding: 5px !important;
}

.rz-datepicker-calendar td .rz-state-default[b-6c09fkiu97] {
    padding: 5px !important;
}
/* _content/OperationPlanner3/controls/agent/details/PretAgentDetails.razor.rz.scp.css */
body[b-ooyxl1jvgs] {
}

.field-label[b-ooyxl1jvgs] {
    width: 230px
}

.field-value[b-ooyxl1jvgs] {
    display: flex;
    width: 400px
}

.field-label-and-value[b-ooyxl1jvgs] {
    display: flex
}

.small[b-ooyxl1jvgs] {
    width: 100px;
    display: inline-block;
    vertical-align: initial
}

.rz-datepicker-calendar td .rz-state-active[b-ooyxl1jvgs] {
    padding: 5px !important;
}

.rz-datepicker-calendar td .rz-state-default[b-ooyxl1jvgs] {
    padding: 5px !important;
}
/* _content/OperationPlanner3/controls/agent/details/VisiteMedicaleDetails.razor.rz.scp.css */
body[b-c01b36q07i] {
}

.field-label[b-c01b36q07i] {
    width: 230px
}

.field-value[b-c01b36q07i] {
    display: flex;
    width: 300px
}

.field-label-and-value[b-c01b36q07i] {
    display: flex
}

.small[b-c01b36q07i] {
    width: 100px;
    display: inline-block;
    vertical-align: initial
}

.rz-datepicker-calendar td .rz-state-active[b-c01b36q07i] {
    padding: 5px !important;
}

.rz-datepicker-calendar td .rz-state-default[b-c01b36q07i] {
    padding: 5px !important;
}
/* _content/OperationPlanner3/controls/astreintes/AstreintesAgents.razor.rz.scp.css */

table[b-wv2os0kc4e] {
    width: 100%;
    text-align: center;
    border-collapse: separate; /* Don't collapse */
    border-spacing: 0;
}

    table th[b-wv2os0kc4e] {
        /* Apply both top and bottom borders to the <th> */
        border-top: 1.5px solid;
        border-bottom: 1.5px solid;
        border-right: 1.5px solid;
    }

    table td[b-wv2os0kc4e] {
        /* For cells, apply the border to one of each side only (right but not left, bottom but not top) */
        border-bottom: 1.5px solid;
        border-right: 1.5px solid;
    }

        table th:first-child[b-wv2os0kc4e],
        table td:first-child[b-wv2os0kc4e] {
            /* Apply a left border on the first <td> or <th> in a row */
            border-left: 1.5px solid;
        }

    table thead th[b-wv2os0kc4e] {
        position: sticky;
        top: 0;
        background-color: #edecec;
    }


.activity-label[b-wv2os0kc4e] {
    text-align-last: center;
    margin-left: 2px;
    align-items: center;
    height: 100%;
}

.activity-box[b-wv2os0kc4e] {
    border-width: 2px;
    border-radius: 2px;
    padding: 2px 2px 2px 2px;
}
/* _content/OperationPlanner3/controls/Forms/BenneDetails.razor.rz.scp.css */
body[b-336mumb5at] {
}

.field-value[b-336mumb5at] {
    width: 300px
}

.field-label[b-336mumb5at] {
    width: 200px
}
/* _content/OperationPlanner3/controls/Forms/CircuitDetails.razor.rz.scp.css */
body[b-uielbddgze] {
}

.field-value[b-uielbddgze] {
    width: 300px
}

.field-label[b-uielbddgze] {
    width: 200px
}
/* _content/OperationPlanner3/controls/Forms/FluxDetails.razor.rz.scp.css */
body[b-tt73bb5gz2] {
}

.field-value[b-tt73bb5gz2] {
    width: 300px
}

.field-label[b-tt73bb5gz2] {
    width: 200px
}
/* _content/OperationPlanner3/controls/Forms/PosteTravailDetails.razor.rz.scp.css */
body[b-g4ozkdcbbn] {
}

.field-value[b-g4ozkdcbbn] {
    width: 300px
}

.field-label[b-g4ozkdcbbn] {
    width: 300px
}
/* _content/OperationPlanner3/controls/Forms/secteurdetails/SecteurBasicInformationTab.razor.rz.scp.css */
body[b-5zhu4th3yl] {
}
.field-value[b-5zhu4th3yl]{
    width:300px
}
/* _content/OperationPlanner3/controls/Forms/SupplyRequestDetail.razor.rz.scp.css */
body[b-pokc5w3qny] {
}

.field-value[b-pokc5w3qny] {
    width: 300px
}
td[b-pokc5w3qny] {
    padding: 0px;
}


[b-pokc5w3qny] .rz-datatable-data td {
    padding: 0px !important;
}
/* _content/OperationPlanner3/controls/Forms/TourneeDetails.razor.rz.scp.css */
body[b-1hxy2b2i0t] {
}

.field-value[b-1hxy2b2i0t] {
    width: 300px
}

.field-label[b-1hxy2b2i0t] {
    width: 200px
}
/* _content/OperationPlanner3/controls/Forms/TourneeRealiseeDetails.razor.rz.scp.css */
body[b-oifdk72l35] {
}

.field-value[b-oifdk72l35]{
    width:300px
}
/* _content/OperationPlanner3/controls/Forms/TypeAbsenceDetails.razor.rz.scp.css */
body[b-kkffxva8n3] {
}
.field-value[b-kkffxva8n3]{
    width:300px
}
.field-label[b-kkffxva8n3]{
    width:200px
}
/* _content/OperationPlanner3/controls/Forms/TypeActiviteDetails.razor.rz.scp.css */
body[b-evmpvn0ynf] {
}
.field-value[b-evmpvn0ynf] {
    width: 300px
}

.field-label[b-evmpvn0ynf] {
    width: 200px
}
/* _content/OperationPlanner3/controls/Forms/UpdatePassword.razor.rz.scp.css */
body[b-hmm2bcpmeg] {
}

.field-value[b-hmm2bcpmeg] {
    width: 300px
}

.field-label[b-hmm2bcpmeg] {
    width: 200px
}
/* _content/OperationPlanner3/controls/Forms/ZoneDetails.razor.rz.scp.css */
body[b-a15b7s6286] {
}
.field-value[b-a15b7s6286]{
    width:200px
}
.table-padding[b-a15b7s6286]{
    padding:5px;
}
.field-label[b-a15b7s6286] {
    width: 200px
}

.field-label-and-value[b-a15b7s6286] {
    width: 410px
}
/* _content/OperationPlanner3/controls/list/AgentLDList.razor.rz.scp.css */
.versatile-agent-div[b-ja2iaasnrj] {
    font-weight:bold;
}
/* _content/OperationPlanner3/controls/list/AgentList.razor.rz.scp.css */
.versatile-agent-div[b-tqyjbgbblw] {
    font-weight:bold;
}
/* _content/OperationPlanner3/controls/list/AlertList.razor.rz.scp.css */
.versatile-agent-div[b-d96y6zfr19] {
    font-weight:bold;
}
/* _content/OperationPlanner3/controls/list/ListMenu.razor.rz.scp.css */
.btn[b-xueeerjcup] {
    padding-top: 7px !important;
    background-color: white; /* Blue background */
    border: solid;
    border-width:thin;
    border-color: darkgrey; /* Remove borders */
    color: black; /* White text */
    font-size: 16px; /* Set a font size */
    cursor: pointer; /* Mouse pointer on hover */
    width: 50px !important;
    margin-top: 0px
}

    .btn:hover[b-xueeerjcup] {
        background-color:lightblue
    }
/* _content/OperationPlanner3/controls/list/SupplyList.razor.rz.scp.css */
.color-box span[b-xp17e68xbs] {
    border: 1px solid rgb(204, 204, 204);
    padding: 2px;
    padding-left: 25px;
    margin: 0px;
    margin-right: 10px;
    border-radius: 3px;
}

.color-box[b-xp17e68xbs] {
    border: 1px #aaa solid;
    padding: 6px;
    padding-right: 100px;
    border-radius: 3px;
    -moz-box-shadow: inset 0 0 2px 0 #888;
    -webkit-box-shadow: inset 0 0 2px 0 #888;
    box-shadow: inset 0 0 1px 0 #888;
}
/* _content/OperationPlanner3/controls/list/SupplyList_History.razor.rz.scp.css */
body[b-5mfx1qccpk] {
}
/* _content/OperationPlanner3/controls/PlanningSecteurTournee/PlanningPST.razor.rz.scp.css */
body[b-6bogvtwp32] {
}
.planning-header[b-6bogvtwp32]{
    font-weight:bold;
    text-align:center;
    border:solid;
    border-width:1.5px;
    background-color:lightgray
}
/* _content/OperationPlanner3/controls/PlanningSecteurTournee/PlanningSecteurTournee2.razor.rz.scp.css */
body[b-a0ko30m04s] {
}

.planning-header[b-a0ko30m04s] {
    font-weight: bold;
    text-align: center;
    
    background-color: lightgray
}
/* _content/OperationPlanner3/controls/PlanningSecteurTournee/PlanningsList.razor.rz.scp.css */
body[b-zod5dvh7yc] {
}

[b-zod5dvh7yc] .rz-datatable-data td {
    padding: 0px !important;
}

.btn[b-zod5dvh7yc] {
    padding-top: 7px !important;
    background-color: white; /* Blue background */
    border: solid;
    border-width: thin;
    border-color: darkgrey; /* Remove borders */
    color: black; /* White text */
    font-size: 16px; /* Set a font size */
    cursor: pointer; /* Mouse pointer on hover */
    width: 50px !important;
    margin-top: 0px
}

    .btn:hover[b-zod5dvh7yc] {
        background-color: lightblue
    }
/* _content/OperationPlanner3/controls/PlanningSecteurTournee/PlanningSTCellTournee.razor.rz.scp.css */
.activity-icon[b-gs3er8doxy] {
    vertical-align: middle;
    width: 16px;
    margin: 2px 2px 2px 2px;
}

.activity-label[b-gs3er8doxy] {
    border-radius: 4px;
    text-align-last: center;
    margin-left: 2px;
    align-items: center;
    height: 100%;
    background-color: #FFF5F5F5;
}

.activity-box[b-gs3er8doxy] {
    border: solid;
    border-width: 2px;
    border-radius: 3px;
    padding: 2px 2px 3px 2px;
    margin: 3px 3px 3px 3px;
}
/* _content/OperationPlanner3/controls/PlanningSecteurTournee/PlanningSTEditCell.razor.rz.scp.css */
body[b-3mvd1axe1m] {
}
.one-tournee[b-3mvd1axe1m] {
    height: 30px;
    border: solid;
    border-width: 1px;
    border-radius: 7px;
    text-align: center;
    width: 150px;
}
.one-tournee:hover[b-3mvd1axe1m] {
    background-color:powderblue
}


/* _content/OperationPlanner3/controls/PlanningSecteurTournee/PlanningsValidesParZone.razor.rz.scp.css */
body[b-dj43v7ejhj] {
}

.planning-header[b-dj43v7ejhj] {
    font-weight: bold;
    text-align: center;
    border: solid;
    border-width: 1.5px;
    background-color: lightblue;


    padding: 8px 16px;
    position: sticky;
    top: -1px;
    z-index: 1;
}
/* _content/OperationPlanner3/controls/Planning/Activite/ActiviteToolTip.razor.rz.scp.css */
.tooltip-field-title[b-nu8hk81wmj]{
    width:50px;
    text-align:right
}
.tooltip-value[b-nu8hk81wmj] {
    width: 50px;
}
/* _content/OperationPlanner3/controls/Planning/Activite/PlanningActivity.razor.rz.scp.css */
.activity-icon[b-6ojnul65r9] {
    vertical-align: middle;
    width: 16px;
    margin: 2px 2px 2px 2px;
    

}

.activity-label[b-6ojnul65r9] {
    border-radius: 4px;
    text-align-last: center;
    margin-left: 2px;
    align-items: center;
    height: 100%;
    background-color: #FFF5F5F5;
}

.activity-box[b-6ojnul65r9] {
    border: solid;
    border-width: 2px;
    border-radius: 3px;
    padding: 2px 2px 3px 2px;
    margin: 3px 3px 3px 3px;
}
/* _content/OperationPlanner3/controls/Planning/Bennes/IndispDialog.razor.rz.scp.css */
body[b-n5lojw1om2] {
}
.field-label[b-n5lojw1om2]{
    width:200px
}
.field-value[b-n5lojw1om2] {
    width: 250px
}
/* _content/OperationPlanner3/controls/Planning/Bennes/IndispTooltip.razor.rz.scp.css */
.tooltip-field-title[b-mec65sxf85] {
    width: 100px;
    text-align: right
}

.tooltip-value[b-mec65sxf85] {
    width: 200px;
}
/* _content/OperationPlanner3/controls/Planning/Bennes/PlanningBenneIndispo.razor.rz.scp.css */
body[b-1nllb7k51g] {
}

.activity-label[b-1nllb7k51g] {
    border-radius: 4px;
    text-align-last: center;
    margin-left: 2px;
    align-items: center;
    height: 100%;
}

.activity-box[b-1nllb7k51g] {
    border: solid;
    border-width: 2px;
    border-radius: 3px;
    padding: 2px 2px 3px 2px;
    margin: 3px 3px 3px 3px;
}
/* _content/OperationPlanner3/controls/Planning/Bennes/PlanningBenneRound.razor.rz.scp.css */
body[b-ohodxun3h7] {
}

.activity-label[b-ohodxun3h7] {
    border-radius: 4px;
    text-align-last: center;
    align-items: center;
    height: 100%;
    background-color: dodgerblue;
    border-color: black;
}

.activity-box[b-ohodxun3h7] {
    border: solid;
    border-width: 2px;
    border-radius: 3px;
    padding: 2px 2px 3px 2px;
    margin: 3px 3px 3px 3px;
}
/* _content/OperationPlanner3/controls/Planning/Bennes/PlanningBennes.razor.rz.scp.css */
body[b-p55ifey2hm] {
}
th[b-p55ifey2hm]{
    background-color:lightblue
}
.menu-second-line[b-p55ifey2hm] {
    text-align: left;
    left: 150px;
    vertical-align: middle;
    padding: 3px 3px 3px 3px;
    margin: 10px;
}
/* _content/OperationPlanner3/controls/Planning/Bennes/PlanningCell2.razor.rz.scp.css */
body[b-47y7d55hoq] {
}
.activity-label[b-47y7d55hoq] {
    border-radius: 4px;
    text-align-last: center;
    margin-left: 2px;
    align-items: center;
    height: 100%;
    
}

.activity-box[b-47y7d55hoq] {
    border: solid;
    border-width: 2px;
    border-radius: 3px;
    padding: 2px 2px 3px 2px;
    margin: 3px 3px 3px 3px;
}
/* _content/OperationPlanner3/controls/Planning/PlanningUnitaireActivite.razor.rz.scp.css */
.activity-icon[b-of9iw7vunl] {
    vertical-align: middle;
    width: 16px;
    margin: 2px 2px 2px 2px;
}

.activity-label[b-of9iw7vunl] {
    border-radius: 4px;
    text-align-last: center;
    margin-left: 2px;
    align-items: center;
    height: 100%;
    background-color: #FFF5F5F5;
    width:83%;
    font-size:12px
}

.activity-box[b-of9iw7vunl] {
    border: solid;
    border-width: 2px;
    border-radius: 3px;
    padding: 2px 2px 3px 2px;
    margin: 1px 1px 1px 1px;
}
/* _content/OperationPlanner3/controls/Planning/PlanningUnitaireAgent.razor.rz.scp.css */
body[b-0slxyp6dxz] {
}

.planning-header[b-0slxyp6dxz] {
    font-weight: bold;
    text-align: center;
    border: solid;
    border-width: 1.5px;
    background-color: lightgray;
    width:25%;
}
/* _content/OperationPlanner3/controls/Planning/PlanningUnitaireAgentCell.razor.rz.scp.css */
.activity-icon[b-3ph408qh1f] {
    vertical-align: middle;
    width: 16px;
    margin: 2px 2px 2px 2px;
}

.activity-label[b-3ph408qh1f] {
    border-radius: 4px;
    text-align-last: center;
    margin-left: 2px;
    align-items: center;
    height: 100%;
    background-color: #FFF5F5F5;
    width: 83%;
    font-size: 12px
}

.activity-box[b-3ph408qh1f] {
    border: solid;
    border-width: 2px;
    border-radius: 3px;
    padding: 2px 2px 3px 2px;
    margin: 1px 1px 1px 1px;
}
/* _content/OperationPlanner3/controls/Planning/PlanningZone.razor.rz.scp.css */
.legent-td[b-0t3luegg6u] {
    width: 220px
}
th[b-0t3luegg6u]{
    background-color:lightblue
}

.menu-item[b-0t3luegg6u]{
    width:100px;
    vertical-align:middle;
}


.menu-second-line[b-0t3luegg6u] {
    text-align: left;
    left: 150px;
    vertical-align: middle;
    padding: 3px 3px 3px 3px;
    margin:10px;
}
.menu-first-line[b-0t3luegg6u] {
    vertical-align: middle;
    background-color: lightblue;
    padding: 3px 3px 3px 3px;
    overflow-x:auto;
    
}

#wrapper[b-0t3luegg6u] {
    width: 400px;
    height: 200px;
    overflow: auto;
}

table[b-0t3luegg6u] {
    width: 100%;
    text-align: center;
    border-collapse: separate; /* Don't collapse */
    border-spacing: 0;
}

    table th[b-0t3luegg6u] {
        /* Apply both top and bottom borders to the <th> */
        border-top: 2px solid;
        border-bottom: 2px solid;
        border-right: 2px solid;
    }

    table td[b-0t3luegg6u] {
        /* For cells, apply the border to one of each side only (right but not left, bottom but not top) */
        border-bottom: 2px solid;
        border-right: 2px solid;
    }

        table th:first-child[b-0t3luegg6u],
        table td:first-child[b-0t3luegg6u] {
            /* Apply a left border on the first <td> or <th> in a row */
            border-left: 2px solid;
        }

    table thead th[b-0t3luegg6u] {
        position: sticky;
        top: 0;
        background-color: #edecec;
        z-index:1;
    }

.fixed_headers[b-0t3luegg6u] {
    border-collapse: collapse;
    width: 100%;
}

    .fixed_headers td[b-0t3luegg6u],
    .fixed_headers thead th[b-0t3luegg6u] {
        padding: 5px;
        text-align: left;
    }

   

        .fixed_headers thead tr[b-0t3luegg6u] {
            position: relative;
        }

  

    .fixed_headers thead th[b-0t3luegg6u] {
        position: sticky;
        top: 0; /* REQUIRED: https://stackoverflow.com/a/43707215 */
        resize: horizontal;
        overflow: auto;
        min-width: 0px;
    }
/* _content/OperationPlanner3/controls/Planning/TourneeRealisee/PlanningRound.razor.rz.scp.css */
.left-image[b-gqniage8mh] {
    width:26px;
}
.round-box[b-gqniage8mh] {
    border: solid;
    border-radius: 4px;
    border-width: 2px;
    margin: 3px 3px 3px 3px;
    display: flex;
}

.round-inner-box[b-gqniage8mh] {
    width: calc(100% - 27px);
    height: 100%;
    line-height: 0.8;
    background-color: white;
    border-radius: 3px;
    float: right;
    border: solid;
    border-width: 2px;
    margin-right: 2px
}
.round-label-box[b-gqniage8mh]
{
    width: 25px;
    line-height: 1.15;
    text-align: center;
    color: white
}

.holyday-box[b-gqniage8mh] {
    background-color: #1E90FF;
    color: white;
    justify-content: center;
    align-items: center;
    font-size: 16px;
}
/* _content/OperationPlanner3/controls/Planning/TourneeRealisee/RoundTooltip.razor.rz.scp.css */
.activity-icon[b-0onfhzm9bj] {
    vertical-align: middle;
    width: 16px;
    margin: 2px 2px 2px 2px;
}

.activity-label[b-0onfhzm9bj] {
    border-radius: 4px;
    text-align-last: center;
    margin-left: 2px;
    align-items: center;
    height: 100%;
    background-color: #FFF5F5F5;
}

.activity-box[b-0onfhzm9bj] {
    border: solid;
    border-width: 2px;
    border-radius: 3px;
    padding: 2px 2px 3px 2px;
    margin: 3px 3px 3px 3px;
}
/* _content/OperationPlanner3/controls/Planning/TourneeRealisee/TourneeDetail.razor.rz.scp.css */
.field-label[b-f5c41lwyu6]{
    width:150px
}
.field-label2[b-f5c41lwyu6] {
    width: 200px
}
.value-one[b-f5c41lwyu6] {
    width: 310px;
}

.value-two[b-f5c41lwyu6] {
    width: 200px;
}

.big-value[b-f5c41lwyu6] {
    width: 310px;
    height: 100%;
}

.rz-dropdown-panel[b-f5c41lwyu6]{
    z-index:1500!important;
}

.rz-tabview-panel[b-f5c41lwyu6]{
    padding:0px;
}

.reduced-padding[b-f5c41lwyu6]{
    padding:3px;
}
td[b-f5c41lwyu6]{
    padding:0px;
}

[b-f5c41lwyu6] .rz-datatable-data td {
    padding: 5px !important;
}
/* _content/OperationPlanner3/controls/SharedControls/LoadingComponent.razor.rz.scp.css */
body[b-lq4b8rmter] {
}
/* _content/OperationPlanner3/Pages/HomeInfoGrid.razor.rz.scp.css */
.tooltip[b-8z0yxnxnen] {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
}

.tooltip .tooltiptext[b-8z0yxnxnen] {
        visibility: hidden;
        width: 120px;
        background-color: #555;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 0;
        position: absolute;
        z-index: 1;
        bottom: 125%;
        left: 50%;
        margin-left: -60px;
        opacity: 0;
        transition: opacity 0.3s;
}

   
.tooltip .tooltiptext[b-8z0yxnxnen]::after {
            content: "";
            position: absolute;
            top: 100%;
            left: 50%;
            margin-left: -5px;
            border-width: 5px;
            border-style: solid;
            border-color: #555 transparent transparent transparent;
}
    .tooltip:hover .tooltiptext[b-8z0yxnxnen] {
        visibility: visible;
        opacity: 1;
    }
/* _content/OperationPlanner3/Shared/MainLayout.razor.rz.scp.css */
.page[b-rsfo6mtl87] {
    position: relative;
    display: flex;
    flex-direction: column;
}

.main[b-rsfo6mtl87] {
    flex: 1;
}

.sidebar[b-rsfo6mtl87] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
    overflow-y:auto
}

.top-row[b-rsfo6mtl87] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    height: 3.5rem;
    align-items: center;
}

    .top-row[b-rsfo6mtl87]  a, .top-row .btn-link[b-rsfo6mtl87] {
        white-space: nowrap;
        margin-left: 1.5rem;
    }

    .top-row a:first-child[b-rsfo6mtl87] {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row:not(.auth)[b-rsfo6mtl87] {
        display: none;
    }

    .top-row.auth[b-rsfo6mtl87] {
        justify-content: space-between;
    }

    .top-row a[b-rsfo6mtl87], .top-row .btn-link[b-rsfo6mtl87] {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-rsfo6mtl87] {
        flex-direction: row;
    }

    .sidebar[b-rsfo6mtl87] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
        overflow-x:hidden;
    }

    .top-row[b-rsfo6mtl87] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .main > div[b-rsfo6mtl87] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

.loginForm[b-rsfo6mtl87] {
    position: fixed;
    top: 50%;
    left: 50%;
    /* bring your own prefixes */
    transform: translate(-50%, -50%);
    width:500px;
}

.login-background[b-rsfo6mtl87] {
    background-image: url('images/operationPlannerLogo.jpg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    height: 100vh;
    align-content: center;
    display: block;
}


@mixin clearfix() {
    [b-rsfo6mtl87]::after {
        display: block;
        content: "";
        clear: both;
    }
}


.element[b-rsfo6mtl87] {
    @include clearfix;
}
.alert-message[b-rsfo6mtl87] {
    color: white;
    background-color: #ff000070;
    border-radius: 10px;
    padding: 3px;
    width: 600px;
    position: fixed;
    left: 50%;
    margin-left: -150px;
    text-align: center
}
/* _content/OperationPlanner3/Shared/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-ebzjpjg6a7] {
    background-color: rgba(255, 255, 255, 0.1);
}

.top-row[b-ebzjpjg6a7] {
    height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-ebzjpjg6a7] {
    font-size: 1.1rem;
}

.oi[b-ebzjpjg6a7] {
    width: 2rem;
    font-size: 1.1rem;
    vertical-align: text-top;
    top: -2px;
}
.nav[b-ebzjpjg6a7]{
    width:20rem;
}
.nav-item[b-ebzjpjg6a7] {
    font-size: 0.8rem;
    line-height:10px;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-ebzjpjg6a7] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-ebzjpjg6a7] {
        padding-bottom: 1rem;
    }

    .nav-item[b-ebzjpjg6a7]  a {
        color: #d7d7d7;
        border-radius: 4px;
        height: 1.5rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
    }

.nav-item[b-ebzjpjg6a7]  a.active {
    background-color: rgba(255,255,255,0.25);
    color: white;
}

.nav-item[b-ebzjpjg6a7]  a:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

@media (min-width: 641px) {
    .navbar-toggler[b-ebzjpjg6a7] {
        display: none;
    }

    .collapse[b-ebzjpjg6a7] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }
}


.op-logo-image[b-ebzjpjg6a7]{
   max-height:60px
}
