/*//////////////////////////////////////////////////////////////////
[ FONT ]

    src: url('../../../font/digital-7.regular.ttf');
*/
@font-face {
    font-family: Digital;
    src: url('digital-7.regular.ttf');
}

/*@font-face {
    font-family: OpenSans-Regular;
    src: url('../fonts/OpenSans/OpenSans-Regular.ttf');
}*/

/*
    src: url('../../fonts/OpenSans/OpenSans-Regular.ttf');
*/
.digital-number{font-family: Digital;}
.yellow{color:yellow;}
.grey{color:grey;}
.black{color:black;}
.font-20{font-size: 20px;}
.font-16{font-size: 16px;}

.page#mobile-index-wrapper {height: 100vh;width: 95%;margin: 70px auto auto auto;overflow-x: hidden;background: none;}
/*//////////////////////////////////////////////////////////////////
[ RESTYLE TAG ]*/
/*.mobile * {margin: 0px;padding: 0px;box-sizing: content-box;}*/
/*border-box*/
.mobile {
    margin: 0px; /*padding: 0px;*/
    box-sizing: content-box;
    /*padding: 15px;
    width: 95%;
    margin: auto;*/
}
.mobile body, .mobile html {height: 100%;font-family: sans-serif;}
/* ------------------------------------ */
.mobile a {margin: 0px;transition: all 0.4s;-webkit-transition: all 0.4s;-o-transition: all 0.4s;-moz-transition: all 0.4s;}
.mobile a:focus {outline: none !important;}
.mobile a:hover {text-decoration: none;}
/* ------------------------------------ */
.mobile h1, .mobile h2, .mobile h3, .mobile h4, .mobile h5, .mobile h6 {margin: 0px;}
.mobile p {margin: 0px;}
.mobile ul, .mobile li {margin: 0px;list-style-type: none;}
/* ------------------------------------ */
.mobile input {display: block;outline: none;border: none /*!important*/;}
.mobile textarea {display: block;outline: none;}
.mobile textarea:focus, .mobile input:focus {border-color: transparent !important;}
/* ------------------------------------ */
.mobile button {outline: none !important;}/*border: none;}*/
.mobile button:hover {cursor: pointer;}
iframe {border: none !important;}

.right{float:right;}
.left{float:left;}

body.mobile .card-record {direction: rtl;}
#mobile #mobile-index-wrapper .card-container-monthly-records {/*padding: 10px;min-height: 50px;*//*max-height: 490px;*/max-height: 1225px;/*height: 400px;*/overflow: auto;margin-top: 5px;padding: 10px;border: 1px solid #eee;border-radius: 7px;}

body.en.mobile .card-record,
body.ru.mobile .card-record {direction: ltr;}
    body.he.mobile .card-record {direction: rtl;}
        body.mobile .card-record .record-header {line-height: 35px;}

#mobile-index-wrapper .card-container-monthly-records .card-record {display: block;border: 1px solid white; width: 98%; padding: 7px;margin-top: 12px;border-radius: 7px;}
    #mobile-index-wrapper .card-container-monthly-records .card-record.first-child {margin-top: 20px;}

#mobile-index-wrapper .card-container-monthly-records.closed  {max-height: 46px; overflow: hidden;}
    #mobile-index-wrapper .card-container-monthly-records.closed .card-record {display: none;}

#mobile-index-wrapper .card-container-monthly-records .card-record .record-header a {margin-top: 5px;}

#mobile-index-wrapper .card-container-monthly-records:hover {background-color: whitesmoke;}
#mobile-index-wrapper .card-container-monthly-records:hover .card-date{font-weight:bold;}

#mobile-index-wrapper .card-container-monthly-records .card-container-month-list {width: 100%; height: 25px; line-height: 25px;}
#mobile-index-wrapper .card-container-monthly-records .card-container-month-list .expand-container {margin-top: 5px;}
#mobile-index-wrapper .card-container-monthly-records .card-container-month-list .expand-container:hover {cursor: pointer;}
#mobile-index-wrapper .card-container-monthly-records .card-record.closed  {height: 45px;}
/*record header/body/footer*/
#mobile-index-wrapper .card-container-monthly-records .card-record .record-header {width: 100%;height: 35px;cursor: pointer;}
#mobile-index-wrapper .card-container-monthly-records .card-record .record-header a .glyphicon.glyphicon-user,
#mobile-index-wrapper .card-container-monthly-records .card-record .record-header a .glyphicon.glyphicon-file,
#mobile-index-wrapper .card-container-monthly-records .card-record .record-header a .glyphicon.glyphicon-envelope,
#mobile-index-wrapper .card-container-monthly-records .card-record .record-header a .glyphicon.glyphicon-phone{margin-top: 3px;}
#mobile-index-wrapper .card-container-monthly-records .card-record .record-footer,
#mobile-index-wrapper .card-container-monthly-records .card-record .record-body {width: 100%;display: inherit;}
/*#mobile-index-wrapper .card-container-monthly-records .card-record.closed-card .record-body {opacity: 0.3;}*/
#mobile-index-wrapper .card-container-monthly-records .card-record .record-header .header-title{margin-right: 7px;}
#mobile-index-wrapper .card-container-monthly-records .card-record .record-header .header-title:hover{cursor:pointer;}
#mobile-index-wrapper .card-container-monthly-records .card-record .record-header .right{font-size: 14px;}
/*#mobile-index-wrapper .card-container-monthly-records .card-record .record-header .header-title{display: block;}
#mobile-index-wrapper .card-container-monthly-records .card-record.closed .record-header .header-title{display: none;}*/
#mobile-index-wrapper .card-container-monthly-records .card-record.closed .record-footer,
#mobile-index-wrapper .card-container-monthly-records .card-record.closed .record-body {display: none;}
#mobile-index-wrapper .card-container-monthly-records .card-record {display: block;}
#mobile-index-wrapper .card-container-monthly-records .card-record .glyphicon-eye-close, 
#mobile-index-wrapper .card-container-monthly-records .card-record .glyphicon-eye-open{font-size: 11px;}
#mobile-index-wrapper .card-container-monthly-records .card-record .glyphicon-eye-close{ opacity: .7;}
#mobile-index-wrapper .card-container-monthly-records .card-record .glyphicon-eye-open{ opacity: .2;}
#mobile-index-wrapper .card-container-monthly-records .card-record .header-title-icon{color: red;}
#mobile-index-wrapper .card-container-monthly-records .card-record.closed-card .header-title-icon{color: green;}
#mobile-index-wrapper .card-container-monthly-records .card-record .record-footer .glyphicon {width: 35px;height: 35px;padding: 10px;font-size: 25px;}
#mobile-index-wrapper .card-container-monthly-records .card-record .record-footer {width: 100%;/*height: 50px;*/padding: 9px;}
/*#mobile i {color: black;opacity: 0.25;cursor: pointer;}*/
#mobile .record-footer i {/*color: black;*/opacity: 0.25;cursor: pointer;}
#mobile .record-footer i.red {color: red!important;}
#mobile .record-footer i.green {color: green!important;}
#mobile .record-footer i.blue {color: blue!important;}

#mobile .grey i:hover > i {opacity: 1;}
#mobile i.grey {color: grey;cursor:not-allowed!important;}
#mobile i:hover {opacity: 1;cursor:pointer;}

#mobile-index-wrapper .card-container-monthly-records .card-record .record-footer .glyphicon.disabled{opacity: 0.2;}
#mobile-index-wrapper .card-container-monthly-records .card-record .record-footer .glyphicon.locked:hover {opacity: 0.2;cursor:default;}
#mobile-index-wrapper .card-container-monthly-records .card-record .record-footer .glyphicon.enabled {opacity: 0.5;color:green;}
#mobile-index-wrapper .card-container-monthly-records .card-record .record-footer .glyphicon.selected {opacity: 1;}
#mobile-index-wrapper .card-container-monthly-records .card-record .record-footer .glyphicon:hover {opacity: 1;}
#mobile-index-wrapper .card-container-monthly-records .card-record .record-footer .glyphicon.glyphicon-edit:hover {color: #337ab7;}
#mobile-index-wrapper .card-container-monthly-records .card-record .record-footer .glyphicon.glyphicon-lock:hover {color: red!important;}
/*#mobile-index-wrapper .card-container-monthly-records .card-record .record-footer .glyphicon.glyphicon-edit.closed {color: green;}*/
/*#mobile-index-wrapper .card-container-monthly-records .card-record .record-footer .glyphicon.glyphicon-edit.opened {color: green;}*/

#mainErrorAlert {position: absolute;bottom: 0;left: 0;width: 100%;text-align: center;}

#mobile .glyphicon.selected {text-shadow: 4px 4px 10px green;}
/*body.login-body {
    background: url(../img/bg/bg_briks.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}*/
.login-body.mobile{background: none;}

#mobile .card-record .preview-container {margin-top: 10px;max-height: 425px;min-height: 45px;border: 1px solid #eee;padding: 5px;background-color: cornsilk;}
#mobile .menu-hide-closed-cards {line-height: 19px;margin-top: 25px;right: 5%;}
#mobile .menu-hide-closed-cards label{margin-left:6px;font-weight: normal;}
#mobile .modal.daily-report{direction:rtl;}
#mobile .preview-container .row.emp .emp-name-lbl {width: 40px;float: right;}
#mobile .preview-container .row.emp .emp-name {width: 100px;float: right;}
#mobile .preview-container .row.emp .emp-from-h,
#mobile .preview-container .row.emp .emp-to-h {text-align: right;  width: 83px;margin-right: 5px;}
#mobile .preview-container .row.emp .total-hours{text-align: center;  width: 50px;}
#mobile .preview-container .user-preview .editable-emp-comment {text-align: right;width: 100%; /*width: 280px;*/}
#mobile .user-preview.isreadonly .editable {background-color: transparent;pointer-events: none;}

.mobile #header-menu-wrapper{display: none;}
.mobile #login-form-body #login-form-img-container{display: none;}
.mobile #login-form-body #login-form-input-container #login-username,
.mobile #login-form-body #login-form-input-container #login-password{border: 1px solid #eee;}
/*.mobile #login-form-body #login-form-input-container{width: 80%!important;}
.mobile #login-form-menu #login-submit{background: white!important;}*/

#mobile .modal-dialog .modal-title {margin-right: 25px;}

@media screen and (max-width: 992px) {
/*
    table {display: block;}
    table > *, table tr, table td, table th {display: block;}
    table thead {display: none;}
    table tbody tr {height: auto;padding: 37px 0;margin-top: 10px;border-radius: 7px;}
        table tbody tr td {padding-left: 40% !important;margin-bottom: 24px;}
            table tbody tr td:last-child {margin-bottom: 0;}
            table tbody tr td:before {font-family: OpenSans-Regular;font-size: 14px;color: #999999;line-height: 1.2;font-weight: unset;position: absolute;width: 40%;left: 30px;top: 0;}
            table tbody tr td:nth-child(1):before {content: "Date";}
            table tbody tr td:nth-child(2):before {content: "Order ID";}
            table tbody tr td:nth-child(3):before {content: "Name";}
            table tbody tr td:nth-child(4):before {content: "מס' כרטיס";}
            table tbody tr td:nth-child(5):before {content: "שם לקוח";}
            table tbody tr td:nth-child(6):before {content: "תאריך";}
    tbody tr {font-size: 14px;}

*/
}

@media only screen and (max-width : 776px) {
    #mobile #company-logo img {width: 40%;float: right;}
    #mobile #newWorkCardModal .modal-footer .btn.submit-new-work-card {width: 95px;}
}

@media only screen and (max-width : 650px) {
    /*#mobile #company-logo img {width: 390px;}*/
    #mobile #company-logo img {width: 45%;}
}

@media (max-width: 576px) {
    /*#mobile #login-form-input-container {
        width: 60%;
        margin: auto;
    }*/
    #mobile #company-logo img {width: 60%;}
    #mobile #employees-info-container {margin-top: 15px;}
    #mobile #send-scheduler-to-employee-row {width: 304px !important;margin-right: 0 !important;}

    /*#mobile #card-left-container #include-car-selection {
        float: right;
        margin-left: 9px;
    }*/

    #mobile #send-scheduler-to-employee-row input[name="SendSchedulerToEmployee"] {cursor: pointer;float: right;margin-left: 10px;}
    #mobile #employees-info-container .body.pull-right {max-height: 170px !important;}
    #mobile #employees-info-container .header .emp-col-0:nth-child(1),
    #mobile #employees-info-container .header .emp-col-1:nth-child(2),
    #mobile #employees-info-container .header .emp-col-2:nth-child(3),
    #mobile #employees-info-container .header .emp-col-2:nth-child(4) {display: none;}
    #mobile .submit-new-work-card {margin: auto;}
    #mobile .card-record .preview-container {border-radius: 10px;}

    #mainErrorAlert {position: absolute;bottom: 0;left: 0;width: 100%;text-align: center;}
}

@media only screen and (max-width : 465px) {
    #mobile #company-logo img {width: 75%;}
}

@media (max-width: 375px) {
    #mobile #company-logo img {width: 100%;float: none;}
    #mobile #gauge-total-open-cards {display: none;}
    #mobile-index-wrapper .card-container-monthly-records .card-container-month-list .badge {margin-left: 11px;margin-top: 3px;}
}