@import '_content/Blazored.Toast/Blazored.Toast.bundle.scp.css';

/* _content/PDD.Web.Support.UI/Components/CmpBottomNavbar.razor.rz.scp.css */

.bottonSpan[b-xh56s1ft9m] {
    position: absolute;
    color: white;
    text-align: center
}

.url[b-xh56s1ft9m] {
    color: #FFD700;
}




/*===============   Mobile   ===========*/

@media (max-width: 650px) {

    .botomNavbar[b-xh56s1ft9m] {
        background-color: #191970;
        height: 5vw;
        text-align: center
    }


    .textBottom[b-xh56s1ft9m] {
        display: flex;
        justify-content: center;
        flex-direction: column;
        /*margin-right:250px ;*/
        text-align: center;
        margin-right: 9.5vw;
        margin-top: 1vw;
        font-size: 2vw;
    }
}



/*===============   Tablet   ===========*/
@media (min-width: 601px) and (max-width:950px) {

    .botomNavbar[b-xh56s1ft9m] {
        background-color: #191970;
        height: 17px;
        text-align: center
    }


    .textBottom[b-xh56s1ft9m] {
        font-size: 12px;
    }
}


/*===============   PC   ===========*/
@media (min-width: 951px) and (max-width:1300px) {

    .botomNavbar[b-xh56s1ft9m] {
        background-color: #191970;
        height: 18px;
        text-align: center
    }


    .textBottom[b-xh56s1ft9m] {
        display: flex;
        justify-content: center;
        flex-direction: column;
        /*margin-right:250px ;*/
        text-align: center;
        margin-right: 34vw;
        font-size: 12px;
    }
}


/*===============   Large PC   ===========*/
@media (min-width: 1301px) {

    .botomNavbar[b-xh56s1ft9m] {
        background-color: #191970;
        height: 17px;
        text-align: center
    }


    .textBottom[b-xh56s1ft9m] {
        display: flex;
        justify-content: center;
        flex-direction: column;
        /*margin-right:250px ;*/
        text-align: center;
        margin-right: 39vw;
        font-size: 12px;
    }
}
/* _content/PDD.Web.Support.UI/Components/CmpChatForm.razor.rz.scp.css */
/* _content/PDD.Web.Support.UI/Components/CmpLastMessege.razor.rz.scp.css */
.mainrow1[b-mh1gl7icjc] {
    /* background-color: #A6ED8E;*/
    /*    background-color: #F9A828;*/
    background-color: #D7EEF2;
    height: 35px;
    border-radius: 50px;
}




.maincol[b-mh1gl7icjc] {
    height: auto;
}

.chatheader[b-mh1gl7icjc] {
    background-color: #080957
}


.chatheader2[b-mh1gl7icjc] {
    background-color: #7577CD
}



.chattext[b-mh1gl7icjc] {
    font-size: 14px;
    background-color: #F5FEFF;
}

.chattime[b-mh1gl7icjc] {
    font-size: 10px;
    position: left
}

.closeicon[b-mh1gl7icjc] {
    font-size: 10px !important;
    text-align: left;
    margin-top: 4px;
}


.coltime[b-mh1gl7icjc] {
    text-align: right;
    font-size: 13px !important;
    margin-top: 5px;
    color:white
}
/* _content/PDD.Web.Support.UI/Components/CmpReports.razor.rz.scp.css */
.cardheader[b-sfj0mstj1f] {
    background-color: #4682B4;}


.tablecontact[b-sfj0mstj1f] {
    display: block;
    height: 280px;
    overflow-y: auto;
}

.thed[b-sfj0mstj1f] {
    position: sticky;
    top: 0;
}
/* _content/PDD.Web.Support.UI/Components/CmpRightMenu.razor.rz.scp.css */
@using PDD.Web.Support.Business @using PDD.Web.Support.Business.Base @using PDD.Web.Support.Business.Ticket @using PDD.Web.Support.UI.Components.Modal @using PDD.Web.Support.Business.Security @using System.Data @inherits LoadUserContext @inject ContextMenuService ContextMenuService @inject IJSRuntime jsrunTime;
@inject NavigationManager NV;

@inject IToastService ts @inject DialogService DialogService <div class="sidebar RightMenu"> <p class="active text-center">[ @(clsUser.getCustomerName(_masp.User.userCode)) ]</p> <a style="cursor: pointer" @onclick="(args) => { showTicketMenu(args); }"> @*<span class="oi oi-tag mx-auto mb-5 mb-lg-0 mb-lg-3 m-auto text-primary" aria-hidden="true" style="font-size:30px"></span>*@ <img src="/Images/combi-ticket 01.png" alt="طراح داده پيشرو" height="30px" width="30px" /> <span>مديريت تيكت ها</span> </a> @if (clsUser.getUserType(_masp.User.userCode) == "4") {
    <a style="cursor: pointer" @onclick="(args) => { showSupportMenu(args); }"> <img src="/Images/UsefullImages/onlinesupport01.png" alt="طراح داده پيشرو" height="32px" width="32px" /> <span>پشتيباني</span> </a>
}

<a style="cursor: pointer" @onclick="(args) => { showDownloadMenu(args); }" >
@*<span class="oi oi-data-transfer-download mx-auto mb-5 mb-lg-0 mb-lg-3 m-auto text-primary" aria-hidden="true" style="font-size:30px" > </span > *@
<img src="/Images/download02.png" alt="طراح داده پيشرو" height="35px" width="35px" / >
<span > دانلود ها</span >
</a >


@if ((_masp != null) && (_masp.User != null) && clsUser.getUserType(_masp.User.userCode) != "4")[b-ninx48x1vf] {
    <a style="cursor: pointer" @onclick="(args) => { showPersonelMenu(args); }"> @*<span class="oi oi-person mx-auto mb-5 mb-lg-0 mb-lg-3 m-auto " aria-hidden="true" style="font-size:25px;color:#0000FF"></span>*@ <img src="/Images/person.png" alt="طراح داده پيشرو" height="35px" width="35px" /> <span>امور پرسنلي</span> </a>
}

<a style="cursor: pointer" @onclick="@dashboard" >
@*<span class="oi oi-graph mx-auto mb-5 mb-lg-0 mb-lg-3 m-auto text-primary" aria-hidden="true" style="font-size:30px" > </span > *@
<img src="/Images/graph.png" alt="طراح داده پيشرو" height="35px" width="35px" / >
<span > داشبورد</span >
</a >

@if (clsUser.getUserType(_masp.User.userCode) != "4")[b-ninx48x1vf] {
    <a style="cursor: pointer" @onclick="@uploadDocument"> @*<span class="oi oi-graph mx-auto mb-5 mb-lg-0 mb-lg-3 m-auto text-primary" aria-hidden="true" style="font-size:30px"></span>*@ <img src="/Images/documentUpload.png" alt="طراح داده پيشرو" height="35px" width="35px" /> <span>بارگذاري مدارك</span> </a>
}


@if (clsUser.getUserType(_masp.User.userCode) == "4") {
    <a style="cursor: pointer" @onclick="@showAccounting"> @*<span class="oi oi-graph mx-auto mb-5 mb-lg-0 mb-lg-3 m-auto text-primary" aria-hidden="true" style="font-size:30px"></span>*@ <img src="/Images/Calculator.png" alt="طراح داده پيشرو" height="35px" width="35px" /> <span>حسابداري</span> </a>
}

<a style="cursor: pointer" @onclick="async () => { await onlineExam(); }" >
@*<span class="oi oi-graph mx-auto mb-5 mb-lg-0 mb-lg-3 m-auto text-primary" aria-hidden="true" style="font-size:30px" > </span > *@
<img src="/Images/OnlineExam.png" alt="طراح داده پيشرو" height="35px" width="35px" / >
<span > آزمون - مدرك HIS</span >
</a >

<br / >

@* <div class="divSidebarUser" >
<table class=" table-striped table-hover tableUsers" >
<thead >
<p class="active text-center userheader" > كاربران آنلاين : @userCount</p >
</thead >
@if (listfullUserLogin != null)[b-ninx48x1vf] {
    <tbody> @foreach (DataRow row in listfullUserLogin.Rows)

{
    <tr title="@getUserTitle(row[0].ToString() , row[28].ToString())"> <td class="text-dark" style="cursor: pointer" @onclick="async () => await userMessage(row[1].ToString())"> <img class="doctor-img-size card-img-top w-25 p-3 img-rounded" src=@clsPublicFunction.getUserProfileUrl(_masp.User.userCode)/> <span class="username">@row["CompleteName"]</span> </td> </tr>
}

</tbody[b-ninx48x1vf] >
}

</table >
</div > *@

<div class="divSidebarUser" >
<p class="active text-center userheader" >
<div title="بروزرساني ليست" >
<img class="btnRefresh" @onclick="refreshData" src="/Images/Menu/refresh01.png" width="25" height="25" style="cursor:pointer" / >
<span class="ml-2" > كاربران آنلاين : @userCount </span >
</div >

</p >

<div >


@if (listfullUserLogin != null)[b-ninx48x1vf] {
    <table class="table-hover table-striped mt-1 tableUsers"> <tbody> @foreach (DataRow row in listfullUserLogin.Rows)

{
    <tr> <PDDCTLToolTips Text="@getUserTitle(row[0].ToString() , row[28].ToString())" imageURL="@clsPublicFunction.getUserProfileUrl(row[1].ToString())"> <td class="text-dark" style="cursor: pointer"> <img class="imguser" width="30px" height="30px" src=@clsPublicFunction.getUserProfileUrl(row[1].ToString()) /> <span class="username">@row["CompleteName"]</span> </td> </PDDCTLToolTips> </tr>
}

</tbody >

</table[b-ninx48x1vf] >
}

</div >

</div >
</div >
@code[b-ninx48x1vf] {
    [CascadingParameter] public IModalService Modal

{
    get;
    set;
}

[Parameter]
public EventCallback onRefreshData[b-ninx48x1vf] {
    get;
    set;
}

DataRow getUserRow;
DataTable listfullUserLogin;
private int userCount = 0;
public bool isAllowNewTicket = false;
DataTable listRemainTicketCustomer;
public int remainTicketCount = 0;
public bool isUserDepartment = false;


protected override Task OnInitializedAsync()[b-ninx48x1vf] {
    listfullUserLogin = clsBase.listFullUserlogin();
    userCount = listfullUserLogin.Rows.Count;
    if (_masp.User != null)

{
    isAllowNewTicket = clsTicket.IsAllowNewticket(_masp.User.userCode);
    isUserDepartment = clsUser.IsUserDepartment(_masp.User.userCode);
}

return base.OnInitializedAsync();[b-ninx48x1vf]
}

protected override async Task OnAfterRenderAsync(bool firstRender)[b-ninx48x1vf] {
    await Task.Delay(600000);
    listfullUserLogin = clsBase.listFullUserlogin();
    userCount = listfullUserLogin.Rows.Count;
    InvokeAsync(StateHasChanged);
    base .OnAfterRenderAsync(firstRender);
}


async Task newTicket()[b-ninx48x1vf] {
    if (isAllowNewTicket)

{
    await DialogService.OpenAsync<CmpModalTicketNew>("تيكت جديد ",
     new Dictionary<string, object>() { { "userCode", _masp.User.userCode }, { "isReference", false }, { "referenceTicketID", "-1" } },
     new DialogOptions() { Width = "600px", Height = "auto", Resizable = true, Draggable = false });
    await onRefreshData.InvokeAsync();
}

else[b-ninx48x1vf] {
    //clsDialogs.ShowErrorDialog(jsrunTime, "هشدار",) listRemainTicketCustomer = clsTicket.listFullRemainTicket(_masp.User.userCode);
    remainTicketCount = listRemainTicketCustomer.Rows.Count;
    clsTicket .operationTicketRestrictionLog(_masp.User.userCode, clsPublicFunction.CurrentDate(), clsPublicFunction.CurrentTimeSmall(), remainTicketCount.ToString());
    string errorText = "كاربر گرامي ، " + "\r\n" + "مركز شما داراي " + remainTicketCount.ToString() + " تعداد تيكت باز ميباشد و تا تعيين تكليف نشدن آن ها قادر به ثبت تيكت جديد نميباشيد ." + "\r\n" + "تيكت هاي انجام شده را ببنديد و مابقي را با كارشناسان شركت پيگيري نماييد";
    clsDialogs .ShowErrorDialog(jsrunTime, "هشدار", errorText);
}

}

async Task salaryList()[b-ninx48x1vf] {
    await DialogService.OpenAsync<CmpModalSalaryList>("فيش حقوقي",
            new Dictionary<string, object>() { { "userCode", _masp.User.userCode } },
            new DialogOptions() { Width = "50%", Height = "50%", Resizable = true, Draggable = false });
}

async Task newNotice()[b-ninx48x1vf] {
    if (isUserDepartment)

{
    await DialogService.OpenAsync<CmpModalNewNotice>("ثبت اطلاعيه",
                    new Dictionary<string, object>() { { "userCode", _masp.User.userCode } },
                    new DialogOptions() { Width = "80%", Height = "90%", Resizable = true, Draggable = false });
}

else[b-ninx48x1vf] {
    clsDialogs .showError(ts, "اين قسمت براي پشتيبان فعال مي باشد");
}

}

public async Task newMessage()[b-ninx48x1vf] {
    await DialogService.OpenAsync<CmpModalTicketDetails>("پيام جديد",
            new Dictionary<string, object>() { { "ticketID", "-1" }, { "isNewMessage", true }, { "userCode", _masp.User.userCode } },
            new DialogOptions() { Width = "650px", Height = "auto", Resizable = true, Draggable = false });
    await onRefreshData.InvokeAsync();
}

public async Task downloadEXE()[b-ninx48x1vf] {
    await DialogService.OpenAsync<CmpModalDownload>("دانلود آخرين نسخه نرم افزارها ",
            new Dictionary<string, object>() { { "downloadType", "EXE" }, { "userCode", _masp.User.userCode } },
            new DialogOptions() { Width = "80%", Height = "70%", Resizable = true, Draggable = false });
}

public async Task downloadTools()[b-ninx48x1vf] {
    await DialogService.OpenAsync<CmpModalDownload>("دانلود نرم افزارهاي كاربردي ",
            new Dictionary<string, object>() { { "downloadType", "Tools" }, { "userCode", _masp.User.userCode } },
            new DialogOptions() { Width = "80%", Height = "70%", Resizable = true, Draggable = false });
}

public async Task downloadGlobalSharing()[b-ninx48x1vf] {
    await DialogService.OpenAsync<CmpModalDownloadGlobalSharing>("اشتراك گذاري عمومي مراكز",
            new Dictionary<string, object>() { { "userCode", _masp.User.userCode } },
            new DialogOptions() { Width = "80%", Height = "70%", Resizable = true, Draggable = false });
}

public async Task downloadLearning()[b-ninx48x1vf] {
    await DialogService.OpenAsync<CmpModalDownload>("دانلود آموزش و مستندات",
            new Dictionary<string, object>() { { "downloadType", "Learning" }, { "userCode", _masp.User.userCode } },
            new DialogOptions() { Width = "80%", Height = "70%", Resizable = true, Draggable = false });
    //var parameters = new ModalParameters();
    //parameters.Add("downloadType", "Learning");
    //parameters.Add("userCode", _masp.User.userCode);
    //var moviesModal = Modal.Show<CmpModalDownload>("دانلود آموزش و مستند ات ", parameters);
    //var result = await moviesModal.Result;
}


private async void dashboard()[b-ninx48x1vf] {
    NV .NavigateTo("/Dashboard");
}

private async Task ticketReport()[b-ninx48x1vf] {
    jsrunTime .InvokeAsync<object>("open", "ReportTicketList", "_blank");
    //NV.NavigateTo("/Reports");
}


public async Task timeSheet()[b-ninx48x1vf] {
    if (_masp != null)

{
    getUserRow = clsBase.findUser(_masp.User.userCode);
}

var employeecode = getUserRow["EmployeeCode"].ToString();

try[b-ninx48x1vf] {
    if (employeecode == null || employeecode == "")

{
    throw new Exception("فقط پرسنل شركت طراح داده پيشرو قادر به ورود ساعت كاري هستند");
}

else[b-ninx48x1vf] {
    jsrunTime .InvokeAsync<object>("open", "TimeSheet", "_blank");
}

}

catch (Exception e)[b-ninx48x1vf] {
    clsDialogs .showError(ts, e.Message);
}

//NV.NavigateTo("/TimeSheet");[b-ninx48x1vf]
}


public async Task setleave()[b-ninx48x1vf] {
    if (_masp != null)

{
    getUserRow = clsBase.findUser(_masp.User.userCode);
}

var employeecode = getUserRow["EmployeeCode"].ToString();

try[b-ninx48x1vf] {
    if (employeecode == null || employeecode == "")

{
    throw new Exception("فقط پرسنل شركت طراح داده پيشرو قادر به ثبت مرخصي هستند");
}

else[b-ninx48x1vf] {
    //jsrunTime.InvokeAsync<object>("open", "SetLeave", "_blank");
    NV .NavigateTo("/SetLeave");
}

}

catch (Exception e)[b-ninx48x1vf] {
    clsDialogs .showError(ts, e.Message);
}

//NV.NavigateTo("/TimeSheet");[b-ninx48x1vf]
}

async Task uploadDocument()[b-ninx48x1vf] {
    await DialogService.OpenAsync<CmpModalUploadDocument>("بارگذاري اسناد و مدارك ",
            new Dictionary<string, object>() { { "userCode", _masp.User.userCode } },
            new DialogOptions() { Width = "20%", Height = "40%", Resizable = true, Draggable = false });
    //var parameters = new ModalParameters();
    //parameters.Add("userCode", _masp.User.userCode);
    //var moviesModal = Modal.Show<CmpModalUploadDocument>("بارگذاري اسناد و مدارك ", parameters);
    //var result = await moviesModal.Result;
}

async Task onlineExam()[b-ninx48x1vf] {
    clsDialogs .showError(ts, "جهت فعال سازي و اجراي آزمون آنلاين مخصوص پرسنل مراكز لطفا با واحد راه اندازي تماس حاصل فرمائيد");
}

async Task showAccounting()[b-ninx48x1vf] {
    await DialogService.OpenAsync<CmpModalCustomerDebtorList>("نمايش بدهي مركز  " + clsCustomer.customerName(clsUser.getCustomerID(_masp.User.userCode)),
            new Dictionary<string, object>() { { "customerID", clsUser.getCustomerID(_masp.User.userCode) } },
            new DialogOptions() { Width = "800px", Height = "500px", Resizable = true, Draggable = false });
}

public async Task userMessage(string usercode)[b-ninx48x1vf] {
    await DialogService.OpenAsync<CmpModalTicketDetails>("پيام جديد",
            new Dictionary<string, object>() { { "ticketID", "-1" }, { "isNewMessage", true }, { "userCode", _masp.User.userCode }, { "forceUserCode", usercode } },
            new DialogOptions() { Width = "650px", Height = "auto", Resizable = true, Draggable = false });
    //await onRefreshData.InvokeAsync();
    //var parameters = new ModalParameters();
    //parameters.Add("ticketID", "-1");
    //parameters.Add("isNewMessage", true);
    //parameters.Add("userCode", _masp.User.userCode);
    //parameters.Add("forceUserCode", usercode);
    //var moviesModal = Modal.Show<CmpModalTicketDetails>("پيام", parameters);
    //var result = await moviesModal.Result;
    await onRefreshData.InvokeAsync();
}

string getUserTitle(string custmername, string logintime)[b-ninx48x1vf] {
    if (_masp != null && _masp.User != null)

{
    return " نام مركز :" + custmername + "\r\n" + " زمان آنلاين : " + logintime;
}

return "";[b-ninx48x1vf]
}

public async Task refreshData()[b-ninx48x1vf] {
    listfullUserLogin = clsBase.listFullUserlogin();
    userCount = listfullUserLogin.Rows.Count;
}

string getUserImageUrl(string usercode)[b-ninx48x1vf] {
    return clsPublicFunction.getUserProfileUrl(usercode);
}


//=================================================

async Task employeTransfer()[b-ninx48x1vf] {
    await DialogService.OpenAsync<CmpModalTransferContactLOG>("اعزام كارشناس به مركز شما",
            new Dictionary<string, object>() { { "userCode", _masp.User.userCode }, { "reportType", 1 } },
            new DialogOptions() { Width = "600px", Height = "auto", Resizable = true, Draggable = false });
    await onRefreshData.InvokeAsync();
}

async Task contactLog()[b-ninx48x1vf] {
    await DialogService.OpenAsync<CmpModalTransferContactLOG>("اطلاعات تماس شما باشركت",
            new Dictionary<string, object>() { { "userCode", _masp.User.userCode }, { "reportType", 2 } },
            new DialogOptions() { Width = "1000px", Height = "500px", Resizable = true, Draggable = false });
    await onRefreshData.InvokeAsync();
}


//================================================

void showTicketMenu(MouseEventArgs args)[b-ninx48x1vf] {
    ContextMenuService .Open(args, new List<ContextMenuItem> {
                new ContextMenuItem(){ Text = "تيكت جديد", Value = "1" },
                //new ContextMenuItem(){ Text = "پيام جديد", Value = "2" },
                new ContextMenuItem(){ Text = "گزارشات", Value = "3" },
                                                                                                                }, OnMenuItemClick);
}

void showDownloadMenu(MouseEventArgs args)[b-ninx48x1vf] {
    ContextMenuService .Open(args, new List<ContextMenuItem> {
                new ContextMenuItem(){ Text = "آخرين نسخه نرم افزارها", Value = "4"},
                new ContextMenuItem(){ Text = "نرم افزارهاي كاربردي", Value = "5" },
                new ContextMenuItem(){ Text = "مستندات و آموزش", Value = "6" },
                new ContextMenuItem(){ Text = "اشتراك عمومي", Value = "10" },
                                                                                                                    }, OnMenuItemClick);
}

void showPersonelMenu(MouseEventArgs args)[b-ninx48x1vf] {
    ContextMenuService .Open(args, new List<ContextMenuItem> {
                new ContextMenuItem(){ Text = "ساعت كاري", Value = "7" },
                new ContextMenuItem(){ Text = "ثبت مرخصي", Value = "8" },
                new ContextMenuItem(){ Text = "فيش حقوقي", Value = "9" },
                new ContextMenuItem(){ Text = "ثبت اطلاعيه", Value = "14" },
                                                                                                                        }, OnMenuItemClick);
}


void showSupportMenu(MouseEventArgs args)[b-ninx48x1vf] {
    ContextMenuService .Open(args, new List<ContextMenuItem> {
                new ContextMenuItem(){ Text = "حضوركارشناس", Value = "11" },
                new ContextMenuItem(){ Text = "تماس هاي شما", Value = "12" },
                    //new ContextMenuItem(){ Text = "تاييديه ها و ليست كار", Value = "13"},
                                                                                                                        }, OnMenuItemClick);
}

void OnMenuItemClick(MenuItemEventArgs args)[b-ninx48x1vf] {
    if (args.Value == "1")

{
    newTicket();
}

if (args.Value == "2")[b-ninx48x1vf] {
    newMessage();
}

if (args.Value == "3")[b-ninx48x1vf] {
    ticketReport();
}

if (args.Value == "4")[b-ninx48x1vf] {
    downloadEXE();
}

if (args.Value == "5")[b-ninx48x1vf] {
    downloadTools();
}

if (args.Value == "6")[b-ninx48x1vf] {
    downloadLearning();
}

if (args.Value == "7")[b-ninx48x1vf] {
    timeSheet();
}

if (args.Value == "8")[b-ninx48x1vf] {
    setleave();
}

if (args.Value == "9")[b-ninx48x1vf] {
    salaryList();
}

if (args.Value == "9")[b-ninx48x1vf] {
    salaryList();
}

if (args.Value == "10")[b-ninx48x1vf] {
    downloadGlobalSharing();
}

if (args.Value == "11")[b-ninx48x1vf] {
    employeTransfer();
}

if (args.Value == "12")[b-ninx48x1vf] {
    contactLog();
}

//if (args.Value == "13")
//[b-ninx48x1vf] {
    // workList();
    //
}

if (args.Value == "14")[b-ninx48x1vf] {
    newNotice();
}


ContextMenuService.Close();[b-ninx48x1vf]
}
}
/* _content/PDD.Web.Support.UI/Components/Menu/CmpAcceptLeave.razor.rz.scp.css */
.firstcontainerDiv[b-qpr9idd3op]
{
    height : 100% ;
    min-height : 600px ;
}


.headtable[b-qpr9idd3op] {
    background-color: #191970;
    color:white ;
}

.btnAccept[b-qpr9idd3op] {
    /*padding: .1em .3em .2em;*/
    /*padding: .2em .6em .3em;*/
    font-size: 90%;
    font-weight: bold;
    line-height: 1.5;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
    margin-top: 10px;
    background-color: #9CC094;
    /*margin-left: 20px;*/
    /*margin-right: 10px;*/
}

.btnCancel[b-qpr9idd3op] {
    /*padding: .1em .3em .2em;*/
    /*padding: .2em .6em .3em;*/
    font-size: 80%;
    font-weight: bold;
    line-height: 1.5;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
    margin-top: 10px;
    background-color: #D54C4C;
}

.btnreturn[b-qpr9idd3op] {
    /*padding: .1em .3em .2em;*/
    /*padding: .2em .6em .3em;*/
    font-size: 80%;
    font-weight: bold;
    line-height: 2;
    color: black;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
    margin-top: 10px;
    background-color: #BDC7C9;
}


.btnSearch[b-qpr9idd3op] {
    /*padding: .1em .3em .2em;*/
    padding: .2em .6em .3em;
    font-size: 100%;
    font-weight: bold;
    line-height: 1.5;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
    background-color: #2C7873;
    /*background-color: #7C83FD;*/
    margin-right: 30px;
}
/* _content/PDD.Web.Support.UI/Components/Menu/CmpSetLeave.razor.rz.scp.css */
.cardheader[b-ut8jf7wjny] {
    background-color: #191970;
    width: 100%;
}

.cardbody[b-ut8jf7wjny] {
    background-color: #F5F5F5;
    width: 100%
}

.firstcontainerDiv[b-ut8jf7wjny] {
    min-height: 600px;
    height: 100%;
}

.inputTextArea[b-ut8jf7wjny] {
    height: 50px;
    width: 100%;
}

.btnSave[b-ut8jf7wjny] {
    /*padding: .1em .3em .2em;*/
    padding: .2em .6em .3em;
    font-size: 100%;
    font-weight: bold;
    line-height: 1.5;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
    margin-top: 10px;
    background-color: #A9D86E;
    margin-left: 20px;
    margin-right: 10px;
}

.btnCancel[b-ut8jf7wjny] {
    /*padding: .1em .3em .2em;*/
    padding: .2em .6em .3em;
    font-size: 90%;
    font-weight: bold;
    line-height: 1.5;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
    margin-top: 10px;
    background-color: #B22222;
}


.label-StatusTitle[b-ut8jf7wjny] {
    /*padding: .1em .3em .2em;*/
    /*padding: .2em .6em .3em;*/
    font-size: 88%;
    font-weight: bold;
    line-height: 1.5;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
    padding: 0.5em 0.8em;
    margin-top: 10px
}

.label-wait[b-ut8jf7wjny] {
    background-color: #FFFFC5;
    color :black ;
}

.label-accept[b-ut8jf7wjny] {
    background-color: #83B582;
}

.label-cancel[b-ut8jf7wjny] {
    background-color: #681313 ;
    color :whitesmoke ;
}
/* _content/PDD.Web.Support.UI/Components/Menu/CmpTimeSheet.razor.rz.scp.css */

.tableTimeSheet[b-vp3s7zwyig] {
    background-color: #FFFFFF
}

.theadtimeSheet[b-vp3s7zwyig] {
    background-color: #1C3879;
    color: white
}


.btn-save[b-vp3s7zwyig] {
    padding: .1em .3em .2em;
    /*padding: .2em .6em .3em;*/
    font-size: 88%;
    font-weight: bold;
    line-height: 1.5;
    color: white;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
    margin-top: 10px;
    background-color: #7D9D9C;
}


.btn-search[b-vp3s7zwyig] {
    /*padding: .1em .3em .2em;*/
    padding: .2em .6em .3em;
    font-size: 88%;
    font-weight: bold;
    /*line-height: 1.5;*/
    color: #fff;
    text-align: center;
    /* white-space: nowrap;*/
    /*vertical-align: baseline;*/
    border-radius: .25em;
    margin-top: 30px;
    background-color: #42855B;
}

.theadtimeSheet2[b-vp3s7zwyig] {
    background-color: #2B4865;
    color: white
}
/* _content/PDD.Web.Support.UI/Components/Modal/CmoModalCancelRequestLeave.razor.rz.scp.css */
.modaldatasheet[b-16m5q10izg] {
    width: 500px;
}


.inputText[b-16m5q10izg] {
    margin-top: 1vw
}

.inputTextArea[b-16m5q10izg] {
    margin-top: 1.5vw;
    width: 90%
}

.inputCheckBox[b-16m5q10izg] {
    margin-top: 1.5vw;
}


.btnSave[b-16m5q10izg] {
    /*padding: .1em .3em .2em;*/
    /*padding: .2em .6em .3em;*/
    font-size: 100%;
    font-weight: bold;
    line-height: 1.5;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
    margin-top: 10px;
    background-color: #A9D86E;
    margin-left: 20px;
    margin-right: 10px;
    margin-top: 3vw;
}

.btnClose[b-16m5q10izg] {
    /*padding: .1em .3em .2em;*/
    /*padding: .2em .6em .3em;*/
    font-size: 90%;
    font-weight: bold;
    line-height: 1.5;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
    margin-top: 10px;
    background-color: #B22222;
    margin-top: 3vw;
}
/* _content/PDD.Web.Support.UI/Components/Modal/CmpModalPersonelDate.razor.rz.scp.css */
/*.modaldatasheet {
    width: 500px;
}*/


.inputText[b-67se7rfqvb] {
    margin-top: 1vw
}

.inputTextArea[b-67se7rfqvb] {
    margin-top: 1.5vw;
    width: 90%
}

.inputCheckBox[b-67se7rfqvb] {
    margin-top: 1.5vw;
}


.btnSave[b-67se7rfqvb] {
    /*padding: .1em .3em .2em;*/
    /*padding: .2em .6em .3em;*/
    font-size: 100%;
    font-weight: bold;
    line-height: 1.5;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
    margin-top: 10px;
    background-color: #A9D86E;
    margin-left: 20px;
    margin-right: 10px;
    margin-top: 3vw;
}

.btnCancel[b-67se7rfqvb] {
    /*padding: .1em .3em .2em;*/
    /*padding: .2em .6em .3em;*/
    font-size: 90%;
    font-weight: bold;
    line-height: 1.5;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
    margin-top: 10px;
    background-color: #B22222;
    margin-top: 3vw;
}
/* _content/PDD.Web.Support.UI/Components/Modal/CmpModalTransferContactLOG.razor.rz.scp.css */
.btnsearch[b-egzg2jypc1] {
    /*padding: .1em .3em .2em;*/
    padding: .2em .2em .3em;
    font-size: 100%;
    font-weight: bold;
    line-height: 1.5;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
    margin-top: 23px;
    background-color: #A9D86E;
    margin-left: 20px;
    margin-right: 10px;
    
}
/* _content/PDD.Web.Support.UI/Components/Modal/CmpModalUserChat.razor.rz.scp.css */
.mainrow[b-3y2mhaywn8] {
    background-color: #E6E6FA;
}


.divSidebarUser[b-3y2mhaywn8] {
    position: sticky;

}

.userheader[b-3y2mhaywn8] {
    height: 35px;
    text-align: center;
    background-color: #001E6C;
}

.tableUsers[b-3y2mhaywn8] {
    display: block;
    /*height: 440px;*/
    height: 65vh;
    max-height : 550px ;
    /*height: 65vh;*/
    overflow-y: auto;
    width: 100%;
    background: rgb(15,69,240);
    background: linear-gradient(0deg, rgba(15,69,240,1) 0%, rgba(39,116,254,1) 20%, rgba(73,184,255,1) 74%);
}

    .tableUsers span[b-3y2mhaywn8] {
        font-size: 12px
    }

        .tableUsers span:hover:not(.active)[b-3y2mhaywn8] {
            color: #F4F4F4;
        }


.divchatdetail[b-3y2mhaywn8] {
    position: sticky;
    height: 400px;
    margin-bottom: 30px;
}

.inputtext[b-3y2mhaywn8] {
    border-radius: 15px
}

.panelBack[b-3y2mhaywn8] {
    /*background: url("/Images/watsappback01.jpg") no-repeat center center;*/
    background: url("/Images/watsappback01.jpg");
}
/*======================================*/
.panel[b-3y2mhaywn8] {
    margin-bottom: 20px;
    background-color: #ffffff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.panel-body[b-3y2mhaywn8] {
    padding: 11px;
    font-size: 13px;
}

    .panel-body[b-3y2mhaywn8]:before,
    .panel-body[b-3y2mhaywn8]:after {
        display: table;
        content: " ";
    }

    .panel-body[b-3y2mhaywn8]:after {
        clear: both;
    }

    .panel-body[b-3y2mhaywn8]:before,
    .panel-body[b-3y2mhaywn8]:after {
        display: table;
        content: " ";
    }

    .panel-body[b-3y2mhaywn8]:after {
        clear: both;
    }

.panel > .list-group[b-3y2mhaywn8] {
    margin-bottom: 0;
}

    .panel > .list-group .list-group-item[b-3y2mhaywn8] {
        border-width: 1px 0;
    }

        .panel > .list-group .list-group-item:first-child[b-3y2mhaywn8] {
            border-top-right-radius: 0;
            border-top-left-radius: 0;
        }

        .panel > .list-group .list-group-item:last-child[b-3y2mhaywn8] {
            border-bottom: 0;
        }

.panel-heading + .list-group .list-group-item:first-child[b-3y2mhaywn8] {
    border-top-width: 0;
}

.panel > .table[b-3y2mhaywn8] {
    margin-bottom: 0;
}

.panel > .panel-body + .table[b-3y2mhaywn8] {
    border-top: 1px solid #dddddd;
}

.panel-heading[b-3y2mhaywn8] {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}

.panel-title[b-3y2mhaywn8] {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
}

    .panel-title > a[b-3y2mhaywn8] {
        color: inherit;
    }

.panel-footer[b-3y2mhaywn8] {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #dddddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.panel-group .panel[b-3y2mhaywn8] {
    margin-bottom: 0;
    overflow: hidden;
    border-radius: 4px;
}

    .panel-group .panel + .panel[b-3y2mhaywn8] {
        margin-top: 5px;
    }

.panel-group .panel-heading[b-3y2mhaywn8] {
    border-bottom: 0;
}

    .panel-group .panel-heading + .panel-collapse .panel-body[b-3y2mhaywn8] {
        border-top: 1px solid #dddddd;
    }

.panel-group .panel-footer[b-3y2mhaywn8] {
    border-top: 0;
}

    .panel-group .panel-footer + .panel-collapse .panel-body[b-3y2mhaywn8] {
        border-bottom: 1px solid #dddddd;
    }

.panel-default[b-3y2mhaywn8] {
    border-color: #dddddd;
}

    .panel-default > .panel-heading[b-3y2mhaywn8] {
        color: #333333;
        background-color: #f5f5f5;
        border-color: #dddddd;
    }

        .panel-default > .panel-heading + .panel-collapse .panel-body[b-3y2mhaywn8] {
            border-top-color: #dddddd;
        }

    .panel-default > .panel-footer + .panel-collapse .panel-body[b-3y2mhaywn8] {
        border-bottom-color: #dddddd;
    }

.panel-primary[b-3y2mhaywn8] {
    border-color: #428bca;
}

    .panel-primary > .panel-heading[b-3y2mhaywn8] {
        color: #ffffff;
        background-color: #428bca;
        border-color: #428bca;
    }

        .panel-primary > .panel-heading + .panel-collapse .panel-body[b-3y2mhaywn8] {
            border-top-color: #428bca;
        }

    .panel-primary > .panel-footer + .panel-collapse .panel-body[b-3y2mhaywn8] {
        border-bottom-color: #428bca;
    }

.panel-success[b-3y2mhaywn8] {
    border-color: #d6e9c6;
}

    .panel-success > .panel-heading[b-3y2mhaywn8] {
        color: #468847;
        background-color: #dff0d8;
        border-color: #d6e9c6;
    }

        .panel-success > .panel-heading + .panel-collapse .panel-body[b-3y2mhaywn8] {
            border-top-color: #d6e9c6;
        }

    .panel-success > .panel-footer + .panel-collapse .panel-body[b-3y2mhaywn8] {
        border-bottom-color: #d6e9c6;
    }

.panel-warning[b-3y2mhaywn8] {
    border-color: #fbeed5;
}

    .panel-warning > .panel-heading[b-3y2mhaywn8] {
        color: #c09853;
        background-color: #fcf8e3;
        border-color: #fbeed5;
    }

        .panel-warning > .panel-heading + .panel-collapse .panel-body[b-3y2mhaywn8] {
            border-top-color: #fbeed5;
        }

    .panel-warning > .panel-footer + .panel-collapse .panel-body[b-3y2mhaywn8] {
        border-bottom-color: #fbeed5;
    }

.panel-danger[b-3y2mhaywn8] {
    border-color: #eed3d7;
}

    .panel-danger > .panel-heading[b-3y2mhaywn8] {
        color: #b94a48;
        background-color: #f2dede;
        border-color: #eed3d7;
    }

        .panel-danger > .panel-heading + .panel-collapse .panel-body[b-3y2mhaywn8] {
            border-top-color: #eed3d7;
        }

    .panel-danger > .panel-footer + .panel-collapse .panel-body[b-3y2mhaywn8] {
        border-bottom-color: #eed3d7;
    }

.panel-info[b-3y2mhaywn8] {
    border-color: #bce8f1;
}

    .panel-info > .panel-heading[b-3y2mhaywn8] {
        color: #3a87ad;
        background-color: #d9edf7;
        border-color: #bce8f1;
    }

        .panel-info > .panel-heading + .panel-collapse .panel-body[b-3y2mhaywn8] {
            border-top-color: #bce8f1;
        }

    .panel-info > .panel-footer + .panel-collapse .panel-body[b-3y2mhaywn8] {
        border-bottom-color: #bce8f1;
    }


.activity.alt .activity-desk .panel[b-3y2mhaywn8] {
    float: left;
    position: relative;
}

.activity-desk .panel[b-3y2mhaywn8] {
    background: #F4F4F4;
    display: inline-block;
}

.textheader[b-3y2mhaywn8] {
    font-size: 11px;
}

.lblNotSeen[b-3y2mhaywn8] {
    border-radius: 20px;
    background-color: red;
    color: white;
    width: 20px;
    padding-left: 5px;
    padding-right: 5px;
    margin-right: 27px;
    font-family: 'Times New Roman', Times, serif;
    cursor: pointer;
}

.btnsendall[b-3y2mhaywn8] {
    font-size: 80%;
    font-weight: bold;
    line-height: 2;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
    background-color: #2E0249;
    margin-top: 8px;
    margin-bottom: 8px;
    margin-right: 10px;
    width: 90%;
}
/* _content/PDD.Web.Support.UI/Components/OnlineSupport/CmpOnlineSupport.razor.rz.scp.css */

.panel[b-qskgdcrv2s] {
    margin-bottom: 20px;
    background-color: #ffffff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.panel-body[b-qskgdcrv2s] {
    padding: 11px;
    font-size: 13px
}

    .panel-body[b-qskgdcrv2s]:before,
    .panel-body[b-qskgdcrv2s]:after {
        display: table;
        content: " ";
    }

    .panel-body[b-qskgdcrv2s]:after {
        clear: both;
    }

    .panel-body[b-qskgdcrv2s]:before,
    .panel-body[b-qskgdcrv2s]:after {
        display: table;
        content: " ";
    }

    .panel-body[b-qskgdcrv2s]:after {
        clear: both;
    }

.panel > .list-group[b-qskgdcrv2s] {
    margin-bottom: 0;
}

    .panel > .list-group .list-group-item[b-qskgdcrv2s] {
        border-width: 1px 0;
    }

        .panel > .list-group .list-group-item:first-child[b-qskgdcrv2s] {
            border-top-right-radius: 0;
            border-top-left-radius: 0;
        }

        .panel > .list-group .list-group-item:last-child[b-qskgdcrv2s] {
            border-bottom: 0;
        }

.panel-heading + .list-group .list-group-item:first-child[b-qskgdcrv2s] {
    border-top-width: 0;
}

.panel > .table[b-qskgdcrv2s] {
    margin-bottom: 0;
}

.panel > .panel-body + .table[b-qskgdcrv2s] {
    border-top: 1px solid #dddddd;
}

.panel-heading[b-qskgdcrv2s] {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}

.panel-title[b-qskgdcrv2s] {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
}

    .panel-title > a[b-qskgdcrv2s] {
        color: inherit;
    }

.panel-footer[b-qskgdcrv2s] {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #dddddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.panel-group .panel[b-qskgdcrv2s] {
    margin-bottom: 0;
    overflow: hidden;
    border-radius: 4px;
}

    .panel-group .panel + .panel[b-qskgdcrv2s] {
        margin-top: 5px;
    }

.panel-group .panel-heading[b-qskgdcrv2s] {
    border-bottom: 0;
}

    .panel-group .panel-heading + .panel-collapse .panel-body[b-qskgdcrv2s] {
        border-top: 1px solid #dddddd;
    }

.panel-group .panel-footer[b-qskgdcrv2s] {
    border-top: 0;
}

    .panel-group .panel-footer + .panel-collapse .panel-body[b-qskgdcrv2s] {
        border-bottom: 1px solid #dddddd;
    }

.panel-default[b-qskgdcrv2s] {
    border-color: #dddddd;
}

    .panel-default > .panel-heading[b-qskgdcrv2s] {
        color: #333333;
        background-color: #f5f5f5;
        border-color: #dddddd;
    }

        .panel-default > .panel-heading + .panel-collapse .panel-body[b-qskgdcrv2s] {
            border-top-color: #dddddd;
        }

    .panel-default > .panel-footer + .panel-collapse .panel-body[b-qskgdcrv2s] {
        border-bottom-color: #dddddd;
    }

.panel-primary[b-qskgdcrv2s] {
    border-color: #428bca;
}

    .panel-primary > .panel-heading[b-qskgdcrv2s] {
        color: #ffffff;
        background-color: #428bca;
        border-color: #428bca;
    }

        .panel-primary > .panel-heading + .panel-collapse .panel-body[b-qskgdcrv2s] {
            border-top-color: #428bca;
        }

    .panel-primary > .panel-footer + .panel-collapse .panel-body[b-qskgdcrv2s] {
        border-bottom-color: #428bca;
    }

.panel-success[b-qskgdcrv2s] {
    border-color: #d6e9c6;
}

    .panel-success > .panel-heading[b-qskgdcrv2s] {
        color: #468847;
        background-color: #dff0d8;
        border-color: #d6e9c6;
    }

        .panel-success > .panel-heading + .panel-collapse .panel-body[b-qskgdcrv2s] {
            border-top-color: #d6e9c6;
        }

    .panel-success > .panel-footer + .panel-collapse .panel-body[b-qskgdcrv2s] {
        border-bottom-color: #d6e9c6;
    }

.panel-warning[b-qskgdcrv2s] {
    border-color: #fbeed5;
}

    .panel-warning > .panel-heading[b-qskgdcrv2s] {
        color: #c09853;
        background-color: #fcf8e3;
        border-color: #fbeed5;
    }

        .panel-warning > .panel-heading + .panel-collapse .panel-body[b-qskgdcrv2s] {
            border-top-color: #fbeed5;
        }

    .panel-warning > .panel-footer + .panel-collapse .panel-body[b-qskgdcrv2s] {
        border-bottom-color: #fbeed5;
    }

.panel-danger[b-qskgdcrv2s] {
    border-color: #eed3d7;
}

    .panel-danger > .panel-heading[b-qskgdcrv2s] {
        color: #b94a48;
        background-color: #f2dede;
        border-color: #eed3d7;
    }

        .panel-danger > .panel-heading + .panel-collapse .panel-body[b-qskgdcrv2s] {
            border-top-color: #eed3d7;
        }

    .panel-danger > .panel-footer + .panel-collapse .panel-body[b-qskgdcrv2s] {
        border-bottom-color: #eed3d7;
    }

.panel-info[b-qskgdcrv2s] {
    border-color: #bce8f1;
}

    .panel-info > .panel-heading[b-qskgdcrv2s] {
        color: #3a87ad;
        background-color: #d9edf7;
        border-color: #bce8f1;
    }

        .panel-info > .panel-heading + .panel-collapse .panel-body[b-qskgdcrv2s] {
            border-top-color: #bce8f1;
        }

    .panel-info > .panel-footer + .panel-collapse .panel-body[b-qskgdcrv2s] {
        border-bottom-color: #bce8f1;
    }


.activity.alt .activity-desk .panel[b-qskgdcrv2s] {
    float: left;
    position: relative;
}

.activity-desk .panel[b-qskgdcrv2s] {
    background: #F4F4F4;
    display: inline-block;
}

.OStextArea[b-qskgdcrv2s] {
    width: 100%;
    background-color: #F0F8FF;
}

.btnSave[b-qskgdcrv2s] {
    /*padding: .1em .3em .2em;*/
    /*padding: .2em .6em .3em;*/
    font-size: 100%;
    font-weight: bold;
    line-height: 1.5;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
    margin-top: 10px;
    background-color: #A9D86E;
    margin-left: 20px;
    margin-right: 10px;
    margin-top: 3vw;
}

.btnCancel[b-qskgdcrv2s] {
    /*padding: .1em .3em .2em;*/
    /*padding: .2em .6em .3em;*/
    font-size: 90%;
    font-weight: bold;
    line-height: 1.5;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
    margin-top: 10px;
    background-color: #B22222;
    margin-top: 3vw;
}


.textheader[b-qskgdcrv2s] {
    font-size: 10px;
}


.btnsend[b-qskgdcrv2s] {
    color: #fff;
    background-color: #A9D86E;
    cursor: pointer;
    /*    font-size: 100%;
    font-weight: bold;*/
    font-weight: bold;
}

.btnclose[b-qskgdcrv2s] {
    color: #fff;
    background-color: #B22222;
    cursor: pointer;
    font-weight: bold;
    margin-right: 2px
}
/* _content/PDD.Web.Support.UI/Components/Reports/CmpReportDetail01.razor.rz.scp.css */
.cardheader[b-h8c3xqu3of] {
    background-color: #4682B4;
    
}
/* _content/PDD.Web.Support.UI/Components/Reports/CmpReportDetail02.razor.rz.scp.css */
.cardheader[b-reaz9ney6h] {
    background-color: #4682B4;
    
}
/* _content/PDD.Web.Support.UI/Shared/MainLayout.razor.rz.scp.css */
.page[b-034676b58y] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-034676b58y] {
    flex: 1;
}

.top-row[b-034676b58y] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

.top-row[b-034676b58y]  a, .top-row .btn-link[b-034676b58y] {
    white-space: nowrap;
    margin-left: 1.5rem;
}

.top-row a:first-child[b-034676b58y] {
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (max-width: 640.98px) {
    .top-row:not(.auth)[b-034676b58y] {
        display: none;
    }

    .top-row.auth[b-034676b58y] {
        justify-content: space-between;
    }

    .top-row a[b-034676b58y], .top-row .btn-link[b-034676b58y] {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-034676b58y] {
        flex-direction: row;
    }


    .top-row[b-034676b58y] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row[b-034676b58y], article[b-034676b58y] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}