/* Minification failed. Returning unminified contents. (878,103): run-time error CSS1038: Expected hex color, found '#0005' (1705,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1731,44): run-time error CSS1034: Expected closing parenthesis, found ',' (1731,44): run-time error CSS1042: Expected function, found ',' (1731,49): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (1786,28): run-time error CSS1039: Token not allowed after unary operator: '-nj-timepick-primary' */ #blinking-loader {z-index: 9999;position: fixed;left: 0px;top: 0px;width: 100%;height: 100%;} #blinking-loader img { width: 55px;position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto; -webkit-animation-name: blinker; -webkit-animation-duration: 1s; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite; -moz-animation-name: blinker; -moz-animation-duration: 1s; -moz-animation-timing-function: linear; -moz-animation-iteration-count: infinite; -ms-animation-name: blinker; -o-animation-name: blinker; animation-name: blinker; -ms-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -ms-animation-timing-function: linear; -o-animation-timing-function: linear; animation-timing-function: linear; -ms-animation-iteration-count: infinite; -o-animation-iteration-count: infinite; animation-iteration-count: infinite; } /*#blinking-loader.hidden{ display: none !important;}*/ #blinking-loader.hidden{ visibility: hidden !important;} @-moz-keyframes blinker { 0% { opacity: 1.0; } 50% { opacity: 0.0; } 100% { opacity: 1.0; } } @-webkit-keyframes blinker { 0% { opacity: 1.0; } 50% { opacity: 0.0; } 100% { opacity: 1.0; } } @keyframes blinker { 0% { opacity: 1.0; } 50% { opacity: 0.0; } 100% { opacity: 1.0; } } #cssmenu, #cssmenu ul, #cssmenu li, #cssmenu a {border: none;line-height: 1;margin: 0;padding: 0;} #cssmenu {height: 39px;display: block;border: 1px solid;/*border-radius: 5px;*/width: auto;border-color: #15468d;margin: 0;padding: 0;/*margin-bottom: 5px;*/} #cssmenu > ul {float: right;} #cssmenu > ul {list-style: inside none;margin: 0;padding: 0;} #cssmenu > ul > li {list-style: inside none;float: left;display: inline-block;position: relative;margin: 0;padding: 0;} #cssmenu.align-center > ul {text-align: center;} #cssmenu.align-center > ul > li {float: none;margin-left: -3px;} #cssmenu.align-center ul ul {text-align: left;} #cssmenu.align-center > ul > li:first-child > a {border-radius: 0;} #cssmenu > ul > li > a {outline: none;display: block;position: relative;text-align: center;text-decoration: none;text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4);font-weight: 700;font-size: 13px; font-family: Arial, Helvetica, sans-serif;/*border-right: 1px solid #080808;*/border-right: 1px solid darkslategrey;color: #ffffff;padding: 12px 20px; } #cssmenu > ul > li:first-child > a {border-radius: 5px 0 0 5px;} #cssmenu > ul > li > a:after {content: "";position: absolute;border-right: 1px solid;top: -1px;bottom: -1px;right: -2px;z-index: 99;border-color: #3c3c3c;} #cssmenu ul li a{ text-align: right;} #cssmenu ul li.has-sub:hover > a:after {top: 0;bottom: 0;} #cssmenu > ul > li.has-sub > a:before {content: "";position: absolute;top: 18px;right: 6px;border: 5px solid transparent;border-top: 5px solid #ffffff;} #cssmenu > ul > li.has-sub:hover > a:before {top: 19px;} #cssmenu > ul > li.has-sub:hover > a {padding-bottom: 14px;z-index: 999;border-color: #3f3f3f;} #cssmenu ul li.has-sub:hover > ul, #cssmenu ul li.has-sub:hover > div {display: block;} #cssmenu > ul > li.has-sub > a:hover, #cssmenu > ul > li.has-sub:hover > a {background: #3f3f3f;border-color: #3f3f3f;} #cssmenu ul li > ul, #cssmenu ul li > div {display: none;width: auto;position: absolute;top: 38px;background: #3f3f3f;border-radius: 0 0 5px 5px;z-index: 999;padding: 10px 0;} #cssmenu ul li > ul {width: 200px;} #cssmenu ul ul ul {position: absolute;} #cssmenu ul ul li:hover > ul {left: 100%;top: -10px;border-radius: 5px;} #cssmenu ul li > ul li {display: block;list-style: inside none;position: relative;margin: 0;padding: 0;} #cssmenu ul li > ul li a {outline: none;display: block;position: relative;font: 10pt Arial, Helvetica, sans-serif;color: #ffffff;text-decoration: none;text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);margin: 0;padding: 8px 20px;} #cssmenu, #cssmenu ul ul > li:hover > a, #cssmenu ul ul li a:hover { background: #3c3c3c; background: -moz-linear-gradient(top, #3c3c3c 0%, #222222 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3c3c3c), color-stop(100%, #222222)); background: -webkit-linear-gradient(top, #3c3c3c 0%, #15468d 100%); background: -o-linear-gradient(top, #3c3c3c 0%, #222222 100%); background: -ms-linear-gradient(top, #3c3c3c 0%, #222222 100%); background: linear-gradient(top, #3c3c3c 0%, #222222 100%); } #cssmenu > ul > li > a:hover {background: #080808;color: #ffffff;} #cssmenu ul ul a:hover {color: #ffffff;} #cssmenu > ul > li.has-sub > a:hover:before {border-top: 5px solid #ffffff;} #emp-cards-index-tbl .emp-card-row td.emp-td-col-action .btn-danger{opacity: .5;} #emp-cards-index-tbl .emp-card-row td.emp-td-col-action .btn-danger:hover{opacity: 1;} .page.employee-mobile { border: 0; width: 100%; height: 100%; min-height: 480px; padding: 10px; } .employee-mobile .employee-index-tbl { width: 100%; border-spacing: 0; border-collapse: collapse; font-size: 13px; } .employee-mobile .employee-index-tbl tbody tr:hover { background-color: #eee; cursor: pointer; } .employee-mobile .employee-index-tbl tbody tr.selected { background-color: #eee; } .employee-mobile .employee-index-tbl tbody tr td { padding: 5px; } .employee-mobile .employee-index-tbl td {padding: 0px;} .employee-mobile .employee-index-tbl td.emp-td-col-date {width: 30%;} .employee-mobile .employee-index-tbl td.emp-td-col-contact-person {width: 45%;} .employee-mobile .employee-index-tbl td.emp-td-col-action {width: 33%;text-align: center;} .employee-mobile .employee-index-tbl td.emp-td-col-action a {width: 98%;} .employee-mobile .employee-index-tbl td.emp-td-col-action a.detailed-report-card-btn{margin-right: 0;} .employee-mobile .employee-index-tbl div.confirm-hours-container { border: 0; padding: 5px; text-align: center; width: 100% } .employee-mobile .emp-cards-index-tbl .row-description div.confirm-hours-container { text-align: center; width: 310px; margin: auto; border: 1px dotted #c4ced8; padding: 20px; } .employee-mobile .employee-index-tbl div.confirm-hours-container .row{ height:35px;margin:auto; } .employee-mobile #emp-cards-index-tbl .emp-card-row:hover { cursor: pointer; } .employee-mobile #future-reports, .employee-mobile #history-aproved-reports {cursor: pointer;} @media screen and (max-width: 878px) { .employee-mobile .employee-index-tbl td.emp-td-col-date {width: 94px;} .employee-mobile .employee-index-tbl td.emp-td-col-contact-person {width: 140px;} .employee-mobile .employee-index-tbl td.emp-td-col-contact-person label{width: 130px;max-width: 139px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;} .employee-mobile .employee-index-tbl td.emp-td-col-action {width: auto;} .employee-mobile .employee-index-tbl td.emp-td-col-action .report-card-btn{width: 65px;} .employee-mobile .employee-index-tbl td.emp-td-col-action .detailed-report-card-btn{width: 74px!important;} .employee-mobile .employee-index-tbl td .detailed-report-card-btn {margin-right:1px;} } @media screen and (min-width:416px) and (max-width: 460px) { .employee-mobile .employee-index-tbl td.emp-td-col-contact-person {width: 142px;} .employee-mobile .employee-index-tbl td.emp-td-col-contact-person label{width: 130px;max-width: 141px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;} } @media screen and (max-width: 414px) { .employee-mobile .employee-index-tbl td.emp-td-col-date {width: 35%;} .employee-mobile .employee-index-tbl td.emp-td-col-contact-person {display: none;} .employee-mobile .employee-index-tbl td.emp-td-col-action {width: 65%; text-align: left;} } @media screen and (max-width: 348px) { .employee-mobile .employee-index-tbl td.emp-td-col-date {font-size: 9px;width: 80px;} .employee-mobile .employee-index-tbl td.emp-td-col-contact-person {width: 65%;} } /*@@media screen and (max-width: 301px) { .employee-mobile #emp-cards-index-tbl td.emp-td-col-contact-person{ width: 60%;} } @@media screen and (max-width: 285px) { .employee-mobile #emp-cards-index-tbl td.emp-td-col-date {width: 75px!important;} .employee-mobile #emp-cards-index-tbl td.emp-td-col-contact-person{display: none;} }*/ body{ /*background: url('../img/bg/binding_dark.png'); min-height: 0 !important; overflow: hidden;*/} body[data-controller="home"]{padding-right:0!important;} #company-logo img{width: 390px;} body.login-body #company-logo {display: none;} .login-body { background: url('../../assets/img/bg/login-pc-bg.jpg') no-repeat center center fixed; background-color: black; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } a { background: 0 0; } a:hover, a label:hover{ cursor: pointer;} i.glyphicon-edit.edit, i.material-icons.delete{font-size: 17px;color: darkslategrey;} .right{float:right;} .left{float:left;} .error{border: 1px solid red!important;} .red{ color: red;} .blue{ color: blue;} .green{ color: green;} .bold{ font-weight: bold;} .red.bold.cursor{ cursor: help;} #login-company-logo{text-align: center;} /*#login-company-logo{margin: 0 auto auto 7%;}*/ #login-company-logo img{width: 40%;margin-top:25px; text-align: center;float:right;} #home-page-2 .working-card-container .cards-list {max-height: calc(100vh - 290px);overflow-y: auto;} #customer-cards-management-page .cards-wrapper {max-height: calc(100vh - 280px);overflow-y: auto;} .page{/*overflow: auto;*/width: 100%;padding-top: 10px;} body,.page { background: url('../img/bg/bg_1_1.jpg') no-repeat center center fixed;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;} .page#home-page{padding: 10px;text-align: right;} .page#home-page-2{padding: 10px; } .page#service-report-wrapper{height: 700px;padding: 10px;} /*.page#login-index{height: 77%;margin-top: 31px;}*/ .page#login-index {height: 94vh;margin-top: 0;} /*.page#login-index{background:none;}*/ .page#footer-menu-wrapper { /*height: 10%;*/ background: url('../img/bg/bg_1_1.jpg') no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #all-service-reports-page.page{padding: 10px;text-align: right;} .page#edit-employee { /*height: 100%;*/width: 90%;-ms-border-radius: 10px;border-radius: 10px;/*height: 515px;*/} .row{ width: 100% !important;} /*PAGE OVERLAY/POPUP BACKGROUND*/ #overlay{position: fixed;top:0;left: 0; z-index: 2000; opacity: 0.6; filter: alpha(opacity = 50); height: 100%;width: 100%; background-color: black;} #overlay.disabled{ display: none;} .facebook-icon {background: url('../img/sprite/menu_social.png') no-repeat -67px -155px;width: 42px;height: 43px;} .waze-icon {background: url('../img/sprite/menu_social.png') no-repeat -347px -155px;width: 42px;height: 43px;} .email-icon {background: url('../img/sprite/menu_social.png') no-repeat -123px -67px;width: 42px;height: 43px;} .gmail-icon {background: url('../img/sprite/menu_social.png') no-repeat -459px -211px;width: 42px;height: 43px;} .google-plus-icon {background: url('../img/sprite/menu_social.png') no-repeat -67px -211px;width: 42px;height: 43px;} .note-icon {background: url('../img/sprite/menu_social.png') no-repeat -459px -67px;width: 42px;height: 43px;} /*.my-input{border:0 solid red;} #337ab7*/ .my-input.error{ border: 1px solid red!important;} .modal-header {/*height: 38px;*/background-color: #15468d;border-top-right-radius: 4px;border-top-left-radius: 4px;color: whitesmoke;} .modal-header #header-title-lbl{ float: right;line-height: 9px;} .modal-header .close{color: white!important;margin-top: -5px;float: left;line-height: 13px;} .search-workcard-tbl .glyphicon-time.red {font-size: 14px;} /*MODAL ----------------------------------------------------------------------------------------------------------------------------*/ /*.modal-open .modal-backdrop{z-index: 2000;}*/ /*#myModal{overflow: hidden;}*/ #myModal .modal-title {margin-right: 35%;} #myModal .records label {width: 80px;} #myModal .records input[name="Comment"] {height: 50px;border: 1px solid #ccc;} #myModal .records.customer label {width: 105px;} #myModal .records input.small-input {width: 50px;} #myModal .records input.small-input[type="number"] {text-align: center;} #myModal .modal-body input{border: 0;background-color: transparent;border-radius: 6px;width: 100px;} /*,#myModal .modal-body select */ #myModal .modal-body input[type="time"] {text-align: center;} /*#myModal .modal-body select,*/ #myModal .modal-body input.transparent {background: transparent;} #myModal .modal-footer #edit-service-report-delete-btn:hover > i {color: white !important;} #myModal.pending-final-report .final-report #new-service-report-page .report-comment:not(.editable-emp-comment) {background-color: transparent;} #new-service-report-page.readonly input {pointer-events: none;} #myModal.modal.final-report,#myModal.modal.pending-final-report {z-index: 2000;} #myModal .modal-dialog.pending-final-report,#myModal .modal-dialog.final-report {width: 45%;margin: 6px auto;} #myModal.pending-final-report .modal-header, #myModal.approved-final-report .modal-header {border-top-right-radius: 5px;border-top-left-radius: 5px;background-color: transparent;} #myModal.pending-final-report .modal-header .close, #myModal.approved-final-report .modal-header .close {color: black !important;} /*#all-work-cards-page*/ .search-workcard-tbl tbody tr.selected {background-color: #15468d;color: white;} #myModal.pending-final-report .modal-dialog,#myModal.final-report .modal-dialog {width: 755px;} /*#myModal.final-report .modal-dialog.final-report{width: 860px;margin: 6px auto;}*/ #myModal input[name="Comment"] {padding: 0 9px;} #new-customer-modal {margin-top: 80px;} #new-customer-modal .error {border: 1px solid red !important;} #new-customer-modal .modal-dialog-centered .modal-content {background: url('../img/bg/Form-background.jpg') /* no-repeat 100% 83%*/;} #new-customer-modal .modal-dialog {width: 780px;} #new-customer-modal .modal-dialog .modal-header #header-title-lbl {margin-right: 15px;} #new-employee-modal {margin-top: 111px;} #new-employee-modal .modal-dialog {width: 855px;} #new-employee-modal.new .modal-dialog {width: 760px;} #new-employee-modal .modal-body {display: flex;flex-direction: row;padding: 15px 25px 0 20px;justify-content: space-between;padding: 0; align-items: normal; } #new-employee-modal .modal-footer{padding: 15px 0 13px 0;} #new-employee-modal .modal-footer .row{margin:0;} #new-employee-modal .modal-dialog-centered .modal-content {background: url(../img/bg/Form-background.jpg); background-position:left;} #myModal.daily-report .modal-header .modal-title {margin-top: -7px;} #myModal.daily-report .modal-header {border-top-right-radius: 15px;border-top-left-radius: 15px;} #new-customer-modal .my-select{padding: 0 !important;height: 23px;width: 75px;border: 1px solid #ccc;background-color: transparent;border-radius: 7px;padding: 7px;} #new-customer-modal .my-select:hover{background-color: whitesmoke;} #new-customer-modal .my-input-comment {border: 1px solid #ccc;background-color: transparent;width: 650px;border-radius: 7px;padding: 7px;line-height: 23px;height: 23px;} #new-customer-modal .my-input {border: 1px solid #ccc;background-color: transparent;line-height: 22px;height: 22px;border-radius: 7px;padding: 0 5px 0 0;} #new-customer-modal .my-input-comment:hover {background-color: whitesmoke;} #new-customer-modal .my-input:hover{background-color: whitesmoke;} .modal.delete-work-card-error{width: 320px;margin: auto;padding-top:10%;} .modal.delete-work-card-error .modal-dialog{width: 100%;} .modal.delete-work-card-error .modal-dialog .modal-header{height:44px;} .modal.delete-work-card-error .modal-dialog .modal-header .close{line-height:21px;} .modal.delete-work-card-error .modal-dialog .modal-footer{text-align: center;} .modal.delete-work-card-error .modal-dialog .modal-footer button{width: 50%;} .modal.delete-work-card-error .modal-dialog .modal-content{height: 100%;} .modal.delete-work-card-error .modal-dialog .modal-body{padding: 10px;} .modal.popup-confirm{width: 290px;margin: auto;padding-top:10%;} .modal.popup-confirm .modal-dialog{width: 100%;} .modal.popup-confirm .modal-dialog .modal-footer{text-align: center;} .modal.popup-confirm .modal-dialog .modal-footer button{width: 95px; margin: 0 6px 0 6px;} .modal.notifications-done-msg .modal-content, .modal.popup-confirm.notification-popup .modal-content{width: 290px; text-align:center;} .modal.notifications-done-msg .modal-content .modal-body, .modal.notifications-done-msg .modal-content .modal-footer{text-align:center!important;} #myModal.pending-final-report .modal-header{border-bottom:none;} .group-wrapper.empl .select2-selection.select2-selection--single{height: 34px!important;} /*MODAL ----------------------------------------------------------------------------------------------------------------------------*/ /*Scroll ----------------------------------------------------------------------------------------------------------------------------*/ ::-webkit-scrollbar { width: 10px; } /* Track */ ::-webkit-scrollbar-track {background: #f1f1f1;} /* Handle */ ::-webkit-scrollbar-thumb {background: #888;} /* Handle on hover */ ::-webkit-scrollbar-thumb:hover {background: #555;} /*Scroll ----------------------------------------------------------------------------------------------------------------------------*/ .table-hover thead tr:hover, .table-hover thead tr th:hover {cursor: default;} .table-hover tbody tr td.wc-action a{ visibility: hidden;float: right;} .table-hover tbody tr td.wc-action a i.material-icons{font-size: 17px;} .table-hover tbody tr:hover td.wc-action a{ visibility: visible;} .table-hover tbody tr:hover{ background-color: #eee;} .table-hover tbody tr td.wc-action a:hover{color: dimgray;} .main-menu-item.active {background-color: #eee;opacity: .7;} #main-wrapper { position: relative;/*height:100vh;*/} /*#main-wrapper.login { background: url('../img/bg/login_2.jpg') no-repeat center center fixed;*/ /*#main-wrapper.login { background: url('../img/bg/login_3.jpg') no-repeat center center fixed;*/ /*#main-wrapper.login { background: url('../img/bg/bg_1_1.jpg') no-repeat center center fixed;*/ /*body.login-body { background: url('../img/bg/student_laptop-with-bokstein-logo_bg.jpg') no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}*/ #main-wrapper.login .page{ background: none;} #login-index #company-logo {display: none;width: 75%;margin: auto;padding-top: 5%;} #login-index #login-form-menu{margin-top: 45px!important;} #login-form-menu #login-form-body #login-form-img-container {width: 115px;} #login-form-menu #login-form-body #login-form-img-container img {width: 112px;} #login-form-menu #login-form-body #login-form-input-container input {border-radius: 3px;} #login-form-menu #login-form-body #login-form-input-container #login-password {margin: 10px 0;} #login-form-menu #login-submit {border-radius: 5px;outline: none;} /*#work-card-page*/ /*#home-page.page { 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; }*/ #main-wrapper #master-layout-page-result{width: 100%;height: 100%; position: relative; /*overflow: hidden;*/} /*HEADER*/ #main-wrapper #master-layout-page-result #header-menu-wrapper{width: 100%;height: 71px;} #main-wrapper #master-layout-page-result .menu-title{position: absolute;left: 2%;top: 20px;} /*#main-wrapper #master-layout-page-result #header-menu-wrapper > div{ display: inline-block;}*/ /*#main-wrapper #master-layout-page-result #header-menu-wrapper #company-logo {position: absolute;top: 0;right: 0;}*/ #main-wrapper #master-layout-page-result #header-menu-wrapper #company-logo img { /*margin: 5px 10px;*/ margin: 9px -33px 0 0; width: 615px; height: 60px; object-fit: contain; float: right; /*box-shadow: 0 0 3px rgba(0, 0, 0, 0.5); border: 2px solid rgba(255, 255, 255, 1);*/ } #main-wrapper #master-layout-page-result #header-menu-wrapper #company-logo.login, #main-wrapper #master-layout-page-result #header-menu-wrapper #company-logo.home {position: relative; margin-left: 22%; margin-top: 100px;} #main-wrapper #master-layout-page-result #login-form-menu {/*background-color: #eee;*/ float: right;background: transparent;font-size: 15px;width: 340px;margin: 0 11% 0 0;} #main-wrapper #master-layout-page-result #header-menu-wrapper #site-menu{ display: list-item;} /*{position: absolute;left: 188px;top: 20px;}*/ #main-wrapper #master-layout-page-result #login-form-menu form .my-row{position: relative; height: 41px;text-align: right;} /*#main-wrapper #master-layout-page-result #login-form-menu form .my-row #login-submit.btn{ float: left; margin-top: 8px; width: 100px;}*/ #main-wrapper #master-layout-page-result #login-form-menu form .my-row .col1{position: relative;float: right; width: 50%;} #main-wrapper #master-layout-page-result #login-form-menu form .my-row .col2{position: relative;float: left; width: 50%;} /*#home-page, #working-card-main-wrapper, #service-report-wrapper {width: 97%;height: 450px; color: black; border-radius: 7px;}*/ tr[data-type="4"] {color: green;} a.active{color: #ccc!important;} /*.line{width: 100%; border-bottom: solid 1px lightGray; margin: 10px 0 10px 0;} li {display: list-item;text-align: -webkit-match-parent;}*/ /*SITE LOGO*/ /*background: url('../img/logo/webkopilkaNet.png') no-repeat;background-repeat: no-repeat; width: 315px;*/ /*#company-logo { background: url('../img/logo/webkopilkaNet.png') no-repeat;background-repeat: no-repeat; width: 315px; height: 75px; margin-left: -20px;float: left; -moz-transform:scale(0.7); -webkit-transform:scale(0.7); -ms-transform:scale(0.7); -o-transform:scale(0.7); transform:scale(0.7); }*/ /*.jumbotron { padding: 15px !important; padding-top: 0 !important; padding-bottom: 12px !important; line-height: 3.142857 !important; position: absolute; bottom: 5px; width: 98%; }*/ #popup-container{ width: 400px;height: 250px;background-color: #eee;position: absolute;top: 31%;left: 33%;border-radius: 9px;padding: 7px;} #popup-container.hide{ visibility: hidden;} #popup-container #select-existing-customer{text-align: center;margin-top: 79px;} /*SCROLL DESIGN*/ .webkit-scrollbar-header::-webkit-scrollbar {width: 12px;} .webkit-scrollbar-header::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px #fff; border-radius: 10px;} .webkit-scrollbar-header::-webkit-scrollbar-thumb {border-radius: 10px;-webkit-box-shadow: inset 0 0 6px #fff; } .webkit-scrollbar-body::-webkit-scrollbar {width: 12px;} .webkit-scrollbar-body::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 10px;} .webkit-scrollbar-body::-webkit-scrollbar-thumb {border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);} .webkit-scrollbar-footer::-webkit-scrollbar {width: 12px;} .webkit-scrollbar-footer::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px #fff; border-radius: 10px;} .webkit-scrollbar-footer::-webkit-scrollbar-thumb {border-radius: 10px; -webkit-box-shadow: inset 0 0 6px #fff;} /*New Customer - START*/ #new-customer-page #new-customer-container {width: 800px;margin: auto;border: 1px solid #eee;padding: 14px;text-align: right;} #new-customer-page #new-customer-container .record {width: 280px;float: right;padding: 5px 10px;} #new-customer-page #new-customer-container .record.name {width: 98%;} #new-customer-modal #new-customer-body-container #edit-customer-container .record.comment {margin-top: 10px;} /*New Customer - END*/ /*Customers List - START*/ body#emp .page#customers-list-page {margin-top: 90px;} .page#customers-list-page {direction: rtl;/*height: auto;*/width: 100%;} .page#customers-list-page table{width: 100%;} .page#customers-list-page table tr td.actions a i{visibility: hidden;} /*.page#customers-list-page table tr:hover{font-weight: bold;opacity: .8;}*/ .page#customers-list-page table tr:hover td.actions a i{visibility: visible;} .page#customers-list-page table th{font-size: 12px;} .page#customers-list-page table td{font-size: 13px;} .page#customers-list-page table th, .page#customers-list-page table td{/*width: 100px;*/text-align: right;} .page#customers-list-page table td i {padding: 7px;-ms-border-radius: 12px;border-radius: 12px;} .page#customers-list-page table td i.not-active {-ms-opacity: .6;opacity: .6;/*background-color: #eee;*/} .page#customers-list-page table th.id, .page#customers-list-page table td.id{width: 50px;} .page#customers-list-page table td.id.red{color:red;} .page#customers-list-page table td.id.grey{ color: grey;} .page#customers-list-page table td.id.green{color:green;} .page#customers-list-page table th.number, .page#customers-list-page table td.number, .page#customers-list-page table .terms-of-payments{width: 100px;} .page#customers-list-page table th.name, .page#customers-list-page table td.name{width: 300px;} .page#customers-list-page table th.warnings{text-align:center;} .page#customers-list-page table .warnings{width: 100px;} .page#customers-list-page table th.contactperson, .page#customers-list-page table td.contactperson{width: 150px;} .page#customers-list-page table th.contactpersonmobile, .page#customers-list-page table td.contactpersonmobile, .page#customers-list-page table th.phone, .page#customers-list-page table td.phone, .page#customers-list-page table th.fax, .page#customers-list-page table td.fax{width: 120px;} .page#customers-list-page table th.address, .page#customers-list-page table td.address{width: 150px;} .page#customers-list-page table th.actions, .page#customers-list-page table td.actions{width: 62px;text-align: center;} .glyphicon-pencil, .glyphicon-user {cursor: pointer;} #customers-list-page .glyphicon-pencil.edit{cursor:pointer;} /*Customers List - END*/ table tr:hover{cursor:pointer;} table.search-workcard-tbl .glyphicon {margin-top: -2px;} table.search-workcard-tbl .closed .icon {background: url('../img/sprite/icon-sprite-black.png') no-repeat 88.057% 9.604%;background-size: 1020px 516px;width: 11px;height: 11px;} table.search-workcard-tbl tr.green{ color: green;font-weight: bold;} table.search-workcard-tbl .opened .icon{background: url('../img/sprite/icon-sprite-black.png') no-repeat 4.807% 14.356%;background-size: 1020px 516px;width: 11px;height: 11px;} table.search-workcard-tbl .card-sub-tr .attachment-icon { background: url('../img/sprite/icon-sprite-black.png') no-repeat -1584px -384px; width: 23px;height: 24px;} table.search-workcard-tbl .card-sub-tr.active tr .view-status.accepted{ background: url('../img/sprite/icon-sprite-black.png') no-repeat 19.109% 71.358%; background-size: 1020px 516px;width: 10px;height: 12px;} table.search-workcard-tbl .card-sub-tr.active tr .not-viewed{ background: url('../img/sprite/icon-sprite-black.png') no-repeat 16.7% 71.429%; background-size: 1020px 516px;width: 11px;height: 12px;} table.search-workcard-tbl .card-sub-tr.active tr .star-points{ background: url('../img/sprite/icon-sprite-black.png') no-repeat 14.286% 71.429%; background-size: 1020px 516px;width: 12px;height: 12px;} table.search-workcard-tbl .card-sub-tr.active tr .view-report-icon{cursor: pointer; background: url('../img/sprite/icon-sprite-black.png') no-repeat 83.333% 61.905%; background-size: 1020px 516px;width: 12px;height: 12px; } .add-daily-report {-ms-opacity: .5;opacity: .5;color: white;} .add-daily-report:hover {-ms-opacity: 1;opacity: 1;color: whitesmoke;} .close-fix-report-zero-price {-ms-opacity: .5;opacity: .5;color: white;} .close-fix-report-zero-price:hover {-ms-opacity: 1;opacity: 1;color: whitesmoke;} .add-final-report {-ms-opacity: .5;opacity: .5;} .add-final-report:hover {-ms-opacity: 1;opacity: 1;} .convert-order-to-wcard {-ms-opacity: .5;opacity: .5;color: white;} .convert-order-to-wcard:hover {-ms-opacity: 1;opacity: 1;color: whitesmoke;} /*table.search-workcard-tbl .card-sub-tr.active tr .view-status.accepted{background-color: green;padding: 8px;border-radius: 7px;} table.search-workcard-tbl .card-sub-tr.active tr .view-status.not-viewed{background-color: red;padding: 8px;border-radius: 7px;}*/ table.search-workcard-tbl tr.opened.active{ background-color: #eee;border-bottom: none;} /*table.search-workcard-tbl tr.selected{ background-color: #eee;border-bottom: none;}*/ table.search-workcard-tbl tr.card-sub-tr {border-bottom: 1px solid #ccc;} table.search-workcard-tbl tr.card-sub-tr.active{ background-color: #eee;border-bottom: none;} table.search-workcard-tbl .card-sub-tr tbody tr:hover{ background-color: lightblue;} /*table.search-workcard-tbl tr.alert{ color: red;}*/ table.search-workcard-tbl tr.extra-hh{ color: blue;} .card-sub-tr.hidden, .card-sub-tr.hidden table{display: none;} tr.card-sub-tr .hours-bank-info-container {width: 200px;display: inline-block;margin-right: 12px;} tr.card-sub-tr .hours-bank-info-container label:not(.badge){width:90px;} tr.card-sub-tr .hours-bank-info-container .badge {background-color: whitesmoke;color: black;box-shadow: 1px 1px 6px grey;} tr.card-sub-tr .hours-bank-info-container .badge:hover {/*background-color: grey;color: white;*/} #employees-to-select {height: 120px;width: 170px;display: none;position: absolute;top: 33px;z-index: 100;} #employees-to-select option:hover {text-shadow: 2px 1px 3px #1C6EA4;} .page#employees-list-page {direction: rtl;margin: auto;} .page#employees-list-page h2 { max-width: 378px; border-radius: 7px; padding: 10px; margin: auto; text-align: center; margin-top: 10%; -webkit-box-shadow: 0 0 35px rgba(0, 0, 0, 0.5); -ms-box-shadow: 0 0 35px rgba(0, 0, 0, 0.5); box-shadow: 0 0 35px rgba(0, 0, 0, 0.5); } .page#employees-list-page table {width: 100%;} .page#employees-list-page table tr td.actions a {visibility: hidden;} /*.page#employees-list-page table tr:hover{font-weight: bold;opacity: .8;}*/ .page#employees-list-page table tr:hover td.actions a {visibility: visible;} .page#employees-list-page table th {font-size: 12px;} .page#employees-list-page table td {font-size: 13px;} .page#employees-list-page table td i.is-deleted {color: grey;} .page#employees-list-page table th,.page#employees-list-page table td {width: 100px;text-align: right; } .page#employees-list-page table td i {padding: 7px;-ms-border-radius: 12px;border-radius: 12px;} .page#employees-list-page table td i.not-active {-ms-opacity: .6;opacity: .6; /*background-color: #eee;*/ } .page#employees-list-page table th.id,.page#employees-list-page table td.id {width: 90px;} .page#employees-list-page table td.id.red {color: red;} .page#employees-list-page table td.id.grey {color: grey;} .page#employees-list-page table td.id.green {color: green;} .page#employees-list-page table th.number,.page#employees-list-page table td.number {width: 100px;} .page#employees-list-page table th.name,.page#employees-list-page table td.name {width: auto;} .page#employees-list-page table th.address,.page#employees-list-page table td.address {width: 150px;} .page#employees-list-page table th.avatar,.page#employees-list-page table td.avatar {width: 50px;} .page#employees-list-page table th.actions,.page#employees-list-page table td.actions {width: 50px;text-align: center;} .page#employees-list-page #employees-header-filter-menu {width: 98%;text-align: center;} /* new work card modal*/ /*#newWorkCardModal .modal-dialog-centered .modal-content {background: url('../img/bg/_login_bg.jpg') no-repeat 83.333% 61.905%;}*/ #newWorkCardModal input:not(.submit-new-work-card):not(.cancel-new-work-card), #newWorkCardModal select,#newWorkCardModal textarea{padding: 0 5px!important;background-color: transparent;} #newWorkCardModal .form-control.form-control-sm {height: 24px;padding: 0;} #newWorkCardModal input:not(.submit-new-work-card):not(.cancel-new-work-card):not(.readonly):focus, #newWorkCardModal select:not(.readonly):focus, #newWorkCardModal textarea:not(.readonly):focus { background-color: white;} #newWorkCardModal .modal-dialog-centered .modal-content, #uploadFileModal .modal-dialog-centered .modal-content{ background: url('../img/bg/Form-background.jpg') no-repeat 100% 83%;} #newWorkCardModal.work-card .modal-dialog-centered .modal-header #header-title-lbl {margin-right: 15px;} #newWorkCardModal.work-card .modal-dialog.modal-dialog-centered{width:1031px;} /* When closed card, set WIDTH to 555px !!!!!!!!!!!!!!!! // TODO: need to mark modal work-card somehow !!!!!!! #newWorkCardModal.work-card .modal-dialog.modal-dialog-centered{width:1031px;}*/ #newWorkCardModal #new-working-card-container{width: 98%;margin:auto;} #newWorkCardModal #new-working-card-container #start-date-container{ width: 125px;float: right;margin-left:10px; } #newWorkCardModal #new-working-card-container #end-date-container{ width: 115px!important; } #newWorkCardModal #new-working-card-container #payment-by-container{width: 133px!important; float: right;} #newWorkCardModal #new-working-card-container #payment-by-container select[name=PaymentById]{padding:0 13px!important;} #newWorkCardModal #new-working-card-container #payment-by-container select[name=PaymentById] option[disabled]{color:lightslategrey;font-weight:bold;} #newWorkCardModal #new-working-card-container #payment-by-price{width: 111px !important;margin-top: 0!important;padding: 0!important; margin-right: 0; float: right; } #newWorkCardModal #new-working-card-container .employees-and-include-car{min-height: 45px;width: 100%; margin-right: 2px; } #newWorkCardModal #new-working-card-container #number-of-employees #send-scheduler-to-employee-row{opacity:.4;} #newWorkCardModal #new-working-card-container #number-of-employees:hover #send-scheduler-to-employee-row{opacity:1;} #newWorkCardModal #new-working-card-container .work-description-row{ margin-top: 7px; width: 100%;} #newWorkCardModal #new-working-card-container #include-car{float: right;margin-left: 6px;margin-top: 25px;} #newWorkCardModal #new-working-card-container #include-car-price{width: 206px !important;float: right;margin-top: 25px;line-height: 25px;height: 25px;} #newWorkCardModal #new-working-card-container #include-car-price label, #newWorkCardModal #new-working-card-container #include-car-price input{float: right;margin-right: 7px;} #newWorkCardModal .modal-footer .btn.submit-new-work-card, #newWorkCardModal .modal-footer .btn.cancel-new-work-card{width: 90px;} #newWorkCardModal .record.row { margin: 0; margin-bottom: 5px;} #newWorkCardModal #new-working-card-container textarea[name=WorkDescription]{min-height: 90px;height: auto;padding: 5px;} #newWorkCardModal #new-working-card-container #end-working-date, #newWorkCardModal #new-working-card-container #start-working-date{ text-align: center;} #newWorkCardModal.calendar-new-card-popup.closed-card .modal-dialog, #newWorkCardModal.work-card.closed-card .modal-dialog{ width: 556px;} /* --------------------------------------------------*/ #employee-hours.page{padding: 0 10px;} #employee-hours #main-container{ width: 100%;height: 100%; padding: 10px;} #employee-hours .wh-emp-record div{ float: right;width: 150px;} #employee-hours .wh-emp-record .wh-emp-total-hours{ text-align: center;width: 120px;} /*#employee-hours .group-container:hover, #employee-hours .group-container .wh-emp-total-hours:hover {cursor: pointer;background-color: whitesmoke;}*/ #employee-hours .group-container.closed .wh-emp-record.child{display: none;} #employee-hours .group-container .wh-emp-record.child{display: inline-block;} #employee-hours .wh-emp-record{ width: 100%; float: right;line-height: 26px;height: 26px;} #employee-hours .wh-emp-record.green .wh-emp-total-hours{color:green;} #employee-hours .wh-emp-record.red .wh-emp-total-hours{color:red;} #employee-hours .wh-emp-record .wh-emp-total-hours.red {color: red;font-weight: bold;} #employees-info-container {width: 100%;max-height: 260px; margin-right: 2px; float: right;-ms-border-radius: 7px;border-radius: 7px;border: 1px solid #ccc;padding: 5px;} #employees-info-container .ei{width: 100%;} #employees-info-container .ei .emp-col-0{width: 35px;float: right;} #employees-info-container .ei .emp-col-0 input{float: right;width: 100%;} #employees-info-container .ei .emp-col-1{width: 170px;float: right;} #employees-info-container .ei .emp-col-2{width: 70px;float: right;} #employees-info-container .ei .e-c:hover{cursor: pointer;} .ei .header{font-size: 11px;font-weight: bold;} #employees-info-container .body.pull-right {overflow-x: hidden;overflow: auto;max-height: 250px;} /*.item-container {float: right;width: 260px;padding: 7px;}*/ #newWorkCardModal .modal-dialog.modal-dialog-centered .work-description-row #work-description textarea[name=ToCustomerMessage] { /*width: 100% !important;min-width: 0 !important;max-width: 100% !important;*/ /*resize: none;width: 500px!important;padding: 7px;*/ } #newWorkCardModal option.customer-default {font-weight:bold!important; } .modal-footer.signed-closed {position: absolute;right: -50%;top: 239px;} .report-sign-info{color:white;} .mark-reported-error-popup .modal-footer{text-align: center;} .mark-reported-error-popup .modal-footer button{width: 130px;} .mark-reported-error-popup .modal-content{display: flex;flex-direction: column;} .customer-having-bh-open-card-error-popup .modal-dialog{ width: 350px;} .customer-having-bh-open-card-error-popup .modal-content, .customer-having-bh-open-card-error-popup .modal-footer{ text-align: center;} .cannot-close-bh-order-error-popup .modal-dialog{ width: 350px;} .cannot-close-bh-order-error-popup .modal-body, .cannot-close-bh-order-error-popup .modal-footer{ text-align: center;} .error_bh_card_close_request .modal-dialog {width: 350px;} .error_bh_card_close_request .modal-body, .error_bh_card_close_request .modal-footer{ text-align: center;} .popup_default_small .modal-dialog {width: 350px;} .popup_default_small .modal-body, .popup_default_small .modal-footer{ text-align: center;} @media print { #header-menu-wrapper, #cssmenu, .menu-title{ display: none;} /*#new-service-report-page{ overflow: hidden;}*/ #myTextArea{ border: 0;} .no-print {display: none;} .break-pg {/*background-color: red;*/page-break-after: always;} #new-service-report-page {overflow: hidden;page-break-after: avoid;} /* .customer-report-page:nth-child(5n-1) .break-pg:last-child { page-break-after:auto; }*/ } ete-red-sign-x-icon {background: url('../img/sprite/menu.png') no-repeat -18px -90px;background-size: 180px 117px;width: 8px;height: 8px;} .delete-black-x-icon {background: url('../img/sprite/menu.png') no-repeat -18px -90px;background-size: 179px 129px;width: 9px;height: 8px;} .delete-red-x-icon {background: url('../img/sprite/menu.png') no-repeat -18px -99px;background-size: 180px 117px;width: 8px;height: 8px;} .edit-folders-icon {background: url('../img/sprite/icon-sprite-black.png') no-repeat -48px -192px;background-size: 1020px 516px;width: 23px;height: 23px;} .bootbox.modal .modal-content {text-align: right; /*float: right;*/border: 0;} .bootbox.modal.wrong-report-time .modal-content {text-align: center;border: 0;} #edit-service-report-page.page {text-align: right;padding: 15px 25px;} #edit-service-report-page.page .row div.col-sm-4 div label {width: 130px;} #edit-service-report-page.page .row div.col-sm-4 div input {width: 170px;} .page#edit-employee {margin-top: 30px;} #edit-employee {width: 888px;margin: auto;border: 1px solid #eee;padding: 14px;} #edit-employee #edit-employee-container .row {margin-right: 0;margin-left: 0;} #edit-employee #edit-employee-container .record {float: right;padding: 7px 10px;} #edit-employee #edit-employee-container .record input,#edit-employee #edit-employee-container .record select {width: 100%;} #edit-employee #edit-employee-container #work-description.record,#edit-employee #edit-employee-container #comment.record {width: 100%;} #payment-by select {width: 100px;} #edit-employee #edit-employee-container .record #employee-id {text-align: center;} .blur-border {border: 0;} /*Employee - page*/ #employee-page .emp-record-row{width: 100%;height: 105px; background: -webkit-linear-gradient(top, #3c3c3c 0%, #15468d 100%);color: #fff;border-radius: 5px;box-shadow: 0 1px 20px 0 rgba(69,90,100,0.08);border: none;} #employee-page .emp-record-row:not(:first-child){margin-top: 10px;} #employee-page .row.future-cards, #employee-page .row.today-cards{width: 95% !important; margin: auto;margin-top: 10px;} #employee-page .card.update-card{margin-bottom: 0;} #employee-page .card.update-card #add-new-daily-report-by-employee{height: 105px;} #employee-page .card.update-card .row .emp-card-date-col{width: 15%; height: 105px; background-color: whitesmoke; color: #15468d;} #employee-page .card.update-card .row .emp-card-click-col{width: 10%; height: 150px;} #employee-page .card.update-card .row .emp-card-customer-col{width: 74.1%;} #employee-page .card.update-card .row .emp-card-date-col label{position: relative; top: 45%; right: 35%;} #new-final-report-payment-by-tbl tbody tr td span input { text-align: center; } /*#new-final-report-payment-by-tbl tbody tr td input { background-color:transparent; }*/ #new-service-report-page table tbody td input { padding-right: 7px; } #print-final-report{ background-color:grey;} #print-final-report.in-readonly-mode{ background-color: whitesmoke;} /*#modal {position: absolute;top: 45%;left: 34%;width: 450px;background-color: #eee;padding: 7px;}*/ .modal.daily-report .modal-content {background: url('../img/bg/Form-background.jpg') no-repeat 100% 100%;border-radius: 17px;border:0;} #myModal.daily-report .modal-title {margin-right: 0;} .modal.approved-final-report input, .modal.approved-final-report textarea, .modal.final-report input, .modal.final-report textarea, .modal.not-approved-final-report input, .modal.not-approved-final-report textarea {background-color: transparent !important;} /*.modal.final-report #save-final-report, .modal-dialog.final-report #save-final-report { visibility: hidden; }*/ #Comment { resize: none;} #all-work-cards-page .working-card-container { /*border: 1px solid #ccc;*/ /*max-height: 790px; overflow: auto; white-space: nowrap;*/ /*-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.5); -ms-box-shadow: inset 0 0 5px rgba(0,0,0,0.5); box-shadow: inset 0 0 5px rgba(0,0,0,0.5);*/ } .modal .modal-content {border: 0!important;} /*.modal.order .modal-dialog{width: 554px;}*/ .modal.order .modal-dialog{width: 538px;} .modal.order.duplicate .modal-dialog{width: 1025px;} .modal.order .modal-dialog #start-working-date{width: 245px;} .modal.order.duplicate .modal-dialog #start-working-date{width: 135px;} .view-grps { padding: 15px 20px 15px 20px;} .view-grps .grp-cards{float:right; margin-left:18px;font-size: 15px} .view-grps .grp-cards label{font-weight:normal;cursor:pointer;opacity: .5;} .view-grps .grp-cards.active label{font-weight:bold;opacity: 1;} .view-grps .grp-cards label:hover{opacity: 1;} .view-grps .grp-cards.active label{font-weight:bold;opacity: 1;} .view-grps .grp-cards .badge.bg-danger{background-color:#adabab;border-radius: 0;} .view-grps .grp-cards.active .badge.bg-danger{background-color:red;} .view-grps .grp-cards .badge.bg-success{background-color:#adabab;border-radius: 0;} .view-grps .grp-cards.active .badge.bg-success{background-color:darkgreen;} .view-grps .grp-cards .badge.bg-info{background-color:#adabab;border-radius: 0;} .view-grps .grp-cards.active .badge.bg-info{background-color:#327ab7;} #statistics-monthly-report .header-container .btn {background-color: #286090;color: white;margin-right: 10px;margin-top: 25px;} #statistics-monthly-report .header-container .btn:hover {box-shadow: #286090 0px 1px 4px;} .report-action .badge {margin-left: 10px;background-color: whitesmoke;color: grey;} .report-action.active .badge{background-color:whitesmoke;} .report-action.completed .badge{background-color:#3bcf35!important;} .report-action.hiddenByDefault{visibility:hidden;} .badge.red{color:red!important;} .wrong-report-time .modal-content {width: 400px;margin: auto;text-align: center;} .wrong-report-time .modal-footer {text-align: center;} .login-body.mobile #login-company-logo{margin-top: 45px;} .login-body.mobile #login-company-logo img{width: 100%;} .login-body.mobile #login-form-menu{width: 100%;} /*body.mobile #login-form-menu #login-form-body #login-form-input-container {width: 100%; display: block;} body.mobile #login-form-menu #login-form-body #login-form-input-container input{width: 70%; display: block;}*/ /*body.mobile #login-form-menu #login-password{margin: 30px 0!important;} body.mobile #login-form-menu #login-submit{width: 70%; margin:auto;} body.mobile #login-form-menu .my-row{text-align: center!important;} */ body.mobile #login-form-menu { /*background-color: #eee;*/ float: none!important; background: transparent; font-size: 15px; width: 90%!important; margin:auto!important; } /*Calendar */ .not-visible {display: none !important;} .page.main-calendar-page, .page.main-calendar-page #main-wrapper, .page.main-calendar-page #main-wrapper #header-menu-wrapper {display: flex;flex-direction: column;} .page.main-calendar-page {padding: 20px 15px;} .page.main-calendar-page .filter-select-days {display: flex;flex-direction: row;align-items: center;flex:1.4;gap:20px;} .page.main-calendar-page .filter-select-days .filter-date {display: flex;flex-direction: row;align-items: center;gap:10px;} .page.main-calendar-page .filter-select-days .filter-date label {margin: 0;width: 85px;} .page.main-calendar-page .filter-select-days .filter-date input {} .page.main-calendar-page .filter-select-days .vertical-separator {margin-right: 40px;} .page.main-calendar-page .filter-select-days .filter-action {margin-right: 15px;} .page.main-calendar-page .page-body {display: flex;flex-direction: column;} /*.page.main-calendar-page #calendar {width: 96%;margin: auto;} .page.main-calendar-page #calendar.full-screen-view {width: 100%;} .page.main-calendar-page #calendar.mid-screen-view {width: 50%;margin:auto;} .page.main-calendar-page #calendar .row-cells:not(.header-days) {height: 110px;}*/ .page.main-calendar-page .day-block { display: flex; flex-direction: column; flex: 1 0 13%; /*width: 13%;*/ height: 365px; margin: 5px 10px; background-color: whitesmoke; padding: 7px; border-radius: 7px; text-align: right; } .page.main-calendar-page .day-block:hover {border: 1px solid #6985ac;filter: drop-shadow(0 0 15px #0005);min-height: 360px;transition: all .2s linear;} .page.main-calendar-page .day-block .header {border-bottom: 1px solid;margin: 5px 0;font-size: 12px;} .page.main-calendar-page .day-block .header.today {color: darkgreen;} .page.main-calendar-page .day-block .body .r:hover {background-color: white;} .page.main-calendar-page .day-block .body .main-foreman .r:hover {background-color: #d2dae0;} .page.main-calendar-page .day-block .body .r:hover .r-col .emp-num {background-color: white;color: #6585ab;font-weight: bold; /*font-size:11px;*/border: 1px solid #6585ab;} .page.main-calendar-page .day-block .card-block .r .r-col.emp-num {align-self: end;} .page.main-calendar-page .day-block .card-block .r .editable, .page.main-calendar-page .day-block .card-block .r .locked {align-self: center;} .page.main-calendar-page .day-block .footer {visibility: hidden;} .page.main-calendar-page .day-block:hover .footer {visibility: visible;} .page.main-calendar-page .day-block .body .r * {cursor: pointer;} .page.main-calendar-page .day-block .body .r {cursor: pointer;display: flex;flex-direction: row;align-items:center;} .page.main-calendar-page .day-block .body .r .c-name {flex: 1;font-weight: 200;max-width: 96%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .page.main-calendar-page .day-block .body .r .emp-num {flex: none;align-self: end;} .page.main-calendar-page .day-block .badge {background-color: #6585ab;} .page.main-calendar-page #calendar {display: grid;grid-template-columns: repeat(7, 1fr);grid-column-gap: 5px;grid-row-gap: 10px;text-align: center;} .page.main-calendar-page .card-actions {text-align: center;opacity: .3;margin: 0;} .page.main-calendar-page .card-actions:hover {opacity: 1;} .page.main-calendar-page .card-actions div {margin: 5px 10px;cursor: pointer;} .page.main-calendar-page .day-block .card-block.opened {border-bottom: 1px solid #6585ab;border-top: 1px solid #6585ab;border-radius: 5px;margin-bottom: 6px; /*transition: all .3s linear;*/} .page.main-calendar-page .day-block .card-block .card-block-names {display: none !important;} .page.main-calendar-page .day-block .card-block i.glyphicon {font-size: 10px;margin-left: 2px;} .page.main-calendar-page .day-block .card-block.opened .card-block-names {display: flex !important;} .page.main-calendar-page .day-block .card-block.child-bh {background-color: #c5d7eb;margin-bottom: 3px;} .page.main-calendar-page .day-block .card-block.fix-price-zero-card {color: red;} .page.main-calendar-page .day-block .card-block.main-foreman, .page.main-calendar-page .day-block .card-block.child-foreman {background-color: #bfcdd7;margin-bottom: 3px;} .page.main-calendar-page .day-block .card-block-title {font-size: 13px;} body#mobile #company-logo {padding: 0px 38px !important;} body#mobile .page.main-calendar-page .day-block .card-block-title {font-size: 13px;} body#mobile .page.main-calendar-page {padding: 80px 20px 20px;display: flex;flex-direction: column;} body#mobile .page.main-calendar-page .filter-select-days {display: flex;flex-direction: column;gap:6px;} body#mobile .page.main-calendar-page .filter-select-days .filter-date {display: flex;flex-direction: row;} body#mobile .page.main-calendar-page .filter-select-days .filter-date #to-date,body#mobile .page.main-calendar-page .filter-select-days .filter-date #from-date {font-size: 13px;padding: 5px;} body#mobile .page.main-calendar-page .filter-select-days .filter-date label {width: 65px;} body#mobile .page.main-calendar-page .filter-select-days .filter-action {width: 100%;margin: 0;} body#mobile .page.main-calendar-page .filter-select-days .filter-action .btn {width: 100%;} body#mobile .page.main-calendar-page #calendar {display: flex;flex-direction: column;} body#mobile .page.main-calendar-page .day-block {display: flex;flex-direction: column;flex: 1;height: 210px;margin: 5px 10px;width: 100%;font-size: 13px;} body#mobile .page.main-calendar-page .day-block .header {border-bottom: 1px solid;margin-bottom: 5px;} body#mobile .page.main-calendar-page .page-body {margin: 0;} body#mobile .page.main-calendar-page .day-block .footer {visibility: visible;} body#mobile .page.main-calendar-page .card-actions div {margin: 1px 12px;cursor: pointer;width: 89%;margin: 8px auto;display: flex;flex-direction: column;border-radius: 5px;line-height: 20px;} body#mobile .page.main-calendar-page .card-actions .edit {width: 100px;} .popup-calendar-day-view.full-screen .popup-content {display: block;flex-direction: row;} body#mobile .popup-calendar-day-view.full-screen .popup-content {width: 100% !important;margin: auto;} body#mobile .popup-calendar-day-view .card-actions .edit {width: 89%;} body#mobile .modal.work-card .modal-dialog {width: 95%;} body#mobile .modal.work-card .modal-dialog .modal-content {display: flex;flex-direction: column;} body#mobile .modal.work-card .modal-dialog .modal-content #new-working-card-container .card-popup-data-container.item-container {display: flex;flex-direction: column;} body#mobile .modal.work-card .modal-dialog .modal-content #new-working-card-container .card-popup-data-container.item-container .record {width: 100%;float: none;margin-left: 0;} body#mobile .modal.work-card .modal-dialog .modal-content #new-working-card-container .card-popup-data-container.item-container .work-description-row, body#mobile .modal.work-card .modal-dialog .modal-content #new-working-card-container .card-popup-data-container.item-container #employees-info-container {width: 100%;} body#mobile .modal.work-card .modal-dialog .modal-content #new-working-card-container .card-popup-data-container.item-container #to-customer-message {margin-right: 0px;} body#mobile .modal.work-card .modal-dialog .modal-content #new-working-card-container .card-popup-data-container.item-container #payment-by-and-include-car {width: 100%;display: flex;flex-direction: column;} body#mobile .modal.work-card .modal-dialog .modal-content #new-working-card-container .card-popup-data-container.item-container #payment-by-price, body#mobile .modal.work-card .modal-dialog .modal-content #new-working-card-container .card-popup-data-container.item-container #include-car, body#mobile .modal.work-card .modal-dialog .modal-content #new-working-card-container .card-popup-data-container.item-container #include-car-price, body#mobile .modal.work-card .modal-dialog .modal-content #new-working-card-container .card-popup-data-container.item-container #payment-by-container {width: 100% !important;margin: 10px;display: flex;flex-direction: row;} body#mobile .modal.work-card .modal-dialog .modal-content #new-working-card-container .card-popup-data-container.item-container #payment-by-price {margin: 10px;} body#mobile .modal.work-card .modal-dialog .modal-content #new-working-card-container .card-popup-data-container.item-container #payment-by-price label, body#mobile .modal.work-card .modal-dialog .modal-content #new-working-card-container .card-popup-data-container.item-container #include-car label, body#mobile .modal.work-card .modal-dialog .modal-content #new-working-card-container .card-popup-data-container.item-container #include-car-price label, body#mobile .modal.work-card .modal-dialog .modal-content #new-working-card-container .card-popup-data-container.item-container #payment-by-container label {flex: 1;} body#mobile .modal.work-card .modal-dialog .modal-content #new-working-card-container .card-popup-data-container.item-container #payment-by-price input, body#mobile .modal.work-card .modal-dialog .modal-content #new-working-card-container .card-popup-data-container.item-container #payment-by-container input, body#mobile .modal.work-card .modal-dialog .modal-content #new-working-card-container .card-popup-data-container.item-container #include-car input, body#mobile .modal.work-card .modal-dialog .modal-content #new-working-card-container .card-popup-data-container.item-container #include-car-price input, body#mobile .modal.work-card .modal-dialog .modal-content #new-working-card-container .card-popup-data-container.item-container #payment-by-container select {flex: 3;} body#mobile .modal.work-card .modal-dialog .modal-content #new-working-card-container .card-popup-data-container.item-container #payment-by-price input {height: 34px;} body#mobile .modal.work-card .modal-dialog .modal-content #new-working-card-container .card-popup-data-container.item-container #end-date-container, body#mobile .modal.work-card .modal-dialog .modal-content #new-working-card-container .card-popup-data-container.item-container #start-date-container {width: 100%;display: flex;flex-direction: row;flex-wrap: nowrap;margin-top: 8px;} body#mobile .modal.work-card .modal-dialog .modal-content #new-working-card-container .card-popup-data-container.item-container #end-date-container, body#mobile .modal.work-card .modal-dialog .modal-content #new-working-card-container .card-popup-data-container.item-container #start-date-container label {flex: 5;} body#mobile .modal.work-card .modal-dialog .modal-content #new-working-card-container .card-popup-data-container.item-container #end-date-container, body#mobile .modal.work-card .modal-dialog .modal-content #new-working-card-container .card-popup-data-container.item-container #start-date-container input {flex: 6;} body#mobile .modal.work-card .modal-dialog .modal-content #new-working-card-container .card-popup-data-container.item-container #order-number, body#mobile .modal.work-card .modal-dialog .modal-content #new-working-card-container .card-popup-data-container.item-container #order-atzaa {margin-top: 15px;} body#mobile .modal.work-card .modal-dialog .modal-content #new-working-card-container .card-popup-data-container.item-container #order-number label, body#mobile .modal.work-card .modal-dialog .modal-content #new-working-card-container .card-popup-data-container.item-container #order-atzaa label {flex: 2;} body#mobile .modal.work-card .modal-dialog .modal-content #new-working-card-container .card-popup-data-container.item-container #order-atzaa select, body#mobile .modal.work-card .modal-dialog .modal-content #new-working-card-container .card-popup-data-container.item-container #order-number select, body#mobile .modal.work-card .modal-dialog .modal-content #new-working-card-container .card-popup-data-container.item-container #order-number input, body#mobile .modal.work-card .modal-dialog .modal-content #new-working-card-container .card-popup-data-container.item-container #order-atzaa input {flex: 3;} body#mobile .modal.work-card .modal-dialog .modal-content #new-working-card-container .card-popup-data-container.item-container #number-of-employees #send-scheduler-to-employee-row, body#mobile .modal.work-card .modal-dialog .modal-content #new-working-card-container .card-popup-data-container.item-container #number-of-employees {display: flex;flex-direction: row;flex-wrap: wrap;} body#mobile .modal.work-card .modal-dialog .modal-content #new-working-card-container .card-popup-data-container.item-container #number-of-employees #send-scheduler-to-employee-row label {font-weight: 400;color: black;} body#mobile .modal.work-card .modal-dialog .modal-content #new-working-card-container .card-popup-data-container.item-container #to-customer-message {display: flex;flex-direction: row;flex-wrap: wrap;} body#mobile .modal.work-card .modal-dialog .modal-content #new-working-card-container .card-popup-data-container.item-container #to-customer-message label {margin-right: 10px;} body#mobile .modal.work-card .modal-dialog .modal-content .modal-footer .col-sm-12 {display: flex;flex-direction: row;} body#mobile .modal.work-card .modal-dialog .modal-content .modal-footer .cancel-new-work-card {width: 95px;margin: auto;border: 1px solid #ccc;margin-top: 10px;} body#mobile .day-block .card-block:not(.opened) {height: 23px;line-height: 23px;} body#mobile .day-block .body {max-height: 100% !important;} body#mobile .day-block .card-block i.glyphicon {font-size: 10px;margin-left: 5px;} body#mobile .modal-dialog {width: 99% !important;margin: auto !important;margin-top: 0 !important;} body#mobile #customer-container select {height: 35px !important;} body#mobile .record select {height: 35px !important;} body#mobile input:not(.submit-new-work-card):not(.cancel-new-work-card), body#mobile select, body#mobile textarea {background-color: white;} .page.main-calendar-page .refresh-calendar-page {width: 65px;background-color: #4073a6;height: 30px !important; padding: 2px; display: flex; align-items: center;} .page.main-calendar-page .refresh-calendar-page:hover {background-color:#6585ab;} .page.main-calendar-page .refresh-calendar-page i {font-size: 13px;top:0;flex:1;} /* width */ ::-webkit-scrollbar {width: 10px;} /* Track */ ::-webkit-scrollbar-track {box-shadow: inset 0 0 5px #dce2ea;border-radius: 10px;} /* Handle */ ::-webkit-scrollbar-thumb {background: #dce2ea;border-radius: 10px;} /* Handle on hover */ ::-webkit-scrollbar-thumb:hover {background: #6985ac;} /*------------------------------------------------------------------------------------------*/ body.mobile #chart-totals-container{width: 100%!important;} body.mobile #company-logo img{width: 95%;margin: auto;} body.mobile .totals-wrapper{display: flex!important;flex-direction: row;} body.mobile .totals-wrapper *{flex:1;} body.mobile .totals-wrapper .customer-total-row {display: flex!important;flex-direction: row;} body.mobile .totals-wrapper .customer-total-row *{flex:1;} body.mobile .customer-total-cards .body-container{display:none!important;} body.mobile .block2{text-align: center;width: 100%;} /*body.mobile{width: 100vh;} body.mobile #main-wrapper{width: 100vh;}*/ .e-c.emp-col-1.not-available {opacity: .3;} .absence-1{color:red;} .absence-2{color:blue;} .absence-3{color:green;} .popup-up-missing-employee-selection .modal-content, .popup-up-missing-tl-price .modal-content {width: 250px;margin: auto;top: 234px;text-align: center!important;} .popup-up-missing-employee-selection .modal-content .modal-footer, .popup-up-missing-tl-price .modal-content .modal-footer{text-align: center;} .popup-up-missing-tl-price .modal-content .modal-footer button, .popup-up-missing-employee-selection .modal-content .modal-footer button{width: 75%;} .modal.daily-report-has-extra-hours .modal-dialog {width: 390px;top: 55px;} .modal.daily-report-has-extra-hours .modal-dialog .modal-content, .modal.daily-report-has-extra-hours .modal-dialog .modal-content .modal-footer{ text-align:center;} /*Media - All Work Cards*/ @media only screen and (max-width : 800px) { #company-logo img {width: 390px;} } @media only screen and (min-width : 561px) { #login-form-menu{margin-top: 13px!important;} } @media only screen and (max-width : 560px) { #login-company-logo {width: 88%;margin: auto;text-align: center;} #login-company-logo img{} /*#login-company-logo img {width: 75%;}*/ /*#login-company-logo img {width: 90%;}*/ #login-index {/*margin-top: -82px;*/position: absolute;top: 0;} body:not(.mobile) #main-wrapper {width: 631px;} .working-card-container table tr .wc-work-description {display: none;} #work-description textarea {width: 100%;} .menu-title {visibility: hidden;} #menu-search-li {visibility: hidden;} #all-work-cards-page .search-workcard-tbl .wc-paymeny-by {display: none;} #newWorkCardModal .modal-dialog.modal-dialog-centered {width: 97%;margin: auto;margin-top: 15px;} } @media only screen and (max-width : 412px){ } /*@media (max-width : 2000px) { #login-company-logo img { width: 20%; } }*/ /* example1 in MasterLayout */ .example1 { height: 50px; overflow: hidden; position: relative; } .example1 h3 { font-size: 3em; color: limegreen; position: absolute; width: 100%; height: 100%; margin: 0; line-height: 50px; text-align: center; /* Starting position */ -moz-transform:translateX(100%); -webkit-transform:translateX(100%); transform:translateX(100%); /* Apply animation to this element */ -moz-animation: example1 15s linear infinite; -webkit-animation: example1 15s linear infinite; animation: example1 15s linear infinite; } /* Move it (define the animation) */ @-moz-keyframes example1 { 0% { -moz-transform: translateX(100%); } 100% { -moz-transform: translateX(-100%); } } @-webkit-keyframes example1 { 0% { -webkit-transform: translateX(100%); } 100% { -webkit-transform: translateX(-100%); } } @keyframes example1 { 0% { -moz-transform: translateX(100%); /* Firefox bug fix */ -webkit-transform: translateX(100%); /* Firefox bug fix */ transform: translateX(100%); } 100% { -moz-transform: translateX(-100%); /* Firefox bug fix */ -webkit-transform: translateX(-100%); /* Firefox bug fix */ transform: translateX(-100%); } } .popup-calendar-day-view.full-screen .popup-content { background-color: rgb(255, 255, 255); position: absolute; top: 10px; right: 10px; bottom: 10px; left: 10px; padding: 10px; height: 90%; display: flex; flex-direction: column; direction: rtl; width: 20%; margin: auto; } .popup-calendar-day-view.full-screen .popup-content .popup-content-body { } #employeeContextMenu .context-menu-item:hover { background-color: white; } .popup-calendar-day-view.mid-screen .popup-content { background-color: rgb(255, 255, 255); position: absolute; top: 10px; right: 10px; bottom: 10px; left: 10px; padding: 10px; display: flex; flex-direction: column; direction: rtl; width: 50%; margin: auto; height: 500px; } .popup-calendar-day-view.mid-screen .popup-content .popup-content-body { } #search-by-card-id{opacity:0.9;text-align:center;} #search-by-card-id:hover { opacity: 1; vertical-align: central;border:1px solid black; } #header-filter { transition: height .5s ease-in; -webkit-transition: opacity .5s ease-in; -moz-transition: opacity .5s ease-in; -o-transition: opacity .5s ease-in; height: 23px; } #header-filter.closed { transition: height 0.2s ease-out; margin: 0; opacity: 0; transition: height .55s ease-out; -webkit-transition: opacity .55s ease-out; -moz-transition: opacity .55s ease-out; -o-transition: opacity .55s ease-out; height: 0; } #header-search-icon { cursor:pointer; margin-right: 5px; margin-top: 10px;} #header-search-icon.active{font-weight: bold;} #header-filter .clear-search-input:hover{color:#3279b6;} #notifications-popup-content .notification-item .notification-icon {background: url(../img/sprite/icon-sprite-black.png) no-repeat -97px -432px;height: 24px;width:22px;} #notifications-popup-content .notification-item .notification-close-icon {background: url(../img/sprite/icon-sprite-black.png) no-repeat -1680px -336px;height: 24px;width:24px;flex: 1;} #notifications-popup-content .notification-item .notification-expand-icon {background: url(../img/sprite/icon-sprite-black.png) no-repeat -51px -195px;height: 20px;width:20px; flex:.2;} #notifications-popup-content .notification-item .notification-expand-icon.collapse {color:green; display:flex; background: url(../img/sprite/icon-sprite-black.png) no-repeat -99px -195px;height: 20px;width:20px; flex:.2;} .notification-item .icon{zoom:0.8; cursor: pointer;margin-left:5px;} .notification-item .icon.notification-close-icon{zoom:0.6;} .font-15{font-size:15px;} #notifications-popup-content .notification-item .notification-date {flex:0.8;font-size:14px;} #notifications-popup-content .notification-item .buttons{display:none!important;width:31px;float:left;font-size:12px;margin-left:10px;} #notifications-popup-content .notification-item .buttons.collapse{display:flex!important;} #notifications-popup-content .notification-item .notification-title-wrapper .notification-title{flex:1;width: 100%;margin-top: -4px;} #notifications-popup-content .notification-item.active .notification-title-wrapper .notification-title{font-weight:bold;} #notifications-popup-content .notification-item.system .notification-title{color:red;} #notifications-popup-content .notification-item.reminder .notification-title{color:#5a7853;} #notifications-main-container{display:block;} #notifications-pop-overlay {position: fixed;left: 0;top: 0;right: 0;bottom: 0;opacity: 0.5;background-color: rgb(0, 0, 0);} #notifications-popup-content {position: absolute;min-height: 52px;width: 320px;position: absolute;left: 102px;background-color: #dceaf6;top: 107px; -webkit-box-shadow: 3px 3px 3px 0 rgba(0,0,0,0.25); -moz-box-shadow: 3px 3px 3px 0 rgba(0,0,0,0.25);box-shadow: 3px 3px 3px 0 rgba(0,0,0,0.25);} #notification-header {min-height: 32px;line-height: 26px;font-size: 14px;font-weight: bold;color: #fff;text-indent: 5px;background-color: #4f669d;text-align: center;display: flex;align-items: center;} #notification-header #left-icon {background: url(notifications-sprite.png) no-repeat -5px -5px;width: 15px;height: 15px;display: inline-block;margin-top: 5px;float: left;margin-left: 6px;} #notifications-main-container .notification-item {border-bottom: 1px solid #c1cade;display: flex;flex-direction: column;} #notifications-main-container .notification-item .notification-title-wrapper {display: flex;flex-direction: column;align-items: center;margin-top: 5px;} #notifications-main-container .notification-item .notification-title-wrapper .notification-icon{flex:.1;} /*#notifications-main-container .notification-item .notification-icon.personal {background: url(notifications-sprite.png) no-repeat -5px -32px;} #notifications-main-container .notification-item .notification-desc {transition: 0.3s ease height;height: 20px;padding-left: 27px;margin-bottom: 16px; text-overflow: ellipsis;width: 200px;white-space: nowrap;overflow: hidden;font-size: 12px;margin-top: 1px;font-family: inherit;} #notifications-main-container .notification-item .notification-date {color: #0a0a0a;font-size: 11px;position: absolute;left: 5px;bottom: 1px;} #notifications-main-container .notification-menu {position: absolute;top: 7px;right: -3px;width: 20px;} #notifications-main-container .notification-close-icon {background: url(notifications-sprite.png) no-repeat -8px -62px;width: 9px;height: 8px;cursor: pointer;margin-bottom: 11px;margin-left: 2px;} #notifications-main-container .notification-go-to-icon {display: none;background: url(notifications-sprite.png) no-repeat -8px -82px;width: 12px;height: 12px;cursor: pointer;margin-bottom: 6px;} #notifications-main-container .notification-edit-icon {display: none;background: url(notifications-sprite.png) no-repeat -29px -83px;width: 12px;height: 12px;cursor: pointer;} #notifications-main-container .notification-expand-icon {display: none;background: url(../../Assets/img/sprite/icon-sprite-black.png) no-repeat -29px -62px;width: 9px;height: 7px;cursor: pointer;position: absolute;bottom: 3px;right: 7px;} */ /*#notifications-popup-content .notification-item .notification-icon {background: url(~/../Assets/img/sprite/icon-sprite-black.png) no-repeat -97px -432px;height: 24px;width:22px; cursor: pointer;margin-left:5px;} #notifications-popup-content .notification-item .notification-close-icon {background: url(~/../Assets/img/sprite/icon-sprite-black.png) no-repeat -1248px -960px;height: 24px;width:24px; cursor: pointer;margin-left:5px;} #notifications-popup-content .notification-item .notification-expand-icon {background: url(~/../Assets/img/sprite/icon-sprite-black.png) no-repeat -99px -195px;height: 20px;width:20px; cursor: pointer;margin-left:5px;flex:.1;} */ #notifications-main-container .notification-item .notification-desc {transition: 0.3s ease height; margin: 9px 15px 5px 16px;font-size: 14px;font-family: inherit;direction: rtl;display: flex;flex-direction: column;} #notifications-main-container .notification-item .notification-desc textarea{font-weight:normal;} #notifications-main-container .notification-item .notification-desc.hidden{display:none;} #notifications-main-container.hidden{display: none;} #notifications-main-list{max-height: 450px;overflow: auto;} .page.mobile{margin-top: 60px!important;} .page.mobile.employee-mobile{margin-top: 10px!important;} .page#new-service-report-page { /*height: 100vh;*/ padding: 15px; font-size: 15px; background: url('../img/bg/bg_1_1.jpg') no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .customer-report-page { /*height: 100vh;*/ padding: 7px; font-size: 15px; background: url('../img/bg/bg_1_1.jpg') no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .page.mobile#new-service-report-page { height: 100% !important; } #new-service-report-page .row {width: 100%;padding: 0 10px;text-align: center;line-height: 34px;height: 36px;margin-right: 0;} #new-service-report-page .row.custom {height: 75px;line-height: 75px;resize: none;} #new-service-report-page .row.custom input,#new-service-report-page .row.custom textarea {width: 100%;height: 100%;line-height: 1.5em;} #new-service-report-page .row.custom textarea{resize:none;} #new-service-report-page .row input{width: 49%;text-align: center;} #new-service-report-page .header-container {width: 100%;text-align: center;margin-top: 55px;} #new-service-report-page.mobile .header-container {margin-top: 10px;} #new-service-report-page .page-selector{width: 100%;margin: 6px 0;} /*#new-service-report-page #new-daily-report-body {}*/ .report-page.detailed table { font-size: 0.8em; } input.error{border:1px solid red;} .emp-record:hover{background-color:lightgray;} /*.dr-tbl-container{}*/ #dr-tbl-body-container, #dr-tbl-header-container {width: 680px;} #dr-tbl-header-container table {width: 100%;vertical-align: middle;line-height: 30px;} #dr-tbl-header-container table thead tr {font-weight: bold;} #new-service-report-page table tr td.emp-name {width: 125px;max-width: 125px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} #new-service-report-page table tr td.from-hour {width: 100px;text-align:center;} #new-service-report-page table tr td.from-hour .employee-from, #new-service-report-page table tr td.to-hour .employee-to{margin: 6px;width: 90px;} #new-service-report-page table tr td.to-hour {width: 108px;text-align:center;} #new-service-report-page table tr td.emp-diff, #new-service-report-page table tr td.emp-total {width: 115px;text-align:center;} #new-service-report-page table tr td.emp-flex {width: auto;} #new-service-report-page .offset-container table {width: 441px;} #new-service-report-page .offset-container table tr.emp-offset-record {line-height: 30px;} #new-service-report-page .offset-container table tr.emp-offset-record td.o-lbl {width: 80px;} #new-service-report-page .offset-container table tr.emp-offset-record td.offset-col {width: 110px;} #new-service-report-page.mobile table tr td.emp-name {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: 85px;width: 85px !important;line-height: 30px;vertical-align: middle;} #new-service-report-page.mobile table tr td.to-hour, #new-service-report-page.mobile table tr td.from-hour {width: 100px;} #new-service-report-page.mobile table tr td.emp-diff, #new-service-report-page.mobile table .emp-diff, .mobile #dr-tbl-header-container .emp-diff, #new-service-report-page.mobile table tr td.emp-total {display:none;} .mobile .report-page .row input[name="ToHour"], .mobile .report-page .row input[name="FromHour"] {margin: auto;} .mobile .report-page.detailed *:not(tr) {float: right;} #new-service-report-page { page-break-after: avoid; } .team-lead-wrapper.hidden{display:none;} @media print { .print-signed-report, #emp-page-header .openbtn { visibility: hidden; } #emp-page-header #company-logo img { text-align: center; width: 100% !important; float: left !important; } /*.customer-report-page { page-break-before: always; }*/ #new-service-report-page { page-break-after: avoid; } } #app-settings-page.he {direction: rtl;} #app-settings-page.he input{direction: ltr;} #app-settings-page.he #s-header-menu-wrapper{width: 98%; margin: auto;} #app-settings-page.he .menu-item-container{float: right; margin-left: 10px;} #app-settings-page.he #s-body-wrapper{width: 98%;margin: auto;margin-top: 10px;background-color: whitesmoke;height: 70vh;padding: 10px;} #app-settings-page.he #s-body-wrapper .record-row{width: 99%;margin: auto;height: 40px; line-height: 40px;} #app-settings-page.he #s-body-wrapper .record-row .row-data{float: right;margin-left: 10px;} #app-settings-page.he #s-body-wrapper .record-row .row-data .json-data-txt{width: 80vh;height: 45px;text-align: left;} #app-settings-page.he #s-body-wrapper .record-row .row-data .json-data-lbl{ margin-left: 10px;} #app-settings-page.he #s-body-wrapper .record-row .row-data .name-data-lbl{width: 638px; margin-left: 10px;direction: rtl;height: 26px;} #app-settings-page.he #s-body-wrapper .record-row .row-data .data-val{ width: 100px;height: 25px;} #app-settings-page.he #s-body-wrapper .record-row .row-data .s-submit{ width: 45px;opacity: .5;} #app-settings-page.he #s-body-wrapper .record-row .row-data .s-submit:hover{opacity: 1;} #company-logo.right { float: right; } body { font-family: "Lato", sans-serif; -webkit-transition: background-color .5s; -moz-transition: background-color .5s; -ms-transition: background-color .5s; -o-transition: background-color .5s; transition: background-color .5s; } .shadow { -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.5); -ms-box-shadow: inset 0 0 5px rgba(0,0,0,0.5); box-shadow: inset 0 0 5px rgba(0,0,0,0.5); } .hidden {display: none;} .sidenav { height: 100%; width: 0; position: fixed; z-index: 1; top: 0; right: 0; background-color: #111; overflow-x: hidden; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; padding-top: 60px; } .sidenav a { padding: 8px 8px 8px 32px; text-decoration: none; font-size: 20px; color: #ccc; display: block; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .sidenav a.selected { color: #eee; } .sidenav a:hover {color: #f1f1f1;} .sidenav .closebtn { position: absolute; top: 16px; right: 0; margin-right: 25px; } #mySidenav a {font-size: 1.5em;} #mySidenav a:not(.closebtn) {padding-right: 25px;} /*#mySidenav a.selected:not(.closebtn) { background-color: darkgray; color: black; border: 1px solid darkgray; }*/ #mySidenav a.selected:not(.closebtn) { background-color: transparent; color: whitesmoke; /*border: 1px solid darkgray;*/ border-radius: 10px; padding: 5px 10px; margin: 3px 15px; } /*#mySidenav a.first {margin-top: 30px;}*/ #emp #blinking-loader { z-index: 9999; position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; } #emp #blinking-loader img { width: 55px; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; -webkit-animation-name: blinker; -webkit-animation-duration: 1s; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite; -moz-animation-name: blinker; -moz-animation-duration: 1s; -moz-animation-timing-function: linear; -moz-animation-iteration-count: infinite; -ms-animation-name: blinker; -o-animation-name: blinker; animation-name: blinker; -ms-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -ms-animation-timing-function: linear; -o-animation-timing-function: linear; animation-timing-function: linear; -ms-animation-iteration-count: infinite; -o-animation-iteration-count: infinite; animation-iteration-count: infinite; } /*#blinking-loader.hidden{ display: none !important;}*/ #emp #blinking-loader.hidden { visibility: hidden !important; } #emp #overlay { /*position: fixed;*/ z-index: 2000; opacity: 0.6; filter: alpha(opacity = 50); height: 100%; width: 100%; background-color: black; } #emp #overlay.disabled { display: none; } @media screen and (max-height: 450px) { #emp .sidenav { padding-top: 15px; } #emp .sidenav a { font-size: 18px; } } .page.templates {width: 100%;margin: auto;padding: 0 10px;} .page.templates .templates-selection-container {width: 98%;margin: auto;} .page.templates .templates-selection-container label {line-height: 29px;} .page.templates .templates-selection-container #template-select {width: 350px;margin-right: 5px;} .page.templates #template-tags-container {margin-top: 7px;} .popup-templates-settings .popup-content-body .templates-selection-container {width: 98%;margin: auto;} .popup-templates-settings .tags-actions-container {margin-top: 5px;height: 45px;line-height: 45px;padding: 0 8px;text-align: left;} .popup-templates-settings .popup-content-body #template-tags-container {margin: 2px 10px;} .popup-templates-settings .popup-content-body .data-tag-record {float: right;margin: 5px;} .popup-templates-settings .popup-content-body .templates-selection-container { margin-top: 25px; } /*.page{ box-shadow: 2px 3px 19px #888888;}*/ #main-wrapper #working-card-main-wrapper { width: 95%; margin: auto; padding: 10px; border: 1px solid #ccc; border-radius: 10px; } #main-wrapper #working-card-main-wrapper #start-working-date{ width: 180px;} #main-wrapper #working-card-main-wrapper #number-of-working-days{ width: 80px;} /*Index*/ #working-card-menu-wrapper{padding: 30px;text-align:center;width:390px;margin: auto;border: 1px solid #ccc;border-radius: 8px;} #working-card-menu-wrapper .btn{margin:1px;text-align:center;border: 1px solid gray;} #working-card-menu-wrapper .btn.new-customer,#working-card-menu-wrapper .btn.existing-customer{float: right;} #working-card-menu-wrapper .btn.search-by-order-number{width: 200px;} #working-card-menu-wrapper .btn.search-by-order-number-action{width: 115px;} /*All Work Cards*/ #all-work-cards-page { /*width: 98%;margin: auto;*/ padding: 10px; overflow-x: hidden; height: 87vh; } #all-work-cards-page #open-active-orders{float: right;} #employees-info-container .e-c-wrapper:not(.disabled):hover { background-color: #ccc; opacity: 0.8; } #employees-info-container .e-c-wrapper.red.overtimed {color: red;opacity: 0.5;} #home-page .working-card-container {max-height: 570px;overflow: auto;} .working-card-container .search-workcard-tbl tbody tr td.wc-folder-icon{cursor: pointer;} .search-workcard-tbl .group-by-month:hover {cursor: pointer;} .search-workcard-tbl .closed.child-closed {display: none;} .working-card-container table {width: 100%;} .working-card-container table th, .working-card-container table td {text-align: right;font-size: 12px;} .working-card-container table tr:hover td.actions {cursor: pointer;} .working-card-container table tr .wc-folder-icon {min-width: 60px;text-align: right;cursor: pointer;} .working-card-container table tr .wc-card-id {width: 90px;} .working-card-container table tr .wc-customer-id {width: 90px;text-align: right;} .working-card-container table tr .wc-customer-name {min-width:180px; width: 205px;text-align: right;} .working-card-container table tr .wc-creation-date {width: 85px;} .working-card-container table tr .wc-start-work-date {min-width: 85px;} /*.working-card-container table tr .wc-end-work-date {width: 75px;}*/ .working-card-container table tr .wc-work-description { /*width: auto;*/ width: 593px; text-align: right; max-width: 593px; white-space: nowrap; overflow: hidden; -moz-text-overflow: ellipsis; text-overflow: ellipsis; } .working-card-container table tr .wc-number-of-employees {min-width: 50px;} .working-card-container table tr .wc-include-car {width: 35px;} /*.working-card-container table tr .wc-number-of-working-days {width: 60px;}*/ .working-card-container table tr .wc-paymeny-by {min-width: 100px;} .working-card-container table tr .wc-action {width: 70px;} .working-card-container table tr .wc-action i {visibility: hidden;} .working-card-container table tr:hover .wc-action i {visibility: visible;} .working-card-container table tr .wc-action a{ text-decoration: none;} /*New Working Card*/ #working-card {border: 1px solid #eee;padding: 14px;font-size: 13px;} #working-card #new-working-card-container {padding: 1px;} #working-card #new-working-card-container .record {width: 280px;float: right;padding: 7px 10px;text-align: right;} #working-card #new-working-card-container .record label{ font-weight: bold; font-size: 13px;} #working-card #new-working-card-container #work-description.record {width: 100%;} /*#working-card #new-working-card-container #customer-container select[name="CustomerId"]{width:231px;}*/ #work-card-page{text-align: right;} #work-card-page .record{ float: right; margin: 0 5px;} #work-card-page .form-control{ display: inline!important;} #work-card-page .record{margin-top: 10px; } #work-card-page #customer-container label{padding: 6px 12px;} /*#work-card-page #customer-container select{width: 250px;}*/ #work-card-page #start-date-container label{padding: 6px 12px;} #work-card-page #start-date-container label.title{width: 100%;font-size: 10px; padding: 10px 12px 2px 12px;} #work-card-page #end-date-container label.title{width: 100%;font-size: 10px; padding: 10px 12px 2px 12px;} #work-card-page #start-date-container input{width: 162px;} #work-card-page #end-date-container label{padding: 6px 12px; width: 146px;} #work-card-page #end-date-container input{width: 165px;} #work-card-page #work-description label{padding: 6px 12px;} #work-card-page #work-description textarea{width: 100%;height: 75px;} #work-card-page #number-of-employees label{width: 110px;padding: 6px 12px;} #work-card-page #number-of-employees input.number-of-employees-input{width: 70px;} #work-card-page #number-of-employees input[type='checkbox']{width: 30px;} #work-card-page #number-of-employees #select-employees{margin: 2px 4px;} #work-card-page #number-of-working-days label{padding: 6px 12px;} #work-card-page #number-of-working-days input{width: 100px;} #work-card-page #include-car label{ width: 107px;padding: 6px 12px;} /*#work-card-page #include-car input{width: auto;}*/ #work-card-page #include-car-price label{width: 109px;padding: 6px 12px;} #work-card-page #include-car-price input{width: 100px;} #work-card-page #payment-by-container label{width: 146px;padding: 6px 12px;} #work-card-page #payment-by-container select{width: 165px; } #work-card-page #parts label{/*width: 120px;*/padding: 6px 12px;} #work-card-page #parts input#parts-description{width: 90%;} #work-card-page #special-tools label{width: 120px;padding: 6px 12px;} #work-card-page #special-tools input#special-tools-description{width: 90%;} #work-card-page #parts-price label{width: 120px;padding: 6px 12px;} #work-card-page #parts-price input{width: 165px; } #work-card-page #special-tools-price label{width: 120px;padding: 6px 12px;} #work-card-page #special-tools-price input{width: 165px; } #work-card-page #payment-by-price label{width: 145px; padding: 6px 12px;} #work-card-page #payment-by-price input{width: 100%; } /*Employee number - DROPDOWN*/ .number-of-employees-input { color: black; padding: 7px; font-size: 12px; /*border: none;*/ } .number-of-employees-dropdown-wrapper { position: relative; display: inline-block; } .dropdown-content { display: none; padding: 4px; position: absolute; background-color: #f1f1f1; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; } .dropdown-content .rec { opacity: .5;} .dropdown-content .rec:hover {background-color: #428bca;opacity: .8;border-radius: 5px;} .dropdown-content .rec.checked{ opacity: 1;} .dropdown-content label.emp-name {font-size: 12px;color: black;padding: 12px 16px;text-decoration: none;} .dropdown-content label.emp-name:hover,.dropdown-content input { cursor: pointer;} .number-of-employees-dropdown-wrapper:hover .number-of-employees-input {background-color: #eee;} .number-of-employees-dropdown-wrapper:hover .dropdown-content {display: block;} /* Service Reports - START -----------------------------------------------------------------------------------------------------------*/ #new-service-report-page.page { width: 100%; margin: auto; text-align: right; /*border: 1px solid #eee;*/ border-radius: 5px; padding: 7px; overflow-x: hidden; } .page#new-service-report-page .right-side {width: 230px;float: right;margin: 0 10px;} .page#new-service-report-page #service-report-logo-img {width: 90%;padding: 0 10px;text-align: center;margin: auto;} .page#new-service-report-page #service-report-logo-img img{margin-left: auto; margin-right: auto; display: block;} .page#new-service-report-page #company-number {width: 90%;margin: auto; padding: 0 10px; text-align: left;} .page#new-service-report-page .right-side input {width: 100%;} tr.total-row{ font-weight: bold;background-color: lightsteelblue;} /* Service Reports - END -----------------------------------------------------------------------------------------------------------*/ #to-customer-message {padding:7px;} #to-customer-message .msg { resize: none; width: 100%; height: 80px!important; padding: 7px; } #to-customer-message .msg.has-msg { height: 75px; } #work-description .work-desc { resize: none; width: 100%; height: 75px; padding: 7px; } .timepicker-panel { padding: 50px; border: 1px solid #ccc; margin: 50px auto; max-width: 350px; } body .nj-timepick { --nj-timepick-primary: #cecece; } .timepicker-panel .form-item:not(:last-child){ margin: 0 0 30px; } .timepicker-panel .help-block{ color: #4d4d4d; font-size: 12px; margin: 6px 0; } .timepicker-panel .control-label { margin-right: 10px; } input[type="time"]::-webkit-calendar-picker-indicator { display: none; } .nj-timepick-input { outline: 0 !important; } .nj-timepick__panel { display: inline-flex; flex-wrap: wrap; padding: 30px; background: #fff; box-shadow: 0px 6px 8px 2px rgb(0, 0, 0, 0.2); } .nj-timepick { position: fixed; right: -100%; top: 0; bottom: 0; width: 100%; z-index: 5000; transition: right 0.7s ease; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; background-color: rgba(0, 0, 0, 0.6); } .nj-timepick--active { right: 0; } .nj-timepick__boxes-column { width: 50px; overflow: hidden; } .nj-timepick__boxes { /* height: 260px; */ height: 220px; overflow: auto; } .nj-timepick__boxes::-webkit-scrollbar { display: none; } /* Hide scrollbar for IE, Edge and Firefox */ .nj-timepick__boxes { -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ } .nj-timepick__box { cursor: pointer; border: 2px solid transparent; /* margin: 2px; */ width: 45px; height: 45px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; } .nj-timepick__box--active { font-weight: 700; border: 2px solid #000; background-color: var(--nj-timepick-primary); } .nj-timepick-input--active { border: 1px solid #000; } .popup-contain{ display: none;} .popup-content-body{ height: 100%;} .popup-contain .popup-overlay{position: fixed;left: 0;top: 0;right: 0;bottom: 0;filter: alpha(opacity=40);} .popup-contain .popup-content { position: absolute; z-index: 1000; left: 50%; top: 100px; -webkit-box-shadow: 0 0 15px 2px #303030; box-shadow: 0 0 15px 2px #303030; border-radius: 3px; /*background: url(../../../img/bg/Form-background.jpg);*/ } .popup-contain .popup-content .popup-header{min-height: 24px;line-height: 24px;font-size: 16px;color: #fff;border-radius: 3px 3px 0 0;padding: 5px 5px 0 5px;text-indent: 5px;} .popup-contain .popup-content .popup-content-body{display: flex; flex-direction: column; flex: 1;} .popup-contain .popup-content .popup-close{cursor: pointer; padding: 0 5px 0 0; color: white; font-weight: bold;float: right} .popup-contain .popup-content .popup-close:hover{ cursor:pointer;opacity: .7; } .popup-contain .popup-content .popup-content-preloader { background: url('images/loading.gif') no-repeat 50%; position:absolute; top: 0; left: 0; right: 0; bottom: 0; } .popup-contain .popup-header-title { display: inline-block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .popup-contain .popup-header-icon { vertical-align: text-bottom; display: inline-block; } .popup-contain .popup-footer { border-top: 1px solid lightgray; height: 35px; } .popup-footer-close { padding: 4px 9px 4px; border-radius: 4px; background-color: #943988; float: right; margin: 5px 10px 0 5px; color: white; text-align: center; cursor: pointer; } .popup-templates-settings .popup-contain .popup-content .popup-header{text-align:right!important;} .popup-contain input, .popup-contain select, .popup-contain textarea { border: 1px solid #ccc; background-color: transparent; line-height: 22px; height: 22px; border-radius: 7px; padding: 0 5px 0 0; } .popup-contain input:hover, .popup-contain select:hover, .popup-contain textarea:hover { background-color: #f5f5f5; } .bcPaint-palette-color { width: 30px; height: 30px; display: inline-block; cursor: pointer; border-radius: 5px; margin: 0 5px; } #bcPaint-palette > .selected { border: 2px solid #343a40; } @media (max-width: 1024px){ #bcPaint-header{ height: 50px; padding: 45px 0; background-color: #f7f7f7; } #bcPaint-palette{ /* margin-top: 30px; */ } .bcPaint-palette-color{ width: 50px; height: 50px; border-radius: 50px; margin: 0 10px; } #bcPaint-canvas-container{ height: calc(100% - 291px); } #bcPaint-canvas-container > canvas{ border: 0; } #bcPaint-bottom{ height: 61px; padding: 45px 0; background-color: #f7f7f7; } #bcPaint-bottom > button{ font-size: 18px; padding: 20px 50px; margin: 0 50px; } }