* {
    direction: rtl;
}

.mycontainer {
    max-width: 90%;
    margin: 0 auto;
}

.mycontainer2 {
    max-width: 92%;
    margin: 0 auto;
}

.bgimg {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.imgc {
    max-width: 100%;
    max-height: 100%;
}

.wrapgift {
    position: absolute;
    right: 0;
    top: 0;
}
#myloader
{
    position:fixed;
    height: 100%;
    width: 100%;
    top:0;
    z-index: 1000;
    background-color: rgba(0,0,0,0.5);
    display: none;
}
#myloader img 
{
    top: 50%;
    position: absolute;
    transform: translateY(-50%);
    width: 70%;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.mypoints {
    position: absolute;
    left: 10px;
    top: 10px;
}

.mybutton {

    background: linear-gradient(95.22deg, #E52F2B 5.24%, #C91C18 100.71%);
    box-shadow: 0px 0.6px 4.8px rgba(57, 104, 166, 0.377513);
    border-radius: 2.4px;
    width: 70%;
    margin: 0 auto;
    padding: 5px 0;
    color: white;
    display: block;
    border: 0;
    font-size: 12.5px;
}
.mybutton2 {

    background: linear-gradient(90deg, #065A94 0.9%, #5786CD 103.25%, #13315E 103.25%);
    box-shadow: 0px 0.6px 4.8px rgba(57, 104, 166, 0.377513);
    border-radius:4px;
    width: max-content;
    max-width: 100%;
    padding: 8px 40px;
    color: white;
    display: block;
    border: 0;
    font-size: 13px;
}

.myrow 
{
    min-height: 53px;
}
.ChooseShipModal,.SuccessModal,.ErrorModal
{
    position:fixed;
    width:100%;
    height:100%;
    z-index: 10;
    top:0;
    display:none;
}
.modaloverlay 
{
    background-color:rgba(0,0,0,0.5);
    height:100%;
    width: 100%;
    display: flex;
    align-items:center;
    justify-content:center;
}
.closeModal,.closeModal2,.closeModal3
{
    position:absolute;
    left:10px;
    top:10px;
}
.shippingbox:hover 
{
    background: rgba(208, 233, 250, 0.4)!important;
    border:2px solid #0D72B9!important;
}   

.shipbox
{
    border-radius: 10px;
    background: #fff;
}
.shipbox.active,.shipbox:hover 
{
    background: linear-gradient(90deg, #065A94 0.9%, #5786CD 103.25%, #13315E 103.25%);
    color:#fff;
}
.myforminput
{
    display: block;
    width: 100%;
    padding:25px 15px;
    padding-right:40px;
    background-color: rgba(156, 191, 218,0.2);
    border-radius: 10px;
    margin-bottom:25px;
    font-size: 18px!important;
    border:0;
    box-shadow:none;
}
.myforminput:focus 
{
    background-color: rgba(156, 191, 218,0.2);
    border:0;
}

.myforminput.errorSpan
{
    border:1px solid red;
}
.myforminput::placeholder
{
    color:#005691;
}
#giftFirstName 
{
    background-repeat: no-repeat;
    background-position: 97%;
    background-image: url('../saImages/user.png');
}
#giftAddress,#giftStreet
{
    background-repeat: no-repeat;
    background-position: 97%;
    background-image: url('../saImages/map_pin.png');
}
#giftPhone
{
    background-repeat: no-repeat;
    background-position: 97%;
    background-image: url('../saImages/phone_icon.png');
}
.myformsubmit
{
    background: linear-gradient(90deg, #065A94 0.9%, #5786CD 103.25%, #13315E 103.25%);
    color:#fff;
    width:max-content;
    max-width: 100%;
    padding:12px 40px;
    margin: 0 auto;
    border-radius: 4px;
    display: block;
    transition: all 0.3s ease;;
    font-size: 16px;
}

.myformsubmit:disabled
{
    background: #E5E5E5;
    color:#727272;
}

.tabFilters 
{
    overflow-x: scroll;
}
.tabFilters::-webkit-scrollbar
{
    display: none;
}

.tabFilter 
{
    width: max-content;
    min-width: 120px;
    text-align: center;
    padding:10px 15px;
    background: #D2DFF3;
    color:#2E2E2E;
    border-radius: 4px;
    font-size: 14px;
    margin:0 10px;
}
.tabFilter:first-of-type
{
    margin-right: 0;
}
.tabFilter.active ,.tabFilter:hover
{
    background: #316EB5;
    color:#fff;
}

.mybutton:disabled
{
    background: #E5E5E5;
    color:#727272;
    pointer-events: none;  
}


.myrow
{
    background-color: #fff;
    border-radius:6px;
    padding: 8px 0;
    margin-bottom:12px;
}
.statusbutton
{
    text-align: center;
    min-width: 57px;
    font-size: 13px;
    border-radius: 5px;
    padding:3px 0px
}

.statusbutton_rejected
{
    background-color: #F5E2E2;
    border:1px solid #C55E5C;
}
.statusbutton_approved
{
    background-color: #E6F1E8;
    border:1px solid #76B27C;
}
.statusbutton_pending
{
    background-color: #FEF8D9;
    border:1px solid #F2AE00;
}
.statusbutton_recieved
{
    background-color: #E7EFF5;
    border:1px solid #005691;
}
.statusbutton_inprogress
{
    background-color: #F1ECFD;
    border:1px solid #6F39E3;
}

#user_area_nav ul 
{
    list-style-type: none;
}

#user_area_nav ul li 
{
    padding:15px 0;
    border-bottom: 1px solid #ECEDEF;
}
#user_area_nav ul li  a 
{
    font-size: 18px;
    color:#2E2E2E;
    font-weight: 500;
}
.menu-image-title-after.menu-image-not-hovered img
{
    padding-right: 0;
    padding-left:10px;
}

.arrowtoggle
{
    background-image: url('../saImages/arrowbottom.png');
    background-repeat: no-repeat;
    background-position: left;
}
.hidden
{
    display: none;
}