html {
    direction: rtl
}

.iran a {
    color: #fdaf17 !important
}

.modal-header .close {
    margin: 3px;
    border: none;
}

.shoab h3 {
    text-align: center;
    margin-top: 20px !important;
    color: #6d6e71 !important;
    font-size: 20px
}
.modal-title{
    padding: 5px !important;
}
.iran {
    background-image: url(https://mymaral.com/wp-content/themes/maralmlco/blackfriday/iran6.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center
}

.shoab {
    margin-top: 40px;
    text-align: center
}

.btn-edit {
    font-size: 20px !important;
    border: 1px solid #58595b !important;
    color: #58595b;
    width: 150px !important;
    text-align: center !important;
    background: #ddd
}

.loc {
    width: 20px
}



.shoab .col-xs-5 {
    width: 49%
}

.shoab .col-xs-1 {
    width: 2%
}

.shoab .col-xl-4 {
    padding-right: 0;
    padding-left: 0
}

.shoab .modal-body {
    text-align: right
}

@media(min-width:360px) and (max-width:767px) {
    .modal-body p {
        line-height: 25px;
    }
    .btn-edit {
        width: 100px !important;
        font-size: 15px !important
    }
    .shoab {
        margin-top: 5px
    }
    .shoab h3 {
        font-size: 15px !important
    }
    .loc {
        width: 12px;
        margin-left: 3px
    }
    .table td,
    .table th {
        padding: 0.55;
        line-height: 23px;
        font-size: 12px;
        vertical-align: middle;
    }
    .shoab .col-xs-3 {
        width: 33.3333333%;
        margin-top: 10px
    }
}

@media(min-width:768px) and (max-width:1366px) {
    .btn-edit {
        width: 120px !important;
        font-size: 15px !important
    }
}

.editshahr {
    padding: 7px 2px
}

.btn-edit-top {
    width: 80% !important;
    margin-top: 20px;
    text-align: center !important;
    background: #fdaf17 !important
}

.btn:focus {
    border-color: #fdaf17
}

.table-bordered td,
.table-bordered th {
    border: 1px solid #bbbbbb;
}

.table td,
.table th {
    font-size: 15px;
}

.number-of-branches {
    background: #414042;
    border: 1px solid #414042;
    position: absolute;
    left: 0;
    top: 0;
    color: #ffff;
    width: 15%;
    height: 50%;
    padding: 0;
    margin: 0;
    font-size: 13px;
    border-radius: 0px 0px 5px 0px;
}

.shoab .col-xs-2 {
    width: 100%;
}