@import url('https://fonts.googleapis.com/css?family=Open+Sans&display=swap'); @-webkit-keyframes fadeIn {0% { opacity: 0; }20% { opacity: 0; }40% { opacity: 0.3; }60% { opacity: 0.5; }80% { opacity: 0.9; }100% { opacity: 1; }} @keyframes fadeIn {0% { opacity: 0; }20% { opacity: 0; }40% { opacity: 0.3; }60% { opacity: 0.5; }80% { opacity: 0.9; }100% { opacity: 1; }} /* width */ ::-webkit-scrollbar {width: 5px;} .tag-wrap-emp::-webkit-scrollbar { height: 8px; } /* Track */ ::-webkit-scrollbar-track { background: #ddd;} /* Handle */ ::-webkit-scrollbar-thumb { background: #b1b1b1;} /* Handle on hover */ ::-webkit-scrollbar-thumb:hover {background: #0a96e9 ; cursor: pointer; } body{font-family: 'Poppins', sans-serif !important;} h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {font-family: 'Poppins', sans-serif;} .content-header {} html, body {height:100% !important;background: #fcfcfc !important;} .wrapper{background-color:#fcfcfc !important; min-height:auto !important; height:100% !important;} .main-header {border-radius:10px; box-shadow: 0px 0px 10px #f1f1f1; -webkit-appearance: none; margin: 10px;} .main-header nav {margin-left:0px; background:#fff !important; border-radius:10px !important; padding: 10px 0;} .main-header .logo {background: #fff !important; border-radius: 10px;} .action-add{color: white;border: 1px white solid !important;background: #02A9F7 !important;border-radius: 5px !important;width: 60px !important;height: 30px !important;margin-right: 50px;} .sidebar-toggle {border-top: 5px solid #efefef;margin-top:30px;} .sidebar-toggle i, .sidebar-toggle span{color: #000;} .wrapper{overflow-y:initial;overflow-x:initial;} .btn:active{-webkit-box-shadow: none;} .btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {outline: none;} .schedule-month-view .fc-listWeek-view .fc-list-heading {cursor: pointer;} @media (min-width: 768px) { .sidebar-mini.sidebar-collapse .content-wrapper, .sidebar-mini.sidebar-collapse .right-side, .sidebar-mini.sidebar-collapse .main-footer {margin-left: 60px !important;} .sidebar-mini.sidebar-collapse .main-header .logo {width: 230px;} .sidebar-mini.sidebar-collapse .main-sidebar {width:60px !important;} .new-modal .modal-content {box-shadow:0px 0px 10px #f1f1f1;border-radius:10px;-webkit-appearance: none;} .new-modal .modal-title {color:#4c4c4c;} .new-modal .modal-title i {color:#0a96e9; margin-right:10px;} .new-modal .modal-dialog { margin: 50px auto; } .emp-details {width:800px;}} .daterangepicker.opensright:before,.daterangepicker.opensright:after {display:none;} .daterangepicker {right:15px !important;} .new-modal {background:rgba(0,0,0,0.1);} .new-modal .modal-header { margin: 0 20px;padding: 15px 0px; } .new-modal .table td{border:none;} .blue-button-wrapper {padding:20px;} .blue-button-wrapper button, .estimate-edit-btn,.estimate-btn,.procrew-default-btn {border:none; padding:10px 15px; border-radius:15px; margin-left:10px; min-width: 15%;} .blue-btn-full {background:#0a96e9; color:#fff;} .blue-btn-stroke {color:#0a96e9; background:#fff; border:1px solid #0a96e9 !important;} .new-modal #payment-form .form-row {padding: 5px 20px;} .new-modal #payment-form .form-row input {border-top: none;border-left: none;border-right: none;border-color: #e9e9e9;padding: 0; margin-bottom: 15px;} #edit-profile-form {padding:5px;} #edit-profile-form .user-profile-col .form-group, #editTimeOffModal .form-group {display: flex;} #edit-profile-form .user-profile-col .form-group label, #editTimeOffModal .form-group label {margin-bottom: 0; padding: 0;} #edit-profile-form .user-profile-col .form-group input {/* padding: 0; height: auto; border: none; */} #edit-profile-form .user-profile-col .selectize-control {width:100%;} #edit-profile-form .user-profile-col .selectize-control .selectize-input {border-top:0; border-right:0; border-left:0;} #edit-profile-form .user-profile-col-roles .form-group {display: flex; border-bottom: 1px solid #e9e9e9; padding-bottom:10px;} #edit-profile-form .user-profile-col-roles .control-label {padding:0 10px 0 0;} .user-panel-img img {width: 100%;padding: 20px;} .selectize-input.full, .selectize-input.not-full {background-color: #fafafa !important;} #changeBillingModal .default-payment-method { border-radius:10px;padding:10px;margin:10px;box-shadow:0px 0px 5px #ccc;-webkit-appearance: none;} #changeBillingModal .default-payment-method tr td:first-child {width:25%;} .popup-search-result {margin-bottom:10px;color: #ffffff !important;} .popup-search-result.pending {background:#FE7D00;} .popup-search-result.inprogress {background:#3961B8;} .popup-search-result.complete {background:#076904;} .popup-search-result.onhold {background:#B80000} .search-result-container{max-height: 400px;overflow-y: scroll;margin-top: 10px;} .search-divider{margin-top:5px;margin-bottom:5px;} .row.emp-time-row {padding: 5px 0;} #employeesViewModal2 .emp-main-task-view .emp-time-row:hover {cursor:pointer;} #employeesViewModal2 .emp-main-task-view .emp-time-row .pending { background:#FE7D00; color: #fff; border-radius: 5px; } #employeesViewModal2 .emp-main-task-view .emp-time-row .inprogress { background:#3961B8; color: #fff; border-radius: 5px; } #employeesViewModal2 .emp-main-task-view .emp-time-row .complete { background:#076904; color: #fff; border-radius: 5px; } #employeesViewModal2 .emp-main-task-view .emp-time-row .onhold { background:#B80000; color: #fff; border-radius: 5px; } @media(min-width:1001px) and (max-width:1250px){#update_user{ margin-left: 50px;}} @media(min-width:896px) and (max-width:1000px){.user-btn-layout{margin-top: 30px;margin-left: 72px;}} @media(min-width:768px) and (max-width:895px){#update_user{margin-left: 80px;margin-top: 30px;}} .tt-spacing{margin-top:30px;margin-bottom:20px;float: left;} @media(min-width:1200px){.tt-spacing2{margin-left:-40px;}} @media(min-width:1600px){.search-bars{margin-bottom:-40px;}} @media(max-width:767px){.sidebar-toggle{display: block !important;}} @media (max-width: 1000px) {.end-pos{left:5px !important;top:10px !important;} .detail-pos{margin-top: 50px;right: 20px;} .save-pos{position: relative;top:-30px;}.logged-time-btn{float: right;margin-top: -40px;width: 150px;} .drpdwn-crew{margin-top: 10px;margin-left: -25px;} #user-time-table{margin-top: 50px !important;}} .action-cancel{right: 40px;color: white;border-radius: 5px !important;width: 60px !important;height: 30px !important;} .center{display: block !important;margin-left: auto !important;margin-right: auto !important;width: 100% !important;} .box-body{border: 1px solid #A4AFB7;border-radius: 20px !important;} .box-body-left-input{border: 1px solid #d2d6de;border-top-left-radius: 10px !important;border-bottom-left-radius: 10px !important;} .box-body-right-span{border: 1px solid #A4AFB7;border-top-right-radius: 10px !important;border-bottom-right-radius:10px !important;} .box-body-right-input{border: 1px solid #A4AFB7;border-top-right-radius: 20px !important;border-bottom-right-radius: 20px !important;} .box-body-left-span{border: 1px solid #A4AFB7;border-top-left-radius: 20px !important;border-bottom-left-radius: 20px !important;} .subscribe-box-body{border: 1px solid #01416c;border-radius: 5px !important;} .subscribe-box-body-left-input{border: 1px solid #01416c;border-top-left-radius: 5px !important;border-bottom-left-radius: 5px !important;} .subscribe-box-body-right-span{border: 1px solid #01416c;border-top-right-radius: 5px !important;border-bottom-right-radius: 5px !important;} .subscribe-box-body-right-input{border: 1px solid #01416c;border-top-right-radius: 5px !important;border-bottom-right-radius: 5px !important;} .subscribe-box-body-left-span{border: 1px solid #01416c;border-top-left-radius: 5px !important;border-bottom-left-radius: 5px !important;} .action-edit{color:#0a96e9;} .action-delete{color: #bbb;} .crew-box{width: 500px !important;height: 100% !important;} .input-container {display: -ms-flexbox; /* IE10 */display: flex;margin-bottom: 15px;position: relative;} .icon {padding: 5px;background: white;color: #215880;min-width: 30px;height: 30px;text-align: center;border: 1px solid #D7DAE2;border-left: 0px;border-top-right-radius: 20px;border-bottom-right-radius: 20px;} .input-field{width: 100%;height: 30px;outline: none;border: 1px solid #D7DAE2;border-right:0px;border-top-left-radius: 20px;border-bottom-left-radius: 20px;} .input-field:focus{border: 1px solid dodgerblue;box-shadow: 1px 2px #d3d3d3;-webkit-appearance: none;} .body-header{height: 100% !important;} .content-wrapper{background:#fcfcfc !important;min-height:auto !important;} .table-header{font-size: 13px !important;color: #17557a;font-weight: bold;} .table-body{color: #17557a;background:white;border-collapse: collapse;border-radius: 1em;border-style: hidden; /* hide standard table (collapsed) border */box-shadow: 0 0 2px 1px gray; /* this draws the table border */-webkit-appearance: none;} .table-body-prof{color: #17557a;background:#fafafa;border-collapse: collapse;border-radius: 1em;} .edit-emp{height: 100%;background:#F5F6FA;} .container-approval{font-size: 12px;color: #4a4a4a;height: 100%;min-width: 260px;width: 100%;} .container-emp-details .row{margin-bottom:10px;} .user-edit-row input::placeholder {color:#e9e9e9;} .approval-list{background: white;border-radius: 5px;margin-bottom: 10px;width: 100%;min-height: 20px;height: 100%;box-shadow: 1px 2px #d3d3d3;-webkit-appearance: none;} .input-body{border-radius: 2px;box-shadow: 1px 2px #d3d3d3;-webkit-appearance: none;width:250px;border:#D7DAE2 1px solid;} .modal-add-task .input-group-addon{border-color: #17557a !important;} .input-group-addon2{color: #17557a;box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1) !important;-webkit-appearance: none;border-left:#17557a 1px solid !important;border-top:#17557a 1px solid !important;border-bottom:#17557a 1px solid !important;border-radius: 20px 0px 0px 20px !important;} .member-list-crew .input-group-addon{border-color: #17557a !important;} .combobox-container .input-group-addon{border:none;} .input-user{border-radius: 2px;box-shadow: 1px 2px #d3d3d3;-webkit-appearance: none;width:228px;border:#D7DAE2 1px solid;} .input-date{border-top: 1px solid #17557a;border-bottom: 1px solid #17557a;border-right: 1px solid #17557a;border-radius: 0 20px 20px 0;padding: 2px 14px 2px 6px;width: 290px;} .select-crew2{color: #17557a;font-weight: bold;border: 1px solid #17557a;border-radius: 20px;padding: 2px 14px 2px 6px;width: 300px;height: 32px;} .input-name-body{border-bottom: 1px solid #e9e9e9;border-top: 0;border-right: 0;border-left: 0;margin-right:0;} .input-time-body{border: 1px solid #17557a;border-radius: 20px;padding: 2px 14px 2px 6px;width: 110px;height: 32px;color: #17557a;} .approval-info{float:right;font-size: 16px;} .approval-pos{margin-top: 10px;margin-bottom: 10px;color: #B3B3B3;} .select-body-header{border:#D7DAE2 1px solid;width:100%;border-radius: 2px;box-shadow: 1px 2px #d3d3d3;-webkit-appearance: none;font-size:15px !important;} .page-title{float: left;background-color: transparent;background-image: none;padding: 10px 10px;} .name-date{float: right;padding: 13px 10px;} .left-decor{color:#fff; height: 100vh;display: flex; padding-top: 5rem;background-color: #e4f5ff; height: 100vh; background-position: center; background-repeat: no-repeat; background-size: cover; font-weight:bold;font-size:5rem;box-shadow: 3px 0px 10px grey; -webkit-appearance: none;} .left-decor-logo{background-image:url('/images/login-bg-min-2.jpg');} .left-decor-text-align{font-size:4.85rem;} .payment-options-radio{background-color:#01303F;height: 8rem;width: 18rem;border: 1px solid black;border-radius: 5px;display: inline-block;} .payment-option-card{width: 4rem;margin-top: 2.5rem;} .payment-options-radio-paypal{background-color: #fff;} .payment-option-card-paypal{width: 8rem;margin-top: 1.9rem;} .subscribe-subdomain-input{border-right: none;} .subscribe-domain-label{border-left: none;} #settings_subdomain,#settings_company_logo{border-right-color: transparent;width: 100%;border-top-left-radius: 4px;border-bottom-left-radius: 4px;box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);-webkit-appearance: none;padding: 4px 1rem;} #settings_subdomain_span{border-left-color: transparent;border-top-right-radius: 4px;border-bottom-right-radius: 4px;box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);-webkit-appearance: none;padding: 4px 1rem;} .access-page-header{letter-spacing: 3px;font-weight: bold;font-size: 2.5rem;color: #124d77;} .subscription-header{margin-top:4rem;} .subscribe-visa {margin: 0.5rem 0 0 0;} .subscribe-visa-logo {width: 3.5rem;} .subscribe-visa-container {height: 3.3rem;width: 7rem;border: 1px solid black;border-radius: 5px;margin-top: 2.5rem;} .btn-subscribe-submit {background-color: #01416c;-moz-border-radius: 28px;-webkit-border-radius: 28px;border-radius: 5px;border: 1px solid #ffffff;display: inline-block;color: #ffffff;font-size: 1.5rem;padding: .5rem 5rem;text-decoration: none;font-family: 'Source Sans Pro','Helvetica Neue',Helvetica,Arial,sans-serif;} .btn-subscribe-submit:active {position:relative;top:1px;} .subscribe-card-field {padding: 0 1rem 0 0;} .subscribe-labels {color: #707070;font-size: 1.2rem;} .subscribe-card-info-label{font-weight: bold;font-size:20px;color: #124d77;} form#subscribe-form label{color: #124d77;} #checkbox-label span{width: 20px;height: 20px;display: inline-block;} input[type=checkbox]{display: none;} .member-list-crew .combobox-container{width:100%;} input[type="checkbox"] ~ span {border-radius: 24%;background-repeat: no-repeat;background-position: center;background-size: 12px auto;} input[type=checkbox]:checked ~ span{background-image:url('/images/icon_check.png');} .subscribe-checkbox {padding: 0 !important;} .subscribe-checkbox input[type="checkbox"] ~ span {margin-right: 5px;width: 15px !important;height: 15px !important;} .subscribe-checkbox .cb-holder{border: 2px solid #10303F !important;} .subscribe-checkbox .consent-holder{border: 2px solid #10303F !important;} .subscribe-checkbox .consent-red, .subscribe-checkbox .cb-red{border: 2px solid #e50909 !important;} .subscribe-terms{display: inline;margin-bottom: 0;line-height: 1.5;} .check{vertical-align: text-top;} .consent-check{vertical-align: text-top;} .login-right{color: #10303f;position: relative;} .login-right a {color: #125075;} .login-header {margin-top: 6rem;} .login-bottom {position: absolute;left:2px;width: 100%;bottom: 0.5rem;} .login-right input[type='text'], .login-right input[type='password'] {margin-bottom: 2rem;} .fc-header-toolbar{display:none;} .schedule-month-view .fc-toolbar.fc-header-toolbar{display: block !important;} input[type="date"]::-webkit-calendar-picker-indicator {color: rgba(0, 0, 0, 0);opacity: 1;position: relative;top: 4px;display: block;background: url("../images/icon_calendar-1.png") no-repeat;-o-background-size: 15px;-moz-background-size: 15px;-webkit-background-size: 15px;width: 20px;height: 20px;border-width: thin;} .styleSelect select {background: transparent;width: 168px;padding: 5px;font-size: 16px;line-height: 1;border: 0;border-radius: 0;height: 34px;-webkit-appearance: none;color: #000;} .styleSelect{width: 140px;height: 34px;overflow: hidden;background: url("../images/icon_down-arrow-small.png") no-repeat right #fff;border: 2px solid #000;} .user-main-profile-image{width: 100px;height: 100px;position: relative;overflow: hidden;border-radius: 50%;} .round-image-container{width: 40px;height: 40px;position: relative;overflow: hidden;border-radius: 50%;} .image-holder{display: inline;margin: 0 auto;height: 100%;width: auto;} .user-list{-webkit-box-shadow: -3px 5px 5px 3px rgba(176,176,176,1);-moz-box-shadow: -3px 5px 5px 3px rgba(176,176,176,1);box-shadow: -3px 5px 5px 3px rgba(176,176,176,1);-webkit-appearance: none;} .member-list{-webkit-box-shadow: -3px 5px 5px 3px rgba(176,176,176,1);-moz-box-shadow: -3px 5px 5px 3px rgba(176,176,176,1);box-shadow: -3px 5px 5px 3px rgba(176,176,176,1);-webkit-appearance: none;} .loader{position:relative;border: 5px solid #f3f3f3;border-radius: 50%;border-top: 5px solid #3498db;width: 40px;height: 40px;-webkit-animation: spin 2s linear infinite; /* Safari */animation: spin 2s linear infinite;display: block;margin-left: auto;margin-right: auto;} /* Safari */ @-webkit-keyframes spin {0% { -webkit-transform: rotate(0deg); }100% { -webkit-transform: rotate(360deg); }} @keyframes spin{ 0% { transform: rotate(0deg); }100% { transform: rotate(360deg); }} .fc-highlight-container{display:none !important;} .fc-time-grid .fc-slats td {height: 2.5em !important;} .date-range-col{align-items: center;} .export-range input{border: 1px solid #17557a !important;height: 35px !important;} .new-ui-select .selectize-input{border: 1px solid #17557a !important;border-radius: 20px !important;color: #17557a !important;} .date-range-col input{width: 350px;margin-top: 10px;font-weight: bold;color: #17557a;flex-grow: 1;border: 1px solid #D7DAE2;border-radius: 20px;padding: 2px 14px 2px 6px;height: 28px;background: no-repeat 98%/12px url(/images/icon_calendar.png);background-color: white;-o-background-size: 15px;-moz-background-size: 15px;-webkit-background-size: 15px;} .schedule-checkbox{font-size: 12px;font-weight: bold;color: #02577A;margin-right: 1.4rem;} .schedule-checkbox.wbg p, .reports-status-check.wbg p{border-radius: 8px;} .schedule-checkbox p, .reports-status-check p {margin-bottom: 0;margin-left: 2.2rem;position: relative;} .schedule-checkbox p:before, .reports-status-check p:before {content: "";width: 2rem;height: 1.8rem;border: 2px solid #C3DAFF;border-radius: 4px;display: inline-block;position: absolute;left: -2.2rem;transition: all 0.1s ease;} .schedule-checkbox p:after, .reports-status-check p:after {content: "";left: -1.9rem;top: 35%;width: 7px;height: 10px;border: solid #17557a;border-width: 0 2px 2px 0;-webkit-transform: rotate(45deg) translateY(-50%);-ms-transform: rotate(45deg) translateY(-50%);transform: rotate(45deg) translateY(-50%);display: block;position: absolute;opacity: 0;transition: all 0.1s ease;} .sidebar-mini .time-request-alert, .sidebar-mini .time-card-alert {color: #ffc800;margin-left: 10px;position: absolute;top: 30%;font-size: 16px;} .sidebar-mini .time-request-alert{right: 5%;} .sidebar-mini .time-card-alert{right: 2%; } .sidebar-collapse .time-card-alert{top: 10% !important;right: -15% !important;font-size: 10px !important;} .sidebar-collapse .time-request-alert {top: 10% !important;right: 10% !important;font-size: 10px !important;} .schedule-checkbox input[type="checkbox"]:checked + p:after {opacity: 1;} .search-col .input-group{flex: 1;} .search-col input{border-radius: 20px;padding: 2px 14px 2px 6px;} .search-col button{background-color: white;color: #17557a;padding: 3px 11px;border: solid 0px 1px 1px 1px !important;border-radius: 20px;} .log-btn-wrap{order: 4;} .sched-head-label{color: #4c4c4c;margin-right:10px;font-size:18px;} .filter-col{flex-wrap: wrap;} .col-w-label{display: flex;align-items: center;flex-wrap: wrap;} .col-w-label .cwl-title{width: 100%;margin-bottom: 6px;} .btn-blue-rounded{background-color: #17557a;height: 28px;border: 0 none;color: #fff;padding: 0.5rem 2rem;border-radius: 2.5rem;} .hide-archive-btn{border-radius: 12px !important;-webkit-border-radius: 12px !important;-moz-border-radius: 12px !important;;} .custom-round{border-radius: 12px !important;background: #0a96e9 !important;-webkit-border-radius: 12px !important;-moz-border-radius: 12px !important;border:none;} .schedule-filter-row{display: flex;flex-wrap: wrap;align-items: center;} .schedule-filter-row > div {margin-bottom: 1.5rem;} .sched-pos{flex-wrap: wrap;} .crew-dropdown-row{padding-bottom: 1rem;} .crew-dropdown-wrap{position: relative;} .crew-dropdown-wrap button{width: 100%;display: flex;justify-content: space-between;align-items: center;color: #02577A;background-color: transparent;border-radius:0;} .crew-dropdown-wrap span{color: #fff;font-size: 1.2rem;background: #0b94e6;padding: 5px;border-radius: 50%;} .crew-dropdown-wrap:last-of-type .blue-vert-line{display: none;} .schedule-date{text-align: center;background-color: white;} .schedule-date span{color: #02A9F7;font-size: 1.8rem;font-weight: 600;} .calendar-col-content{position: relative;} .calendar-col-content:nth-child(3) .blue-vert-line{opacity: 0;} .blue-vert-line{position: absolute;height: 100%;width: 3px;background-color: #02A9F7;right: 0;} .blue-vert-line:before,.blue-vert-line:after{content: "";width: 7px;height: 7px;background-color: #02A9F7;border-radius: 100%;display: block;position: absolute;left: 50%;transform: translateX(-50%);} .blue-vert-line:before{top:-3px;} .blue-vert-line:after{bottom: -3px;} .calendar-col-content .fc-day {background-color: #F5F6FA !important;} .calendar-col-content .fc-time-grid .fc-slats .fc-minor td {border-top-style: solid;} /* .calendar-col-content .fc-event,.calendar-col-content .fc-event:hover{background-color: #C8E9FF;border:0 !important;} */ .calendar-col-content .fc-event .fc-bg {opacity: 0;} .event-block {display: flex;justify-content: space-between;height: 100%;padding: 0.4rem .8rem;z-index: 1;position: relative;} .event-info {width: 100%;flex-grow: 1;overflow-y: auto;} .event-actions {flex: 1 1 0%;text-align: center;display: flex;justify-content: center;align-items: center;} .event-actions .edit {color: #4E4E4E;margin-right: 0.4rem;} .event-actions .del {color: #CB0000;padding: 0;border: none !important;} .event-actions .del i {font-size:22px;} .view-emp-display {display:flex;} .view-emp-display input::placeholder {color: #e9e9e9;opacity: 1;font-weight:300;} .view-emp-display input:-ms-input-placeholder { /* Internet Explorer 10-11 */color: #e9e9e9;font-weight:300;} .view-emp-display input::-ms-input-placeholder { /* Microsoft Edge */color: #e9e9e9;font-weight:300;} .fc-unthemed .fc-list-item:hover td {background-color: #f5f5f5 !important;cursor: pointer;} .fc-ltr .fc-list-heading-main, .fc-ltr .fc-list-heading-alt {float:none !important;} .fc-ltr .fc-list-heading-alt {margin-left:110px;} @media (max-width: 767.98px) {.blue-vert-line {opacity: 0;}.crew-dropdown-wrap {margin-bottom: 2rem;}} @media (max-width: 991.98px) {} @media (min-width: 992px){.col-w-label {flex-wrap: nowrap;}.col-w-label .cwl-title {width: 80px;margin-bottom: 0;}.log-btn-wrap {order: unset;}} .modal-add-task .input-schedule-crew .input-group {padding:0;} .modal-add-task .schedule-checkbox-container, .modal-add-task .schedule-attach-file {margin-left:4%;} .modal-add-task .modal-content,#settings-modal .modal-content,#EstimateFormModal .modal-content {border-radius: 10px;} .modal-add-task .modal-header,.modal-add-task .modal-footer {border: 0 none;} .modal-add-task .modal-header,.modal-add-task .modal-body,.modal-add-task .modal-footer { } .modal-add-task .modal-title,#settings-modal .modal-title,#EstimateFormModal .modal-title{color: #02A9F7;font-weight: bold;padding:0 10px;} .modal-add-task .modal-body .row {} .close-btn{top:15px;height:50px;background-color:#17557a;} .add-btn{top:15px;height:50px;background-color:#02A9F7;} .row-button button { height: 50px;margin-top: -10px;margin-left: -15px;border: 1px solid #17557a;background-color: transparent;color: white;padding: 3px;position: relative;top: 11px;} .row-button .btn-save,#settings-modal .btn-save {border: 1px solid #02A9F7;background-color: #02A9F7;color: #fff;} .row-button-emp button {width: 425px;height: 49px;margin-top: -10px;margin-left: -15px;border: 1px solid #17557a;background-color: transparent;color: white;padding: 3px;position: relative;top: 11px;} .row-button-user button {width: 100%;padding: 10px;border: none;border-radius: 5px;} .row-button-user .btn-cancel {background:#fff; border:1px solid #17557a; color:#17557a;} .row-button-user .save-inventory-btn, .row-button-user .btn-save-schedule { background: #1dbee9;background-image: linear-gradient(#1db0e9, #1dbee9); color:#fff;} .row-button-emp .btn-save,#settings-modal .btn-save {border: 1px solid #02A9F7;background-color: #02A9F7;color: #fff;} .btn-cancelApp{padding-right: 150px !important;float: left;color: #02A9F7 !important;border: none !important;} .btn-reject{background-color: rgb(245, 81, 81) !important;color: white !important;border: rgb(245, 81, 81) !important;} .modal-add-task .m-label{font-weight: bold;margin-bottom: 3px;} .modal-add-task span.dropdown-toggle {border-top-right-radius: 4px;border-bottom-right-radius: 4px;border-left-color:transparent !important;} .modal-add-task input.combobox-builder,.modal-add-task input.combobox-subdivision,.modal-add-task input.combobox-address {border-top-right-radius: 0px !important;border-bottom-right-radius: 0px !important;border-right-color:transparent !important;} #EstimateFormModal #add-estimate-form .estimate-btn, #EstimateFormModal #edit-estimate-form .estimate-edit-btn {border: none !important;padding: 10px 15px !important;border-radius: 15px !important;margin-left: 10px !important;min-width: 15% !important;width: auto !important;} #EstimateFormModal #add-estimate-form input,#EstimateFormModal #add-estimate-form textarea,#create-user #user-create-form input,#create-user #user-create-form select,#edit-user #user-edit-form input,#edit-user #user-edit-form select,#employee-details #add-employee-form input,#employee-details #add-employee-form select,#employee-details #edit-employee-form input,#employee-details #edit-employee-form select,.navbar .site-wide-select select, #add-crew-leader-form input,#add-crew-leader-form select, #modal-edit-crew input, #modal-edit-satus input,#modal-edit-crew select, #modal-edit-satus select,#emp-update-modal #emp-update-form input,#emp-update-modal #emp-update-form select{width: 100%;border: 1px solid #17557a;border-radius:5px;padding: 8px;box-shadow: 0px 0px 5px #ccc;-webkit-appearance: none;} .estimate-inventory-location-select{width: 100%;border-radius:5px;padding: 8px;box-shadow: 0px 0px 5px #ccc;-webkit-appearance: none;} .estimate-inventory-location-select:after{content: ' ';display: block;position: absolute;top: 50%;right: 17px;margin-top: -3px;width: 0;height: 0;border-style: solid;border-width: 5px 5px 0 5px;border-color: #333333 transparent transparent transparent;} #requestTimeOffModal .modal-body input[type=checkbox], #editTimeOffModal .modal-body input[type=checkbox] {display:initial;} #requestTimeOffModal .date-range-wrapper span, #editTimeOffModal .date-range-wrapper span {text-transform:capitalize;} #requestTimeOffModal .input-time-body, #editTimeOffModal .input-time-body {color:#333;} #requestTimeOffModal .request-reason, #editTimeOffModal input .edit-reason {padding: 8px;box-shadow: rgb(204 204 204) 0px 0px 5px;-webkit-appearance: none;border-radius: 5px;margin: 0px;min-height: 72px; border: 0px !important; } #crewsTimeOffTbl tr td:nth-child(5) a {font-size: 20px;margin-left: 20px;margin-right: 10px;} #employeesViewModal button:disabled {color:#e9e9e9;} input.input-add-crew{border: 1px solid #D7DAE2;border-radius: 4px;box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);-webkit-appearance: none;padding: 4px 1rem;} .modal-add-task .schedule-checkbox, .reports-content .reports-status-check {margin-right: 1rem;font-size: 13px;} .select-dropdown {width: 200px;border: 1px solid #D7DAE2;border-radius: 4px;box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);-webkit-appearance: none;overflow: hidden;position: relative;} .select-dropdown:after {content:"\f078";font-family: FontAwesome;display: block;position: absolute;top: 50%;right: 0.6rem;transform: translateY(-50%);color: #A4AFB7;font-size: 12px;} .select-dropdown select {border: 0 none;padding: 4px 32% 4px 1rem;width: 130%;outline: 0;position: relative;z-index: 1;background: transparent;} .modal-add-task textarea {width: 100%;} .modal-add-schedule textarea {height: 100px;resize: none;width: 100%;border: 1px solid #17557a;border-radius: 20px;padding: 4px 1rem;} .modal-add-schedule input {margin-top: 0px;resize: none;width: 100%;padding: 8px !important;box-shadow: 0px 0px 5px #ccc;-webkit-appearance: none;border-radius: 5px !important;} .modal-add-emp input,.modal-add-emp .crew-row div.selectize-input {resize: none;width: 100%;} .modal-add-schedule .label-margin{margin-top: 15px;} .modal-add-schedule .warning-alert{float: top;color: red;font-style: italic;font-size: 10px;} .modal-add-schedule .note-alert {float: top;font-style: italic;font-size: 12px;} .modal-add-schedule .drop-warning-alert,.modal-add-task .drop-warning-alert {color: red;font-style: italic;font-size: 10px;} .date-time-wrap{display: flex;justify-content: space-between;} .date-time-wrap .date-range-col{flex: 1 0 auto;} .date-time-wrap .select-dropdown {flex: 1 1 30%;margin-left: 1rem;border: 0 none;} @media (min-width: 992px) {.modal-add-task .m-label {position: relative;top: 3px;}} .settings-button{position: absolute;z-index: 10000;top: 65%;left: 16%;color: #b8c7ce;text-decoration: none;} .daterangepicker .end-date{background-color:#FF0000 !important;} .daterangepicker .drp-selected{padding-right: 0 !important;} .date-time-wrap{flex-direction: column;} .minimize {margin-top: -8px;margin-right: 10px;-webkit-appearance: none;padding: 0;cursor: pointer;background: 0 0;border: 0;float: right;font-size: 21px;font-weight: 700;line-height: 1;color: #000;text-shadow: 0 1px 0 #fff;filter: alpha(opacity=20);opacity: .2;} .selected-sidebar{color: white !important;background-image: linear-gradient(to right,#0B8DD9,#134F73);border-radius: 10px;} .sidebar li{ margin-bottom:10px;} .sidebar-margin{} .skin-blue .sidebar a{color:#17557a;border-left: 0px !important;padding: 12px 5px 12px 13px;} .skin-blue .sidebar a:hover{border-radius: 10px;background-image: linear-gradient(to right,#0B8DD9,#134F73) !important;-webkit-animation-name: fadeIn;-webkit-animation-duration: 0.3s;animation-name: fadeIn;animation-duration: 0.3s;} .sidebar-ui{background-color: #fff !important;box-shadow: 0px 0px 10px #f1f1f1;-webkit-appearance: none;top:auto;padding:10px;border-radius: 0 10px 10px 0;min-height:initial;} .new-ui-font{margin-top: 15px;color: #17557a;font-weight: bold;} .date-box{border: solid 1px #17557a;color: #17557a;border-radius: 20px;position: relative;right: 20px;height: 25px;width: 150px;} .na-btn{color: white;font-weight: 600;width: 70px;height: 15px;margin-top:1px;margin-left: 20px;border-radius:5px;border: 1px solid;float: right;} .emp-btn{color: white;font-weight: 600;width: 90px;height: 20px;border-radius:7px;border: 1px solid;} .emp-details{display: none;position: absolute;z-index: 1;top:5%;right:10%;} .user-details{ } .cw-table{color: #17557a;background:white;border-collapse: collapse;border-style: hidden; /* hide standard table (collapsed) border */} .tt-table{color: #17557a;background:white;border-collapse: collapse;border-radius: 1em;border-style: hidden; /* hide standard table (collapsed) border */box-shadow: 0 0 2px 1px gray; /* this draws the table border */-webkit-appearance: none;} .radiocontainer {display: inline-grid;grid-auto-flow: dense;align-items: center;} .radiocontainer label{ grid-column: 2;} .login-border{position: relative;box-shadow: 0px 0px 10px #f1f1f1;-webkit-appearance: none;margin-bottom: 6rem;background: #fff;} .login-form-wrapper{font-size: 16px;margin-top: 10rem;} .login-form-wrapper input#email:placeholder{color: #124d77;} .login-form-wrapper .form-group input{border:1px solid #e9e9e9;} .login-form-wrapper #checkbox-label span {border:1px solid #e9e9e9;margin-top: 3px;} .login-form-wrapper #checkbox-label .subscribe-terms {font-size: 12px;font-weight: normal;color: #555;} .hidden-slot-bg{} section.content .row:last-child .full-calendar-display.last-row{border-bottom-right-radius: 20px;border-bottom-left-radius: 20px;} section.content .row .full-calendar-display,section.content .row .schedule-date{} .col-sm-5.add-emp-inp { width: 43% !important;} .add-emp-inp {} .add-emp-label{color: #17557a;font-weight: 600 !important;margin-top: 5px;} #employee-details .modal-dialog, #modal-add-crew .modal-dialog, #modal-edit-crew .modal-dialog, #modal-edit-satus .modal-dialog, #emp-update-modal .modal-dialog{width: 850px !important;} #viewEmpTaskModal .modal-dialog {width:900px; overflow:auto;} #viewEmpTaskModal {overflow:auto;} .navbar-custom-menu .user-header{background-color: white !important;height: auto !important;} .navbar-custom-menu img {padding-right:10px;} .navbar-custom-menu .user-header p{color: black !important;} .logo-box{border-radius: 20px;display: block;margin:auto;border: solid 1px;width: 200px;height: 150px;background-color: #17557a;} .logo-box img{display: block;margin:auto;margin-top:10px;} .logo-change{border-left: 0px !important;padding:0px 0px 0px 0px !important;} .logo-change a:hover{background-color: transparent;} .procrew-logo{letter-spacing: 5px;padding: 15px 0 15px 0;bottom: 0;position: fixed;left: 0;right: 0;background: #fff;border-top: 1px solid #e9e9e9;font-size: 10px;font-weight: bold;color: #606060;z-index: 1;} .modal-backdrop.in{display:none;} button, input, select, textarea{outline: none;} .drpdown-details{color:#0a96e9 !important;font-size:20px;margin-right:10px;float:left;} .new-task-requisite .selectize-dropdown .option{text-overflow: ellipsis;white-space: nowrap;} .carousel-item{height: 350px;} .carousel-indicators li{width: 10px;height: 10px;border-radius: 100%;} .carousel-indicators{top: 175px;height:20px;} #modal-loader-photo .modal-content {background:none;box-shadow:none;} #modal-loader-photo .modal-dialog {position: absolute;left: 0;right: 0;top: 20%;} .loader3 {font-size: 19px;margin: 5em auto;width: 1em;height: 1em;border-radius: 50%;position: relative;text-indent: -9999em;-webkit-animation: load3 1.3s infinite linear;animation: load3 1.3s infinite linear;color:#3c763d ;} @-webkit-keyframes load3 { 0%, 100% { box-shadow: 0em -3em 0em 0.2em #ffffff, 2em -2em 0 0em #ffffff, 3em 0em 0 -0.5em #ffffff, 2em 2em 0 -0.5em #ffffff, 0em 3em 0 -0.5em #ffffff, -2em 2em 0 -0.5em #ffffff, -3em 0em 0 -0.5em #ffffff, -2em -2em 0 0em #ffffff; } 12.5% { box-shadow: 0em -3em 0em 0em #ffffff, 2em -2em 0 0.2em #ffffff, 3em 0em 0 0em #ffffff, 2em 2em 0 -0.5em #ffffff, 0em 3em 0 -0.5em #ffffff, -2em 2em 0 -0.5em #ffffff, -3em 0em 0 -0.5em #ffffff, -2em -2em 0 -0.5em #ffffff; } 25% { box-shadow: 0em -3em 0em -0.5em #ffffff, 2em -2em 0 0em #ffffff, 3em 0em 0 0.2em #ffffff, 2em 2em 0 0em #ffffff, 0em 3em 0 -0.5em #ffffff, -2em 2em 0 -0.5em #ffffff, -3em 0em 0 -0.5em #ffffff, -2em -2em 0 -0.5em #ffffff; } 37.5% { box-shadow: 0em -3em 0em -0.5em #ffffff, 2em -2em 0 -0.5em #ffffff, 3em 0em 0 0em #ffffff, 2em 2em 0 0.2em #ffffff, 0em 3em 0 0em #ffffff, -2em 2em 0 -0.5em #ffffff, -3em 0em 0 -0.5em #ffffff, -2em -2em 0 -0.5em #ffffff; } 50% { box-shadow: 0em -3em 0em -0.5em #ffffff, 2em -2em 0 -0.5em #ffffff, 3em 0em 0 -0.5em #ffffff, 2em 2em 0 0em #ffffff, 0em 3em 0 0.2em #ffffff, -2em 2em 0 0em #ffffff, -3em 0em 0 -0.5em #ffffff, -2em -2em 0 -0.5em #ffffff; } 62.5% { box-shadow: 0em -3em 0em -0.5em #ffffff, 2em -2em 0 -0.5em #ffffff, 3em 0em 0 -0.5em #ffffff, 2em 2em 0 -0.5em #ffffff, 0em 3em 0 0em #ffffff, -2em 2em 0 0.2em #ffffff, -3em 0em 0 0em #ffffff, -2em -2em 0 -0.5em #ffffff; } 75% { box-shadow: 0em -3em 0em -0.5em #ffffff, 2em -2em 0 -0.5em #ffffff, 3em 0em 0 -0.5em #ffffff, 2em 2em 0 -0.5em #ffffff, 0em 3em 0 -0.5em #ffffff, -2em 2em 0 0em #ffffff, -3em 0em 0 0.2em #ffffff, -2em -2em 0 0em #ffffff; } 87.5% { box-shadow: 0em -3em 0em 0em #ffffff, 2em -2em 0 -0.5em #ffffff, 3em 0em 0 -0.5em #ffffff, 2em 2em 0 -0.5em #ffffff, 0em 3em 0 -0.5em #ffffff, -2em 2em 0 0em #ffffff, -3em 0em 0 0em #ffffff, -2em -2em 0 0.2em #ffffff; } } @keyframes load3 { 0%, 100% { box-shadow: 0em -3em 0em 0.2em #ffffff, 2em -2em 0 0em #ffffff, 3em 0em 0 -0.5em #ffffff, 2em 2em 0 -0.5em #ffffff, 0em 3em 0 -0.5em #ffffff, -2em 2em 0 -0.5em #ffffff, -3em 0em 0 -0.5em #ffffff, -2em -2em 0 0em #ffffff; } 12.5% { box-shadow: 0em -3em 0em 0em #ffffff, 2em -2em 0 0.2em #ffffff, 3em 0em 0 0em #ffffff, 2em 2em 0 -0.5em #ffffff, 0em 3em 0 -0.5em #ffffff, -2em 2em 0 -0.5em #ffffff, -3em 0em 0 -0.5em #ffffff, -2em -2em 0 -0.5em #ffffff; } 25% { box-shadow: 0em -3em 0em -0.5em #ffffff, 2em -2em 0 0em #ffffff, 3em 0em 0 0.2em #ffffff, 2em 2em 0 0em #ffffff, 0em 3em 0 -0.5em #ffffff, -2em 2em 0 -0.5em #ffffff, -3em 0em 0 -0.5em #ffffff, -2em -2em 0 -0.5em #ffffff; } 37.5% { box-shadow: 0em -3em 0em -0.5em #ffffff, 2em -2em 0 -0.5em #ffffff, 3em 0em 0 0em #ffffff, 2em 2em 0 0.2em #ffffff, 0em 3em 0 0em #ffffff, -2em 2em 0 -0.5em #ffffff, -3em 0em 0 -0.5em #ffffff, -2em -2em 0 -0.5em #ffffff; } 50% { box-shadow: 0em -3em 0em -0.5em #ffffff, 2em -2em 0 -0.5em #ffffff, 3em 0em 0 -0.5em #ffffff, 2em 2em 0 0em #ffffff, 0em 3em 0 0.2em #ffffff, -2em 2em 0 0em #ffffff, -3em 0em 0 -0.5em #ffffff, -2em -2em 0 -0.5em #ffffff; } 62.5% { box-shadow: 0em -3em 0em -0.5em #ffffff, 2em -2em 0 -0.5em #ffffff, 3em 0em 0 -0.5em #ffffff, 2em 2em 0 -0.5em #ffffff, 0em 3em 0 0em #ffffff, -2em 2em 0 0.2em #ffffff, -3em 0em 0 0em #ffffff, -2em -2em 0 -0.5em #ffffff; } 75% { box-shadow: 0em -3em 0em -0.5em #ffffff, 2em -2em 0 -0.5em #ffffff, 3em 0em 0 -0.5em #ffffff, 2em 2em 0 -0.5em #ffffff, 0em 3em 0 -0.5em #ffffff, -2em 2em 0 0em #ffffff, -3em 0em 0 0.2em #ffffff, -2em -2em 0 0em #ffffff; } 87.5% { box-shadow: 0em -3em 0em 0em #ffffff, 2em -2em 0 -0.5em #ffffff, 3em 0em 0 -0.5em #ffffff, 2em 2em 0 -0.5em #ffffff, 0em 3em 0 -0.5em #ffffff, -2em 2em 0 0em #ffffff, -3em 0em 0 0em #ffffff, -2em -2em 0 0.2em #ffffff; } } /*--- START OF INVENTORY DASHBOARD CSS --> /* Bootstrap 3 text input with search icon */ .has-search .form-control-feedback{right: initial;left: 0;color: #ccc;} .has-search .form-control{padding-right: 12px;padding-left: 34px;} .actiondropbtn{color: #004a77;font-size: 16px;border: 1px solid #004a77;background: #fff;text-transform: uppercase;padding: 0px 15px;} .dropbtn{background-color: #4CAF50;color: white;padding: 16px;font-size: 16px;border: none;} .dropdown{position: relative;display: inline-block;} .table-proper .dropdown, .table-proper .dropdown .actiondropbtn {width:100%;} .table-proper .dropdown .actiondropbtn{font-weight:bold;} .dropdown-content{display: none;position: absolute;padding:8px 0;z-index: 1;width:100%;border: 1px solid #004a77;background: #fff;} .dropdown-content a {color: #004a77;padding: 0px 16px;padding-top: 2px;padding-bottom: 2px;text-decoration: none;display: block;text-transform: uppercase;font-weight:bold;font-size:16px;} .dropdown-content a:hover {background-color: #ddd;} .dropdown:hover .dropdown-content {display: block;} .dropdown:hover .dropbtn {background-color: #3e8e41;} .dashboard_table_holder {padding:10px 20px;} .btn-custom-dropdown {border:1px solid #206088 !important; color:#004a77; background:#fff;width: 180px;text-align: left;margin-right: 20px;background-image: url(/images/dropdown-icon.png);background-size: 7%;background-position: 97% 50%;background-repeat: no-repeat;border-radius: 10px 10px 10px 10px !important;} .btn-primary-gradient {border-radius: 50px !important;background: #014a77;background-image: linear-gradient(#0c7aa4, #014a77);padding: 10px 20px;color: #fff;} .clearfix {clear:both; margin:0; padding:0;} .table-proper table{margin-top:30px;} .col-sort, .col-show {color:#004a77; } .col-show {border-left:1px solid #004a77;} .col-sort a {text-decoration:underline; margin-left:10px;} .col-show input {width: 50%;margin-left: 10px; height:20px;} .btn-custom-dropdown{-webkit-appearance: none;-moz-appearance: none;text-indent: 1px;text-overflow: '';} #addItem-btn span {background: url(/images/add-item-icon.png) no-repeat;background-size: 15%;background-position: 7% 50%;padding-left: 25px; text-transform:uppercase;} #pickList-btn span {background: url(/images/picklist-icon.png) no-repeat;background-size: 15%;background-position: 7% 50%;padding-left: 25px; text-transform:uppercase;} .col-show input[type=number]::-webkit-inner-spin-button {opacity: 1;} #metric-table th:first-child{border-radius:10px 0 0 0;} #metric-table th:last-child{border-radius:0 10px 0 0;} #category-table th:first-child{border-radius:10px 0 0 0;} #category-table th:last-child{border-radius:0 10px 0 0;} #supplier-table th:first-child{border-radius:10px 0 0 0;} #supplier-table th:last-child{border-radius:0 10px 0 0;} #location-table th:first-child{border-radius:10px 0 0 0;} #location-table th:last-child{border-radius:0 10px 0 0;} #inventory_tbl{margin:0;width: 100% !important;border:none;} #inventory_tbl th{border:none;} .addtl-close-btn {float: right;color: white;background: #ff4141;padding: 5px;border-radius: 5px;font-size: 10px;cursor: pointer;} .remove-picklist-row-btn, #updateInventory-panel .delete-location-row {float: right;color: white !important;background: #ff4141;padding: 5px;border-radius: 5px;font-size: 10px;cursor: pointer;} .remove-picklist-container {margin-bottom:10px;} #add-estimate-form .picklist-row .picklist-form-container i, #edit-estimate-form .picklist-row .picklist-form-container i { margin-left: 10px;} #customSearchBox{border-radius: 10px 10px 10px 10px;width: 90%;} #display_length{border-radius: 5px 5px 5px 5px;text-align: center;border: 1px solid #e9e9e9;} .plus-icon {color: #fff;background: url(/images/nt-btn-wyt.png) no-repeat center right;font-size: 10px;background-color: #0a96e9;padding: 5px 25px 5px 10px;background-position: 95%;border-radius: 5px;border: 1px solid #e9e9e9;} .plus-icon:hover {color:#fff;} .remove-link {font-size: 12px;} #add_inventory_modal #location_div .remove-link, #modal-view-stock .remove-link {font-size: 10px;background-color: #656565;padding: 5px 8px 5px 8px;background-position: 95%;border-radius: 5px;border: 1px solid #545454;color: #fff;} #updateInventory-panel .remove-link {font-size: 10px;background-color: #656565;padding: 5px 8px 5px 8px;background-position: 95%;border-radius: 5px;border: 1px solid #545454;color: #fff; text-align:right;} .add-invent-label {color:#474b4f; } .add-invent-label-required {font-size:10px; color: red; font-weight: normal;} .add-invent-label-required-blk {font-size:14px; color: #000; font-weight: normal;} .add-invent-label-required span {margin-left: 5px; color: red; font-weight: bold; vertical-align: middle; font-size: 14px;} .sub-label-rq {margin-top: 10px;margin-right: -10px;} #add_inventory_modal .modal-dialog {width:50%;} #add_inventory_modal #addDropzone, #updateDropzone {border-radius: 5px;border: 1px solid #f8f8f8;padding: 0;min-height: 50px;background: #f8f8f8;} #add_inventory_modal .input-name-body, #add_inventory_modal #description, #add-category-form .input-name-body, #add-metric-form .input-name-body, #add-supplier-form .input-name-body ,.modal-add-location .input-name-body,#stock-count-add-location-modal .input-name-body, .updateLocationModal .input-name-body, .modal-add-picklist .input-name-body, .modal-edit-picklist .input-name-body, #update-supplier-form .input-name-body, #edit-category-form .input-name-body, #update_metric_id .input-name-body, #update-metric-form .input-name-body, #manageSupplierModal .input-name-body, #manageCategoryModal .input-name-body{width: 100%;padding: 8px !important;box-shadow: 0px 0px 5px #ccc;-webkit-appearance: none;border-radius: 5px;} .modal-add-picklist .input-name-body .selectize-input {background: #fff !important;min-height: auto;padding: 0px;border: none !important;} #add_picklist_modal .stock-picklist-container input {border-bottom:1px solid #e9e9e9 !important;} .view-stock-location-row .location-select-container {padding:0; } .view-stock-location-row {margin-top:15px;} .updateInventoryData .input-name-body, .updateInventoryData #description { width: 100%;padding: 5px 0;} #add_inventory_modal #description, .updateInventoryData #description {border:1px solid #e9e9e9;} #add_inventory_modal #add-user-form select, .updateInventoryData #select-category-update, .updateInventoryData #select-supplier-update, .updateInventoryData #select-metric-update, .updateInventoryData .location_select, #modal-view-stock select, #add_picklist_modal .select , .task-type-dd, #add_inventory_modal select, .custom-tags-dropdown, #select-option-emp, .reports-address-dd, .reports-customer-dd, .reports-job-id-dd, .reports-cost-code-dd, .reports-crew-dd, .task-template{-webkit-appearance: none;width: 100%;background-image: url(/images/dropdown-blk.png);background-repeat: no-repeat;background-position: 98%;background-size: 15px;padding: 8px;margin-bottom: 10px;border: none !important;border-radius: 5px;box-shadow: 0px 0px 5px #ccc;-webkit-appearance: none;} .custom-tags-dropdown {margin-right:20px;} .custom-tags-btn {color: #fff;font-size: 10px;background-color: #0a96e9;padding: 10px;background-position: 95%;border-radius: 5px;border: 1px solid #e9e9e9;height:35px;} .custom-tags-btn:hover {color:#fff;} .task-type-dd:focus, .reports-address-dd:focus, .reports-customer-dd:focus, .reports-job-id-dd:focus, .reports-cost-code-dd:focus, .reports-crew-dd:focus, .task-template:focus { box-shadow: 0px 0px 5px #ccc; -webkit-appearance: none;} #add_picklist_modal .selectize-input { border:0 !important; background: #fff !important;} #add_picklist_modal .selectize-input:hover {box-shadow:none;} .updateInventoryData #description {border: 0 !important;padding: 8px;box-shadow: 0px 0px 5px #ccc;-webkit-appearance: none;border-radius: 5px;} #updateInventory-panel #inventory-images {width:300px; margin:auto;background: #efefef;border-radius: 10px;} #updateInventory-panel #inventory-images img {width: auto;height: 200px;margin: 0 auto;} #updateInventory-panel .add-invent-label {font-weight:bold;} #add_inventory_modal .select2-container{width:100% !important;} #add_inventory_modal .select2-container--classic .select2-selection--multiple {padding: 5px 8px;margin-bottom: 10px;border: none !important;border-radius: 5px;box-shadow: 0px 0px 5px #ccc; -webkit-appearance: none;} #updateInventory-panel {padding:15px 40px;} #add_inventory_modal .dropzone .dz-message, #updateDropzone .dz-message{text-transform: uppercase;margin: 1.4em 0;color: #bababa;font-size: 18px;} .btn-cancel {color:#17557a;} #viewInventoryTable {border:none;} #requestTimeOffModal button[disabled], #requestTimeOffModal input[disabled], #editTimeOffModal button[disabled], #editTimeOffModal input[disabled] {background: #ececec!important;} .ui-timepicker-wrapper {max-height: 180px !important;width: 10em !important;} #requestTimeOffModal .input-time-body, #editTimeOffModal .input-time-body{background: url(/images/nclock.png);background-size: 14%;background-repeat: no-repeat;background-position: 90% 50%; } #requestTimeOffModal .date-range, #editTimeOffModal .date-range{background: url(/images/ndatecal.png);background-size: 15px;background-repeat: no-repeat;background-position: 97% 50%;} .modal-add-task .date-range-task-add, .modal-export-schedule .export-date-range, .reports-content .reports-from-date, .reports-content .reports-to-date {background: url(/images/ndatecal.png);background-size: 15px;background-repeat: no-repeat;background-position: 97% 50%; margin-right:10px;} .modal-add-task .actual-date-row .actual-date-range-task-add {background: url(/images/ndatecal.png);background-size: 15px;background-repeat: no-repeat;background-position: 98% 50%;} .modal-add-task .input-task-start, .modal-add-task .input-task-end {background: url(/images/nclock.png);background-size: 15px;background-repeat: no-repeat;background-position: 92% 50%; } .modal-add-task .input-task-actual-start, .modal-add-task .input-task-actual-end {background: url(/images/nclock.png);background-size: 15px;background-repeat: no-repeat;background-position: 97% 50%; } #crewsTimeOffTbl .edit-timeoff, #crewsTimeOffTbl .cancel-timeoff {margin:0 5px; font-size:20px;} .emp-est-time .input-task-start {width:80% !important; margin-right:10px;} .emp-est-time .input-task-end {width:80% !important; margin-left:10px;} .emp-est-actual-time .input-task-actual-start, .emp-est-actual-time .input-task-actual-end {width:50% !important; margin-left:5px;} .emp-est-time .btn-gray { margin-left: 10px;} .emp-est-time .time-start {position: absolute;bottom: 10px;left: 22%;} .emp-est-time .time-end { position: absolute; bottom: 10px; left: 66%;} .emp-est-actual-time .actual-time-start { position: absolute; bottom: 0%; left: 23%;} .emp-est-actual-time .actual-time-end { position: absolute; bottom: 0%; left: 61%;} .modal-add-task .modal-dialog, #EstimateFormModal .modal-dialog, .modal-add-schedule .modal-dialog { width: 900px;} .crew-list-row ul.dropdown-menu {width:97%;} .prof-timecard-div {text-align:right;} .profile-filters-button {margin-top:5px;} .profile-filters-button button {padding:10px;} .profile-filters-button #toggle-pending-requests, .profile-filters-button #toggle-archive, .profile-filters-button #show-all-timeoff {color: #0a96e9;background: #ffffff !important;margin-left: 5px;border: 1px solid #0a96e9;} .profile-filters-button #toggle-pending-requests:hover, .profile-filters-button #toggle-archive:hover, .profile-filters-button #show-all-timeoff:hover {background: #0a96e9 !important;color: #fff;} .prof-timecard-div .date-range-wrapper .date-range-table::placeholder {color:#999; font-size:12px;} .add-picklist-btn-row a, .picklist-row a, .add-form-task-modal {color:#0a96e9;} .fc-ltr .fc-time-grid .fc-event-container {margin:5px !important;} @media screen and (max-width:767px) { .schedules-wrapper .page-main-title {margin-bottom:20px; text-align:center;} .schedules-wrapper .icon-menu{text-align:center;} .schedules-wrapper .icon-menu i {width:15%;margin: 0 2%;} .prof-timecard-div {text-align:left;} .profile-filters-button {margin-top:15px;margin-bottom:15px;} .profile-filters-button button {width: 100%; margin-bottom:10px;} .profile-timecard-date-range .date-range-table {width:90% !important;} .action-anchor a {display: block;width: 100%;border: 1px solid #efefef;border-radius: 10px;margin: 8px 0;padding: 10px;text-align: center;} .col-timerequests-filters { display:block !important; } .col-timerequests-filters button {font-size:11px;} .searchView {display:block !important;} .search-field-container .date-range-wrapper, .search-field-container .search-sort-wrapper {width: 100%;} .search-field-container .search-sort-wrapper, .search-field-container .search-input-wrapper {padding: 8px 10px;} .modal-add-task .schedule-checkbox-container, .modal-add-task .schedule-attach-file {margin-left:8%;} #audits-table colgroup {display:none;} .emp-est-time .input-task-start, .emp-est-time .input-task-end, .emp-est-actual-time .input-task-actual-start, .emp-est-actual-time .input-task-actual-end {width:90% !important;margin-left: 0px; } .emp-est-time .time-start { bottom: -55%; left: 2%;} .emp-est-time .time-end { bottom: -55%; left: 42%;} .emp-est-actual-time .actual-time-start{bottom: 1%;left: 36%;} .emp-est-actual-time .actual-time-end {bottom: 1%;left: 66%;} #employeesTable_wrapper #employeesTable_filter input {border-radius:0px !important; box-shadow:none !important;} #employeesTable_wrapper #employeesTable_filter {background: #f2f2f2; padding: 10px 0 5px; margin:0 0 10px !important;} .view-emp-display {display:initial;} .modal-add-task .schedule-checkbox {margin:0px 30px 10px 10px; width:100%;} #updateInventory-panel {padding:10px 15px;} #updateInventory-panel #inventory-images {width:100%; margin:auto;} #updateInventory-panel #inventory-images img {width:100%;} #customSearchBox {width:100%;} .more-buttons, .main-buttons {text-align:center;} .table-dropdown-options .dropdown , .table-dropdown-options .dropdown select {width:100%;margin:2px 0;} .col-show input{width: 80%;height: 25px;margin-top: 10px;} .col-show {border:none;} #add_inventory_modal .modal-dialog {width: 95%;} #modal-add-crew .modal-dialog, #modal-edit-crew .modal-dialog, #modal-edit-satus .modal-dialog, #viewEmpTaskModal .modal-dialog, .modal-add-task .modal-dialog, #EstimateFormModal .modal-dialog, .modal-add-schedule .modal-dialog {width: 95% !important;} #modal-add-crew .modal-dialog label, #modal-edit-crew .modal-dialog label, #modal-edit-satus .modal-dialog label, #viewEmpTaskModal .modal-dialog label, .modal-add-task .modal-dialog label, .modal-add-schedule .modal-dialog label, .modal-add-emp .modal-dialog label, .modal-export-schedule .modal-dialog label {padding-left:0;} .crew-leader-list-row label, .employee-list-row label {padding-left:15px !important;} .modal-add-category .modal-dialog, .modal-add-metric .modal-dialog, .modal-add-supplier .modal-dialog{width: 95%; } .row-button-user .save-inventory-btn, .row-button-user .btn-save-schedule {margin-bottom:10px;} .mobile-margin-top {margin-top:20px;} .utasks-result-box-wrapper {padding:15px;} .utasks-result-box {width:100% !important; margin:10px 0 !important;} } .btn-new{border-radius:10px !important;border: 2px solid #0F92E1 !important;padding-left: 3rem;padding-right: 3rem;padding-top: 1rem;padding-bottom: 1rem;} .page-main-title {text-transform:uppercase; font-size:24px; font-weight:400; letter-spacing: .2em; color:#0b94e6; margin:10px 0;} .page-main-title span {color:#0b94e6; font-weight:600;} .page-main-info {font-size:16px; text-align:right;color:#4c4c4c;font-weight:400;} .page-main-info span {color:#fff;background: #0a96ec;padding: 10px;border-radius: 5px;} .new-panel {box-shadow:0px 0px 10px #f1f1f1; -webkit-appearance: none; border:none; border-radius:10px;} .new-panel .panel-heading {background-image: linear-gradient(180deg, #fff, #f6f6f6); border-radius:10px 10px 0 0; border: none;padding: 15px; color:#4c4c4c; font-size:20px;} .blue-text-btn {background:none; color:#0a96e9;} .blue-text-btn i {margin-right:5px;} .new-panel .panel-body {min-height:270px;} .new-panel-white {box-shadow:0px 0px 10px #f1f1f1; -webkit-appearance: none; border:none; border-radius:10px;} .new-panel-white .panel-heading {background:#fff; border-radius:10px 10px 0 0; border: none;padding: 15px; color:#4c4c4c; font-size:20px; border-bottom: 1px solid #f7f7f7;} .my-profile-info p i {margin-right:5px;} .billing-history-table h2 {font-size:20px; text-transform:uppercase; letter-spacing: .2em; color:#4c4c4c; margin-bottom: 20px;} .settings-table {margin-bottom:0;} .settings-table tr td{ width:50%; color:#4c4c4c; border:none !important;} .settings-table tr td:first-child {font-weight:bold;} #subscription-details .new-panel {box-shadow: 0px 0px 10px #f1f1f1; -webkit-appearance: none;border-bottom: 1px solid #efefef;border-radius: 0 0 10px 10px;border-left: 1px solid #efefef;border-right: 1px solid #efefef; border-top: 0;} .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {color: #0a96ec; font-weight: bold; border: 1px solid #efefef;border-bottom-color: #fff;} .table-panel {box-shadow: 0px 0px 10px #f1f1f1; -webkit-appearance: none; border: none; border-radius: 15px;} .billing-history-table {max-height:500px;overflow-x: hidden;overflow-y: scroll;} .custom-table thead, #estimatesTable thead {background-image: linear-gradient(180deg, #fff, #f6f6f6);} .custom-table thead tr th {padding:10px 15px !important; color:#333 !important; font-size: 18px; font-weight: normal !important; vertical-align:middle;} .custom-table tbody tr.loader-row td { text-align: left; padding:10px 20px;} #category-table_wrapper table.dataTable.no-footer, #category-table_wrapper table.dataTable thead th, #category-table_wrapper table.dataTable thead td, #metric-table_wrapper table.dataTable.no-footer, #metric-table_wrapper table.dataTable thead th, #metric-table_wrapper table.dataTable thead td, #supplier-table_wrapper table.dataTable.no-footer, #supplier-table_wrapper table.dataTable thead th, #supplier-table_wrapper table.dataTable thead td, #location-table_wrapper table.dataTable.no-footer, #location-table_wrapper table.dataTable thead th, #location-table_wrapper table.dataTable thead td, #inventory_tbl_wrapper table.dataTable thead td, #inventory_tbl_wrapper table.dataTable.no-footer, #inventory_tbl_wrapper table.dataTable thead th, #picklist_tbl_wrapper table.dataTable thead td, #picklist_tbl_wrapper table.dataTable.no-footer, #picklist_tbl_wrapper table.dataTable thead th {border:none;} .estimates-table-panel {box-shadow: 0px 0px 10px #f1f1f1; -webkit-appearance: none; border: none; border-radius: 10px; } .estimates-table-panel #estimatesTable .action-btns a {margin:10px;} .icon-menu i {font-size: 22px; color:#4c4c4c; padding: 8px 12px; cursor:pointer; margin:0 5px; background: #ffffff; border-radius: 10px; border: 1px solid #efefef;} .icon-menu i:hover {color:#fff; background: #0b94e6; border-color:#0077bf;} .estimates-table-panel, .timetracker-content {max-height:600px;} .estimates-content, .audits-content, .employees-content, .timetracker-content, .users-content, .schedules-content, .crews-content, .inventory-content, .picklist-content, .categories-content, .metrics-content, .supplier-content, .location-content, .timerequests-content{position:relative;} #estimatesSearchDiv, #auditsSearchDiv, #inventorySearchDiv, #picklistSearchDiv, #categoriesSearchDiv, #metricsSearchDiv, #supplierSearchDiv, #locationSearchDiv, #employeesSearchDiv {padding: 10px;width: 98.5%;text-align: center;background-color: #fff;position: absolute;top:0;box-shadow: 0px 0px 10px #f1f1f1;-webkit-appearance: none;border-radius: 10px;display:none;border:1px solid #e9e9e9;} #estimatesSearchDiv .input-group-addon, #auditsSearchDiv .input-group-addon, #usersSearchDiv .input-group-addon, #crewsSearchDiv .input-group-addon, #inventorySearchDiv .input-group-addon, #picklistSearchDiv .input-group-addon, #categoriesSearchDiv .input-group-addon, #metricsSearchDiv .input-group-addon, #supplierSearchDiv .input-group-addon, #locationSearchDiv .input-group-addon, #employeesSearchDiv .input-group-addon{border-radius: 0;border-color: #fff;background-color: #fff;padding: 5px;border: none;} #estimatesSearchDiv .input-group-addon i, #auditsSearchDiv .input-group-addon i, #usersSearchDiv .input-group-addon i, #crewsSearchDiv .input-group-addon i, #inventorySearchDiv .input-group-addon i, #picklistSearchDiv .input-group-addon i, #categoriesSearchDiv .input-group-addon i, #metricsSearchDiv .input-group-addon i, #supplierSearchDiv .input-group-addon i, #locationSearchDiv .input-group-addon i, #employeesSearchDiv .input-group-addon i {font-size: 22px; color: #0a96e9;} #estimatesSearchDiv #search, #auditsSearchDiv #search-audits, #usersSearchDiv #userDetails, #crewsSearchDiv #search, #inventorySearchDiv #customSearchBox, #picklistSearchDiv #customSearchBox, #categoriesSearchDiv #customSearchBox, #metricsSearchDiv #customSearchBox, #supplierSearchDiv #customSearchBox, #locationSearchDiv #customSearchBox, #employeesSearchDiv #search{border:none;} #estimatesSearchDiv .fa-times, #auditsSearchDiv .fa-times, #estimatesFiltersDiv .fa-times, #crewsSearchDiv .fa-times, #employeesFiltersDiv .fa-times, #timetrackerFiltersDiv .fa-times, #usersSearchDiv .fa-times, #crewsFiltersDiv .fa-times, #inventorySearchDiv .fa-times, #inventoryFiltersDiv .fa-times, #picklistSearchDiv .fa-times, #categoriesSearchDiv .fa-times, #metricsSearchDiv .fa-times, #supplierSearchDiv .fa-times, #locationSearchDiv .fa-times, #timeRequestsFiltersDiv .fa-times, #employeesSearchDiv .fa-times { font-size: 22px; padding: 5px; color:#d8d8d8;} #estimatesFiltersDiv, #crewsFiltersDiv {border:1px solid #e9e9e9;padding: 10px;width: 98.5%;text-align: center;background-color: #fff;position: absolute;top: 0;box-shadow: 0px 0px 10px #f1f1f1;-webkit-appearance: none;border-radius: 10px;display:none;} #inventoryFiltersDiv{border:1px solid #e9e9e9;padding: 10px;width: 98.5%;background-color: #fff;position: absolute;top: 0;box-shadow: 0px 0px 10px #f1f1f1;-webkit-appearance: none;border-radius: 10px;display:none;} .crewsfilter-checkbox {margin: 0px 30px 0px 10px;} .task-allday-checkbox {margin: 10px 0px 0px 0px;} .crewsfilter-checkbox p, .task-allday-checkbox p {margin-bottom: 0;margin-left: 2.5rem;position: relative;color: #17557a;text-transform: uppercase;} .crewsfilter-checkbox input[type="checkbox"]:checked + p:before, .task-allday-checkbox input[type="checkbox"]:checked + p:before {border-color: #0a96e9;background: #0a96e9;} .crewsfilter-checkbox p:before, .task-allday-checkbox p:before {content: "";width: 2rem;height: 2rem;border: 1px solid #0a96e9;border-radius: 4px;display: inline-block;position: absolute;left: -3.2rem;transition: all 0.1s ease;background-color: white;} .crewsfilter-checkbox input[type="checkbox"]:checked + p:after, .task-allday-checkbox input[type="checkbox"]:checked + p:after {opacity: 1;} .crewsfilter-checkbox p:after, .task-allday-checkbox p:after {content: "";left: -2.9rem;top: 35%;width: 7px;height: 10px;border: solid #fff;border-width: 0 2px 2px 0;-webkit-transform: rotate(45deg) translateY(-50%);-ms-transform: rotate(45deg) translateY(-50%);transform: rotate(45deg) translateY(-50%);display: block;position: absolute;opacity: 0;transition: all 0.1s ease;} #estimatesFiltersDiv .fa-filter, #crewsFiltersDiv .fa-filter, #employeesFiltersDiv .fa-filter, #timetrackerFiltersDiv .fa-filter, #SchedulesFiltersDiv .fa-filter, #inventoryFiltersDiv .fa-filter, #timeRequestsFiltersDiv .fa-filter {font-size: 22px; padding: 5px; margin-right: 15px; color:#0a96e9;} .action-btns .col-xs-12 {margin-bottom:5px;} .action-btns .caret-container {color:#010101;} .action-btns .view-info-panel { box-shadow: 0px 0px 10px #f1f1f1; -webkit-appearance: none; border:1px solid #e9e9e9; border-radius:10px;} .action-btns .view-info-panel p {color:#919191;} .action-btns #estimatesViewModal p { font-weight:bold; } .action-btns #estimatesViewModal span, .action-btns #estimatesViewModal a {font-weight:normal; padding-left:10px; } .crews-filter-search, .estimates-filter-search {background:#0a96e9; color:#fff;} .crews-filter-search:hover, .estimates-filter-search:hover {color:#fff;} .crews-filter-clear, .estimates-filter-clear {color:#000;} .schedules-date-range {text-align:right;} .scheduled-badge{font-size:22px;color: #41d110;} .scheduled-badge-archived{font-size:22px;} .add-invent-tags input {box-shadow:none !important; padding: 0 !important;} #estimatesTable .archive-btn {background: none;border: none;padding: 10px;} #estimatesTable .archive-btn i {margin-right:5px;font-weight:700;} #add-estimate-form .form-group, #edit-estimate-form .form-group, #add-employee-form .form-group, #log-work-time .form-group, #update-log-work-time .form-group, #add-user-form .form-group, .modal-export-schedule .form-group, .modal-add-schedule .form-group, #edit-billing-form .form-group, .modal-add-task .form-group, #add-location-form .form-group, #add-supplier-form .form-group, #add-category-form .form-group, #add-metric-form .form-group, .addinventory .form-group, #add-picklist-form .form-group, #edit-picklist-form .form-group, #update-location-form .form-group, #update-supplier-form .form-group, #edit-category-form .form-group, #update_metric_id .form-group, #viewPicklistTable .form-group, #stock-count-add-location-form .form-group, #add-crew-leader-form .form-group, #modal-edit-crew .form-group, #modal-edit-satus .form-group, #modal-add-crew .form-group, #update-metric-form .form-group, #log-work-time-approval .form-group, .reports-content .form-group, #emp-update-form .form-group {display:flex; margin:0 20px 15px 20px; } .modal-edit-picklist .input-name-body .selectize-input { min-height:auto; padding:0;border: 0px solid #17557a !important; background:#fff !important; } .modal-edit-picklist .mb-10 {margin-bottom:10px;} .action-anchor a {margin-right:10px;} #category-table_paginate .paginate_button.current, #metric-table_paginate .paginate_button.current, #supplier-table_paginate .paginate_button.current, #location-table_paginate .paginate_button.current, #picklist_tbl_paginate .paginate_button.current, #inventory_tbl_paginate .paginate_button.current{background: #0a96e9;border-radius: 5px;border: none;color: #fff !important; } .hidden-for-roles { padding: 20px 0 5px;background: #f7f7f7;margin-bottom: 15px;} .hidden-for-roles .form-group {margin: 0 20px 0px !important; background: #f7f7f7 !important; padding: 15px 5px; } .hidden-for-roles .form-group .float-input-pf + label {top: -0.5em;} #add-employee-form .form-group-doubles, #edit-billing-form .form-group-doubles, #add-crew-leader-form .form-group-doubles, #modal-edit-crew .form-group-doubles, #modal-edit-satus .form-group-doubles {display:flex; margin:0 10px 20px 5px;} .modal-add-task .form-group-doubles {display:flex; margin:0 5px 20px 5px;} #add-employee-form .form-group input,#add-employee-form .form-group .select2-selection, #add-employee-form .form-group-doubles input, #edit-billing-form .form-group-doubles input, #add-crew-leader-form .form-group input, #add-crew-leader-form .form-group-doubles input, #modal-edit-crew .form-group input, #modal-edit-crew .form-group-doubles input, #updateEmployeeTag .form-group input, #modal-edit-status .form-group input, #modal-edit-status .form-group-doubles input, #emp-update-form .form-group input, #emp-update-form .form-group-doubles input{border:none !important;} #add-employee-form .form-group-doubles label, #add-crew-leader-form .form-group-doubles label, #modal-edit-crew .form-group-doubles label, #modal-edit-status .form-group-doubles label {margin-right:15px;} #add-employee-form .roles-selection, #emp-update-form .roles-selection {width:100%;} #add-estimate-form .selectize-input, #add-estimate-form input, #add-estimate-form textarea, #edit-estimate-form .selectize-input, #edit-estimate-form select, #edit-estimate-form input, #edit-estimate-form textarea, #log-work-time .selectize-input, #log-work-time input, #log-work-time textarea, #log-work-time-approval .selectize-input, #log-work-time-approval input, #log-work-time-approval textarea, #add-user-form .selectize-input, #add-user-form textarea, .modal-export-schedule .selectize-input, .modal-export-schedule input, .modal-add-schedule .selectize-input, .modal-add-schedule input, .modal-add-schedule textarea, #edit-billing-form .selectize-input, #edit-billing-form input, #edit-billing-form textarea, .modal-add-task .selectize-input, .modal-add-task input, .modal-add-task textarea, .modal-add-task .selectize-input, #modal-add-crew input, #modal-edit-crew input, #modal-edit-status input, #modal-edit-status input, #edit-profile-form .user-profile-col .form-group input, .delete-user-plan-input, .add-user-plan-input, #update-company-form input, #add-user-form input, #editTimeOffModal input, #editTimeOffModal textarea, #update-log-work-time .selectize-input, #update-log-work-time input, #update-log-work-time textarea, #update-log-work-time-approval .selectize-input, #update-log-work-time-approval input, #update-log-work-time-approval textarea, #add-employee-form .form-group .select2-selection, #addEmployeeTagModal input, #addEmployeeTag input, #updateEmployeeTag input, #manageCustomTagsModal input, .reports-content input,#emp-update-form .form-group .select2-selection, #addWebhookModal input, .modal-template-add input {border:0 !important;padding: 8px;box-shadow: 0px 0px 5px #ccc;-webkit-appearance: none;border-radius: 5px;-webkit-appearance: none;} #addEmployeeTagModal .alert {margin-bottom:0;} .scrollit{height: 200px;display: block;overflow-y: scroll;width: 100%;overflow-x:hidden;} .scrollit .table {background:#fff;} .scrollit thead {background:#f7f7f7;} .scrollit tr:nth-of-type(odd) {background:none !important;} .scrollit input[type=checkbox] {content: "";width: 2rem !important;height: 2rem;transition: all 0.1s ease;background-color: white;} .crew-leader-list-row label, .employee-list-row label{width: 100%;background: #f7f7f7;padding: 10px 10px;margin-bottom: 0;} .emp-based-checkbox label {background:#fff;padding:8px 20px;font-weight: normal;} .crew-leader-list-row .form-group {margin-right:5px; border:1px solid #e9e9e9;} .employee-list-row .form-group {margin-left:5px;border:1px solid #e9e9e9;} #timeRequestsFiltersDiv .date-range-div {margin-right:20px;} #ttViewModal .user-details th {padding:0 !important;} #subscription-details .settings-table tr td:nth-child(1) {width:10%;} #payment-details #payment-form {padding: 20px;border: 1px solid #e9e9e9; } #card-element {border: 0 !important;padding: 8px;box-shadow: 0px 0px 5px #ccc;-webkit-appearance: none;border-radius: 5px;-webkit-appearance: none;} .per-user-total input {text-align: center; border:0;font-weight: bold;font-size: 16px; height: auto;padding: 0; } .add-new-total, .new-monthly-amount, .per-user-total {background: #eeeeee;padding: 5px;font-size: 16px;border: 1px solid #d2d6de;text-align: center;border-radius: 10px; font-weight:bold;} .trial-days-info {text-align:right; text-transform:uppercase;} .trial-days-info span { font-weight: bold;background: #fff2f2;padding: 5px 10px;color: #ff0000;text-transform: none;} .invt-action-btns a {width:100%;display:block;} #employeesTable tbody tr td small {padding: 2px 5px;display: inline-block;margin: 2px 0;background: linear-gradient(#dfdfdf, #c4c4c4);border-radius: 5px;} #employeesTable tbody tr td small:hover {background:#b1b1b1;} .tag-wrap-emp {margin-left: 25px;overflow: auto;white-space: nowrap;max-width: 320px;} .employee-tags-group .select2-container--classic .select2-selection--multiple .select2-selection__choice {background-color: #fff;border: 1px solid #efefef;} .close-editing-tag .select2-container--classic .select2-selection--multiple { background-color: #efefef; border: none;} .close-editing-tag .select2-container--classic .select2-selection--multiple .select2-selection__choice {background-color: #ffffff;border: 1px solid #dedede;} .close-editing-tag .select2-container--classic .select2-search--inline .select2-search__field {background:#fff;} .emp-based-checkbox small{ padding: 2px 5px;display: inline-block;margin: 2px 0;background: linear-gradient(#dfdfdf, #c4c4c4);border-radius: 5px;} .emp-based-checkbox small:hover {background:#b1b1b1;} textarea:disabled, input:disabled {background:#f0f0f0; cursor: not-allowed !important;} .close-account {outline: none;color: #000 !important;background: #c5c5c5;} #addWebhookModal .select2-container--default .select2-selection--multiple {border: 0 !important;box-shadow: 0px 0px 5px #ccc} @media screen and (max-width:767px) {.modal-add-task .form-group-doubles {margin:0 5px 20px 5px;}.tag-wrap-emp { max-width: 250px;} .picklist-edit-item-container {margin-bottom:25px;} .picklist-edit-item-container a {border: 1px solid #efefef;text-align: center;padding: 10px;width: 90%;display: inline-block;margin: 0 15px; border-radius:10px;} .loc-add-div {padding-bottom: 20px;border-bottom: 1px solid #efefef;} .loc-add-div a {width: 100%;display: block;text-align: center !important;padding: 10px !important;font-size: 14px !important;margin: 8px 0; } .invt-action-btns a {width:auto; border-radius:10px; border:1px solid #efefef;margin: 8px 0;padding: 10px !important; text-align:center;} #subscription-details #procrew-myacount {width: 100%; border: 1px solid #efefef;padding: 10px;} #subscription-details .close-account, #save-card-btn {width: 100%; padding: 10px;} #my-profile-details button, #my-profile-details a {width: 100%; border: 1px solid #efefef;padding: 10px; margin:5px 0;} #updateInventory-panel input {width:100%; margin-left:0 !important;} .updateInventoryData .blue-button-wrapper {margin-top:20px;} #addUserModal #preview-changes, #deleteUserModal .preview-changes {margin: 15px 0;width:100%;} .settings-tab {margin-bottom: 20px;} .settings-tab li {float:none; margin: 10px 0; font-size:16px;} .settings-tab li a {color: #555;cursor: default;background-color: #fff;border-left: 8px solid #dfdfdf;} .settings-tab li a:hover, .settings-tab li.active{border-left: 8px solid #0a96e9;} .settings-tab li.active a {background:#fff !important; border:0 !important; color:#0a96e9 !important;} #subscription-details .settings-table tr td:nth-child(1){width: 50%;} .close-account {margin-top:10px;} #estimatesTable .archive-btn {padding:0;} #timeRequestsFiltersDiv .date-range-div i {display:none;} #timeRequestsFiltersDiv .date-range-div {margin-right:10px !important; padding:0 !important; font-size:12px;} .crew-leader-list-row .form-group {margin:15px 0;} .employee-list-row .form-group {margin: 15px 0;}} #crew-leader-list-search, #employee-list-search {box-shadow: none;background-image: url(/images/searchicon-tm.png);background-position: 10px 10px;background-repeat: no-repeat;width: 100% !important;padding: 10px 10px 10px 40px;border-bottom: 1px solid #e9e9e9 !important;border-radius: 0;} #updateInventory-panel .select2-selection__rendered input {box-shadow:none;padding: 0px !important;margin: 0;} #updateInventory-panel .select2-selection, #updateInventory-panel input {border:0 !important;padding: 8px;box-shadow: 0px 0px 5px #ccc;-webkit-appearance: none;border-radius: 5px;} #updateInventory-panel .select2-container .select2-selection--multiple .select2-selection__rendered {display:initial;} #updateInventory-panel .select2-container--classic .select2-selection--multiple .select2-selection__choice {margin-top:0;} .modal-add-task .selectize-input, .modal-add-task .selectize-input {padding:10px;} .modal-add-task input[type="text"], .modal-add-task textarea {padding:10px;} #view-inventory-img-container .carousel .itemimage img{width:100% !important; height:auto !important;} #viewPicklistTable tr th { padding:15px 10px;} #viewPicklistTable tr:nth-child(3){border-top:1px solid #e9e9e9;} #viewPicklistTable tr:nth-child(3) td {padding-top:15px; text-decoration: underline !important;width: 33.33%;} #add-estimate-form .selectize-input:focus, #add-estimate-form .selectize-input:active {box-shadow:none;} #add-estimate-form .form-group label, #edit-estimate-form .form-group label { padding: 0; margin-bottom:0;} #add-estimate-form .form-group .btn-select-file { padding: 0px 5px;} #add-estimate-form .picklist-item-row { margin: 5px;background: #f5f5f5;padding: 15px 5px 10px 5px;border-radius: 5px;} #add-estimate-form .estimate-inventory-item-select .selectize-input {background:none;} .attach-file-wrapper{ padding: 10px; border:1px solid #e9e9e9; background:#f3f3f3; width:100%; border-radius: 10px;} #employeesFiltersDiv{border:1px solid #e9e9e9;padding: 10px;width: 98.5%;text-align: center;background-color: #fff;position: absolute;top: 0;box-shadow: 0px 0px 10px #f1f1f1;-webkit-appearance: none;border-radius: 10px;display:none;} #employeesFiltersDiv .col-crews-filters, #timetrackerFiltersDiv .col-timetracker-filters, .col-timerequests-filters {display:flex;} .col-crews-filters .combobox-container .select-crew {width:100%;} .employee-roles {padding:10px; margin:0;} .employee-roles li {list-style:none;} .employee-actions button, .crews-actions button, .status-actions button {background:none; border:none; padding:4px;} #supervisorTimeOffTbl .action-archive, #supervisorTimeOffTbl .action-unarchive {background:none; border:none; padding: 0 10px; margin-left:15px;} #schedulePicklistsModal .picklist-list button {background: none;border: none;padding: 0px 10px; } #schedulePicklistsModal .picklist-list button i {margin-right:5px;} #schedulePicklistsModal .new-picklist-row {padding-top:20px;} #picklist_tbl tr td:nth-child(5) a, #inventory_tbl tr td:nth-child(9) a {padding:10px; margin-right:10px;} #picklist_tbl tr td:nth-child(5) {width:30%;} #usersViewModal button {background:none; border:none; padding:0 10px;} .action-view {color:#0998ea;} .action-delete {color:#b3b3b3;} .action-archive, .action-export {color:#252525; font-size:14px;} .action-unarchive {color:#efd60f;} #employeesTable tbody tr td {vertical-align:middle;} #employeesTable .label-primary {background:#0b86ca !important; border-radius:5px; padding:5px; font-weight: normal; font-size:initial; margin-left:5px;} #employeesTable_wrapper table.dataTable thead .sorting_asc { background-image: url('https://cdn.datatables.net/1.10.19/images/sort_asc.png'), linear-gradient(180deg, #fff, #f6f6f6); } #employeesTable_wrapper table.dataTable thead .sorting_desc { background-image: url('https://cdn.datatables.net/1.10.19/images/sort_desc.png'), linear-gradient(180deg, #fff, #f6f6f6); } #employeesTable_wrapper table.dataTable thead .sorting { background-image: url('/images/sort_both2.png'), linear-gradient(180deg, #fff, #f6f6f6); } #employeesTable_wrapper table.dataTable thead th, #employeesTable_wrapper table.dataTable thead td {border-bottom:0;} .emp-details .input-name-body {border: 1px solid #ececec; border-radius: 5px; padding: 2px 14px 2px 6px; width: 100%; height: auto;} .emp-details .emp-label-color, .user-details .emp-label-color {color:#929292;} .employees-content .table-panel {max-height:600px; border-radius:none;} .emp-details-action-btn button{padding:0 10px; border:none; background:none;} .emp-details-action-btn button:nth-child(2) {color:#929292;} .emp-details .save-edit-emp, .user-details .save-edit-emp {font-weight:bold;} .emp-details .save-edit-emp:disabled {color:#eaeaea;} .combobox-container .fa-times {float: right;color: white !important;background: #ff4141;padding: 5px;border-radius: 5px;font-size: 10px;cursor: pointer;} #employeesFiltersDiv .fa-times {float: none;color: #d8d8d8 !important;background: transparent;border-radius: 0;cursor: pointer;font-size: 22px;padding: 5px;} .combobox-container .input-group .input-group-addon {padding: 0px 5px !important;} .combobox-container .input-group { border-top:0; border-right:0; border-left:0; padding: 5px 5px; } .combobox-container .select-crew { border:none; } .emp-detail-role-wrapper ul, .user-detail-role-wrapper ul {list-style:none; padding:0;} .emp-detail-role-wrapper ul li::before, .user-detail-role-wrapper ul li::before { content: "\2022";color: #04fc24;font-weight: bold;display: inline-block;width: 1em;font-size: 16px} .view-emp-panel { box-shadow: 0px 0px 10px #f1f1f1; border:1px solid #e9e9e9; border-radius:10px; padding: 10px; -webkit-appearance: none;} .btn-log-work, .btn-log-work-tmc{border: none;background: none;} #timetrackerFiltersDiv {border:1px solid #e9e9e9;padding: 10px;width: 98.5%;text-align: center;background-color: #fff;position: absolute;top: 0;box-shadow: 0px 0px 10px #f1f1f1; -webkit-appearance: none;-webkit-appearance: none;border-radius: 10px;display:none;} #timeRequestsFiltersDiv {border:1px solid #e9e9e9;padding: 10px;width: 98.5%;text-align: center;background-color: #fff;position: absolute;top: 0;box-shadow: 0px 0px 10px #f1f1f1;-webkit-appearance: none;border-radius: 10px;display:none;} #notificationsDiv{border:1px solid #e9e9e9;padding: 15px;width: 35%;background-color: #fff;position: absolute;top: 8%;box-shadow: 0px 0px 10px #f1f1f1;-webkit-appearance: none;border-radius: 10px;display:none;z-index: 4;right: 15px;} .hideNotificationsDiv {cursor:pointer;} #timeTrackTable .crew-empty td ,#MyTimeCardTable .empty-tracker-data td {padding:15px;font-size: 16px;color:#d9d9d9;} #timeTrackTable .approval-area small {font-weight:bold;} #timetrackerFiltersDiv .date-range-div, #timeRequestsFiltersDiv .date-range-div {border-bottom:1px solid #a1a1a1; padding:5px;} #timetrackerFiltersDiv .date-range-table, #timeRequestsFiltersDiv .date-range-table {border:none;} #timetrackerFiltersDiv .date-range-div .fa, #timeRequestsFiltersDiv .date-range-div .fa {font-size: initial !important;color: #0a96e9 !important;padding: 0 !important;} #log-work-time .track-logged-select-crew, #log-work-time .member-list-crew .input-group, #log-work-time .input-date, #update-log-work-time .track-logged-select-crew, #update-log-work-time .member-list-crew .input-group, #update-log-work-time .input-date {border:none; width: 100%;} #log-work-time .member-list-crew .input-group-addon, #update-log-work-time .member-list-crew .input-group-addon {border-color: #17557a !important;border: none;padding: 0;margin: 0;width: auto;} #log-work-time #break::placeholder, #update-log-work-time #break::placeholder {color: #e9e9e9;opacity: 1;} #log-work-time #break:-ms-input-placeholder, #update-log-work-time #break:-ms-input-placeholder { /* Internet Explorer 10-11 */color: #efefef;} #log-work-time #break::-ms-input-placeholder, #update-log-work-time #break::-ms-input-placeholder { /* Microsoft Edge */color: #efefef;} #log-work-time .member-list-crew, #update-log-work-time .member-list-crew {width:100%; padding:0;} #log-work-time .combobox-container .input-group, #update-log-work-time .combobox-container .input-group {padding:0; width:100%;} #log-work-time .form-group label, #update-log-work-time .form-group label, #log-work-time-approval .form-group label { padding: 0; margin-bottom:0;} .custom-pagination .pagination li.active span {background:#0a96e9;border-radius: 5px;} .custom-pagination .pagination>li>a, .custom-pagination .pagination>li>span {float:none;border:none;} .custom-pagination .pagination>li:first-child>a, .custom-pagination .pagination>li:first-child>span, .custom-pagination .pagination>li:last-child>a, .custom-pagination .pagination>li:last-child>span {font-weight:bold; font-size:20px;} .notif-headings { padding-bottom: 10px;} .notif-headings .notif-title i {margin-right:10px; color:#0a96e9;} .notif-headings .notif-title {padding: 5px 0; margin: 0;} .notif-headings .hideNotificationsDiv { padding: 5px 0; font-size: 18px; color: #9a9a9a;} .notif-actions #accept-notif i, .notif-actions #decline-notif i, .notif-actions #edit-notif i {margin-right:10px;} .notif-actions #accept-notif {color:#fff; padding: 5px; border: 2px solid #14b900; background:#14b900; text-align: center;border-radius: 5px; cursor: pointer; } .notif-actions #accept-notif:hover { color:#fff; background: #12a500; border: 2px solid #12a500;} .notif-actions #decline-notif {color:#fff;padding: 5px; border: 2px solid #c30000; background:#c30000;text-align: center;border-radius: 5px; cursor: pointer;} .notif-actions #decline-notif:hover {color:#fff; background: #a90000;border: 2px solid #a90000;} .notif-actions #edit-notif {color:#fff;padding: 5px; border: 2px solid #0a96e9; background:#0a96e9; text-align: center;border-radius: 5px; cursor: pointer;} .notif-actions #edit-notif:hover {background: #0f7fc1;border: 2px solid #0f7fc1;} .notif-actions #edit-notif:hover a {color:#fff;} .notif-actions #edit-notif button {border:none;background:none;} .notif-actions #edit-notif a {color:#fff;} .notif-row {background: #f7f7f7;margin: 0 0 10px 0;padding: 10px 5px 5px 5px;border-radius: 5px; font-size:14px;} .notif-row div:first-child {font-weight:bold;} .btn-black-rounded {background:#010101; border:none; color:#fff; padding:5px 15px; border-radius:10px;} #usersSearchDiv{padding: 10px;width: 98.5%;text-align: center;background-color: #fff;position: absolute;top: 0;box-shadow: 0px 0px 10px #f1f1f1;-webkit-appearance: none;border-radius: 10px;display:none;border:1px solid #e9e9e9;} #usersTable {max-height:70vh;} .users-count {color:#0a96e9; font-weight:bold;} .users-count span {color:#4c4c4c; font-weight:normal;} .drpdown-user{color: #0a96e9 !important;font-size: 20px;float:right;} .active-status {color:#35b101;} .inactive-status {color:#b32322;} #add-user-form .selectize-control {width:80%;} .user-details .input-name-body{border: 1px solid #e4e4e4;padding: 2px 14px 2px 6px;height: auto;width: 180px;margin-right: 5px;} .notif-count {position: absolute;top: -30%;right: 2%;font-size: 12px;background: #fd1d1d;color: #fff;font-weight: bold;padding: 5px 8px;border-radius: 50%;} .header-custom-profile-modal { box-shadow: 0px 0px 10px #f1f1f1;-webkit-appearance: none;border: 1px solid #e9e9e9;border-radius: 10px !important;padding: 10px !important;} .header-custom-profile-modal .fa-sign-out {background: #f9f9f9;padding: 0px 15px;margin-top: 10px;border-radius: 10px;} .header-custom-profile-modal .fa-sign-out a {color:#000;font-size:18px;} #schedulesSearchDiv{padding: 10px;width: 98.5%;text-align: center;background-color: #fff;position: absolute;top:0;box-shadow: 0px 0px 10px #f1f1f1;-webkit-appearance: none;border-radius: 10px;display:none;border:1px solid #e9e9e9;} #schedulesSearchDiv .input-group-addon, #usersSearchDiv .input-group-addon {border-radius: 0;border-color: #fff;background-color: #fff;padding: 5px;border: none; } #schedulesSearchDiv .input-group-addon i, #schedulesDateRangeDiv .input-group-addon i , #schedulesFiltersDiv .input-group-addon i {font-size: 22px; color: #0a96e9;} #schedulesSearchDiv .schedule-search-field {border:none;} #schedulesSearchDiv .fa-times, #schedulesFiltersDiv .fa-times, #schedulesDateRangeDiv .fa-times {font-size: 22px; padding: 5px; color:#d8d8d8;} #schedulesFiltersDiv {border:1px solid #e9e9e9;padding: 10px;width: 98.5%;text-align: center;background-color: #fff;position: absolute;top: 0;box-shadow: 0px 0px 10px #f1f1f1;-webkit-appearance: none;border-radius: 10px;display:none;} #schedulesDateRangeDiv{border:1px solid #e9e9e9;padding: 10px;width: 92%;text-align: center;background-color: #fff;position: absolute;top: 0;box-shadow: 0px 0px 10px #f1f1f1;-webkit-appearance: none;border-radius: 10px;display:none;} #schedulesDateRangeDiv .input-group .input-group-addon {border: 0;width: auto; } #schedulesFiltersDiv .input-group-addon{border: 0;background: none;padding: 3px 5px;margin-right: 20px;width:auto;} #schedulesDateRangeDiv .input-group .date-range {border: none;padding: 5px 14px 5px 0px;font-size: 16px;font-weight: bold;} .schedule-checkbox, .reports-status-check{margin: 0px 30px 0px 10px;} .schedule-checkbox p, .reports-status-check{margin-bottom: 0;margin-left: 2.5rem;position: relative;color: #17557a;text-transform: uppercase;cursor:pointer;} .schedule-checkbox input[type="checkbox"]:checked + p:before, .reports-status-check input[type="checkbox"]:checked + p:before{border-color: #0a96e9;background: #0a96e9;} .schedule-checkbox p:before, .reports-status-check p:before {content: "";width: 2rem;height: 2rem;border: 1px solid #0a96e9;border-radius: 4px;display: inline-block;position: absolute;left: -3.2rem;transition: all 0.1s ease;background-color: white;} .schedule-checkbox input[type="checkbox"]:checked + p:after, .reports-status-check input[type="checkbox"]:checked + p:after {opacity: 1;} .schedule-checkbox p:after, .reports-status-check p:after {content: "";left: -2.9rem;top: 35%;width: 7px;height: 10px;border: solid #fff;border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg) translateY(-50%); -ms-transform: rotate(45deg) translateY(-50%);transform: rotate(45deg) translateY(-50%);display: block;position: absolute;opacity: 0;transition: all 0.1s ease;} .emp-based-checkbox { margin: 0px 30px 0px 10px;padding:0 !important;} .emp-based-checkbox p {margin-bottom: 0;margin-left: 2.5rem;position: relative;color: #333;cursor:pointer;} .emp-based-checkbox input[type="checkbox"]:checked + p:before {border-color: #0a96e9;background: #0a96e9;} .emp-based-checkbox p:before {content: "";width: 2rem;height: 2rem;border: 1px solid #0a96e9;border-radius: 4px;display: inline-block;position: absolute;left: -3.2rem;transition: all 0.1s ease;background-color: white;} .emp-based-checkbox input[type="checkbox"]:checked + p:after {opacity: 1;} .emp-based-checkbox p:after {content: "";left: -2.9rem;top: 35%;width: 7px;height: 10px;border: solid #fff;border-width: 0 2px 2px 0;-webkit-transform: rotate(45deg) translateY(-50%);-ms-transform: rotate(45deg) translateY(-50%);transform: rotate(45deg) translateY(-50%);display: block;position: absolute;opacity: 0;transition: all 0.1s ease;} .modal-export-schedule .export-date-range, .modal-export-schedule .export-crew, .modal-add-schedule input, .modal-add-schedule .selectize-control, .modal-add-task input, .modal-add-task .selectize-control, .reports-content .reports-from-date, .reports-content .reports-to-date, .reports-content input, .modal-template-add input{width:100% !important;} .schedule-view-as-row {margin-top:5px; margin-bottom:15px;} .schedule-view-as-row i {font-size:22px; color:#B1B1B1; margin:0 5px;background: #fff; padding: 10px; border-radius:10px;border:1px solid #efefef;} .schedule-view-as-row i:hover {color:#0b94e6; cursor:pointer;} .schedule-view-as-row .active {color:#0b94e6;} .schedules-date-range .date-range-wrapper i {background:transparent; border:none; padding:0;} #edit-estimate-form .attach-file-wrapper .btn-select-file {padding:5px;background: #e9e9e9; margin-bottom:5px;} .schedules-wrapper .fc-row.fc-widget-header {margin:0 !important;} .schedules-wrapper .fc-day-header {padding: 20px 0 !important;text-align: left !important;color: #464646;font-weight: normal;} .fc-view-container .fc-agenda-view table tr {cursor:pointer;} .schedules-wrapper .calendar-view .fc-view-container {background: #fff;border-radius: 10px;border: 1px solid #e9e9e9;padding:0;} .schedules-wrapper .fc-view-container {border-right: 1px solid #efefef;border-left: 1px solid #efefef;padding:0 10px;} .fc-unthemed .fc-content, .fc-unthemed .fc-divider, .fc-unthemed .fc-list-heading td, .fc-unthemed .fc-list-view, .fc-unthemed .fc-popover, .fc-unthemed .fc-row, .fc-unthemed tbody, .fc-unthemed td, .fc-unthemed th, .fc-unthemed thead {border-color: #efefef !important;} .schedules-wrapper .crew-dropdown-wrap .dropdown {width:100%;} .schedules-wrapper .open>.dropdown-menu {box-shadow:0px 0px 10px #f1f1f1; width:100%;-webkit-appearance: none;} .schedules-wrapper .crew-dropdown-wrap .dropdown .dropdown-toggle:focus, .schedules-wrapper .crew-dropdown-wrap .dropdown .dropdown-toggle:active {border:none; outline:0;} .schedules-wrapper .crew-dropdown-wrap .dropdown .dropdown-toggle{font-weight: 400 !important; border:1px solid #efefef;color: #4c4c4c !important;background: white;border-radius: 10px;} .schedules-wrapper .crew-dropdown-wrap .dropdown .dropdown-toggle:hover, .schedules-wrapper .crew-dropdown-wrap .dropdown .dropdown-toggle:active, .schedules-wrapper .crew-dropdown-wrap .dropdown .dropdown-toggle:focus {background:none; box-shadow:none;} .schedules-wrapper .dropdown-menu>li>a:hover {background-color: #0b94e6;color: #fff;} .schedules-wrapper .fc-prev-button, .schedules-wrapper .fc-next-button {border: none;box-shadow: 0 0 black;-webkit-appearance: none;font-size: 16px; color:#333;background:none;} .schedules-wrapper .fc-month-view .fc-day-header{text-align: right !important;font-weight: bold;padding: 40px 10px 10px !important;font-size:18px;} .schedules-wrapper .schedule-month-view .bootstrap-select>.dropdown-toggle {width: 310px;background: #fff;padding: 5px 10px;height: auto;border-radius: 10px;box-shadow: 0px 0px 10px #f1f1f1;-webkit-appearance: none;} .schedules-wrapper .schedule-month-view .bootstrap-select .dropdown-toggle .caret {color:#0b94e6;} .schedules-wrapper .fc-month-view .fc-day-grid-container { height:auto !important; } .schedules-wrapper .fc-month-view .fc-widget-header {background-color:transparent;} .schedules-wrapper .fc-month-view .fc-day-top .fc-day-number {color:#464646;} .schedules-wrapper .fc-month-view .fc-bg table tr td:first-child, .schedules-wrapper .fc-month-view .fc-bg table tr td:last-child {background-color:#f3f3f3 !important;} .schedules-wrapper .fc-time-grid .fc-bgevent, .schedules-wrapper .fc-time-grid .fc-event {border-radius: 5px;box-shadow: 1px 1px 3px #999999;} .schedules-wrapper .fc-month-view .fc-event-container .event-block .simplebar-content .pull-left {margin-right: 5px;box-shadow: 1px 2px 1px #313131;-webkit-appearance: none;border-radius: 2px;padding: 1px;} .schedules-wrapper .fc-month-view .fc-event {border:none; background-color:transparent;} .schedules-wrapper .fc-month-view .fc-content {border: 1px solid #e6e6e6;border-radius: 5px; margin: 2px 10px; background: #fbfbfb; cursor: pointer;} .schedules-wrapper .fc-month-view .simplebar-content span {color:#red !important;} .schedules-wrapper .event-actions .del {border: 1px solid #4a4a4a;} .schedules-wrapper .simplebar-wrapper .simplebar-content span i {background: #fff;color: #227500;padding: 2px;border-radius: 2px;text-align: center;} .schedules-wrapper .fc-widget-header{background-color: white;border: 0 !important;font-weight:bold;} .schedules-wrapper .fc-month-view .fc-content-skeleton .fc-day-top {position: sticky;top: 1px;z-index: 3;} .schedules-wrapper .fc-month-view .fc-content-skeleton .fc-day-top span {background: #f3f3f3;margin: 5px 5px;font-size: 14px;padding: 5px;box-shadow: 2px 2px #e9e9e9;-webkit-appearance: none;border-radius: 5px;} .schedules-wrapper .fc-month-view .fc-content-skeleton table thead tr td:first-child span, .schedules-wrapper .fc-month-view .fc-content-skeleton table thead tr td:last-child span, .schedules-wrapper .fc-month-view .fc-content-skeleton table thead tr td:first-child, .schedules-wrapper .fc-month-view .fc-content-skeleton table thead tr td:last-child { background: transparent;} .close-btn-user-details {background: #e9e9e9;padding: 5px 10px;border-radius: 5px;color: #4a4a4a;} .time-tracker-user-details {padding: 10px;} .time-tracker-user-details .user-details table tr td {padding:10px 0;} .time-tracker-user-details .user-details {display:initial;} .time-tracker-user-details .user-details table {width:100%; text-align:left;} .time-tracker-user-details .user-details thead {background:none;} .time-tracker-user-details .user-details thead tr th {padding:0 0 10px 0; font-size:18px; text-decoration: underline;} .date-range-wrapper i {color:#0b94e6; margin-right:5px; font-size:22px;} .date-range-wrapper span {font-weight:bold; margin-right:10px; text-transform:uppercase;} .date-range-wrapper .input-group .input-group-addon {border:none;background:none;padding:0 5px 0 0;} .date-range-wrapper .date-range, .date-range-wrapper .date-range-table {padding: 10px;border-radius: 10px;border: 1px solid #efefef;-webkit-appearance: none;font-size: 18px; width:35%;} .time-card-tab .active {border-bottom: 1px solid #0c8bd6; } .time-card-tab .active .nav-link {color: #0c87cf;font-weight: bold; background: #fcfcfc;border: none; } .time-card-tab .active .nav-link:hover, .time-card-tab .active .nav-link:focus, .time-card-tab .active .nav-link:active { border: none; color: #0c87cf;background: #fcfcfc} .time-card-tab .nav-link:hover, .time-card-tab .nav-link:focus, .time-card-tab .nav-link:active { border: none; color: #787878;background: #fcfcfc} .time-card-tab .nav-link { border: none; } .my-time-card-table .edit-timeoff, .my-time-card-table .cancel-timeoff {margin:0 5px; font-size:20px;} .results-wrapper {display: flex; border-top: 1px solid #efefef;border-bottom: 1px solid #efefef;padding: 10px 0px;} .results-wrapper h4 {margin: 8px 0;} .results-wrapper h4 span {margin-left: 10px;color:#0a96e9;} .results-wrapper i {padding: 10px;margin-left: 15px;background: #000000;border-radius: 10px;color: white;} #crewsSearchDiv {padding: 10px;width: 98.5%;text-align: center;background-color: #fff;position: absolute;top:0;box-shadow: 0px 0px 10px #f1f1f1;-webkit-appearance: none;border-radius: 10px;display:none;border:1px solid #e9e9e9;} #crewsTable, #customTagsTable, #statusTable {max-height:75vh; overflow-y:scroll;} #crewsTable tr td, #customTagsTable tr td, #statusTable tr td{vertical-align: middle;} .crews-actions button, .status-actions button{background: none;border: none;padding: 10px;} .crews-actions .btn-delete {background:#0a96e9;} .crews-actions .btn-delete a {color:#fff;} .sidebar .sidebar-toggle:hover {background-image:linear-gradient(to right,#eaeaea,#dedede) !important;} .sidebar .sidebar-toggle:hover i, .sidebar .sidebar-toggle:hover span {color:#fff !important;} .audits-content .table-panel {max-height:600px;} .cc-actions a {margin:0 10px 0 0;} .cc-actions .cc-delete {color:#000;} .cc-actions .cc-default {color:#0a96e9;} .crew-box-color {border: 1px solid #f3f3f3;display: inline-block;margin: 0 10px;width: 15px;height: 15px;background-color: #4DFFF0;box-shadow: 0px 0px 10px #f1f1f1; border-radius:50%;} .status-box-color {border: 1px solid #f3f3f3;display: inline-block;margin: 0 10px;width: 15px;height: 15px;background-color: #4DFFF0;box-shadow: 0px 0px 10px #f1f1f1;} .users-close-field {display:flex;} .emp-close-field .fa-times, .users-close-field .fa-times {padding:5px; color:#b43c3f; } .emp-close-field .fa-times:hover, .users-close-field .fa-times:hover {cursor:pointer;} .emp-close-field .emp-field-cancel, #employeesViewModal .role-edit .role-cancel,#employeesViewModal .change-password-cancel { background: #0a96e9 !important;border-radius: 10px;color: #ffffff;padding: 5px 20px !important;margin: 10px 0;} .delete-user .btn-danger {background-color: #fff;color: #d73925;} .limited-height {max-height: 700px;overflow-y: scroll; padding-bottom: 55px;} .header-todate {float: left;padding-top: 15px;padding-left: 15px;} .mobile-profile-wrapper {display:none;} .new-left-login{background-image: linear-gradient(to right,#0B8DD9,#134F73);margin-left: 15px;margin-right: -15px;border-top-left-radius: 10px;border-bottom-left-radius: 10px;padding-bottom: 10rem;} .comp-logo-holder {margin-top:5rem;} .login-forgot-pass {text-align: right; color: #124d77;margin-bottom: 2rem;} .login-remember-me {text-align: left;} .login-button-wrapper {text-align: right;z-index:9999;} .login-button-wrapper .btn-subscribe-submit {border-radius: 10px;background-color: black; } .crew-color-container input {box-shadow: 0px 0px 5px #e9e9e9;-webkit-appearance: none;} .more-button-wrapper {margin-top:10px;} .more-buttons-inv {padding:0;} .more-buttons-inv li{display: inline;padding: 8px 10px;background: #fff;margin-right: 10px;border: 1px solid #efefef;border-radius: 10px;} .more-buttons-inv li a{color:#4c4c4c;} .more-buttons-inv li a i {margin-right:10px;} .more-buttons-inv li:hover {background: #0b94e6;border-color: #0077bf;} .more-buttons-inv li:hover a {color:#fff;} .show-stepper {text-align:right;} #inventoryTable .thead-blue {color:#333;} #inventoryFiltersDiv .search_filter_dropdown {border-bottom: 1px solid #e9e9e9 !important;border-top: 0 !important;border-left: 0 !important;border-right: 0 !important;border-radius: 0 !important;} #inventoryFiltersDiv .search_filter_dropdown:focus {outline:0; box-shadow:none; } #searchModal .form-group {width:70%;} #searchModal .form-group input {width: 98%;border-radius: 5px;padding: 8px;box-shadow: 0px 0px 5px #ccc;-webkit-appearance: none;border: none; } #searchModal a.list-group-item:focus, #searchModal a.list-group-item:hover, #searchModal button.list-group-item:focus, #searchModal button.list-group-item:hover {color: #555 !important;text-decoration: none;background-color: #ffffff;border-left: 5px solid #d8d8d8;} #searchModal a.list-group-item:first-child {border-radius:0;} #searchModal .search-result-container {max-height:500px; background: #f5f5f5; padding: 10px; overflow-y: scroll;} #searchModal .searchModal-status {padding: 10px 0;margin-top: 10px; } .dataTables_wrapper .dataTables_info {padding: 10px;color: #0a96e9 !important; } .with-separator {border-right:1px solid #e9e9e9;} .with-separator .date-range-wrapper .date-range-search {padding: 8px;border-radius: 5px;box-shadow: 0px 0px 5px #ccc;-webkit-appearance: none;width: 86% !important;border: none;font-size: 14px;} .modal-add-task .daterangepicker {left: 30% !important;right: 30% !important; } .is-invalid{box-shadow: 0px 0px 5px #e30000 !important; -webkit-appearance: none; } #employeesTable_wrapper #employeesTable_filter {margin:10px;} #employeesTable_wrapper #employeesTable_filter input {padding: 5px;border-radius: 10px; border: 1px solid #efefef !important; box-shadow: 0px 0px 10px #f1f1f1; -webkit-appearance: none; font-size: 14px;font-weight:normal;} #employeesTable_wrapper #employeesTable_filter label {content:"";} #employeesTable_wrapper #employeesTable_filter label input {background-image: url(/images/search-icon.png);background-size: 15px;background-repeat: no-repeat;background-position: 5%;padding-left: 30px;} .my-time-card-table tbody tr td:nth-child(5) a {margin: 0 20px 0 0;font-size: 20px;} .user-menu a:hover {background:#fbfbfb !important;border-radius:10px;} @media (min-width: 768px){#usersViewModal .modal-dialog{width: 710px;}.modal-add-picklist .modal-dialog { width: 710px;}} @media (min-width: 768px){#employeesViewModal .modal-dialog {width: 770px;}} .header-sticky {position: sticky;top:0;background-image: linear-gradient(180deg, #fff, #f6f6f6);z-index:1;} #picklist_tbl_length {padding: 10px;} #picklist_tbl, #inventory_tbl, #category-table, #supplier-table, #metric-table, #location-table {font-size:14px;} #picklist_tbl tbody td, #inventory_tbl tbody td {padding: 10px; vertical-align: middle;} #inventory_tbl tbody td:nth-child(9) {padding: 8px 0px; width:10%;} #inventory_tbl tbody td:nth-child(9) div {margin-bottom:5px;} #picklist_tbl_length {float:right;} #add_inventory_modal .location_div_clone .remove-link {margin-left: 20px;text-transform: uppercase;color: red; } #add_inventory_modal .location_div_clone+.remove-link .fa {display:none;} #add_inventory_modal .location_div_clone #addLocation {color: #00801c !important;text-transform: initial !important;text-decoration: underline; } #log-work-time .break-lunch-field, #update-log-work-time .break-lunch-field, #log-work-time-approval .break-lunch-field {width:100%;} @media screen and (min-width:1367px){.daterangepicker .drp-calendar {width: 340px;max-width:340px !important;}} @media (min-width:768px) and (max-width:1023px){.billing-history-table{overflow-x: scroll; }#picklist_tbl tr td:nth-child(5) a, #inventory_tbl tr td:nth-child(9) a {padding: 0px;}#add_inventory_modal .modal-dialog {width: 90%;} #schedulesSearchDiv, #usersSearchDiv, #crewsSearchDiv, #timetrackerFiltersDiv, #timeRequestsFiltersDiv, #notificationsDiv, #employeesFiltersDiv, #estimatesSearchDiv, #auditsSearchDiv, #InventorySearchDiv, #categoriesSearchDiv, #metricsSearchDiv, #supplierSearchDiv, #locationSearchDiv, #picklistSearchDiv {width:95.5%;} #schedulesFiltersDiv, #estimatesFiltersDiv, #crewsFiltersDiv, #inventoryFiltersDiv {width:95.5%; z-index:100;} #schedulesFiltersDiv .schedule-checkbox, #crewsFiltersDiv .crewsfilter-checkbox, .estimate-checkbox {margin:10px;} #crewsTable tr th, #customTagsTable tr th, #statusTable tr th{width: 50% !important;} #log-work-time .break-lunch-field, #update-log-work-time .break-lunch-field {width:110%;} #employee-details .modal-dialog, #modal-add-crew .modal-dialog, #modal-edit-crew .modal-dialog, #modal-edit-status .modal-dialog, #viewEmpTaskModal .modal-dialog {width: 680px !important;}#add-employee-form .form-group-doubles label {margin-right:0;} #employeesTable tr th:nth-child(5) {width:15%;} #employeesTable tr th:nth-child(6) {width:18%;} #inventory_tbl tr td .col-md-12 {width:100%;padding: 0 10px;}} .no-approval {color: #c7c7c7;background-color: #f9f9f9;border-color: #f9f9f9;padding:10px;} .employees-content .date-range-wrapper .date-range {width: 15%;} #sort-hours-btn {display:none;} #empTagsTable .edit-tag, #empTagsTable .delete-tag {margin:10px;} button.btn.btn-gray:hover {background: #0298de;color: #fff;} @media screen and (max-width:767px){ .mobile-profile-wrapper .fa-sign-out {background: #f9f9f9;padding: 0px 15px;margin-top: 10px;border-radius: 10px;} .mobile-profile-wrapper .fa-sign-out a {color:#000;font-size:16px;} .empTagHolder {overflow:auto; max-height:80px;} .add-picklist-btn-row a {border: 1px solid #efefef;padding: 10px;width: 100%;display: block;text-align: center;border-radius: 10px;margin-bottom: 30px;} #EstimateFormModal #add-estimate-form .estimate-btn, #EstimateFormModal #edit-estimate-form .estimate-edit-btn{margin-left:0 !important; width:100% !important; padding:15px 15px !important;} .view-timeoff-reason {border: 1px solid #efefef;padding: 5px 10px;width: 100%;display: block;text-align: center;border-radius: 10px;} .time-card-tab li {width:50%;text-align:center;} .time-card-tab .active .nav-link {color: #fff;font-weight: normal;background: #0b94e6; } .col-crews-filters {padding-right:0;} #sort-hours-btn {padding: 10px;background: #0a96e9;margin-right: 5px;color: #fff;border-radius: 10px; display:block;} .timecard-date-range {padding-top:15px;} #member-time-list .tt-checkbox {margin-top:10px;} #log-work-time-approval .input-date, #update-log-work-time-approval .input-date {width:235px;} #log-work-time-approval #break, #update-log-work-time-approval #break {width:100px;} .timetracker-content {max-height:initial;} #member-time-list-approval .input-time-body {width: 75px;} #timeTrackTable .btn-log-work-approval {margin-right:20px;} .modal-add-task .daterangepicker {left: 17% !important;right: auto;} .daterangepicker ~ .daterangepicker {left: 15% !important; } .with-separator .date-range-wrapper .date-range {width: 91% !important;} .with-separator {margin-bottom: 20px;} #searchModal .form-group input {width: 100%; } #searchModal .form-group {width: 100%;} #searchModal #do-search {width: 100%;padding: 10px; } .employees-content .date-range-wrapper {text-align:right;} .employees-content .date-range-wrapper .date-range {width: 15%;} .emp-main-task-view hr {margin: 10px 0; border-top: 2px solid #eee;} .emp-time-row {margin-bottom:10px;} .emp-time-row .event-block {cursor:pointer;} .emp-date-row {border-bottom: 1px solid #e9e9e9;margin-bottom: 10px; } .employees-content .event-block {border-radius:5px;} .employees-content .event-block span {color:#fff;} } @media screen and (max-width:374px){ .icon-menu i {padding:0px 1px;} .blue-button-wrapper button {width: 42%;float: none;margin: 10px 10px;} .notif-actions p {width: 100%;float: none;} .employees-content .date-range-wrapper .date-range {width: 50% !important;} } .emp-attach-btn {background: #dbdbdb !important;color: #5d5d5d;border-radius: 5px;border: 1px solid #bfbfbf !important;width: 120px;} .emp-attach-btn:hover {background: #0b94e6 !important; color:#fff; border-color:#0b94e6 !important;} @media screen and (max-width:767px){ #taskConflictList {max-height:500px;} #my-profile-details button, #my-profile-details a {width:100%; border: 1px solid #efefef; padding:10px; border-radius:10px; margin: 5px 0;} #ssoModal table tr td {width:50%;} #member-time-list .mt-name {margin-bottom:10px;} .my-profile-info p {margin:0 0 15px;} #crewsTimeOffTbl .edit-timeoff, #crewsTimeOffTbl .cancel-timeoff {margin: 0 5px;font-size: 25px;border: 1px solid #efefef;padding: 0px 15px;display: inline-block;border-radius: 10px;width: 40%;text-align: center; } .timeofff-timerange .ui-timepicker-input {width:134px; margin-right:0px !important; margin-top:10px;} .timeofff-timerange .tt-checkbox { margin-top: 20px; float: right;} #supervisorTimeOffTbl .drpdown-user { font-size: 25px;} .emp-time-row .emp-time-p p {border-top: 1px solid #e9e9e9; padding-top: 5px; } .emp-date-row:first-child { margin-top:0;} .emp-date-row {border-bottom: none;margin-top: 30px;} .modal-add-task .daterangepicker {width: 80%;} .employees-content .date-range-wrapper .date-range {width: 90%;} #changeBillingModal .default-payment-method tr td:first-child {width:30%;} .crews-filter-search {width: 15%;margin-left: 8px;text-indent: -99999px;background-image: url(/images/searchicon-tm-white.png);background-repeat: no-repeat;background-position: center;} .estimates-filter-search {width:60%;} #usersTable, .employees-content .table-panel {overflow-y:scroll;} #usersTable {overflow-x: hidden;} .inventory-content .show-stepper {margin-top:10px;text-align:center;} #display_length {border: 1px solid #c9c9c9;background: none;} .view-stock-location-row .location-select-container+div {padding:0;} #modal-view-stock-form .add-locations-container div {text-align:right;} #picklist_tbl tr td:nth-child(5) {width:auto;} .timetracker-content .icon-menu i {margin:0;} .emp-details{top: -250%;right: 40px;} .main-header {max-height:initial;} .main-header .logo {float:right; width:25%; padding:0 10px;height: initial;font-size: initial;line-height: 0px;} .main-header .logo img {width:100%; height:auto; max-height:50px;} .header-todate { text-align: center; float: right;padding-top: 5px;padding-bottom: 0px;padding-left: 0; padding-right: 20px; } .schedules-date-range {text-align:left;} .sidebar-toggle {margin-top:0;} .mobile-profile-wrapper {padding: 10px;text-align: center;border: 1px solid #e9e9e9;border-radius: 10px; display:block;} .login-form-wrapper { margin: 3rem 0;} .new-left-login {padding-bottom: 2rem;} .new-left-login {background-image: none;margin-left: 0px;margin-right: 0px;border-top-left-radius: 0px;border-bottom-left-radius: 0px;padding-bottom: 0rem;} .comp-logo-holder {margin-top:2rem;} .comp-logo-holder img {width:30%; margin: 0 auto;} .mobile-comp-bg {background-image: linear-gradient(to right,#0B8DD9,#134F73); height: 220px;} .login-remember-me {text-align: right;} .login-forgot-pass {font-size:12px; margin-bottom: 1rem;} .login-border {margin-bottom:0;} .login-button-wrapper {text-align: center; margin-top:20px;} .login-button-wrapper .btn-subscribe-submit {border-radius: 5px;width:100%; padding:10px 15px; font-size:18px;} #subscribe-form .btn-subscribe-submit { padding:10px 15px; font-size:18px;} .main-header .sidebar-toggle { float: left; padding: 5px 15px;border-top: 0;} .skin-blue .main-header .navbar .sidebar-toggle {color:#000 !important;} .skin-blue .main-header .navbar .sidebar-toggle:hover {background-color:transparent;} .page-main-title {margin:0;} #schedulesSearchDiv, #usersSearchDiv, #crewsSearchDiv, #timetrackerFiltersDiv, #timeRequestsFiltersDiv, #notificationsDiv, #employeesFiltersDiv, #estimatesSearchDiv, #auditsSearchDiv, #InventorySearchDiv, #categoriesSearchDiv, #metricsSearchDiv, #supplierSearchDiv, #locationSearchDiv, #picklistSearchDiv, #employeesSearchDiv {width: 92%;} #picklist_tbl_length {padding: 10px;background: #f5f5f5; } #inventory-page-title span {display:none;} .more-buttons-inv li {display: inline-block;padding-right: 10px;font-size: 16px; margin:8px 0px; width:100%; padding:10px; text-align:center;} .more-buttons-inv {margin-bottom:0px;} .content {margin-top:0;} .crew-dropdown-wrap{margin-bottom: 0rem;} .procrew-logo {margin:0px 10px;} .schedule-view-as-row { margin-bottom: 15px;border: 1px solid #e9e9e9;padding: 5px;margin-left: 0px;margin-right: 0px;border-radius: 5px;box-shadow:0 0px 0px rgba(0,0,0,0.125);-webkit-appearance: none;} .date-range-wrapper .date-range {font-size: 16px;width: 76%; } .schedules-view-as-wrapper {margin: 15px 0; padding: 0 5px; width:51%;border-right: 1px solid #e3e3e3;} .schedules-view-as-wrapper .hideSchedulesDateSelector {display:none;} .schedules-view-as-wrapper .sched-head-label {font-size:12px; font-weight:bold;} .schedules-date-range {padding: 0 5px;} .schedules-date-range .date-range-wrapper span {display:none;} #schedulesFiltersDiv, #estimatesFiltersDiv, #crewsFiltersDiv, #inventoryFiltersDiv {z-index:2;width: 92%;} #schedulesFiltersDiv .col-w-label, #estimatesFiltersDiv .col-w-label { display: block; } #schedulesFiltersDiv .schedule-checkbox, #estimatesFiltersDiv .estimate-checkbox, #crewsFiltersDiv .crewsfilter-checkbox {margin: 5px 0 10px 0px; width: 100%;text-align: left;background: #fbfbfb;padding: 10px 20px;} #timetrackerFiltersDiv, #timeRequestsFiltersDiv {z-index:2;} #timetrackerFiltersDiv .combobox-container .input-group {margin-right:0;} #timetrackerFiltersDiv .col-timetracker-filters {display:block; text-align: left;} #schedulesFiltersDiv .input-group-addon, #timetrackerFiltersDiv .fa-filter, #employeesFiltersDiv .fa-filter, #estimatesFiltersDiv .fa-filter, #crewsFiltersDiv .fa-filter, #inventoryFiltersDiv .fa-filter, #timeRequestsFiltersDiv .fa-filter {display:none;} #timetrackerFiltersDiv .date-range-div, #timeRequestsFiltersDiv .date-range-div {margin:10px 0;} .users-count{margin-top: 15px;margin-bottom: 0;} .notif-actions #accept-notif {width:100%;} .notif-actions p {width: 49%;float: left;margin-right: 5px;font-size: 12px; } #notificationsDiv {top: 0%;} .notif-actions p:last-child {margin-right:0;} .crews-filters .track-select-crew {width:100%;} #employee-details .modal-dialog, #emp-update-modal .modal-dialog {width:auto !important;} .estimates-table-panel {max-height:100% !important;} .procrew-logo {padding-bottom:20px; position:initial;} .page-main-info {text-align:left; font-size:16px;} .blue-button-wrapper {padding: 10px; text-align:center;} .blue-button-wrapper button, .blue-button-wrapper input {margin: 5px 0px; border-radius:15px !important; padding: 15px !important; min-width: 100%;} #EstimateFormModal #add-estimate-form .estimate-btn {min-width:43% !important;} .limited-height {margin-bottom: 40px;} .new-modal .modal-content {box-shadow: 0px 0px 10px #f1f1f1;-webkit-appearance: none;border-radius: 10px;} .new-modal .modal-title i {color: #0a96e9;margin-right: 10px;} .limited-height {margin-bottom:40px;} .content .row:last-child .fc-view-container .fc-body {box-shadow:none !important;} #employeesFiltersDiv .combobox-selected .input-group .select-crew {width:100%;} .center-mobile {text-align:center !important; margin-bottom:10px;} .margin-bottom-mobile {margin-bottom:15px;} .emp-details-action-btn button{ width:45%;} .crews-actions .btn-group, .status-actions .btn-group {display:block;} .employee-actions button, .crews-actions button, .crews-actions .btn-group a, .status-actions button, .status-actions .btn-group a,, #empTagsTable .edit-tag, #empTagsTable .delete-tag {padding: 10px !important;width: 100%;background: #ffffff;margin: 8px 0;border: 1px solid #efefef;border-radius: 10px;display:block;text-align: center;} #picklist_tbl {margin:0;} #inventory_tbl {width:100% !important;} /* START OF CSS CODE FOR RESPONSIVE TABLE */ .audits-content .table-responsive, .estimates-content .table-responsive {overflow-x:hidden; overflow-y:scroll;} #timeTrackTable td:before { width: 35%;} #timeTrackTable .drpdown-details {width:120px;} #estimatesTable td {padding-left:25%;} #estimatesTable td:nth-child(5), #estimatesTable td:nth-child(7) {padding-left:55%} #estimatesTable td:nth-child(6) {padding-left:45%} /* Force table to not be like tables anymore */ #usersTable table, #usersTable thead, #usersTable tbody, #usersTable th, #usersTable td, #usersTable tr, #timeTrackTable table, #timeTrackTable thead, #timeTrackTable tbody, #timeTrackTable th, #timeTrackTable td, #timeTrackTable tr, #employeesTable table, #employeesTable thead, #employeesTable tbody, #employeesTable th, #employeesTable td, #employeesTable tr, #estimatesTable table, #estimatesTable thead, #estimatesTable tbody, #estimatesTable th, #estimatesTable td, #estimatesTable tr, .billing-history-table table, .billing-history-table thead, .billing-history-table tbody, .billing-history-table th, .billing-history-table td, .billing-history-table tr, #audits-table table, #audits-table thead, #audits-table tbody, #audits-table th, #audits-table td, #audits-table tr, #supervisorTimeOffTbl table, #supervisorTimeOffTbl thead, #supervisorTimeOffTbl tbody, #supervisorTimeOffTbl th, #supervisorTimeOffTbl td, #supervisorTimeOffTbl tr, #crewsTimeOffTbl table, #crewsTimeOffTbl thead, #crewsTimeOffTbl tbody, #crewsTimeOffTbl th, #crewsTimeOffTbl td, #crewsTimeOffTbl tr, .my-time-card-table table, .my-time-card-table thead, .my-time-card-table tbody, .my-time-card-table th, .my-time-card-table td, .my-time-card-table tr, #empTagsTable table, #empTagsTable thead, #empTagsTable tbody, #empTagsTable th, #empTagsTable td, #empTagsTable tr {display: block;} /* alternate fix for ios mobile */ #crewsTable table, #crewsTable thead, #crewsTable tbody, #crewsTable th, #crewsTable td, #crewsTable tr, #customTagsTable table, #customTagsTable thead, #customTagsTable tbody, #customTagsTable th, #customTagsTable td, #customTagsTable tr, #statusTable table, #statusTable thead, #statusTable tbody, #statusTable th, #statusTable td, #statusTable tr, #inventory_tbl table, #inventory_tbl thead, #inventory_tbl tbody, #inventory_tbl th, #inventory_tbl td, #inventory_tbl tr, #category-table table, #category-table thead, #category-table tbody, #category-table th, #category-table td, #category-table tr, #metric-table table, #metric-table thead, #metric-table tbody, #metric-table th, #metric-table td, #metric-table tr, #supplier-table table, #supplier-table thead, #supplier-table tbody, #supplier-table th, #supplier-table td, #supplier-table tr, #location-table table, #location-table thead, #location-table tbody, #location-table th, #location-table td, #location-table tr, #picklist_tbl table, #picklist_tbl thead, #picklist_tbl tbody, #picklist_tbl th, #picklist_tbl td, #picklist_tbl tr {display:grid;} #crewsTable tr td, #customTagsTable tr td, #statusTable tr td {display:block;} /* Hide table headers (but not display: none;, for accessibility) */ #usersTable thead tr, #crewsTable thead tr, #customTagsTable thead tr, #statusTable thead tr, #timeTrackTable thead tr, #employeesTable thead tr, #estimatesTable thead tr, .billing-history-table thead tr, #audits-table thead tr, #category-table thead tr, #metric-table thead tr, #supplier-table thead tr, #location-table thead tr, #picklist_tbl thead tr, #inventory_tbl thead tr, #supervisorTimeOffTbl thead tr, #crewsTimeOffTbl thead tr, .my-time-card-table thead tr, #empTagsTable thead tr {position: absolute;top: -9999px;left: -9999px;} #usersTable tr, #crewsTable tr, #customTagsTable tr, #statusTable tr,#timeTrackTable tr, #employeesTable tr, #estimatesTable tr, .billing-history-table tr, #audits-table tr, #category-table tr, #metric-table tr, #supplier-table tr, #location-table tr, #picklist_tbl tr, #inventory_tbl tr, #supervisorTimeOffTbl tr, #crewsTimeOffTbl tr, #MyTimeCardTable tr, #empTagsTable tr { border-bottom: 5px solid #f5f5f5; margin-bottom: 10px; padding-bottom:15px;} #usersTable td, #crewsTable td, #customTagsTable td, #statusTable td, #timeTrackTable td, #MyTimeCardTable td, #employeesTable td, #estimatesTable td, #audits-table td, #category-table td, #metric-table td, #supplier-table td, #location-table td, #picklist_tbl td, #inventory_tbl td, #supervisorTimeOffTbl td, #crewsTimeOffTbl td, #empTagsTable td{/* Behave like a "row" */border: none;border-bottom: 1px solid #f5f5f5;position: relative;padding-left: 35%;} #empTagsTable td {padding-left:25%;} #MyTimeCardTable td { padding-left: 40%; } #supervisorTimeOffTbl td, #crewsTimeOffTbl td { padding-left: 35%; } #inventory_tbl tbody td {padding-top:8px; padding-bottom:8px; padding-right:10px; padding-left:40%;} #picklist_tbl tbody td {padding-top:8px; padding-bottom:8px; padding-right:10px; padding-left:30%;} #picklist_tbl tr td:nth-child(5) a {display: grid;width: 100%;border: 1px solid #efefef;border-radius: 10px;margin: 8px 0;text-align: center;} #inventory_tbl tr td:nth-child(5) { padding-left:40%;} #inventory_tbl tr td:nth-child(9) { padding-left:40%;} #picklist_tbl_length {float:none;} #employeesTable td {padding-left:45%; min-height: 26px;} #employeesTable td:nth-child(1), #employeesTable td:nth-child(2), #employeesTable td:nth-child(6) {padding-left:45%;} #employeesTable .label-primary {padding: 0px 5px; font-size: 12px;} #estimatesTable td {min-height: 40px;} .employee-roles {padding: 0 0px; } .billing-history-table td {border: none;border-bottom: 1px solid #f5f5f5;position: relative; padding-left:35% !important;} #audits-table td {padding-left:25%;} #audits-table tr td:nth-child(4) ul {padding:0 20px; width:100%; overflow-x: auto;padding-bottom: 20px; white-space:initial;} #usersTable td:before, #crewsTable td:before, #customTagsTable td:before, #statusTable td:before, #timeTrackTable td:before, #employeesTable td:before, #estimatesTable td:before, .billing-history-table td:before, #audits-table td:before, #category-table td:before, #metric-table td:before, #supplier-table td:before, #location-table td:before, #picklist_tbl td:before, #inventory_tbl td:before, #supervisorTimeOffTbl td:before, #crewsTimeOffTbl td:before, .my-time-card-table td:before, #empTagsTable td:before {/* Now like a table header */position: absolute;/* Top/left values mimic padding */top: 7px;left: 10px;width: 45%;padding-right: 10px;white-space: nowrap;font-weight:bold;} #empTagsTable td:before {width:20%;} #supervisorTimeOffTbl td:before, #crewsTimeOffTbl td:before { width: 30%;} #estimatesTable td {padding-left:25%;} #estimatesTable td:nth-child(5), #estimatesTable td:nth-child(7) {padding-left:55%} #estimatesTable td:nth-child(6) {padding-left:55%} #estimatesTable .address-search div div {overflow-x: auto !important;} #estimatesTable .address-search div div::-webkit-scrollbar { width: 2px !important;} #timeTrackTable td {padding-left:45%;} .my-time-card-table td {padding-left:45%;} #timeTrackTable #details-show td {padding-left:40%;} /* Label the data for Users page*/ #usersTable td:nth-of-type(1):before { content: "Username"; } #usersTable td:nth-of-type(2):before { content: "Email"; } #usersTable td:nth-of-type(3):before { content: "Last Login"; } #usersTable td:nth-of-type(4):before { content: "Status"; } #usersTable .drpdown-user { margin-right: 5px;} #usersTable td:nth-of-type(1), #usersTable td:nth-of-type(2) {min-height:36px;} /*Label the data for Employee tags page*/ #empTagsTable td:nth-of-type(1):before { content: "Tag"; } #empTagsTable td:nth-of-type(2):before { content: "Action"; } /*Label the data for Time Tracker page*/ #timeTrackTable td:nth-of-type(1):before { content: "Employee No."; } #timeTrackTable .crew-empty td:nth-of-type(1):before { content: "" !important; } #timeTrackTable td:nth-of-type(2):before { content: "Crew name"; } #timeTrackTable td:nth-of-type(3):before { content: "Employee Name"; } #timeTrackTable td:nth-of-type(4):before { content: "Total Time Worked"; } #timeTrackTable td:nth-of-type(5):before { content: "View Employee"; width:40%;} #timeTrackTable td:last-child {min-height:50px;} #timeTrackTable td:nth-of-type(1) {min-height:40px;} #timeTrackTable #details-show td:nth-of-type(1):before { content: "Date"; } #timeTrackTable #details-show td:nth-of-type(2):before { content: "Day"; } #timeTrackTable #details-show td:nth-of-type(3):before { content: "Total Time"; } #timeTrackTable #details-show td:nth-of-type(4):before { content: "Action"; } #timeTrackTable #details-show td:last-child {min-height:0;} #timeTrackTable #details-show tr td {padding-top:5px; padding-bottom:5px;} .time-tracker-user-details .container-emp-details {min-width:300px;} .time-tracker-user-details .user-details {} /*Label the data for Time Tracker page - My Time Card*/ .my-time-card-table td:nth-of-type(1):before { content: "Date"; } .my-time-card-table td:nth-of-type(2):before { content: "Time"; } .my-time-card-table td:nth-of-type(3):before { content: "Break/Lunch"; } .my-time-card-table td:nth-of-type(4):before { content: "Status"; } .my-time-card-table td:nth-of-type(5):before { content: "Action";width:25%;} .my-time-card-table td:nth-of-type(6):before { content: "Approved by";} .my-time-card-table td:nth-of-type(7):before { content: "Approved date";} .empty-tracker-data td:before {display:none;} .my-time-card-table td:nth-of-type(5){min-height:35px;} #inventory_tbl tbody td:nth-child(8), #inventory_tbl tbody td:nth-child(9) {min-height:20px; width:auto;} #inventory_tbl tbody td:nth-child(9) div, #inventory_tbl tbody td:nth-child(9) div a {padding:0;} /*Label the data for Crews page*/ #crewsTable td:nth-of-type(1):before { content: "Crew Name"; } #crewsTable td:nth-of-type(2):before { content: "Actions"; } #crewsTable .drpdown-user { margin-right: 5px;} #crewsTable .crews-actions button {padding:5px 10px; font-size:14px;} #crewsTable #addCrew {display:none;} /*Label the data for Custom Tags*/ #customTagsTable td:nth-of-type(1):before { content: "Custom Tag"; } #customTagsTable td:nth-of-type(2):before { content: "Actions"; } #customTagsTable .drpdown-user { margin-right: 5px;} #customTagsTable .crews-actions button {padding:5px 10px; font-size:14px;} #customTagsTable #addCrew {display:none;} /*Label the data for Status table*/ #statusTable td:nth-of-type(1):before { content: "Status Name"; } #statusTable td:nth-of-type(2):before { content: "Actions"; } #statusTable .drpdown-user { margin-right: 5px;} #statusTable .status-actions button {padding:5px 10px; font-size:14px;} #statusTable #addCrew {display:none;} /*Label the data for Employees page*/ #employeesTable td:nth-of-type(1):before { content: "Employee Number"; } #employeesTable td:nth-of-type(2):before { content: "Employee Name"; } #employeesTable td:nth-of-type(3):before { content: "Crew"; } #employeesTable td:nth-of-type(4):before { content: "Role/s"; } #employeesTable td:nth-of-type(5):before { content: "Start Date"; } #employeesTable td:nth-of-type(6):before { content: "Hours Assigned"; width:auto;} #employeesTable td:nth-of-type(7):before { content: "Action"; width:auto;} /*Label the data for Supervisor Time off*/ #supervisorTimeOffTbl td:nth-of-type(1):before { content: "Name"; } #supervisorTimeOffTbl td:nth-of-type(2):before { content: "Date"; } #supervisorTimeOffTbl td:nth-of-type(3):before { content: "Time"; } #supervisorTimeOffTbl td:nth-of-type(4):before { content: "Reason"; } #supervisorTimeOffTbl td:nth-of-type(5):before { content: "Status"; } #supervisorTimeOffTbl td:nth-of-type(6):before { content: "Manager"; } #supervisorTimeOffTbl td:nth-of-type(4) {font-weight: bold;text-decoration: underline;} #supervisorTimeOffTbl td:nth-of-type(5), #supervisorTimeOffTbl td:nth-of-type(6) {min-height:36px;} /*Label the data for crew member leader Time off*/ #crewsTimeOffTbl td:nth-of-type(1):before { content: "Date"; } #crewsTimeOffTbl td:nth-of-type(2):before { content: "Time"; } #crewsTimeOffTbl td:nth-of-type(3):before { content: "Reason"; } #crewsTimeOffTbl td:nth-of-type(4):before { content: "Status"; } #crewsTimeOffTbl td:nth-of-type(5):before { content: "Manager"; } #crewsTimeOffTbl td:nth-of-type(6):before { content: "Action"; } #crewsTimeOffTbl td:nth-of-type(3) {font-weight: bold;text-decoration: underline;} #crewsTimeOffTbl td:nth-of-type(4), #crewsTimeOffTbl td:nth-of-type(5), #crewsTimeOffTbl td:nth-of-type(6) {min-height:36px;} /*Label the data for Estimates page*/ #estimatesTable td:nth-of-type(1):before { content: "Builder"; } #estimatesTable td:nth-of-type(2):before { content: "Address"; } #estimatesTable td:nth-of-type(3):before { content: "Action"; } #estimatesTable td:nth-of-type(4):before { content: "Archived"; } #estimatesTable td:nth-of-type(5):before { content: "Converted to Schedule"; } #estimatesTable td:nth-of-type(6):before { content: "Archive"; width:20%;} #estimatesTable td:nth-of-type(7):before { content: "Convert to Schedule"; } /*Label the data for Billing page*/ .billing-history-table td:nth-of-type(1):before { content: "Description"; } .billing-history-table td:nth-of-type(2):before { content: "Date"; } .billing-history-table td:nth-of-type(3):before { content: "Amount"; } /*Label the data for Audits page*/ #audits-table td:nth-of-type(1):before { content: "Audit ID"; } #audits-table td:nth-of-type(2):before { content: "User"; } #audits-table td:nth-of-type(3):before { content: "Event"; } #audits-table td:nth-of-type(4):before { content: "Changes"; width:auto; } #audits-table td:nth-of-type(5):before { content: "Date"; } /*Label the data for Category page*/ #category-table td:nth-of-type(1):before { content: "Category"; } #category-table td:nth-of-type(2):before { content: "Actions"; width:auto; } /*Label the data for Metric page*/ #metric-table td:nth-of-type(1):before { content: "Metric"; } #metric-table td:nth-of-type(2):before { content: "Symbol"; } #metric-table td:nth-of-type(3):before { content: "Actions"; width:auto; } /* Label the data for Supplier page*/ #supplier-table td:nth-of-type(1):before { content: "Supplier"; } #supplier-table td:nth-of-type(2):before { content: "Actions"; width:auto; } /*Label the data for Location page*/ #location-table td:nth-of-type(1):before { content: "Location"; } #location-table td:nth-of-type(2):before { content: "Actions"; width:auto; } /*Label the data for Picklist page*/ #picklist_tbl td:nth-of-type(1):before { content: "ID"; } #picklist_tbl td:nth-of-type(2):before { content: "Name";} #picklist_tbl td:nth-of-type(3):before { content: "Builder";} #picklist_tbl td:nth-of-type(4):before { content: "Address";} #picklist_tbl td:nth-of-type(5):before { content: "Actions"; width:auto;} /*Label the data for Inventory page*/ #inventory_tbl td:nth-of-type(1):before { content: "Main Image"; } #inventory_tbl td:nth-of-type(2):before { content: "Item Name";} #inventory_tbl td:nth-of-type(3):before { content: "Description";} #inventory_tbl td:nth-of-type(4):before { content: "Stocks";width:auto;} #inventory_tbl td:nth-of-type(5):before { content: "Reserved Stocks";} #inventory_tbl td:nth-of-type(6):before { content: "Category";} #inventory_tbl td:nth-of-type(7):before { content: "Supplier";} #inventory_tbl td:nth-of-type(8):before { content: "Tags";} #inventory_tbl td:nth-of-type(9):before { content: "Action";width:auto;} #inventory_tbl td:nth-of-type(3), #inventory_tbl td:nth-of-type(1) {min-height:30px;} } /* Portrait and Landscape */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) { } /* Portrait */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) { .modal-add-task .modal-dialog, #EstimateFormModal .modal-dialog, .modal-add-schedule .modal-dialog { width: 700px;} .emp-est-time .time-start, .emp-est-time .time-end {bottom:5%;} .modal-add-task .emp-est-time {padding-bottom:30px;} .preview-changes, #preview-changes {margin:10px 0;} #member-time-list .mt-name {margin-bottom:10px;} #ssoModal table tr td {width:50%;} #ttViewModal .modal-dialog {width:730px;} .emp-est-time .input-task-start, .emp-est-time .input-task-end {width: 50% !important;} .schedule-checkbox {margin: 0px 30px 0px 8px} .crew-leader-list-row .form-group, .employee-list-row .form-group {margin:10px;} } /* Landscape */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) { #schedulesFiltersDiv .checkboxes {margin-left: 0px;} .schedule-checkbox {margin: 0px 8px 0px 10px;} #schedulesFiltersDiv, #usersSearchDiv, #inventorySearchDiv, #picklistSearchDiv, #categoriesSearchDiv, #metricsSearchDiv, #supplierSearchDiv, #locationSearchDiv, #timeRequestsFiltersDiv, #auditsSearchDiv {width: 96.5%;} #notificationsDiv { width: 60%; } .estimates-content .checkboxes {margin-left:0px;} .estimates-content .col-w-label {flex-wrap: wrap;} .estimate-checkbox {margin: 0px 20px 0px 10px !important;} #estimatesFiltersDiv, #inventoryFiltersDiv {z-index:2;width: 96.5%;} .estimates-filter-search, .estimates-filter-search {margin-top:10px;} .btn-custom-dropdown {margin-right:7px;} #add_inventory_modal .modal-dialog {width:80%;} } .main-nav-user-logo-info {display:flex;} #procrew-small-logo {background: url('/images/logo2.png');background-size: contain;width: 100px;background-repeat: no-repeat;background-position: center;margin: 0 20px 0 0;} .logged-in-user {float: left;margin-top:-10px;color: black;vertical-align: middle;line-height: 36px;margin-right: 5px;} .default-view .fc-slats tr td.fc-widget-content {background:#fff;} .default-view .fc-time {color: #848484; background: #f5f5f5 !important; } /* for the Theme Selector */ .theme-selector { background: #f9f9f9; padding: 10px; margin:0 50px; border-radius:10px; text-align: center;} .theme-selector label, .theme-selector input {cursor:pointer;} .theme-selector-sidebar { background: #f9f9f9; padding: 10px; border-radius:10px; text-align: center;} .theme-selector-sidebar label, .theme-selector-sidebar input {cursor:pointer;} .task-delete-btn {outline: none;color: #fff !important;background: #ff0000; margin:0 !important;} .audits-btn {color:#000;} .crew-row {background: #f7f7f7;margin: 5px 0 10px 0;padding: 15px 0 0 0;} .search-field-container {border: 1px solid #e7e7e7;padding: 5px;box-shadow: 0px 0px 5px #e9e9e9;-webkit-appearance: none;background:#fff;display:flex;border-radius: 10px; width:100%;} .search-field-container i {color: #0b94e6;margin: 0 10px;font-size: 22px;} .load-more-wrapper {padding-bottom: 60px;} .load-more-search, .load-more-utasks {padding: 10px 30px;border: 0;background: #0a97e9;color: #fff;border-radius: 10px;} .load-more-search:hover, .load-more-utasks:hover {background: #006cbc;} .search-field-container .date-range-wrapper {padding:10px;} .search-field-container .date-range-wrapper, .search-field-container .search-crews-wrapper, .search-field-container .search-status-wrapper {border-right:1px solid #e9e9e9;} .search-field-container .search-crews-wrapper {width:60%;} .search-field-container .search-status-wrapper {width:35%; } .search-field-container .search-status-wrapper label {font-size:12px;} .search-field-container .search-daterange-wrapper {width:25%; } .search-field-container .search-input-wrapper {padding: 7px 10px; width:100%; display:flex;} .search-field-container .search-input-wrapper input {width: 50%;} .search-field-container .date-range-wrapper input {width: 85%;box-shadow: none;border: 0; } .fc-right .fc-button-group button {width:80px;} .search-crews-wrapper .dropdown button {background:transparent; border:none; } .search-field-container .search-sort-wrapper select, .search-field-container .search-status-wrapper select {border:0; width: 45% !important; background:transparent !important; font-size:12px;} .search-field-container .search-status-wrapper>.bootstrap-select {width:45% !important;} .search-field-container .search-status-wrapper>.bootstrap-select button {background:none; border:0;} .search-field-container .search-crews-wrapper .dropdown {width: 70% !important; padding:8px 5px !important;} .search-field-container .search-daterange-wrapper input {border:0; width: 70% !important; font-size:12px;} .search-field-container .search-daterange-wrapper input {text-align:center;} .search-field-container .search-sort-wrapper, .search-field-container .search-crews-wrapper .dropdown, .search-field-container .search-status-wrapper, .search-field-container .search-daterange-wrapper {padding:8px 8px;} .tasks-results-wrapper {padding:0 20px;} /* For Search View Filters */ .searchView .search-crews-wrapper, .searchView .search-status-wrapper, .searchView .search-sort-wrapper, .searchView .search-input-wrapper {width:35%;} .searchView .search-crews-wrapper .dropdown {width: 80% !important;} .schedule-month-view .fc-button-group button {background:#0a97e9; color:#fff; text-shadow:none; border-radius:5px; margin-left:5px; border:none;} .schedule-month-view .fc-button-group button.fc-state-active {background:#12557f;} .result-box {background:#f7f7f7; padding:20px; border-radius:10px;width: 23%; margin: 0px 10px 25px; float:left; } .result-box:hover {background-color: #fff !important;box-shadow: 0px 0px 10px #f1f1f1;-webkit-appearance: none;cursor:pointer;} .search-sort-wrapper .date-sort {padding: 10px;} .date-col i, .time-col i {margin-right:15px;font-size: 18px; color: #0a96e9;} .date-col, .time-col, .date-time-row {width: 100%;font-size: 14px;font-weight: bold;text-transform: uppercase;} .search-input-wrapper button {padding:5px 10px; border:1px solid #0a96e9; border-radius: 10px; font-size:12px;} .search-input-wrapper input {border: 0; } .search-result-number p {font-weight: bold;font-size: 16px;margin-bottom: 25px;margin-top: 10px; } .add-task-btn-srch {color:#0b94e6;background:transparent; margin-left:20px; } .add-task-btn-srch i {font-size:14px;margin:0 5px 0 0;} .add-task-btn-srch:hover {background:#0b94e6;color:#fff;} .add-task-btn-srch:hover i {color:#fff;} .date-time-row { width:100%;padding-bottom: 10px;} .details-row {padding:20px 5px 20px 0; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; margin-bottom: 20px;min-height: 225px; max-height: 225px;overflow-x: hidden; overflow-y: auto;} .details-row table {width:100%;} .details-row table tbody tr {height: 28px;} .details-row table tbody tr .dlabel {font-weight:bold; width:40%;vertical-align:top;} .view-task-details {background:#545454; border:0; padding:10px;} .view-task-details:hover {background:#005f97;} .status-is-pending {color:#FE7D00;} .status-is-complete {color:#008904;} .status-is-on-hold {color:#B80000;} .status-is-in-progress {color:#3961B8;} .status-is-pending i, .status-is-complete i, .status-is-on-hold i, .status-is-in-progress i {margin-right:10px;} .status-is-pending, .status-is-complete, .status-is-on-hold, .status-is-in-progress {font-weight:bold;} .employee-tags-group .select2-container, .close-editing-tag .select2-container {width: 100% !important;} .schedule-id-container {padding:10px 20px; margin-bottom:30px; background: #0a96e9; color:#fff;} .adjust-deduct-qty {border: 0 !important;padding: 8px;box-shadow: 0px 0px 5px #ccc;-webkit-appearance: none;border-radius: 5px;-webkit-appearance: none;} .event-block .simplebar-content-wrapper {overflow:hidden !important;} .fc-content-col .fc-event, .fc-content-col .fc-event-dot {background-color:#fff; border-top:0px solid #fff !important; border-bottom: 0px solid #fff !important; border-right: 0px solid #fff !important;} /* NW */ .event-detail{color:#000 !important;} .event-builder {font-weight:bold;color:black;} .event-crewname {font-size: 10px; color: #000000; background: #fbfbfb;padding: 2px 5px; border-radius: 5px;margin-bottom: 5px;margin-right: 2px;margin-left: 2px;border: 1px solid #d5d5d5;font-weight:bold;} .fc-list-item:hover {background:transparent !important;} .fc-agendaWeek-view .fc-event { border: 1px solid #f5f5f5;} .fc-agendaWeek-view .fc-time-grid-event {} .fc-month-view .event-detail {font-size:10px;} .fc-more-cell .fc-more {padding: 10px;color: #000; font-weight: bold;} .fc-month-view .event-block {border-left: solid 5px; border-color: #f5f5f5;} .week-event-detail {width: 95%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .daterangepicker select.monthselect, .daterangepicker select.yearselect {border-radius: 5px;} .calendar-select-crew .btn-default:active:hover, .calendar-select-crew .btn-default:hover {background:transparent !important;} .search-field-hidden {display:none;} .search-field-visible {display: flex;} #calendar-preloader {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(255, 255, 255, 0.7);display: flex;align-items: center;justify-content: center;z-index: 999;} .open-utasks-btn, .open-map-btn{background: #ffffff;color: #4c4c4c;border-radius: 10px;border: 1px solid #e9e9e9;} .open-utasks-btn:hover, .open-map-btn:hover {background:#0a97e9; color: #fff;} #utasks-modal .modal-dialog {width:1400px;} .utasks-result-box {background: #f7f7f7;padding: 20px;border-radius: 10px;width: 23%;margin: 0px 10px 25px;float: left;} .modal-log-work .modal-dialog {width:750px;} /* API css */ #add-api-form, #gen-api-form, #add-notif-form {padding: 20px;} #add-notif-form .input-group {width:100%;} #add-notif-form .form-group {display:flex;} #gen-api-form {border: 1px solid #e9e9e9;border-radius: 5px; background: #fcfcfc;} #add-api-form .form-group label, #gen-api-form .form-group label, #add-notif-form .input-group label{padding:0;} #add-api-form .form-group input, #gen-api-form .form-group input, #add-notif-form .input-group input { border: 0 !important;padding: 8px;box-shadow: 0px 0px 5px #ccc;-webkit-appearance: none;border-radius: 5px;-webkit-appearance: none; } .api-notes {padding:15px 15px 5px; background:#ededed; margin:10px;border: 1px solid #e9e9e9;} .api-notes p {color:#000;} .api-notes p a {color: #0a96e9;} .generate-key-btn a, .copy-key-btn a{ background: #f0f0f0;padding: 10px 10px;border-radius: 5px;} #apply-crew-btn {border-radius: 5px !important;} #apply-crew-btn:hover {background:#12557f !important;} .add-search-div, .map-address-div, .view-edit-log-div, .last-edit-log-div, .all-day-div {padding: 10px 10px 10px;margin-top: -10px;} #viewEditLog {z-index:2000;} .delete-file {background: #e9e9e9;padding: 1px 5px;border-radius: 10px;margin-left: 10px;color: #de7171;font-size: 12px;} .rename-file {background: #e9e9e9;padding: 1px 5px;border-radius: 10px;margin-left: 10px;color: #9c9797;font-size: 12px;} .clear-search-task {border:1px solid #eaeaea !important; padding:4px 5px !important;margin-left: 5px; } .clear-search-task:hover {background: #0a96e9;color: #fff;} .clear-search-task i {font-size:14px; margin: 5px;} .clear-search-task:hover i {color: #fff;} .daterangepicker ~ .daterangepicker {/*left: 30% !important; */right: 33% !important;} .fc-time-grid-event .fc-content {height:100%;} .custom-tag-legend-div .tags span {background: #fff;padding: 3px 10px;border: 1px solid #e9e9e9; border-radius: 5px;} #moretags-btn {margin-left: 10px;padding: 4px 10px;border: 1px solid #e3e3e3;background: #f0f0f0;color: #575a57; border-radius:10px;} .customtags-list .tags {display: block;border: 1px solid #e9e9e9;border-radius: 5px;margin: 5px 0;padding: 5px;} .customtags-list .tags .tagname {color:#000;} .reports-content {border-radius: 10px;box-shadow: 0px 0px 10px #f1f1f1;margin-left: 0px;padding: 15px 5px;} .emp-update-btn-div>div {text-align:right;} .emp-update-btn-div button {color: #0b94e6;border: 1px solid #e9e9e9;background: none;padding: 5px 10px;border-radius: 5px;} .emp-update-btn-div button:hover {background:#0b94e6; color:#fff;border: 1px solid #0b94e6} #map-modal .input-group {box-shadow: 0px 0px 5px #ccc; border-radius: 5px;} #map-modal .input-group .map-crew {background: none;border: 0;} #updateInventory-panel .manage-supplier {margin-top:15px;} #btn-update-inventory {border-radius: 15px !important;} .modal-add-task .modal-footer {border-top:1px solid #e9e9e9; padding-top:10px !important;} .blue-btn-savetemp {margin-left: 0px !important;} #addWebhookModal .select2-container--default .select2-selection--multiple .select2-selection__choice {background-color: #fff !important; color:#262626 !important;} .add-webhook-btn{min-width:10% !important;} .task-template-select {border-radius: 5px; font-size: 12px;} #edit-estimate-form .picklist-row {margin: 5px; background: #f7f7f7; padding: 15px 0;border-radius: 10px; border: 1px solid #ededed;} #edit-estimate-form .picklist-item-row {border: 1px solid #e9e9e9;margin: 10px 0px;background: #ffffff;padding-bottom: 10px;} .nav-tabs {border-bottom: 1px solid #eee !important;} .taskTabList .active a {border: 1px solid #eee !important;border-bottom-color: #f5f5f5 !important;background-color: #f5f5f5 !important;} .tab-content {background: #f5f5f5;padding: 20px 10px 10px 10px; border-left:1px solid #eee; border-right:1px solid #eee; border-bottom:1px solid #eee;} .taskTabList {overflow-x: auto;display: flex; overflow-y: hidden;-webkit-overflow-scrolling: touch;} .taskTabList::-webkit-scrollbar {height: 6px;} .taskTabList li {flex: 0 0 auto; white-space: nowrap;} .taskTabList::-webkit-scrollbar-thumb {background-color: #02A9F7;} .add-search-div {text-align:right; padding-right:20px;} .modal-footer .row .col-xs-12 a.add-form-task-modal-tab, .modal-footer .row .col-xs-12 a.log-time-work-task-modal {padding: 0px 15px;} .modal-footer .row .col-xs-12 a.log-time-work-task-modal {color: #104c70;} .fc-unthemed .fc-list-empty {padding:30px;} @media screen and (max-width:767px) { .taskTabList::-webkit-scrollbar {height: 4px;} #btn-update-inventory {padding:15px !important;} .search-field-container .search-status-wrapper>.bootstrap-select {width:85% !important;} .search-field-container .search-status-wrapper>.bootstrap-select button {padding: 6px 3px;} .modal-log-work .modal-dialog {width:95%;} #utasks-modal .modal-dialog {width:auto;} .open-utasks-btn, .open-map-btn {width:100%; margin-top:20px;} .search-field-container .date-range-wrapper, .search-field-container .search-sort-wrapper, .search-field-container .search-crews-wrapper, .search-field-container .search-status-wrapper, .search-field-container .search-daterange-wrapper{border-right:0; border-bottom:1px solid #e9e9e9;} .search-field-container .search-daterange-wrapper {border-bottom:0;} .search-field-visible {display: block;} .date-range-wrapper span {display:none;} .rto-btn {padding: 10px !important;width: 100%;margin: 8px 0;border: 1px solid #efefef;border-radius: 10px;text-align: center;background: #0a96e9;color: #fff;} #display_length {width: 100%;font-weight: bold;padding: 10px;font-size: 16px;} #estimatesTable .action-btns a {border:1px solid #efefef;border-radius:10px;text-align: center; margin:8px 0 !important; padding:10px; font-size:14px; width:100%; display:block;} .icon-menu i {padding: 8px 10px; font-size: 18px;} .page-main-title {font-size: 20px;} .schedule-view-as-row i {font-size: 20px;margin:0; padding:8px;} .schedules-date-range .date-range-wrapper i {padding:15px 0; margin:0 8px;} .search-field-container .date-range-wrapper, .search-field-container .search-sort-wrapper, .search-field-container .search-input-wrapper {width: 100%;border-right: 0;} .search-field-container .date-range-wrapper input {text-align:left;} .search-field-container .search-sort-wrapper, .search-field-container .search-input-wrapper, .search-field-container .date-range-wrapper {padding: 8px 5px;} .result-box {width:93%;} .search-input-wrapper i, .stat-legend-sp {display:none;} .search-input-wrapper button {text-indent:-999px; padding: 5px 25px; background:url('/images/search-icon-white.png') no-repeat center center;background-color: #0a96e9;background-size: 35%;} .search-input-wrapper .clear-search-task {text-indent:-999px; padding: 5px 25px !important; background:url('/images/clear-icon-dark.png') no-repeat center center;background-color: #e7e7e7;background-size: 35%;} .search-input-wrapper input { width: 70% !important;padding: 0 10px;} .search-result-number {text-align:center;} .search-result-number p {font-size: 18px;margin-bottom: 0px;} .search-field-container .search-crews-wrapper {width:100%;} .search-field-container .search-status-wrapper {width:100%;} .search-field-container .search-sort-wrapper, .search-field-container .search-crews-wrapper .dropdown, .search-field-container .search-status-wrapper, .search-field-container .search-daterange-wrapper {padding: 10px 5px;} .schedule-month-view .fc-button-group .fc-month-button, .schedule-month-view .fc-button-group .fc-agendaWeek-button {display:none;} .search-crews-wrapper label, .search-status-wrapper label, .search-field-container .search-sort-wrapper label {display:none;} .search-crews-wrapper .dropdown button {padding: 6px 0px;} .search-field-container .search-sort-wrapper select, .search-field-container .search-status-wrapper select {width: 85% !important; } .search-field-container .search-daterange-wrapper input {text-align:left;} .legend-row .text-right {text-align:center; font-size:65%;} .schedule-month-view .fc-center{margin-top:15px;} .searchView .search-crews-wrapper .dropdown {width: 85% !important;} .schedules-wrapper .icon-menu .fa-long-arrow-left {width:auto;} #apply-crew-btn {width:20%; padding:8px;} } @media (min-width:1600px) and (max-width:1919px){ .search-field-container .date-range-wrapper {width:20%;} .search-sort-wrapper {width:30%;} .search-field-container .date-range-wrapper input {width: 75%;} .search-input-wrapper input { width: 35%; } } @media (min-width:1280px) and (max-width:1599px){ .search-field-container .date-range-wrapper {width:20%;} .search-field-container .search-sort-wrapper {width:30%;} .search-field-container .date-range-wrapper input {width: 75%;} .search-input-wrapper input { width: 35%; } } @media(max-width:1200px) and (min-width:990px){ #schedulesFiltersDiv, #usersSearchDiv, #crewsSearchDiv, #timetrackerFiltersDiv, #employeesFiltersDiv, #estimatesSearchDiv, #estimatesFiltersDiv, #inventorySearchDiv, #inventoryFiltersDiv, #categoriesSearchDiv, #metricsSearchDiv, #supplierSearchDiv, #locationSearchDiv {width:97.8%;} .search-field-container .date-range-wrapper input {width: 75%;} .search-input-wrapper input { width: 34%; } .search-input-wrapper button { padding: 10px 10px; } .add-task-btn-srch { margin-left: 5px;} .search-field-container .search-sort-wrapper label {display:none !important;} #notificationsDiv {width:50%;} .btn-est{float: right !important;margin-bottom: -50px;margin-top: -35px;} } @media(max-width:820px) and (min-width:768px){ .search-field-container {display:block;} .search-field-container .date-range-wrapper, .search-field-container .search-sort-wrapper {width: 100%;} .search-field-container .search-sort-wrapper {padding: 8px 12px; } .search-field-container .search-input-wrapper {width: 100%;padding: 0 10px;} .search-input-wrapper input {width: 38%;} } .tt-checkbox .all-day {-webkit-appearance: checkbox !important;} /* Input form Style */ .modal-add-task .form-group, .modal-add-schedule .form-group, .modal-export-schedule .form-group, #modal-add-crew .form-group, #modal-edit-crew .form-group, #modal-edit-status .form-group, .modal-log-work .form-group, #add-estimate-form .form-group, #edit-estimate-form .form-group, .modal-add-emp .form-group, #log-work-time .form-group, #add-employee-form .form-group, .modal-log-work-tmc .form-group, #update-log-work-time .form-group, #updateEmployeeTag .form-group, #addEmployeeTagModal .form-group, #addEmployeeTag .form-group, #add-user-form .form-group, #add-invent-item-form .form-group, #add-category-form .form-group, #add-metric-form .form-group, #add-location-form .form-group, #add-supplier-form .form-group, #update-metric-form .form-group, #edit-category-form .form-group, #update-supplier-form .form-group, #update-location-form .form-group, #add-picklist-form .form-group, #edit-picklist-form .form-group, #log-work-time-approval .form-group, .reports-content .form-group, #emp-update-form .form-group, #manageSupplierModal .form-group, #manageCategoryModal .form-group, #addWebhookModal .form-group, .modal-template-add .form-group{position: relative;margin: 15px 20px 15px 20px;} #add-estimate-form .picklist-item-row .form-group, #edit-estimate-form .picklist-item-row .form-group, .reports-content .form-group, .reports-content .form-group-doubles{position: relative;margin: 25px 20px;} #modal-add-crew .form-group .form-control, #modal-edit-crew .form-group .form-control, #addEmployeeTag .form-control {height:auto;} .modal-add-task .form-group-doubles, .modal-add-emp .form-group-doubles, #add-employee-form .form-group-doubles, #add-employee-form .form-group-doubles, .modal-add-emp .form-group-doubles, #manageCustomTagsModal .form-group, #emp-update-form .form-group-doubles{position: relative;margin: 10px 5px 15px 5px;} #add-estimate-form .form-group-doubles {display:flex;position: relative;margin: 10px 5px 15px 5px;} /* The magic is here */ /* ----------------- */ .form-field {position: relative;} /* You can use "input ~ label" selector too */ .float-input + label {position: absolute;left: 10px;top: 1.15em;transition: transform 200ms ease;font-size:11px;/* You have to use this to make it clickable through*/pointer-events: none;z-index:1;padding-top:0 !important;} .float-input:focus + label, .float-input[type="text"]:disabled + label, .float-input + label.freeze, .date-range-task-add:valid + label, .float-input.ui-timepicker-input:valid + label, .float-input[type="text"]:-webkit-autofill + label, .float-input[name="type"]:checked + label {font-size: 0.8em;font-weight: 600;padding: 0px;transform: translateY(-3em);left: 10px;color:#a9a9a9;} /* for prefilled input */ .float-input-pf + label {position: absolute;left: 10px;top: -1.85em;transition: transform 200ms ease;font-size:11px;pointer-events: none;z-index:1;color:#a9a9a9;} #add-employee-form .form-group .select2-selection,#emp-update-form .form-group .select2-selection {padding:0px !important;} .employee-tags-group .select2-container--classic .select2-selection--multiple .select2-search--inline input{padding:0px !important; box-shadow:none !important;} @media screen and (max-width: 767px) { .modal-export-schedule .modal-dialog {width: auto !important; max-width: initial !important;} .modal-add-task .form-group-doubles, .modal-add-emp .form-group-doubles, #add-employee-form .form-group-doubles, #add-employee-form .form-group-doubles, .modal-add-emp .form-group-doubles {margin: 10px 5px 30px 5px;} .custom-tags-dropdown {height: 100% !important;} .custom-tags-btn span {display:none;} .custom-tags-btn i {font-size:14px;} #add-api-form .form-group .input-group {display:block;} .generate-key-btn a, .copy-key-btn a {padding: 10px 15px;} } @media screen and (max-width:912px) { .schedule-month-view .fc-button-group .fc-month-button, .schedule-month-view .fc-button-group .fc-agendaWeek-button {display: none;} .search-crews-wrapper label, .search-status-wrapper label, .search-field-container .search-sort-wrapper label {display: none;} .search-field-container .search-crews-wrapper {width: 100%;} .search-field-container .search-crews-wrapper .dropdown{width: 60% !important;} .search-field-container .search-status-wrapper, .search-field-container .search-daterange-wrapper {width: 100%;} .search-field-container .search-sort-wrapper select, .search-field-container .search-status-wrapper select {width: 85% !important;} .search-field-container .search-sort-wrapper, .search-field-container .search-crews-wrapper .dropdown, .search-field-container .search-status-wrapper, .search-field-container .search-daterange-wrapper {padding: 8px 5px;} .search-field-container .search-daterange-wrapper input {width: 85% !important;} .searchView .search-crews-wrapper, .searchView .search-crews-wrapper, .searchView .search-status-wrapper, .searchView .search-sort-wrapper, .searchView .search-input-wrapper {width:100%;} .searchView .search-sort-wrapper, .searchView .search-crews-wrapper .dropdown, .searchView .search-status-wrapper, .searchView .search-daterange-wrapper {padding: 8px 5px;} .legend-calendar-view .col-sm-6 {width:100%;} .search-field-container .search-status-wrapper {border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;} .searchView .search-input-wrapper {border-top:1px solid #e9e9e9;padding:8px 5px;} .search-input-wrapper input{width: 88%;} .search-result-number, .stat-legend-sp {width:100%; text-align:center;} } .event-info.calendar-event-info { overflow: hidden !important; } .task-select-crew option.unavailable { color: gray; /* Gray text color */ background-color: #f5f5f5; /* Light gray background */ cursor: not-allowed; /* Cursor indicating it's not selectable */ } #taskConflictList {max-height:600px; overflow-y:scroll;} #taskConflictList input[type=checkbox], #taskConflictList2 input[type=checkbox] { display: block; } .modal.note-modal.link-dialog.in { z-index: 99999; } .modal.note-modal.link-dialog.in input[type=checkbox] { display: block; } #taskConflictList p, #taskConflictList2 p { word-wrap: break-word; } .modal-export-schedule .selectize-control {width:100%;}