.status-completed .status-text {

        background: #C6E1C6; 

        color: #5B841B;

        padding: 6px 12px;

        border-radius: 5px;

    }

    .digages_popmodal

    {

        border-radius: 5px 0px 0px 5px !important;

    }

    

    .digages_popmodal2

    {

        border-radius: 0px 5px 5px 0px !important;

    }

    

    .digages_popmodal3

    {

        margin-top:4%;

    }

    

    @media (max-width: 767px) {

        .status-completed .status-text {

            font-size: 12px !important;

        }

        

    .digages_popmodal3

    {

        margin-top:0px;

    }

    .digages_popmodal

    {

        border-radius: 0px !important;

    }

    .digages_popmodal2

    {

        border-radius: 0px !important;

    }

    }

    .status-cancelled .status-text {

        background-color: #FCF0F1;

        color: #691C1C;        

        padding: 6px 12px;

        border-radius: 5px;

    }

    @media (max-width: 767px) {

        .status-cancelled .status-text {

            font-size: 12px !important;

        }

    }

    .status-on-hold .status-text {

        background-color: #FCF9E8; 

        color: #614200;

        padding: 6px 12px;

        border-radius: 5px;

    }

    @media (max-width: 767px) {

        .status-on-hold .status-text {

            font-size: 12px !important;

        }

    }



    .status-auto-draft .status-text {

        background-color: #a7f8f1; 

        color: #777777;

        padding: 6px 12px;

        border-radius: 5px;

    }

    @media (max-width: 767px) {

        .status-auto-draft .status-text {

            font-size: 12px !important;

        }

    }

.status-pending .status-text { 

background: #FCF9E8; 

color: #614200;

padding: 6px 12px;

border-radius: 5px;

}

@media (max-width: 767px) {

    .status-pending .status-text {

        font-size: 12px !important;

    }

}



.status-processing .status-text { 

    background: #C6E1C6; 

    color: #5B841B;

    padding: 6px 12px;

    border-radius: 5px;

    }



    @media (max-width: 767px) {

        .status-processing .status-text {

            font-size: 12px !important;

        }

    }

    .status-confirmed .status-text { 

        background: #C6E1C6; 

        color: #5B841B;

        padding: 6px 12px;

        border-radius: 5px;

        }

    

        @media (max-width: 767px) {

            .status-confirmed .status-text {

                font-size: 12px !important;

            }

        }



.pendingicn

{

    color: #F0C33C !important; 

}

.complticn

{

    color: #008A20 !important;

}

.cnclicn

{

    color: #B32D2E !important;

}



.pending

{

    color: #F0C33C !important; 

}

.on-hold

{

    color: #F0C33C !important; 

}

.processing

{

    color: #008A20 !important; 

}

.confirmed

{

    color: #008A20 !important; 

}

.completed

{

    color: #008A20 !important;

}

.cancelled

{

    color: #B32D2E !important;

}



/* 

body

{

    background-color: #f0f0f0 !important;

} */

.rnr

{

    padding: auto !important;

}

.rnr a

{

    text-decoration: none !important;

}

.tumazrebgor

{

    background-color: #fff !important; 

padding: 20px 16px;

border-bottom: 1px solid #EBEDEF;

}

.tumazrebgor a

{

    text-decoration: none;

}

.ordat

{

    color: #50575E;

}

.ordat2

{

    color: #1D2327;

    font-weight: 400;

}

.tebgor

{

    background-color: #fff !important;

    padding: 20px 16px;

    margin-bottom: 20px;

}

a {

    text-decoration: none !important;

}

.mtwov

{

padding: 4px 12px;

background: #FFFFFF;

border: 1px solid #2271B1;

border-radius: 3px;

color: #2271B1;

}



.mtwovicn

{

color: #2271B1 !important;

border-color: transparent;

}



.mtwovu

{

padding: 4px 4px;

background: #FFFFFF;

border: 1px solid #949494 !important;

font-weight: 800 !important;

border-radius: 3px;

color: #949494;

}

.mtwovt

{

padding: 4px 4px;

font-weight: 800;

background: #FFFFFF;

border: 1px solid #2271B1;

border-radius: 3px;

color: #2271B1;

}



.mtwovuq

{

background: #FFFFFF !important;

border: 1px solid #949494 !important;

font-weight: 800 !important;

border-radius: 3px !important;

color: #949494 !important;

}

.mtwovtq

{

font-weight: 800 !important;

background: #FFFFFF !important;

border: 1px solid #2271B1 !important;

border-radius: 3px !important;

color: #2271B1 !important;

}

/* Default styles for desktop */

.modal-dialog {

    width: 100% !important; /* Adjust width as needed */

    max-width: 100% !important; /* Maximum width for larger screens */

    margin: auto !important; /* Center the modal horizontally */

    position: relative;

    z-index: 9999999999999999999999;

  } 





.modal {

    z-index: 99999999999999999999999999999999999 !important; /* Ensures the modal appears above the admin bar */

}



/* Styles for mobile */

@media (max-width: 767px) { 

  .upgrbgtum33

  {

    padding-right: 30px !important;

  }

  .modal-dialog {

    width: 100% !important;  

    max-width: none !important; 

    margin: 0 !important; 

    height: 100vh; 

    display: flex !important;

    align-items: center !important; /* Center modal content vertically */

    border-radius: 0px !important;

    position: relative;

    z-index: 9999999999999999999999;

  }



  .modal-content {

    height: 100%; /* Ensure content covers full height */

    overflow-y: auto; /* Add scrolling if content overflows */

    position: relative;

    z-index: 9999999999999999999999;

  } 



  }





  

.pagtn

{

    margin-bottom: 50px !important;

    font-size: 13px !important;

}

.pagtnn

{ 

    font-size: 13px !important;

}

.tywooip

{

    width: 110% !important;

    margin-left: 10 !important;

    margin-right: auto !important;

}

.tywooipw

{

    width: 110% !important;

    margin-left: 10 !important;

    margin-right: auto !important;

    height: 10px !important;

}



.tcontaine

{

padding: 0 !important;

margin-bottom: 20px;

}



.tcontainew

{

padding: 10 !important;

margin-bottom: 20px;

}

 

.dstpbh

{

    background-color: #fff;

    /* box-shadow: 0 -6px 0px 0px rgba(0, 0, 0, 0.342);  */

    border-bottom: 1px solid #CCCCCC !important;



}



.dstpbhy

{

    background-color: #fff;

    border: 1px solid #CCCCCC;



}

.ttord

{

font-weight: 600;

font-size: 24px;

line-height: 32px;

color: #1E1E1E;

}

.paymod

{ 

font-weight: 700;

font-size: 18px;

line-height: 24px; 

color: #1E1E1E; 

}

 

.xcs

{ 

box-sizing: border-box; 

border-left: 1px solid #DCDCDE; 

padding-top: 20px;

padding-bottom: 20px;

} 

.xcs:hover

{

    background-color: #ccc !important;

}

.xcsxt

{ 

box-sizing: border-box; 

border-left: 1px solid #DCDCDE; 

padding-top: 4px;

padding-bottom: 4px;

color: #D63638;

} 

 

.piip

{

    margin-top: 10px;

}

.urtmidkk

{

font-weight: 600;

font-size: 16px;

line-height: 24px;

color: #1E1E1E;

padding-top: 12px !important;

}

.mtttp

{

    padding-top: 20px;

}

.btn-close

{

    color: #000 !important;

}

.modhe

{

    border-bottom: 1.5px solid #DCDCDE; 

    margin-bottom: 20px !important;

}

.modheq

{

    border-bottom: 1.5px solid #DCDCDE; 

    /* padding-top: 16px !important;

    padding-bottom: 16px !important; */

    padding-left: 20px !important;

    padding-right: 20px !important;

    background-color: #F6F7F7 !important;

    

}

.links

{

    color: #3858E9 !important;

}

.modcnn

{

padding: 4px 6px;

background-color: #008A20;

border-radius: 2px;

color: #fff;

border-color: transparent;



}

@media (max-width: 767px) {

    .modcnn { 

        width: 100% !important;

        margin-bottom: 10px;

    }

}

.modcnl

{ 

padding: 4px 6px;

background-color:transparent;

border: 1px solid #B32D2E;

border-radius: 2px;

color: #B32D2E;

} 

@media (max-width: 767px) {

    .modcnl {

        width: 100% !important;

        margin-bottom: 20px;

    }

}

.patxt

{

    padding: 0;

}

@media (max-width: 767px) {

    .patxt {

        font-size: 12px !important;

    }

}



.setd

{

    height: 10px !important;

}

.ree

{

    margin-right: 10px !important;

}



 



.order-header {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: 10px;

    background: white;

    border-bottom: 1px solid #ccc;

}



.order-info > span {

    font-size: 16px;

    margin-right: 10px;

}



.tumaz_order-status {

    background-color: #4CAF50;

    border: none;

    color: white;

    padding: 5px 15px;

    text-align: center;

    text-decoration: none;

    display: inline-block;

    font-size: 14px;

    border-radius: 5px;

    cursor: pointer;

}



.close-btn {

    border: none;

    background: none;

    font-size: 24px;

    cursor: pointer;

}



hr {

    border: 0;

    height: 1px;

    background-color: #ccc;

    margin-top: 0;

}



.acntname

{ 

font-weight: 600 !important;

font-size: 14px !important;

line-height: 20px !important;  

}

.teeb

{

font-weight: 600 !important;

}

.rrwtp

{

    padding-bottom: 10px !important;

}

.btdots

{

font-weight: 400;

font-size: 14px;

line-height: 20px;

color: #BBBBBB;

}



.trddbtn

{

padding: 8px 16px !important;

background: #3858E9 !important;

border-radius: 2px !important;

border-color: transparent !important;

color: #fff !important;

font-weight: 400 !important;

font-size: 13px !important;

line-height: 20px !important;

}



.trddbtnot

{ 

box-sizing: border-box !important; 

padding: 8px 12px !important; 

background: #FFFFFF !important; 

border: 1px solid #3858E9 !important;

border-radius: 2px !important;

font-weight: 400 !important;

font-size: 13px !important;

line-height: 20px !important;

color: #3858E9 !important;

}



.trddbtnot22

{ 

box-sizing: border-box !important; 

padding: 8px 12px !important; 

background: #FFFFFF !important; 

border: 1px solid #3858E9 !important;

border-radius: 2px !important;

font-weight: 400 !important;

font-size: 13px !important;

line-height: 20px !important;

color: #3858E9 !important;

}



.trddbtnot23

{ 

box-sizing: border-box !important; 

padding: 8px 12px !important; 

background: #FFFFFF !important; 

border: 1px solid #D63638 !important;

border-radius: 2px !important;

font-weight: 400 !important;

font-size: 13px !important;

line-height: 20px !important;

color: #D63638 !important;

}

.llbd

{

font-weight: 600;

font-size: 14px;

line-height: 20px;

}

.eedtbt

{

color: #3858E9;

cursor: pointer !important;

}

.edeletbt

{

    color: #D63638;

    cursor: pointer !important;

}

.btact

{

background: #3858E9;

border-radius: 2px;

border-color: transparent;

color: #fff;

padding-left: 5px !important;

padding-right: 5px !important;

}

.astre

{

font-weight: 400;

font-size: 14px;

line-height: 20px;

color: #D63638;

}





.wbody {

    padding-top: 20px !important;

} 

.trstxt

{

font-weight: 400;

font-size: 14px;

line-height: 22px;


color: #1D2327;

text-align: center;

}

.trstxt2e *

{

font-weight: 400;

font-size: 40px;

line-height: 22px;

color:  var(--accent-color);

text-align: center;

}

.trstxt2y

{

font-style: normal;

font-weight: 400;

font-size: 14px;

line-height: 16px;

text-align: center;

color: #787C82;

}

.ppsj

{

    /* padding-left: 4px;

    padding-right: 24px; */

    padding: 0;

    padding-bottom: 20px !important;

    margin-top: 20px !important;

    width: 280px !important;

    margin-left: auto;

    margin-right: auto;

    text-align: center;

} 



.ppsjqq

{

    /* padding-left: 4px;

    padding-right: 24px; */

    padding: 0; 

    width: 280px !important;

    margin-left: auto;

    margin-right: auto;

    text-align: center;

}





.ppsjzzx

{

    /* padding-left: 4px;

    padding-right: 24px; */

    padding: 0;

    padding-bottom: 24px !important;

    margin-top: 20px !important;

    width: 280px !important;

    margin-left: auto;

    margin-right: auto;

    text-align: center;

}

.ppsjq

{

    padding: 0;

    padding-bottom: 20px !important;

    width: 280px !important;

    margin-left: auto;

    margin-right: auto;

    text-align: center;

}

.ppsj2

{

    /* padding-left: 4px;

    padding-right: 24px; */

    padding: 0;

    padding-bottom: 20px !important;

    width: 280px !important;

    margin-left: auto;

    margin-right: auto;

    text-align: center;

}

.ppsj23

{

    /* padding-left: 4px;

    padding-right: 24px; */

    padding: 0;

    padding-bottom: 0px !important;

    width: 280px !important;

    margin-left: auto;

    margin-right: auto;

    text-align: center;

    font-style: normal;

    font-weight: 600;

    font-size: 16px;

    line-height: 24px;

    color: #1D2327;

    margin-top: -23px !important;

}

.ppsj24

{

    /* padding-left: 4px;

    padding-right: 24px; */

    padding: 0;

    padding-bottom: 24px !important;

    padding-top: 8px !important;

    width: 280px !important;

    margin-left: auto;

    margin-right: auto;

    font-style: normal;

    font-weight: 400;

    font-size: 14px;

    line-height: 22px;

    text-align: center;

    color: #1D2327;    

    line-height: 24px;

    color: #1D2327;

}

.bdttcxt

{

font-weight: 400;

font-size: 11px;

line-height: 16px;

text-transform: uppercase;

color: #8C8F94;

}

.bdttcxtw

{

font-weight: 500 !important;

font-size: 15px !important;

line-height: 24px !important;

color: #1D2327 !important;

}

.ppopbtn

{

padding: 12px 16px !important;

/* background: #6D61DF; */

background-color: var(--accent-color) !important;

border-radius: 5px !important;

width: 280px !important;

border-color: transparent !important;

color: #fff !important;

margin-left: 24px !important;

margin-right: 24px !important;

margin-bottom: 36px !important; 

}

.ppopbtnzza

{

padding: 12px 16px !important;

/* background: #6D61DF; */

background-color: var(--accent-color) !important;

border-radius: 5px !important;

width: 280px !important;

border-color: transparent !important;

color: #fff !important;

margin-left: 24px !important;

margin-right: 24px !important;

margin-bottom: 66px !important; 

}

.ppopbtnq

{

    padding: 12px 16px !important;

    /* background: #6D61DF; */

    background-color: var(--accent-color) !important;

    border-radius: 5px !important;

    width: 280px !important;

    border-color: transparent !important;

    color: #fff !important;

    margin-left: 24px !important;

    margin-right: 24px !important; 

}

.ppopbtnq6

{

padding: 12px 16px !important;

border-radius: 5px !important;

width: 280px !important;

border-color: transparent !important;

color: #1D2327 !important;

margin-left: 24px !important;

margin-right: 24px !important;

margin-bottom: 26px !important; 

background: #F6F7F7 !important;

border: 1px solid #DCDCDE !important;

}

.iiopsimg

{

padding: 16px;

background: #F6F7F7;

border: 1px dashed #EBEDEF;

border-radius: 5px;

font-weight: 400;

font-size: 11px;

line-height: 16px;

color: #646970;

width: 280px;

}

.srrtxtq

{

font-weight: 500;

font-size: 13px;

line-height: 16px;

color: #1F1F1F;

}



.cccbs

{

font-size: 20px;

color: #fff;

}

.llks

{

    width: 328px !important;

    background-color: #fff !important;

    padding: 0;

}



.yusd

{

width: 152px !important;

height: auto !important;

background: #f7f7f6;

border-right: 1px solid #F0F0F1 !important;

padding: 0;

}

.xzzs

{

font-weight: 500;

font-size: 14px;

line-height: 16px;

color: #1D2327;

}

.yusdz

{

width: 152px !important;

height: auto !important;

background: #f7f7f6;

border-right: 1px solid #F0F0F1 !important;

padding: 0;

}

   

.yusdz1

{

width: 152px !important;

height: auto !important;

background: #f7f7f6;

border-right: 1px solid #F0F0F1 !important;

padding: 0;

}

.yusdzm

{

width: 152px !important;

height: auto !important;

background: #f7f7f6;

border-right: 1px solid #F0F0F1 !important; 

padding: 0;

}



@media (min-width: 768px) {

    .lsastum

    {

        margin-top:20px !important;

        position: relative;

        z-index: 9999999999999999999999;

    }

    .depopmet

    { 

    margin-left: auto !important;

    margin-right: auto !important;

    }    

    .nav-pills .nav-linkt.active {

        background-color: #F6F7F7 !important;

        position: relative;

        z-index: 9999999999999999999999;

    }

    .digages_dp_date_filter

    {

        margin-left:15px;

        margin-top:-3px;

    }

  }

/* For screens smaller than lg */

@media (max-width: 767px) {

    

.trddbtnot22

{ 

width: 100% !important;

margin-left: auto !important;

margin-right: auto !important;

}



.trddbtnot23

{ 

box-sizing: border-box !important; 

padding: 8px 12px !important; 

background: #FFFFFF !important; 

border: 1px solid #D63638 !important;

border-radius: 2px !important;

font-weight: 400 !important;

font-size: 13px !important;

line-height: 20px !important;

color: #D63638 !important;

}



.rettds

{

    margin-top:-40px !important;

}

    .ppopbtnzza

    {

        margin-bottom: 32px !important;

        width: 90% !important;

    }

    .ppopbtnq

    { 

        margin-bottom: 0px !important;

        width:90% !important;

        margin-left:auto;

        margin-right:auto; 

    }

    .ppopbtn

    {

        margin-bottom: 32px !important;

        width:90% !important;

    }

    .ppsjzzx

    { 

        margin-top: 0px !important; 

        width: 100% !important;

        padding-left: 20px !important;

        padding-right: 20px !important; 

        margin-left:auto;

        margin-right:auto; 

    }

.ppsj

{ 

    margin-top: 24px !important; 

    width: 100% !important;

    padding-left: 20px !important;

    padding-right: 20px !important; 

    margin-left:auto;

    margin-right:auto; 

}

.ppsjq

{ 

    margin-top: 0px !important; 

    width: 100% !important;

    padding-left: 20px !important;

    padding-right: 20px !important; 

    margin-left:auto;

    margin-right:auto; 

}



.ppsj2

{ 

    margin-top: 24px !important; 

    width: 100% !important;

    padding-left: 20px !important;

    padding-right: 20px !important; 

    margin-left:auto;

    margin-right:auto; 

}



.ppsj23

{ 

    margin-top: -20px !important; 

    width: 100% !important;

    padding-left: 20px !important;

    padding-right: 20px !important; 

    margin-left:auto;

    margin-right:auto; 

}



.ppsj24

{ 

    margin-top: 32px !important; 

    width: 100% !important;

    padding-left: 20px !important;

    padding-right: 20px !important; 

    margin-left:auto;

    margin-right:auto; 

}



.nav-pills .nav-linkt { 

    background-color: #F6F7F7 !important;

    position: relative;

    z-index: 9999999999999999999999;

}

.nav-pills .nav-linkt.active {

    background-color: #F6F7F7 !important;

    position: relative;

    z-index: 9999999999999999999999;

}

    .conta {

        

  height: 100vh;

  width: 100%;

  

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  background-color: #fff;

    }



.yusd 

{

height: 100vh !important;

width: 100% !important;

position: absolute;

top: 0;

right: 0;

bottom: 0;

left: 0;

border-radius: 0px !important;

background-color: #fff !important;

}

.llks 

{

height: 100vh;

width: 100% !important;

position: absolute;

top: 0;

right: 0;

bottom: 0;

left: 0;

border-radius: 0px !important;

}

.btssr

{

    margin-left: auto !important;

    margin-right: auto !important;

    width: calc(100% - 3px); /* Subtract 25px to make room for space and scrollbar */

}

.btssr2

{

    margin-left: auto !important;

    margin-right: auto !important;

    width: calc(100% - 3px); /* Subtract 25px to make room for space and scrollbar */

}

.ppopbtnq

{

    /* margin-left: 12% !important;

    margin-right: auto !important; */

}

.crtts

{

    cursor: pointer !important;

}

.ppopbtnq6

{



        width:90% !important; 

        margin-right:auto; 

}

.conta

{ 

    position: absolute !important;

    width: 100% !important; /* Or set to the desired size */

    overflow-x: hidden !important;

    box-sizing: border-box !important;

}

  }

  

.qqwqm

{

    margin-top: 16px !important;

    margin-bottom: 36px !important;

}

.poill

{

    /* height: 56px !important; */

    background-color: #fff !important;

    border-bottom: 1px solid #F0F0F1;

    font-weight: 500;

    font-size: 14px;

    line-height: 16px;

    margin-left: auto;

    margin-right: auto;

    width: 480px;

    /* padding-bottom: 20px !important; */

}

.rsdsd

{

font-weight: 500;

font-size: 12px;

line-height: 16px;

color: #1D2327;

padding-top: 32px;

padding-bottom: 16px;

padding-left: 20px;

/* background: #F6F7F7;

border-right: 1px solid #dee2e6 !important; 

 

height: 56px;



padding-left: 20px; */



}

.conta

{

    /* width: 480px !important; */

    margin-left: auto !important;

    margin-right: auto !important;

}

.xaasv

{

    padding-left: 16px;

    padding-right: 16px;

}

.qqw

{

font-weight: 400;

font-size: 14px;

line-height: 22px;

color: #2C3338;

padding-bottom: 16px !important;

padding: 0;

margin-left: auto;

margin-right: auto;

width: 280px !important;

text-align: center;

}

.tumaz_ppsss

{

padding-top: 20px !important;

}

.qqwq

{

font-weight: 400;

font-size: 14px;

line-height: 22px;

color: #2C3338;

margin-top: -30px !important;

padding-bottom: 38px !important;

padding: 0;

margin-left: auto;

margin-right: auto;

width: 280px !important;

text-align: center;

cursor: pointer;

}

.qqwqr

{

font-weight: 400;

font-size: 14px;

line-height: 22px;

color: #2C3338;

margin-top: -30px !important;

padding-bottom: 38px !important;

padding: 0;

margin-left: auto;

margin-right: auto;

width: 280px !important;

text-align: center;

}

.kfls * 

{

    margin-left: auto !important;

    margin-right: auto !important;

}

.nav-pills .nav-linkt {

    border-radius: 0 !important;

    border-bottom: 1px solid #dee2e6 !important; 

    border-right: 1px solid transparent !important; 

    color: #787C82 !important;

    font-weight: 600; 

    font-size: 14px;

    line-height: 16px;

    padding-left: 20px;

    padding-top: 12px;

    padding-bottom: 12px;

}

.nav-pills .nav-linkt:focus {

  border-color: transparent !important;

}

.nav-pills .nav-linkt.active:focus {

  border-color: transparent !important;

}

.nav-pills .nav-linkt.active {

    background-color: #fff !important;

    border-color: #EDEDED !important;

    color: #1D2327 !important;

    border-right: 1px solid transparent !important; 

    font-weight: 600; 

    font-size: 14px;

    line-height: 16px;

    padding-left: 20px;

    padding-top: 12px;

    padding-bottom: 12px;

    position: relative;

    z-index: 9999999999999999999999;

}

.nav-pills:hover

{

    border-color: transparent !important;

}







.upload-container {

    text-align: center;

  }

  .image-preview {

    width: 200px;

    height: 200px;

    border: 2px dashed #ccc;

    border-radius: 5px;

    display: flex;

    justify-content: center;

    align-items: center;

    margin-bottom: 20px;

    background-size: cover;

    background-position: center;

  }

  .file-input-container {



    position: relative;

    display: flex;

    align-items: center; 

    padding-top: 20px !important;

  }

  .file-input-container::after {

    content: '';

}

  .file-input {

    position: absolute;

    top: 0;

    right: 0;

    min-width: 100%;

    min-height: 100%;

    font-size: 100px;

    text-align: right;

    filter: alpha(opacity=0);

    opacity: 0;

    outline: none;

    background: white;

    cursor: pointer;

    display: block;

  }

.ppurl * {

    color:  var(--accent-color) !important; 

    font-weight: 700;

}

.tumaz_paaeer

{

font-weight: 500;

font-size: 14px;

line-height: 16px;

color: #1D2327;

}

.dvvcs

{

font-weight: 400;

font-size: 13px;

line-height: 16px;

color: #646970;

}

.tab-contentl

{

    border-top: 1px solid #F0F0F1 !important; 

    width: auto;

    margin-left: auto;

    margin-right: auto;

}

.dvvcsb

{ 

    padding-top: 20px !important;

    /* padding-left: 20px !important;

    padding-right: 20px !important; */

    padding-bottom: 12px !important;

    width: 280px !important;

    margin-left: auto;

    margin-right: auto;

    padding: 0;

    /* border-bottom: 1px solid #F0F0F1 !important;  */

}

.pwlrt

{

    padding-bottom: 20px !important;

}

.pooep

{

    padding-top:10px !important;

}

.form-control

{

    margin-top: 10px !important;

    margin-bottom: 10px !important;

}



.rrrtww

{

    padding: 0%;

}



.chaabtndq

{

padding: 8px 12px;

background: #f06e04;

border: 1px solid #DCDCDE;

border-radius: 5px;

}

.qaarr

{

    width: 100% !important;

}

.aboee

{ 

font-weight: 400;

font-size: 14px;

line-height: 22px;

color: #1D2327;

}

.tlks

{

    margin-top: 16px !important;

}

.lpll

{

    border-bottom: 1px solid #F0F0F1 !important; 

    width: 340px !important; 

    margin-right: auto;

}

.lpllx

{

    border-bottom: 1px solid #F0F0F1 !important; 

    width: 140px !important; 

    margin-left: 12px;

}





.outer-wrapperp {

    width: 300px; /* Increased by 25px (20px for space + 5px for scrollbar) */

    height: 277px;

    position: relative;

    overflow: hidden;

    margin-left: 24px;

    margin-right: 24px;

}

.outer-wrapperp2 {

    width: 300px; /* Increased by 25px (20px for space + 5px for scrollbar) */

    height: 260px !important;

    position: relative;

    overflow: hidden;

    margin-left: 24px;

    margin-right: 24px;

}

.btssr {

    height: 100%;

    width: calc(100% - 5px); /* Subtract 25px to make room for space and scrollbar */

    overflow-y: auto;

    padding: 12px 15px;

    padding-right: 41px; /* 16px original padding + 25px for space and scrollbar */

    box-sizing: border-box;

}

.btssr2 {

    height: 100%;

    width: calc(100% - 5px); /* Subtract 25px to make room for space and scrollbar */

    padding: 12px 15px;

    padding-right: 41px; /* 16px original padding + 25px for space and scrollbar */

    box-sizing: border-box;

}

.border-wrapper {

    position: absolute;

    top: 0;

    left: 0;

    right: 25px; /* 20px space + 5px scrollbar width */

    bottom: 0;

    border: 1px dashed #C3C4C7;

    border-radius: 5px;

    pointer-events: none;

}

@media (max-width: 767px) {

    

.qqw

{

    padding-left:20px !important;

    padding-right:20px !important;

    margin-left:auto !important;

    margin-right:auto !important;

    width:100% !important;

    margin-top: 24px !important;

    padding-bottom: 24px !important;

}

.tumaz_ppsss

{

padding-top: 0px !important;

}

    

.dvvcsb

{ 

    padding-top: 16px !important;

}

    .lpll

    {

        width: 100% !important;  

    }

    .border-wrapper

    {

        margin-left: auto !important;

        margin-right: auto !important;

        width: 90% !important;

        right: 0 !important;

    }

    .btssr

    {

        margin-left: 10px !important;

        margin-right: auto;

        width: calc(100% - 3px);

    }

    .btssr2

    {

        margin-left: 10px !important;

        margin-right: auto;

        width: calc(100% - 3px);

    }

    .outer-wrapperp

    {

            width: 100% !important;

            padding-left: 16px;

            padding-right: 16px;

            padding-bottom: 12px;

            margin-left: auto;

            margin-right: auto 

    }

    .outer-wrapperp2

    {

            width: 100% !important;

            height: 265px !important;

            padding-left: 16px;

            padding-right: 16px;

            padding-bottom: 12px;

            margin-left: auto;

            margin-right: auto 

    }

    .nav-pills .nav-linkt { 

        background-color: #F6F7F7 !important;

        position: relative;

        z-index: 9999999999999999999999;

        padding-top: 16px !important;

        padding-bottom: 16px !important;



    }

    .nav-pills .nav-linkt.active {

        background-color: #F6F7F7 !important;

            position: relative;

            z-index: 9999999999999999999999;

            padding-top: 16px !important;

            padding-bottom: 16px !important;

    }

}

/* Scrollbar styles */

.btssr {

    scrollbar-width: thin;

    scrollbar-color: #E0E0E0 transparent;

}

.btssr::-webkit-scrollbar {

    width: 5px !important;

}

.btssr::-webkit-scrollbar-thumb {

    background-color: #E0E0E0 !important;

    border: 4px solid transparent !important;

    border-radius: 8px !important;

    background-clip: padding-box !important;

}



/* Scrollbar styles */

.btssr2 {

    scrollbar-width: thin;

    scrollbar-color: #E0E0E0 transparent;

}

.btssr2::-webkit-scrollbar {

    width: 5px !important;

}

.btssr2::-webkit-scrollbar-thumb {

    background-color: #E0E0E0 !important;

    border: 4px solid transparent !important;

    border-radius: 8px !important;

    background-clip: padding-box !important;

}

.ksllos

{

    margin-top: -20px !important;

}

.pitei

{

margin-top: -16px !important;

}

.pitei2

{

margin-top: 0px !important;

}

.chaabtnd

{ 

padding: 8px 12px;

background: #F6F7F7;

border: 1px solid #DCDCDE;

border-radius: 5px;

font-weight: 600;

font-size: 12px;

color: #1D2327;

}

.kjf

{

margin-top: 10px;

}

.kmmn

{

padding-right: 24px !important;

}

.lkdda

{

    margin-bottom: -312px !important;

}

.lknn

{

width: 328px !important;

height: 560px;

}



@media (max-width: 767px) {

    .mobile-sidebar {

        position: fixed;

        top: 0;

        left: 0;

        right: 0;

        bottom: 0;

        z-index: 1000;

        background-color: #fff;

        overflow-y: auto;

    }

 

    .content-section {

        display: none; /* Hide content sections by default */

    }

    

    @media (min-width: 768px) {

        .content-section {

            display: block; /* Display content sections on desktop devices */

        }

    }

    .mobile-sidebar .nav-linkt.active,

    .mobile-sidebar .nav-linkt:hover {

        background-color: #fff;

        border-color: #EDEDED;

        color: #1D2327;

    }



    .content-section.active {

        display: block;

    }

}



@media (min-width: 768px) {



.digages_popmodal3k

{

    width: 480px;

}

}

@media (max-width: 767px) {

    .digages_hidden

    {

      display: none;

    }

    

.digages_popmodal3k

{

    width: 100% !important;

}

    .digages_show

    {

      display: block;

    }

  

    .digagageshidden {

      display: none;

  }

  .show {

      display: block;

  }

 

  }

 

.chaaanqaz

{

align-items: center;

padding: 12px 20px; 

background: #F6F7F7;

border: 1px solid #DCDCDE;

border-radius: 5px;

font-weight: 600;

font-size: 14px;

line-height: 20px;

color: #1D2327;

margin-left: auto !important;

margin-right: auto !important;

}

.upgrbgtum

{

padding: 12px 16px !important;

gap: 12px !important;

background: #FCF9E8 !important;

border-left: 4px solid #DBA617 !important;

padding-left: 16px !important;

padding-top: 12px !important;

padding-bottom: 12px !important;

padding-right: 12px !important;

}

.upgrbgtum33

{

padding: 12px 16px !important;

gap: 12px !important;

background: #FCF9E8 !important;

border-left: 4px solid #DBA617 !important;

padding-left: 16px !important;

padding-top: 12px !important;

padding-bottom: 12px !important;

padding-right: 12px !important;

}

.upgrbgtum2

{

padding: 12px 16px !important;

gap: 12px !important;

margin-left:0px;

background: #FCF9E8 !important;

border-left: 4px solid #DBA617 !important;

padding-left: 16px !important;

padding-top: 12px !important;

padding-bottom: 12px !important;

padding-right: 16px !important;

width: auto !important;

}

.upgrbgtumtxt

{

    font-weight: 400 !important;

    font-size: 13px !important;

    line-height: 20px !important;

    color: #1D2327 !important;

    margin-bottom: 12px !important;

}

.accent-color-readonly {

    pointer-events: none !important;

    opacity: 0.5 !important;

    cursor: not-allowed !important;

  }



  .custom-select {

    position: relative;

    display: inline-block;

    width: 100%;

    

}



.custom-select select {

    appearance: none;

    -webkit-appearance: none;

    -moz-appearance: none;

    padding-right: 30px; /* Space for the icon */

    /* Add other styles as needed */

}



.custom-select::before {

content: " "; /* Placeholder for the icon */

background-image: url('../img/sleic.svg'); /* Adjust the path */

background-size: contain; /* Adjust size */

background-repeat: no-repeat; /* Prevent repeating */

position: absolute;

top: 50%;

right: 10px; /* Position it to the right */

width: 20px; /* Width of the icon */

height: 20px; /* Height of the icon */

transform: translateY(-50%); /* Center vertically */

pointer-events: none; /* Allow clicks to go through */

}

.pp

{ 

display: flex;

flex-direction: row;

justify-content: space-between;

align-items: center;

padding: 5px 12px;

gap: 12px;

 

height: 42px !important;



/* WP Gray/Gray 2 */

border: 1px solid #F0F0F1 !important;

border-radius: 5px; 

/* Inside auto layout */

flex: none;

order: 0;

align-self: stretch;

flex-grow: 0;



}

.chtxtdrc

{

    padding-left: 15px !important;

    padding-right: 0px !important;

}

.tddsumsr

{

    margin-right: 20px !important;

}

.kllftyesp

{

    margin-bottom: 83px !important;

}

.rettds

{

    color: #e60303 !important;

    padding-bottom: 20px !important;

    margin-top:-20px !important;

}

.ticonduzs

{

font-size: 24px;

padding-top: 8px;



}

.tumaz_details_pop

{

    width: 600px !important;

    position: relative;

    z-index: 9999999999999999999999 !important;

    border-radius: 0px !important;

}



@media screen and (max-width: 782px) {

    .tumaz_details_pop

    {

        width: 100% !important;

    }

}





.xcsse

{ 

font-weight: 700;

font-size: 18px;

line-height: 24px; 

color: #1E1E1E; 

}

.tuma_desttp

{

    padding-bottom: 24px !important;

}

.tuma_desttp2

{

font-weight: 600;

font-size: 14px;

line-height: 20px;

color: #1E1E1E;

padding-bottom: 8px !important;



}

.tuma_desttp3

{

font-style: normal;

font-weight: 400;

font-size: 14px;

line-height: 20px;

color: #1E1E1E;

}

.tumaz_des_foot

{

padding: 0px; 

padding-right: 16px; 

margin-right: 0px !important;

}

.tumaz_makas

{

font-weight: 400;

font-size: 14px;

line-height: 20px;

color: #1E1E1E;

}



@media (max-width: 767px) {

    .tumaz_makas { 

        width: 100% !important;

        margin-bottom: 16px;

        align-items: center;

        margin-left: 35% !important;

        margin-right: auto !important;

    }

    

.tumaz_des_foot

{

    width: 100% !important;

padding: 0px !important; 

padding-right: 0px !important; 

margin-right: auto !important;

margin-left: auto !important;

}

}



.modcnn2

{

padding: 4px 6px;

background-color: #008A20;

border-radius: 2px;

color: #fff;

border-color: transparent;

margin-left: 20px !important;

margin-right: 12px !important;



}

@media (max-width: 767px) {

    .modcnn2 { 

        width: 100% !important;

        margin-bottom: 12px;

        margin-left: auto !important;

        margin-right: auto !important;

        align-items: center;

        padding: 8px 12px;

        gap: 4px; 

    }

}

.modcnl2

{ 

padding: 4px 6px;

background-color:transparent;

border: 1px solid #B32D2E;

border-radius: 2px;

color: #B32D2E;

} 

@media (max-width: 767px) {

    .modcnl2 {

        width: 100% !important;

        margin-bottom: 12px;

        margin-left: auto !important;

        margin-right: auto !important;

        align-items: center;

        padding: 8px 12px;

        gap: 4px; 

    }

}



.btssr3

{   

border: 1px dashed #EBEDEF;

border-radius: 5px; 

padding:12px 16px;

margin-left:24px;

margin-right:24px;

}

.btssr4

{   

border: 1px dashed #EBEDEF;

border-radius: 5px; 

padding:12px 16px;

margin-left:24px;

margin-right:5px;

}



.csdstumaz

{

padding-top: 20px !important;  

}



@media (max-width: 767px) {

    .csdstumaz { 

        padding-top: 24px !important;  

    }

}





.trddbtn22

{

padding: 8px 16px !important;

background: #3858E9 !important;

border-radius: 2px !important;

border-color: transparent !important;

color: #fff !important;

font-weight: 400 !important;

font-size: 13px !important;

line-height: 20px !important;

}



@media (max-width: 767px) {

    .trddbtn22 { 

        padding-top: 12px !important; 

        width: 100% !important;

        margin-left: auto !important;

        margin-right: auto !important;

    }

}



.tumaz-sccrrit

{

    overflow-y: auto;

    height: 260px !important;

    width: calc(100% - 5px);

}



/* Scrollbar styles */

.tumaz-sccrrit {

    scrollbar-width: thin;

    scrollbar-color: #E0E0E0 transparent;

}

.tumaz-sccrrit::-webkit-scrollbar {

    width: 5px !important;

}

.tumaz-sccrrit::-webkit-scrollbar-thumb {

    background-color: #E0E0E0 !important;

    border: 4px solid transparent !important;

    border-radius: 8px !important;

    background-clip: padding-box !important;

}

.tumafontbtm

{

    border-bottom: 1px solid #CCCCCC !important;

}

.tuma_vdx

{

    height: 35px !important;

}

.tumazz_closse

{

font-weight: 400;

font-size: 14px;

line-height: 20px;

color: #3858E9;

margin-left: auto !important;

margin-right: auto !important;

}



.tumazz_closse2

{

font-weight: 400;

font-size: 14px;

line-height: 20px;

color: #3858E9;

margin-left: 45% !important;

margin-right: auto !important;

}

.tumaz_bullpoint

{

    width: 12px !important;

    height: 12px !important;

    background-color: #7A00DF !important;

    border-radius: 50% !important;

    display: inline-block !important;

    margin-right: 16px !important;

}

.tumazddet

{

    padding-top: 12px !important;

}



.custom-box, 

.custom-box *, 

.custom-box::before, 

.custom-box::after {

    box-sizing: border-box !important; /* Applies to the main element and its pseudo-elements */

    

    position: relative !important;

    z-index: 9999999999999999999999 !important;

}

/* Scoped to your plugin */

.tumaz-direct-container, 

.tumaz-direct-container * {

    box-sizing: border-box; /* Apply only to elements within this container */

}



.tumaz_ab29

{

    font-size: 18px;

    padding-bottom: 16px;

}

.tumaz_copied_pop

{

    color: #00A32A;

    font-size: 21px !important;

}

.tumaz_hand_pointer

{

    cursor: pointer !important; 

}



.tumaz_mob_tab_menu {

    display: flex !important; 

    align-items: center !important; 

  }

  

  span.tumaz_mob_tab_menu_end {

    margin-left: auto !important; 

  }

  .tumaz_mob_tab_menu2 {

      display: flex !important; 

      align-items: start !important; 

    }

    

    span.tumaz_mob_tab_menu_end2 {

      margin-right: 0 !important; 

    }

    span.tumaz_mob_tab_menu_start2 {

      margin-left: 0 !important; 

    }

.tumaz_pro_pulg

{

    color: #00A32A !important;

    font-weight: 600 !important;

}

/* div {

    border: 1px solid red !important;

} */

.wrap {

    position: relative !important;

    z-index: 110 !important;

}



.wpwrap

{

    position: relative !important;

    background-color: #008A20 !important;

    font-size: 1000px !important;

z-index: 9 !important; /* The admin bar has a default high z-index */



}

.tumaz_settelc

{

    height: 33px !important;

    padding: 0 8px !important;

    line-height: 2 !important;

    margin-top: -5px !important;

}



.digage_widthmodalbord 

{

    width:100% !important;

}

.digage_tabahref

{

    margin-top: 10px; 

    border: none;

}

.digage_popimgsize

{

    max-width: 48px !important; 

    max-height: 48px !important;

}

.digage_stylenone

{

    display: none;

}

.digage_stylecursor

{

    cursor: pointer;

}

.digages_settings_notice

{

    margin-left:0px !important;

    max-width:600px;

}

.digages_settings_notice_topspace

{

    margin-top:20px !important;

}

.digages_breakword

{

    overflow-wrap: break-word !important;

}





.digages_no_recordstable

{

    padding: 16px;

    padding-bottom: 24px;

}



.loading-bar {

    height: 5px;

    background: #4caf50;

    position: relative;

    margin-top: 10px;

    animation: loading-animation 2s linear infinite;

}







.digagesmaincontainer { 

    height: 95vh;

    position: relative;

    

  }

  

  .digagesmaincenter {

    margin: 0;

    position: absolute;

    top: 50%;

    left: 50%;

    -ms-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

  }



  

@media (min-width: 600px) and (max-width: 899px) {

.digagesclosex

{

    margin-left:380px;

    color: #fff;

}



}