body {
    padding-top: 0px;
    direction: rtl;
}

a {
    color: red;
}
.body-content {
    margin-top: 60px;
}
.printTable td {
    border: #040404;
    border-style: solid;
    min-width: 40px;
    border-width: 1.5px;
    padding: 2px !important;
}
.working .nav > li {
    display: inline-block;
    width: 20%;
    margin-right: 3%;
    height: 30px;
    border-style: groove;
    margin-top: 10px;
    text-align: center;
    background-color: #dddde4;
}
aside {
    width: 100%;
    height: 12%;
    top: 0%;
    font-size: medium;
    position: fixed;
    text-align: center;
    margin: 5%;
    right: 5%;
    border: thin;
}
tr:nth-child(even) {
    background-color: #f2f2f2;
}
.nav > li > a {
    position: unset;
    display: contents;
    margin-left: 15px;
    margin-right: 35px;
    right: 50px;
}




body {
    font-family: Arial, Helvetica, sans-serif;
}
.form-horizontal .checkbox {
    margin-right:50px!important;
}
.mobile-container {
    margin: auto;
    background-color: #555;
    height: 50px;
    color: white;
    border-radius: 10px;
}

.topnav {
    overflow: hidden;
    background-color: #333;
    position: relative;
}

.topnav #myLinks {
        display: none;
    }

    .topnav a {
        color: white;
        padding: 14px 16px;
        text-decoration: none;
        font-size: 17px;
        display: block;
    }

        .topnav a.icon {
            background: black;
            display: block;
            position: absolute;
            right: 0;
            top: 0;
        }

        .topnav a:hover {
            background-color: #ddd;
            color: black;
        }

.active {
    background-color: #4CAF50;
    color: white;
}


.navbar {
    overflow: hidden;
    background-color: #333;
    /* position: absolute; */
    top: 0;
    width: 100%;
    margin-bottom: 0px;
}


    .navbar a {
        float: right;
        display: block;
        color: #f2f2f2;
        text-align: center;
        padding: 14px 16px;
        text-decoration: none;
        font-size: 17px;
    }

        .navbar a:hover {
            background: #ddd;
            color: black;
        }

.main {
    padding: 16px;
    margin-top: 30px;
    height: 1500px; /* Used in this example to enable scrolling */
}

.navbarsmall {
    background-color: #f2f2f2;
    margin-top: -10px;
    position: static;
}
.navbarsmall a{color:black}
.blacka a {
    color: black;
    text-decoration: underline
}

@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) {
    /* Force table to not be like tables anymore */
    .mobileTable table, .mobileTable thead, .mobileTable tbody, .mobileTable td, .mobileTable tr {
        display: block;
    }

        /* Hide table headers (but not display: none;, for accessibility) */
        .mobileTable thead tr {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }

    .mobileTable tr {
        margin: 0 0 1rem 0;
    }

        .mobileTable tr:nth-child(odd) {
            background: #ccc;
        }

    .mobileTable td {
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%;
    }

        .mobileTable td:before {
            /* Now like a table header */
            position: absolute;
            /* Top/left values mimic padding */
            top: 0;
            left: 6px;
            width: 45%;
            padding-right: 10px;
            white-space: nowrap;
        }

    .mobileTableError td:nth-of-type(1):before {
        content: "מעלית:";
        position: unset;
        font-weight: 600;
    }

    .mobileTableError td:nth-of-type(2):before, .mobileTableNopeList td.Titeld:before, .mobileTabletretment td:nth-of-type(3):before {
        content: "תיאור:";
        position: unset;
        font-weight: 600;
    }



    .mobileTableError td:nth-of-type(3):before, .mobileTableOferMe td:nth-of-type(3):before {
        content: "תאריך:";
        position: unset;
        font-weight: 600;
    }

    .mobileTableError td:nth-of-type(4):before {
        content: "רמת דחיפות:";
        position: unset;
        font-weight: 600;
    }

    .mobileTableError td.haveNote:before, .mobileTableNopeList td.Titeln:before, .mobileTabletretment td.titelnote:before {
        content: "הערות:";
        position: unset;
        font-weight: 600;
    }

    .mobileTabletretment td:nth-of-type(2):before {
        content: "סוג טיפול:";
        position: unset;
        font-weight: 600;
    }

    .mobileTableOffer td:nth-of-type(1):before, .mobileTableCare td:nth-of-type(1):before, .mobileTabletretment td:nth-of-type(1):before, .mobileTableErrorMe td:nth-of-type(1):before {
        content: "מעלית:";
        position: unset;
        font-weight: 600;
    }

    .mobileTableOffer td:nth-of-type(2):before, .mobileTableOferMe td:nth-of-type(2):before {
        content: "תיאור העבודה:";
        position: unset;
        font-weight: 600;
    }

    .mobileTableCare td:nth-of-type(2):before {
        content: "תאריך בדיקה הבא:";
        position: unset;
        font-weight: 600;
    }

    td.AddtitelName:before {
        content: "וועד:";
        position: unset;
        font-weight: 600;
    }

    td.AddtitelTel:before {
        content: "טלפון:";
        position: unset;
        font-weight: 600;
    }

    td.AddtitelATel:before {
        content: "טלפון נוסף:";
        position: unset;
        font-weight: 600;
    }

    .mobileTableErrorList td:nth-of-type(1):before {
        content: "תאריך:";
        position: unset;
        font-weight: 600;
    }

    .mobileTableErrorList td:nth-of-type(2):before {
        content: "שם וטלפון מתקשר:";
        position: unset;
        font-weight: 600;
    }

    .mobileTableErrorList td:nth-of-type(3):before, .mobileTableErrorMe td:nth-of-type(3):before {
        content: "תיאור תקלה:";
        position: unset;
        font-weight: 600;
    }
    .mobileTableErrorListM td:nth-of-type(1):before {
        content: "מעלית:";
        position: unset;
        font-weight: 600;
    }
    .mobileTableErrorListM td:nth-of-type(2):before {
        content: "תאריך:";
        position: unset;
        font-weight: 600;
    }

    .mobileTableErrorListM td:nth-of-type(3):before {
        content: "שם וטלפון מתקשר:";
        position: unset;
        font-weight: 600;
    }

    .mobileTableErrorListM td:nth-of-type(4):before {
        content: "תיאור תקלה:";
        position: unset;
        font-weight: 600;
    }

    .mobileTableErrorMe td.titelnote:before {
        content: "הערות:";
        position: unset;
        font-weight: 600;
    }

    .mobileTableErrorMe td.titeltel:before {
        content: "טלפון:";
        position: unset;
        font-weight: 600;
    }

    .mobileTableErrorMe td.titelur:before {
        content: "רמת דחיפות:";
        position: unset;
        font-weight: 600;
    }

    .mobileTableErrorList td.haveNote:before, .mobileTableErrorListM td.haveNote:before {
        content: "הערות:";
        position: unset;
        font-weight: 600;
    }

    .mobileTableErrorMe td.titelwork:before {
        content: "טכנאי מבצע:";
        position: unset;
        font-weight: 600;
    }

    .mobileTableErrorList td.fix_de:before, .mobileTableErrorListM td.fix_de:before {
        content: "תיאור תיקון:";
        position: unset;
        font-weight: 600;
    }

    .mobileTableNopeList td.NopeDate:before {
        content: "תאריך בדיקה:";
        position: unset;
        font-weight: 600;
    }

    .mobileTableNopeList td.NopeDateNext:before {
        content: "תאריך בדיקה הבא:";
        position: unset;
        font-weight: 600;
    }

    .mobileTableNopeList td.Titelf:before {
        content: "דוח תיקון:";
        position: unset;
        font-weight: 600;
    }

    .mobileTableCareList td:nth-of-type(1):before {
        content: "שם עובד:";
        position: unset;
        font-weight: 600;
    }

    .mobileTableCareList td:nth-of-type(2):before, .mobileTableErrorMe td:nth-of-type(2):before {
        content: "תאריך:";
        position: unset;
        font-weight: 600;
    }

    .mobileTableCareList td:nth-of-type(3):before {
        content: "תאריך בדיקה הבא:";
        position: unset;
        font-weight: 600;
    }

    .mobileTableCareList td:nth-of-type(4):before {
        content: "סוג טיפול:";
        position: unset;
        font-weight: 600;
    }

    .mobileTableCareList td:nth-of-type(5):before {
        content: "החלפת חלקים:";
        position: unset;
        font-weight: 600;
    }

    .mobileTableCareList td:nth-of-type(6):before {
        content: "תקין:";
        position: unset;
        font-weight: 600;
    }

    .mobileTableCareList td:nth-of-type(7):before {
        content: "הערות:";
        position: unset;
        font-weight: 600;
    }

    .mobileTableOferList td:nth-of-type(1):before {
        content: "הצעת עבודה מיוחדת:";
        position: unset;
        font-weight: 600;
    }

    .mobileTableOferList td:nth-of-type(2):before {
        content: "תאריך:";
        position: unset;
        font-weight: 600;
    }

    .mobileTableOferList td:nth-of-type(3):before, .mobileTableOferMe td:nth-of-type(4):before {
        content: "מחיר:";
        position: unset;
        font-weight: 600;
    }

    .mobileTableOferMe td:nth-of-type(5):before {
        content: "שולם:";
        position: unset;
        font-weight: 600;
    }

    .mobileTableOferList td:nth-of-type(4):before {
        content: "בוצע:";
        position: unset;
        font-weight: 600;
    }


    .mobileTableOferList td.TitelOferd:before {
        content: "תיאור ביצוע עבודה:";
        position: unset;
        font-weight: 600;
    }

    .mobileTableNopeCreat td:nth-of-type(1):before {
        content: "הערה:";
        position: unset;
        font-weight: 600;
    }

    .mobileTableNopeCreat td:nth-of-type(2):before {
        content: "מיידי:";
        position: unset;
        font-weight: 600;
    }

    .mobileTableNopeCreat .titelt:before {
        content: "בוצע:";
        position: unset;
        font-weight: 600;
    }

    .mobileTableNopeCreat .titelva:before {
        content: "הועבר לוועד:";
        position: unset;
        font-weight: 600;
    }

    .mobileTableNopeCreat .titelv:before {
        content: "עבודה מיוחדת:";
        position: unset;
        font-weight: 600;
    }

    .mobileTableNopeCreat td:nth-of-type(4):before {
        content: "הערות:";
        position: unset;
        font-weight: 600;
    }

    .mobileTableCarerMe td:nth-of-type(1):before, .mobileTableOferMe td:nth-of-type(1):before .mobileTableWorkList td:nth-of-type(1):before, .mobileTablefixListM td:nth-of-type(1):before {
        content: "מעלית:";
        position: unset;
        font-weight: 600;
    }
    .mobileTableWorkList td:nth-of-type(2):before {
        content: "תיאור ביצוע:";
        position: unset;
        font-weight: 600;
    }

    .mobileTablefixListM td:nth-of-type(2):before {
        content: "תיאור תיקון:";
        position: unset;
        font-weight: 600;
    }
    .mobileTablefixListM td:nth-of-type(3):before {
        content: "החלפת חלקים:";
        position: unset;
        font-weight: 600;
    }
  
    .mobileTableCarerMe td:nth-of-type(2):before {
        content: "תאריך בדיקה הבא:";
        position: unset;
        font-weight: 600;
    }
    .mobileTableCarerMe td:nth-of-type(3):before, .mobileTableOferMe td:nth-of-type(6):before {

        content: "טכנאי מבצע:";
        position: unset;
        font-weight: 600;
    }
   
    .mobileTableNopeCreat .inline {
        width: 32.5%;
        display: inline-block;
    }
        .mobileTableNopeCreat .inline, .mobileTableNopeCreat .inlines {
            text-align: center;
        }
    .mobileTableNopeCreat .inlines {
        width: 15%;
        display: inline-block;
    }
    .HandleElevator h2, .homesmall h2, .home h2, .working h2{
        text-align: center;
        background: radial-gradient(#ec0a0a54, #0000002b);
    }
    .working{
        margin-top:20px;
    }


    .mobileMenu {
        font-family: Arial, Helvetica, sans-serif;
        position: fixed;
        width: 100%;
        left: 0;
        right: 0;
        z-index: 1030;
        margin-top: 0px;
        top: 0px;
    }
    .body-content {
        margin-top: 35px;
    }
        .mobileMenu .mobile-container {
        max-width: 480px;
        margin: auto;
        background-color: #555;
        height: 50px;
        color: white;
        border-radius: 10px;
    }

    .mobileMenu .topnav {
        overflow: hidden;
        background-color: #333;
        position: relative;
        text-align: center;
    }

        .mobileMenu .topnav #myLinks {
            display: none;
        }

        .mobileMenu .topnav a {
            color: white;
            padding: 14px 16px;
            text-decoration: none;
            font-size: 17px;
            display: block;
        }

            .mobileMenu .topnav a.icon {
                background: black;
                display: block;
                position: absolute;
                right: 0;
                top: 0;
            }

            .mobileMenu .topnav a:hover {
                background-color: #ddd;
                color: black;
            }

    .mobileMenu .active {
        background-color: #4CAF50;
        color: white;
    }
  .working  .nav > li { 
        display: inline-block; 
        width: 40%;
        margin-right: 3%;
        height: 30px;
        border-style: groove;
        margin-top: 10px;
        text-align: center;
        background-color: #dddde4;
    }

}