.navbar-inverse {
    background-color: #337ab7;
    border-color: #337ab7;
}

body {
    padding-top: 50px;
    padding-bottom: 20px;
    direction:rtl;
    font-family:Tahoma;
    
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 2280px;
}

.icon{
    height:30px;
    width: 30px;
}

.block{
    display:block;
}

.margin-10{
    margin:10px;
}
.login {
    width: 40%;
    margin: auto;
    background: lightgray;
    text-align: center;
    margin-top: 70px;
}

.middle{
    margin:auto;
}

.logo{
    margin:25px;
    text-align:center;
    margin-bottom:20px;
}
.menu-icon{
    height:140px;
    width:140px;
}
.center{
    margin:auto;
}

.menu-text{
    display:block;
    margin-bottom:15px;
    font-size:16px;
    font-weight:bolder;
    color:black;
}
.form{
    padding:30px;
    margin:10px;
}
.search-title{
    margin-bottom:25px;
    margin-top:25px;
}

input[type="checkbox"]{
    height:20px;
    width:20px !important;
}

.text-center{
    text-align:center;
}
.results {
    height: 500px;
   
    direction: ltr;
    text-align: right;
    padding: 20px;
}
.resultAtt{
   padding: 4px;
}
.result{
    direction:rtl;
   
}
.border {
    border: solid 1px black;
    border-radius: 5px;
    margin:2px;
}
.p_color {
    color: #9d3ff5;
}
.r_color {
    background: #e33333;
    color: white;
}
.same-line {
    display: inline;
    float: right;
    margin: 7px;
}
.min-width-95{
    min-width:95px;
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}

.col-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
}

.col-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
}

.col-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
}

.col-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}

.col-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}

.col-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
}

.col-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

.col-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
}

.col-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
}

.col-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
}

.col-10 {
    -ms-flex: 0 0 84.33334%;
    flex: 0 0 84.33334%;
    max-width: 84.33334%;
}

.col-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
}

.col-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

.justify-content-start {
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
}

.justify-content-end {
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
}

.justify-content-center {
  -ms-flex-pack: center !important;
  justify-content: center !important;
}

.justify-content-between {
  -ms-flex-pack: justify !important;
  justify-content: space-between !important;
}

.justify-content-around {
  -ms-flex-pack: distribute !important;
  justify-content: space-around !important;
}

.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

/* Login page – visual language based on maft.co.il */
.maft-login-body {
    min-height: 100vh;
    padding: 0;
    margin: 0;
    background: #f8f7f3;
    color: #1d2941;
    font-family: Tahoma, Arial, sans-serif;
}

.maft-login-page {
    min-height: 100vh;
    display: flex;
    direction: rtl;
}

.maft-login-hero {
    width: 47%;
    min-height: 100vh;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    padding: 9vw;
    background: linear-gradient(145deg, #17223b 0%, #263a5b 58%, #17233d 100%);
    color: #fff;
}

.maft-hero-copy { position: relative; z-index: 2; max-width: 390px; }
.maft-kicker { color: #c99a50; font-size: 17px; font-weight: 700; letter-spacing: .08em; }
.maft-hero-copy h1 { margin: 16px 0; font-size: clamp(34px, 4vw, 58px); line-height: 1.16; font-weight: 400; }
.maft-hero-copy h1 strong { color: #d2a155; font-weight: 700; }
.maft-hero-copy p { margin: 0; color: #dbe4f2; font-size: 17px; }
.maft-orbit { position: absolute; border-radius: 50%; border: 1px solid rgba(207, 158, 81, .35); }
.maft-orbit-one { width: 520px; height: 520px; left: -230px; top: -180px; }
.maft-orbit-two { width: 420px; height: 420px; right: -250px; bottom: -190px; border-width: 28px; border-color: rgba(207, 158, 81, .12); }

.maft-login-panel {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px 24px;
    background: #f8f7f3;
}

.maft-login-card { width: 100%; max-width: 420px; text-align: center; }
.maft-logo-wrap { text-align: center; margin-bottom: 42px; }
.maft-logo { width: 206px; max-width: 100%; height: auto; }
.maft-login-heading h2 { margin: 0 0 8px; color: #1d2941; font-size: 31px; font-weight: 700; }
.maft-login-heading p { margin: 0 0 30px; color: #758096; font-size: 15px; }
.maft-login-form .form-group { margin: 0 0 20px; }
.maft-login-form label { display: block; margin-bottom: 8px; color: #34425c; font-size: 14px; font-weight: 700; text-align: right; }
.maft-login-form .form-control {
    width: 100%;
    max-width: none;
    box-sizing: border-box;
    height: 52px;
    border: 1px solid #dce1e9;
    border-radius: 6px;
    box-shadow: none;
    color: #1d2941;
    padding: 12px 15px;
    font-size: 16px;
    text-align: right;
    transition: border-color .2s ease, box-shadow .2s ease;
}
.maft-login-form {
    width: 100%;
    max-width: 350px;
    margin-right: auto;
    margin-left: auto;
}
.maft-login-form .form-control:focus { border-color: #bf914c; box-shadow: 0 0 0 3px rgba(191,145,76,.14); }
.maft-password-field { position: relative; }
.maft-password-field .form-control { padding-left: 62px; }
.maft-password-toggle {
    position: absolute;
    left: 8px;
    top: 8px;
    height: 36px;
    padding: 0 10px;
    border: 0;
    border-radius: 4px;
    background: transparent;
    color: #a87d3d;
    font-family: inherit;
    font-size: 13px;
    font-weight: 700;
}
.maft-password-toggle:hover, .maft-password-toggle:focus { color: #1d2941; outline: 0; }
.maft-login-submit {
    width: 100%;
    height: 54px;
    margin-top: 6px;
    border: 0;
    border-radius: 6px;
    background: #bd904a;
    color: #fff;
    font-family: inherit;
    font-size: 17px;
    font-weight: 700;
    transition: background .2s ease, transform .2s ease;
}
.maft-login-submit:hover, .maft-login-submit:focus { background: #a87d3d; color: #fff; transform: translateY(-1px); }
.maft-login-submit span { display: inline-block; margin-right: 8px; font-size: 20px; vertical-align: -1px; }
.maft-login-error { margin: 0 0 16px; color: #b23a3a; font-size: 14px; }
.maft-login-footer { margin: 28px 0 0; color: #9aa2b0; font-size: 12px; line-height: 1.9; text-align: center; }
.maft-developer-credit { display: inline-flex; direction: rtl; align-items: center; justify-content: center; gap: 10px; margin-top: 7px; color: #a87d3d; font-weight: 700; text-decoration: none; }
.maft-developer-logo { width: 46px; height: 46px; object-fit: contain; filter: drop-shadow(0 3px 8px rgba(29, 41, 65, .18)); }
.maft-credit-label, .maft-credit-brand { white-space: nowrap; }
.maft-developer-credit:hover, .maft-developer-credit:focus { color: #1d2941; text-decoration: underline; }
.maft-login-version { margin-top: 7px; color: #b0b6c1; direction: rtl; font-size: 10px; letter-spacing: .03em; }

@media (max-width: 800px) {
    .maft-login-page { display: block; }
    .maft-login-hero { width: 100%; min-height: 230px; padding: 42px 32px; }
    .maft-hero-copy h1 { font-size: 34px; }
    .maft-login-panel { padding: 38px 24px; }
    .maft-logo-wrap { margin-bottom: 28px; }
    .maft-login-form { max-width: none; }
}

/* Application shell and main menu */
.maft-app-body { padding-top: 0; padding-bottom: 0; background: #f6f7fa; color: #1d2941; }
.maft-app-nav { min-height: 72px; background: #1d2941; border: 0; box-shadow: 0 2px 12px rgba(18, 30, 53, .14); }
.maft-app-nav-inner { min-height: 72px; display: flex; align-items: center; justify-content: space-between; direction: rtl; }
.maft-app-brand { display: inline-flex; align-items: baseline; gap: 10px; color: #fff; text-decoration: none; }
.maft-app-brand:hover, .maft-app-brand:focus { color: #fff; text-decoration: none; }
.maft-app-brand span { color: #d0a158; font-size: 21px; font-weight: 700; }
.maft-app-brand small { color: #d5dbea; font-size: 13px; }
.maft-app-actions { display: flex; align-items: center; gap: 8px; }
.maft-app-action, .maft-app-logout { border: 0; border-radius: 5px; background: transparent; color: #edf0f6; font-family: inherit; font-size: 17px; line-height: 1; min-width: 42px; min-height: 38px; padding: 9px 12px; text-decoration: none; }
.maft-app-action:hover, .maft-app-action:focus, .maft-app-logout:hover, .maft-app-logout:focus { background: rgba(255,255,255,.1); color: #fff; text-decoration: none; outline: 0; }
.maft-app-logout { color: #e1b774; }
.maft-table-loader { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; border: 2px solid rgba(199,154,84,.58); border-radius: 50%; background: rgba(29,41,65,.04); color: #c79a54; font-size: 21px; }
.maft-table-loader .glyphicon { animation: maft-table-loader-spin 1.1s linear infinite; }
@keyframes maft-table-loader-spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
div.dataTables_wrapper div.dataTables_processing { background: transparent !important; border: 0 !important; box-shadow: none !important; color: #c79a54; }
.maft-app-content { padding-top: 42px; padding-bottom: 34px; min-height: calc(100vh - 72px); }
.maft-app-content > hr { display: none; }
.maft-app-footer { padding: 34px 0 10px; color: #98a2b4; font-size: 12px; text-align: center; }
.maft-app-footer a { color: #a87d3d; font-weight: 700; }

.maft-dashboard { direction: rtl; }
.maft-dashboard-heading { display: flex; align-items: center; justify-content: space-between; gap: 28px; padding: 0 0 28px; border-bottom: 1px solid #e4e7ee; }
.maft-dashboard-kicker { color: #b58743; font-size: 13px; font-weight: 700; letter-spacing: .03em; }
.maft-dashboard-heading h1 { margin: 8px 0 6px; color: #1d2941; font-size: 32px; font-weight: 700; }
.maft-dashboard-heading p { margin: 0; color: #758096; font-size: 15px; }
.maft-dashboard-logo { width: 175px; height: auto; }
.maft-menu-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; margin-top: 30px; }
.maft-menu-card { min-height: 174px; display: flex; flex-direction: column; align-items: flex-start; position: relative; padding: 26px; overflow: hidden; border: 1px solid #e5e8ee; border-radius: 10px; background: #fff; color: #1d2941; text-decoration: none; box-shadow: 0 5px 18px rgba(27, 39, 64, .045); transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease; }
.maft-menu-card:before { content: ""; position: absolute; top: 0; right: 0; left: 0; height: 4px; background: #bf914c; transform: scaleX(0); transform-origin: right; transition: transform .2s ease; }
.maft-menu-card:hover, .maft-menu-card:focus { color: #1d2941; text-decoration: none; border-color: #d7b37b; box-shadow: 0 10px 26px rgba(27, 39, 64, .11); transform: translateY(-3px); outline: 0; }
.maft-menu-card:hover:before, .maft-menu-card:focus:before { transform: scaleX(1); }
.maft-menu-icon { display: flex; width: 68px; height: 68px; align-items: center; justify-content: center; margin-bottom: 17px; border-radius: 12px; background: #f3eadb; }
.maft-menu-icon img { width: 48px; height: 48px; object-fit: contain; }
.maft-menu-card-copy strong { display: block; margin-bottom: 6px; color: #1d2941; font-size: 17px; }
.maft-menu-card-copy small { display: block; color: #7d8799; font-size: 13px; line-height: 1.5; }
.maft-menu-arrow { position: absolute; left: 20px; bottom: 19px; color: #bc904d; font-size: 22px; transition: transform .2s ease; }
.maft-menu-card:hover .maft-menu-arrow { transform: translateX(-4px); }

@media (max-width: 900px) { .maft-menu-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) {
    .maft-app-nav-inner { padding: 0 18px; }
    .maft-app-content { padding: 28px 18px; }
    .maft-dashboard-heading { align-items: flex-start; }
    .maft-dashboard-logo { width: 115px; }
    .maft-dashboard-heading h1 { font-size: 27px; }
    .maft-menu-grid { grid-template-columns: 1fr; gap: 12px; margin-top: 20px; }
    .maft-menu-card { min-height: 130px; }
}

/* Shared screen styling */
.maft-app-content { direction: rtl; }
.maft-app-content h1, .maft-app-content h2, .maft-app-content h3, .maft-app-content h4 { color: #1d2941; font-weight: 700; }
.maft-app-content h2 { margin-top: 0; margin-bottom: 24px; font-size: 27px; }
.maft-app-content .jumbotron { padding: 28px; border: 1px solid #e5e8ee; border-radius: 10px; background: #fff; box-shadow: 0 5px 18px rgba(27,39,64,.04); }
.maft-app-content .table { overflow: hidden; border: 1px solid #e1e5ec; border-radius: 8px; background: #fff; box-shadow: 0 4px 14px rgba(27,39,64,.035); }
.maft-app-content .table > thead > tr > th { border-bottom: 0; background: #1d2941; color: #fff; font-weight: 700; }
.maft-app-content .table > tbody > tr > td { vertical-align: middle; border-color: #edf0f4; }
.maft-app-content .table > tbody > tr:hover { background: #fcfaf5; }
.maft-app-content .btn { border: 0; border-radius: 5px; background: #bd904a; color: #fff; font-family: inherit; font-weight: 700; padding: 9px 16px; }
.maft-app-content .btn:hover, .maft-app-content .btn:focus { background: #a87d3d; color: #fff; outline: 0; }
.maft-app-content .btn-default, .maft-app-content .btn-link { background: #eef1f5; color: #273854; }
.maft-app-content .btn-default:hover, .maft-app-content .btn-link:hover { background: #e0e5ed; color: #1d2941; }
.maft-app-content .form-control { height: 42px; border: 1px solid #dce1e9; border-radius: 5px; box-shadow: none; }
.maft-app-content .form-control:focus { border-color: #bf914c; box-shadow: 0 0 0 3px rgba(191,145,76,.14); }
.maft-app-content label { color: #34425c; font-weight: 700; }
.maft-app-content a { color: #9a7134; }
.maft-app-content a:hover, .maft-app-content a:focus { color: #1d2941; }

/* Category advertisement editor */
.modal-dark .advertisement-description-input,
.modal-dark input,
.modal-dark textarea,
.modal-dark select {
    color: #1d2941 !important;
    background: #fff !important;
    border: 1px solid #dce1e9;
}
.modal-dark .advertisement-description-input:focus {
    border-color: #bf914c;
    box-shadow: 0 0 0 3px rgba(191, 145, 76, .14);
}
.advertisement-editor { color: #fff; }
.advertisement-editor .form-group { min-width: 300px; }
.advertisement-editor .dropzone {
    display: flex !important;
    min-height: 118px !important;
    padding: 20px !important;
    align-items: center;
    justify-content: center;
    border: 2px dashed #c99a50;
    border-radius: 7px;
    background: #fffdf8;
    color: #1d2941;
    cursor: pointer;
}
.advertisement-editor .dropzone .dz-message { margin: 0; font-weight: 700; }

/* Category editor: preserve the top navigation and scroll only its content. */
#current.modal { overflow-y: hidden; }
#current #details {
    width: calc(100% - 48px);
    max-width: 1040px;
    height: calc(100vh - 104px);
    margin: 88px auto 16px;
}
#current #details > .modal-content {
    display: flex;
    height: 100%;
    max-height: 100%;
    flex-direction: column;
    overflow: hidden;
}
#current .modal-header,
#current #currentBody,
#current > .modal-dialog > .modal-content > .modal-footer { flex: 0 0 auto; }
#current #tabs {
    min-height: 0;
    flex: 1 1 auto;
    overflow-y: auto;
    padding: 0 16px 16px;
}
#current #tabs > ul { position: sticky; top: 0; z-index: 1; margin-top: 0; background: #fff; }
@media (max-width: 700px) {
    #current #details { width: calc(100% - 24px); height: calc(100vh - 92px); margin-top: 80px; }
    #current #tabs { padding-right: 8px; padding-left: 8px; }
}

/* Consistent, gentle table headers across the application */
.maft-app-content table.display thead th,
.maft-app-content .dataTable thead th,
.maft-app-content .sh_table thead th {
    background: #eaf0f7 !important;
    color: #1d2941 !important;
    border-bottom: 2px solid #d2a155 !important;
    font-weight: 700;
}