﻿body {
    direction: ltr !important;
    font: 11px/25px 'Myriad Pro',Tahoma;
    text-align: left !important;
}

/* ===== Bootstrap Grid Fix ===== */
body *[class^="col-"] {
    float: left !important;
}

/* ===== Container & Layout ===== */
.container {
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}

content {
    display: block;
    width: 100%;
}

#barname-list-container {
    width: 100%;
    display: block;
}

/* ===== Barname (Program) Cards ===== */
.divbarname {
    flex-direction: row !important;
}

.divbarname .divBarnameImages {
    /* flex-direction: row !important; */
}

.divbarname .divimgbarname {
    float: left !important;
}

.divbarname .divslidbarname {
    float: left !important;
    padding-left: 5px !important;
    padding-right: 10px !important;
}

.divbarname .divslidbarname img {
    border-radius: 3px;
}

.divbarname .divbarnametiteltop {
    float: right !important;
}

.divbarname .divbarnametitel {
    padding: 0 0 0 20px !important;
}

.divbarname .divBarnameData {
    text-align: left !important;
}

.divbarname .divbarnametiteltop .divbarnamename {
    float: left !important;
}

.divbarname .divbarnametiteltop .divbarnamemakan {
    float: right !important;
}

.divbarname .divBarnameData .divbarnametitel .divbarnamekargardan {
    float: left !important;
}

.divbarname .divBarnameData .divbarnametitel .divbarnamedore {
    float: right !important;
}

.divbarname .divbarnamesandali {
    float: left !important;
}

.divbarname .divbarnamesandalitime {
    float: right !important;
}

.divbarname .btnbarnameview {
    float: right !important;
}

.divbarname .divbarnamebazigar {
    margin-left: 0 !important;
    margin-right: 3px !important;
}

.divbarname .divbarnamesandali {
    margin-left: 0 !important;
    margin-right: 30px !important;
}

/* ===== More Content RTL Fix ===== */
.divPartData .divPartDataContaner .divMoreContent {
    direction: ltr !important;
}

.divPartData .divPartDataContaner .divMoreContent p {
    direction: ltr !important;
}

/* ===== Footer LTR Fixes ===== */
.divFooterContener .divFooterTop .bottomLeft img{
    margin-right: 40px !important;
    margin-left: 0 !important;
}

.divFooterContener .divFooterBottom .bottomMaster .divTelCo img {
    margin-right: 0 !important;
    margin-left: 5px !important;
}

/* ===== Header Fixes ===== */
.topheader .divLogo {
    float: left;
}

.topheader .searchticket {
    float: left;
    border-left: 0;
}

.topheader .searchticket img {
    margin-left: 0 !important;
    margin-right: 5px !important;
}

.topheader .searchticketSmall img {
    margin-left: 0 !important;
    margin-right: 5px !important;
}

.topheader .divUserLogin {
    flex-direction: row !important;
}

.topheader .divRigester img {
    margin-left: 0 !important;
    margin-right: 5px !important;
}

.topheader .divAfterLogin,
.topheader .divRigester {
    float: right;
}

.divFooterContener .divFooterTop .bottomRight {
    float: right;
}

.divFooterContener .divFooterTop .bottomLeft {
    float: left;
}

.divFooterContener .divFooterTop .bottomRight div {
    float: right;
    margin: 0 0 0 40px;
}

/* ===== Modal Fixes ===== */
.divModalContent .divModalBody .divModalBodyTitel {
    border-left: 0 !important;
    border-right: 1px solid #dcdcdc !important;
}

.divModalContent .divModalBody .divModalBodyInput a {
    padding-right: 0 !important;
    padding-left: 10px !important;
}

/* ===== Please Wait / Position Fixes ===== */
.divPleasWait {
    left: auto !important;
    right: calc(50% - 100px) !important;
}

.divPartData .divbtnback {
    left: auto !important;
    right: 20px !important;
}

.CategoryBarname img {
    margin-right: 0px;
    margin-left: 15px;
}

.divPartData .divPartDataContaner .divRunTurns {
    flex-direction: row-reverse;
}

.divPartData .divPartDataContaner .divRunTurns .divRunTurnsLeft {
    justify-content: flex-start;
}

.divPartData .divbtnback a {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row-reverse;
}

.divPartData .divbtnback a img {
    margin-right: 5px;
}

.divPartData .divPartDataContaner .divPartInSalonName {
    right: unset;
    left: 20px;
}

.divFixedReportBuy .divListBuy img {
    margin-right: 12px;
}

.divPartData .divPartDataContaner .divPaymentContener .divPaymentLeft .divBuy p {
    direction: ltr;
    text-align: left;
}

.divHeaderContent .divHeaderContentContaner .divLeftHelp .divTransitionProgram {
    direction: ltr;
}

.divHeaderContent .divHeaderContentContaner .divLeftHelp .divTransitionProgram a {
    margin-left: 25px;
    margin-right: 0;
}

content .LoginMain .LoginCard a {
    direction: ltr;
}

.divPartData .divPartDataContaner .divTicketContener {
    flex-direction: row-reverse;
}

.divPartData .divPartDataContaner .divTicketContener .divBarnameDetail .divChairContenerTicket .divRowNumber {
    flex-direction: row-reverse;
}

.divPartData .divPartDataContaner .divbtnSavePDF {
    left: unset;
    right: 160px;
}

.divPartData .divPartDataContaner .divPaymentTitel img {
    margin-left: 0;
    margin-right: 10px;
}

.divPartData .divPartDataContaner .divRunTurns .divRunTurnsLeft {
    flex-direction: row-reverse;
    justify-content: start;
}

.divPartData .divPartDataContaner .divRunTurns .divRunTurnsLeft .divRunTurnsLeftBottom {
    flex-direction: row-reverse;
}

.divPartData .divPartDataContaner .divRunTurns .divRunTurnsLeft .divRunTurnsLeftBottom .spanTemporary {
    line-height: 1.5;
}

.divPartData .divPartDataContaner .divRunTurns .divRunTurnsLeft .divRunTurnsLeftBottom .spanTemporary a {
    margin: 2px 0;
    padding: 4px 8px !important;
    box-shadow: 0 0 5px #222;
}

.divHeaderContent .divHeaderContentContaner .divTitelBarname {
    padding-right: 0;
    padding-left: 50px;
}

.TicketChecker_ExitImg {
    rotate: 180deg;
    margin-left: 5px;
    margin-right: 0;
}


@media screen and (max-width: 640px) {
    .divbarname {
        flex-direction: column !important;
    }
    .topheader .divRigester {
        min-width: 80px;
    }
    .divPartData .divPartDataContaner .divPartInSalonName .divPartTitel {
        height: 50px;
        width: 50px;
        border-radius: 5px 0px 0px 5px;
        text-align: center;
    }
    .divPartData .divPartDataContaner .divPartInSalonName .divPartName {
        width: 130px;
        height: 50px;
        border-radius: 0px 5px 5px 0px;
    }
    .divPartData .divPartDataContaner {
        padding-top: 85px;
    }
    .divPartData .divPartDataContaner .divPaymentTitel img {
        width: 35px;
        margin-right: 10px;
    }
    .divPartData .divPartDataContaner .divPaymentTitel span {
        font-size: 12px;
    }
    .divPartData .divPartDataContaner .divPaymentContener .divPaymentLeft .divTitel img {
        margin-right: 10px;
    }
    .divPartData .divPartDataContaner .divPaymentContener .divPaymentLeft .divDiscount div span {
        width: 80px;
    }
    .divPartData .divPartDataContaner .divPaymentContener .divPaymentLeft .divDargah label input {
        margin-right: 5px;
    }
    .divPartData .divPartDataContaner .divPaymentContener .divPaymentLeft .divDargah label img {
        margin-right: 10px;
    }
    .divPartData .divPartDataContaner .divPaymentContener .divPaymentLeft .divAccept div {
        display: flex;
        flex-direction: row-reverse;
    }
    .divPartData .divPartDataContaner .divPaymentContener .divPaymentRight .divUserTitel img {
        width: 20px;
    }
    .divPartData .divPartDataContaner .divRunTurns {
        flex-direction: column !important;
    }
}