/* search by --> old-layout end-old-layout new-layout end-new-layout */ /*Global*/ body {font-family:'Roboto', sans-serif;} label:empty, body footer {display:none} .flex-row {display:flex; flex-wrap:wrap;} .container {max-width:100%;} .dataTable.collapsed tr:not(.child) td:first-child {padding-left:30px !important;} table {border-collapse:collapse !important;} textarea {resize:vertical;} button {outline:0;} #loader {position:fixed; background:url(images/giphy.gif); height:100px; width:100px; left:50%; top:50%; margin:-50px 0 0 -50px; background-size:cover; display:none; z-index:1199;} .container-fluid > .container {padding-left:0; padding-right:0;} #page-title {text-align:center;} .listing-page #page-header #tab_row-header.inline-block {display:inline-block; width:auto;} .input-file-holder {border:1px solid #ddd; position:relative; overflow:hidden; border-radius:3px; border-left:0; height:32px;} .upload-file-btn {background:#337ab7; color:#fff; padding:5px 10px; display:inline-block; border-radius:3px 0 0 3px; cursor:pointer;} .upload-file-btn:hover {background:#285b88;} .upload-file-btn .fa {margin-right:5px;} .input-file-holder .file-name {padding:5px; position:absolute; border:0; color:#aaa; cursor:not-allowed;} /* new-layout*/ .listing-page .material-table .addWorkorder {background:#0085ba; border-color:#0073aa #006799 #006799; -webkit-box-shadow:0 1px 0 #006799; box-shadow:0 1px 0 #006799; color:#fff; text-decoration:none; text-shadow:0 -1px 1px #006799, 1px 0 1px #006799, 0 1px 1px #006799, -1px 0 1px #006799; font-size:13px; line-height:16px; cursor:pointer; border:1px solid; border-bottom-width:2px; border-color:#0073aa #006799 #006799; border-radius:3px; padding:6px 8px;} .listing-page .material-table .addWorkorder:hover, .listing-page .material-table .addWorkorder:hover {background:#008ec2 !important; text-shadow:none;} /*home page*/ #home_page {padding:35px 15px;} #home_page section {margin-bottom:35px;} .gmnoprint {opacity:1 !important;} #admin-sub_header {color:#2a4054; background:#f5f5f5; border-bottom:1px solid #ccc;} #welcome-admin {margin:38px 0; display:inline-block;} #admin-sub_header .time-widget {padding:10px 0;} #admin-sub_header .time-widget .fa {margin-right:8px;} #admin-sub_header #date {font-size:60px; line-height:52px; font-weight:700;} #admin-sub_header #month {font-size:18px; text-transform:uppercase; font-weight:300; display:block;} #admin-sub_header #year {font-weight:700; font-size:20px;} .flash-message.col-md-12 {padding-left:0; padding-right:0;} /*cards*/ .card-title {text-align:center; color:#fff; font-size:24px; font-weight:600; padding:18px 0;} /* stats-row */ .bg-cyan {background:#00bcd4;} .bg-red {background:#ff5252;} .bg-tan {background:#00bfa5;} .bg-deep-orange {background:#ff6e40;} .bg-grey {background:#999;} .stats-card {text-align:center; color:#fff; border-radius:2px; position:relative;} .stats-card .card-title {font-size:16px; background:rgba(255,255,255,.2); padding:7px 10px;} .stats-card .stats-icon {position:absolute; left:10px; top:50px; font-size:74px; opacity:.1;} .stats-card .fa-cstm-labor {background:url('./images/fa-cstm-labor.png'); height:81px; width:74px; opacity:.15;} .stats-card .count {font-size:30px; font-weight:700;} .stats-card .stats-footer {text-align:left; margin-top:10px;} .stats-card .stats-footer a {background:rgba(0,0,0,.2); padding:7px 10px; color:#fff; display:block; text-decoration:none;} .stats-card .stats-footer a:hover {background:rgba(0,0,0,.4);} .stats-card .stats-footer .fa {float:right;} /* table */ #home_page .card table {border:1px solid #ddd; border-top:0; color:#999;} #home_page .card tfoot {text-align:right; font-size:22px;} #home_page .striped-table tbody tr:nth-child(even) {background:#f5f5f5;} #home_page .table th, #home_page .table td {padding:11px 30px;} #home_page #calendar {border:1px solid #ddd; padding:42px; border-radius:3px;} #home_page #calendar th {padding:10px 0; text-transform:uppercase;} #home_page #calendar .fc-widget-header {margin:0;} #home_page #calendar .fc-scroller {overflow:hidden !important;} #home_page #calendar .fc-h-event {border-radius:2px !important; text-align:center; padding:5px; background:#f5f5f5; border:0; margin:1px 0; font-size:14px; border:solid #ddd; border-width:1px 0; color:#00bfa5;} #home_page .fc-unthemed td.fc-today {background:#00bfa5; color:#fff;} #home_page #calendar .fc-today-button {background:#01a8fe; color:#fff; text-shadow:none; font-weight:600; border:2px solid #01a8fe;} #home_page #calendar .fc-today-button:hover {background:#fff; color:#01a8fe;} #home_page #calendar .fc-prev-button {background:url('./images/calendar-arrow-left.png'); width:39px; height:30px; border:0; margin-right:5px;} #home_page #calendar .fc-next-button {background:url('./images/calendar-arrow-right.png'); width:39px; height:30px; border:0;} #home_page #calendar .fc-button.fc-state-hover {opacity:.75;} #home_page #calendar .fc-icon-left-single-arrow:after, #home_page #calendar .fc-icon-right-single-arrow:after {content:'';} #home_page #calendar .fc-day-grid-event .fc-content:hover {white-space:initial;} #home_page #calendar .fc-event-container a:focus,#home_page #calendar .fc-event-container a:hover {text-decoration:none !important; color:#fec627;} #team-members th {color:#00bfa5; border-bottom:1px solid #00bfa5 !important;} #team-members #first-th {width:260px;} #team-members tfoot a {color:#00bfa5;} #team-members tfoot a:hover {color:#fec627;} #overview th {color:#ff5252; border-bottom:1px solid #ff5252 !important;} #overview th svg {vertical-align:sub;} #overview td.overview-graph {padding:10px 0; width:700px;} #overview td.overview-graph div {padding:3px; height:26px; float:left; text-align:center; color:#fff;} #overview td.overview-graph .next-7 {background:#9cd159; color:#000;} #overview td.overview-graph .after-7 {background:#41e5c0; color:#000;} #updated-items th {color:#00bcd4; border-bottom:1px solid #00bcd4 !important;} #schedule th {color:#ff6e40; border-bottom:1px solid #ff6e40 !important;} #job-locations iframe {width:100%; height:400px; border:1px solid #ddd; border-top:0;} /****************************************** end home page*/ nav{background:#2a4054;} nav .site-icon {width:70px;} #left-nav-ul .navbar-text {margin:15px 0;} #navbar ul {margin-top:30px; color:#fff;} #navbar ul li {margin:5.5px;} #navbar ul li a {color:#ffffff; padding:10px; outline:0;} #navbar ul li a:hover, #navbar ul li a:focus, #navbar ul li.active a {color:#fec627; background:#1d2c3b;} #navbar ul li a.home-menu {background:#2a4054;} #navbar ul li .fa {margin-right:5px;} nav .nav-brand {float:left;} nav .nav-header {width:100%;} nav .home-menu {margin-top:-19px;} nav .home-menu:hover {background:none; color:#fff; text-decoration:none;} nav .home-menu:hover span {color:#fec627;} nav .home-menu .fa {display:block;} nav .site-icon {float:left;} #site-login {position:relative;} #site-login h1{background:#3ea4f5; margin-bottom:50px; font-weight:700; color:#fff; font-size:28px; text-align:center; padding:13px; margin-top:0;} #site-login .form_input{margin-bottom:14px;} #site-login .form_input{border:1px solid #999; padding:5px;} #site-login #submit_button {background:#2a4054; border:0; padding:11px;color:white; border-radius:25px;} #site-login #submit_button:hover,#create_user_form .submit:hover {background:#3ea4f5; cursor:pointer;} #site-login .std-form input[type="checkbox"]::before {border:none;} #site-login .main {margin:50px auto 30px; border:1px solid #ddd; color:#999; width:570px; max-width:100%; padding:0 0 20px;} #site-login .std-form {margin:0 auto; width:285px; max-width:100%;} #site-login .std-form .form_input,#site-login .std-form #submit_button {width:100%;} #site-login .std-form #submit_button {margin-bottom:15px;} #site-login .auth_msg {padding:0 15px;margin-top:-40px;} #site-login .auth_msg .alert-danger {text-align:center; margin:-25px 0 0 0; width:567px; max-width:100%;background: transparent;border: 0;} .user_creation_alert {position:absolute; top:130px; left:37%; margin-left:-145px; width:47%;} #site-login .password-reset-btn {margin-top:10px;} #site-login .password-reset-btn a {color:#333;} #site-login .password-reset-btn a:hover {text-decoration:none; color:#3ea4f5;} #site-login input {outline:0;} /*page headers*/ /* new-layout */ #page-header {background:#cfd8dc; margin-bottom:50px;} #message-popup {margin:-30px auto 20px; min-height:10px;} #tab_row-header p a {color:#2a4054;} #tab_row-header p a:hover {color:#265782;} #tab_row-header p a span {text-decoration:underline;} /* end-new-layout */ /* add-new-forms / edit-forms */ .add-new-form-page .form-head .cancel-btn, .edit-form-page .form-head .cancel-btn {background:#F44336; padding:6px; color:#fff; margin:4px 0} .add-new-form-page .form-head .cancel-btn:hover, .edit-form-page .form .form-head .cancel-btn:hover {background:#da3c31;} #menu ul {float:left;} #create_user_form {margin:auto; width:50%; margin-top:40px;} #create_user_form h1 {text-align:center; color:#fec627;} #create_user_form input,#create_user_form select{border:1px solid #848b93; padding:5px;} #create_user_form select {width:100%; background:#fff; color:#848b93;} #create_user_form form {margin:30px auto 0; width:50%;} #create_user_form .submit {background:#fec627; border:0; padding:5px;} #create_user_form input{width:100%;} /*listing page */ #order-by-text {display:inline-block; padding:10px 15px; margin:10px; float:left; font-weight:700;} #select-order {display:table; float:left; margin:15px 0; position:relative;} #order-shorting-btn {padding:5px; min-width:150px; display:inline-block; border:1px solid #aaa; position:relative; cursor:pointer; z-index:2;} #order-by-toggle-overlay.active {width:100%; height:100%; position:fixed; top:0; left:0; z-index:1;} #order-shorting-btn i {position:absolute; right:10px; margin-top:2px;} #select-order-list {display:none; position:absolute; background:#fff; border:1px solid #aaa; margin-top:-1px; list-style:none; padding:0; z-index:1099; width:100%;} #select-order-list.active {display:table;} #select-order-list a {display:block; padding:5px; text-decoration:none; color:#2a4054;} #select-order-list a.active {color:#fec627; background:#2a4054} /* Custom table design (material design) */ .material-table td {padding:10px !important;} .material-table thead tr {background:#CFD8DC;} .material-table thead th {border-color:#cac6c6 !important;} .material-table tbody tr:first-child td {border-top:0 !important;} /* april 18 */ #tab_row-header .nav-tabs>li>a:hover {border:1px solid #172838 !important;} #tab_row-header .nav>li>a:focus, #tab_row-header .nav>li>a:hover {text-decoration:none; background-color:#172838 !important; color:#fec825 !important;} #bidform .nav>li>a:focus{text-decoration:none; background-color:#8a6d3b !important; color:white !important;} .listing-page table.material-table tr td:last-child {text-align:left} .listing-page table.material-table .location-img {width:25px;} .listing-page table.material-table .fa {font-size:25px;} .listing-page tbody tr td a:not[.new-btn-design]:hover,.listing-page tbody tr td a:not[.new-btn-design]:focus,.listing-page tbody tr td a:not[.new-btn-design]:active {color:#000 !important; -webkit-filter:none !important; filter:none !important;} .listing-page .nav {padding:10px; display:table; float:left;} .listing-page .nav li {margin-right:30px; background:#2a4054;} .listing-page .nav li a {color:#ffffff;} /*.listing-page a:hover,.listing-page a:focus{color:#fec627 !important; background:#2a4054 !important; border-color:#2b4154 !important;} */.listing-page ul li:active {background:transparent; box-shadow:none !important;} .listing-page .add_new_btn {float:right; background:#2a4054; padding:10px; color:#ffffff; text-decoration:none; margin:10px;} /* old-layout */ #tab_row-header h3 {color:#2a4054; padding:0 20px;} /* end-old-layout */ /* new-layout */ #tab_row-header p {color:#2a4054;} .listing-page .tab_row .nav{border-bottom:none;} .listing-page .nav .order_by {padding:11px; background:transparent;} .listing-page .add_new_btn .fa {margin-right:5px;} /*. old-layout - remove this */ .listing-page #tab_row-header {box-shadow:0 0 2px 2px #ddd; padding:1px; margin-top:30px; width:100%; display:table;} .listing-page .row:first-child {margin-top:50px;} .listing-page #page-header #tab_row-header {box-shadow:none; padding:0; margin-top:0; display:block;} .listing-page > .row:first-child, .listing-page #page-header .row:first-child, .listing-page #main-content .row:first-child {margin-top:0;} /*. end-old-layout */ .dataTables_paginate .pagination .paginate_button:hover {border-color:transparent !important; background:transparent !important;} /*.listing-page .table tr td a:hover:not(.new-btn-design):not(.btn-black) {background:transparent !important;} */.listing-page .table .location-img {width:25px; margin-top:-6px; margin-left:5px;} .listing-page .table .location-img:hover,.listing-page .table tr td a:focus img {-webkit-filter:invert(100%) brightness(190%); filter:invert(100%) brightness(190%); outline:0;} .listing-page .table .fa {font-size:25px; margin-left:6px;} .listing-page .viewCustomer {display:none;} .listing-page a:focus {outline:0 none; outline-offset:0;} .listing-page .table tbody tr:hover {background:#f5f5f5 none repeat scroll 0 0;} table.dataTable thead .action.sorting_desc, table.dataTable thead .action.sorting_asc {background:none;} .listing-page .table tbody tr td.nohover a:hover {text-decoration:none; color:#333 !important; background:none !important; -webkit-filter:none; filter:none;} .listing-page .table tbody tr td.nohover a {color:#333;} .listing-page .alert-dismissable {margin-top:15px;} .dataTables_wrapper .dataTables_filter input {width:240px;} #main-content table {margin-top:15px; border:1px solid #ddd;} /* Pagination */ ul.pagination>li>a,ul.pagination>li>span {padding:5px 10px; font-size:12px} ul.pagination>li:first-child>a,ul.pagination>li:first-child>span {border-top-left-radius:3px; border-bottom-left-radius:3px} ul.pagination>li:last-child>a,ul.pagination>li:last-child>span {border-top-right-radius:3px; border-bottom-right-radius:3px} .dataTables_wrapper .dataTables_paginate li.paginate_button {margin:0; padding:0; border:0 !important;} .pagination li a {border:1px solid #ccc !important; color:#2a4054 !important;} .pagination li a:hover {border-left-color:#ccc !important; border-right-color:#ccc !important; position:relative; z-index:2;} .pagination li.active a {background:#2a4054 !important; border-color:#2a4054 !important; color:#fff !important;} .pagination li.disabled a {background:#ccc !important; border-color:#ccc !important; color:#666 !important;} .dataTables_wrapper .dataTables_info {margin-top:20px; color:#999 !important;} .modal .modal-footer .confirm-btn{background:transparent !important; color:#2a4054;} .modal .modal-footer .confirm-btn:hover {background:#2a4054 !important; color:#ffffff;} #Master_location_body tr td:not(.action):hover {cursor:pointer;} /*add new customer form */ .form-head {margin-top:40px; margin-bottom:40px;} .form .form-head a,.form-btn p,.form .submit {padding:10px; color:#000; background:#fec627; float:right;} .form .submit {border:none;} .form .form-head a:hover,.form .form-btn p:hover,.form .submit:hover {text-decoration:none !important; background:#edb20c;} .form .submit::after {content:"\f046"; font-family:fontawesome;} .form .form-head span .fa {margin-right:10px;} .form .form-head > span {font-size:18px; font-weight:700; margin-top:10px; display:inline-block;} .form .fields_heading {text-align:center; text-decoration:underline;} .form-container {width:720px; margin:0 auto; max-width:100%;} .form input,.form select {float:right; padding:5px; padding-right:10px; border:1px solid #999999; width:65%;} .form textarea {float:right; width:65%; max-width:100%;} .form label {color:#777; max-width:30%;} .form input[type="submit"],.form input[type="checkbox"]{width:auto;} .form .form-fields-box {padding:0 80px;} .form .custom-field {float:none; width:34%;} .form .form-btn .btn-next {margin-bottom:30px;} .form .form-btn .btn-next .fa {margin-left:5px;} .form .form-btn .btn-back {float:left;} .form .form-btn .btn-back .fa {margin-right:5px;} .form .btn-back:hover,.form .btn-next:hover {cursor:pointer} .form-container .form-fields-box {box-shadow:0 0 5px 0 #999999; padding-top:15px;} .form-head .cancel-btn .fa {margin-left:5px;} .form-fields-box .form-btn {margin-top:15px; padding-bottom:15px;} #paging {float:right; margin-top:-35px; font-size:10px; padding-right:20px;} .form-btn .btn-back {display:none;} #add_new_customer .hidden {display:none;} .form .add_new_customer_form {margin-bottom:50px; min-height:500px;} .form .add_new_customer_form form {margin-top:15px;} #add_new_customer .active {display:block;} .add-new-custom-field span {float:right; text-decoration:underline; cursor:pointer;} .add-new-custom-field span:hover {color:#edb20c;} .form #cf_cancel{position:absolute; right:-40px; background:#ccc; padding:9px 10.5px; top:0; border-radius:50%;} .form-fields-box .form-group {position:relative; display:table; width:100%;} .form-fields-box label.error {color:rgb(255, 148, 148); font-size:12px; font-weight:700; margin-top:10px; margin-left:200px; max-width:100%;} .add_new_location label {margin-top:10px;} .form #add_workorder {margin-bottom:40px;} .form .chosen-container-multi {float:right;} /* customer modal (popup) forms */ .form-modal .modal-header {background:#2a4054; text-align:center; color:#fec627;} .form-modal .modal-header .close {margin-top:-4px; color:#2a4054; background:#fff; opacity:1; padding:5.5px 10px; text-shadow:none; border:1px solid #fff; outline:0;} .form-modal .modal-header .close:hover {background:#2a4054; color:#fff;} .form-modal .modal-dialog {margin-top:64px} .form-modal .modal-body {width:450px; max-width:100%; margin:0 auto; color:#777; padding:15px 0;} .form-modal .modal-body .form-group {clear:both; display:table; width:100%; position:relative; padding:6px 15px; margin:0;} .form-modal .modal-body .form-group:hover {background:#f5f5f5;} .form-modal label {margin-top:9px;} .form-modal input {float:right; outline:0; padding:5px 8px; color:#2a4054; background:transparent; border:1px solid #ccc;} .form-modal .custom-field.label-field {float:left;} .form-modal #cf_cancel {position:absolute; right:-42px; top:6px; color:#2a4054; cursor:pointer; background:#eee; border:1px solid #ccc; padding:8px 9.5px; border-radius:50%;} .form-modal #cf_cancel:hover {background:#ddd;} .form-modal .jobsite_contact-ctm-fld-btn {cursor:pointer; margin:10px 15px 0 0;} .form-modal .modal-footer .form-group {max-width:100%; width:420px; margin:0 auto;} .form-modal .modal-footer .btn {background:#2a4054; border-color:#2a4054;} .form-modal .modal-footer .btn:hover {background:#1d2d3b;} #myContactModal .view_jobsite input {border:none; font-weight:700;} #view_jobsite .modal-body .form-group:hover {background:transparent;} .form-modal #view_jobsite .modal-body {margin:30px auto;} .form-modal #view_jobsite label {border:1px solid #ccc; margin:0; padding:5px 7px; float:left; width:50%; border-right:0; color:#666; font-weight:normal;} .form-modal #view_jobsite input {width:50%; float:left; color:#666; border:1px solid #ccc; font-weight:normal;} .form-modal #view_jobsite input + input {border-left:0;} .form-modal #view_jobsite .form-group {padding:0; margin-bottom:-1px;} .form-modal #view_jobsite .form-group:nth-child(even), .form-modal #view_jobsite .add-new-custom-field .form-group:nth-child(odd) {background:#f5f5f5 ;} .form-modal #view_jobsite .add-new-custom-field .form-group:nth-child(even) {background:#fff;} /*add_new_location form (form renamed to add job)*/ .job-form-popup .modal-dialog {width:680px; max-width:100%;} .job-form-popup .modal-body, .job-form-popup .modal-footer .form-group {width:590px;} .job-form-popup input {width:65%;} .job-form-popup input.label-field {width:calc(35% - 20px); width:-webkit-calc(35% - 20px); width:-moz-calc(35% - 20px); width:-ms-calc(35% - 20px); width:-o-calc(35% - 20px);} .job-form-popup #cf_cancel {right:-35px;} .job-form-popup .edit_new_location .modal-title {margin-bottom:15px;} /*Proposal*/ #convertWO .modal-body {text-align:center; padding:15px 10px;} #print-bid-form {padding:0 15px 25px;} #bid-details, #print-bid-form .tab-content, #print-bid-form .tab-content .work-order-details {max-width:100%;} #bid-details .proposal-name {margin-bottom:30px;} #bid-details .proposal-name label {margin-right:10px; font-weight:700; font-size:18px;} #bid-details .proposal-name input {padding:6px 10px; outline:0; width:82%;} .proposal-info-tables {background:#fff; padding:10px; border:1px solid #ccc; margin:0 auto; width:450px; max-width:100%;} .proposal-info-tables th, .proposal-info-tables td {border-bottom:1px solid #bbb; padding:7px 10px; min-width:135px;} #proposal-bid-form {color:#2a4054; background:#dfe3e6; padding:20px 15px;} #proposal-bid-form .table-body {background:#fff; padding:10px; border:1px solid #ccc; height:100%;} #proposal-bid-form .tr-row:last-child {border:0; padding-bottom:0;} #proposal-work-order {color:#2a4054; background:#dfe3e6; border-bottom:3px double;} #proposal-work-order .table-wrapper {width:450px; max-width:100%; margin:0 auto 20px;} #proposal-work-order .table-head {padding:6px; background:#2a4054; color:#fff; text-align:center; font-size:20px; font-weight:700;} #proposal-work-order .table-head.margin-t {margin-top:40px;} #proposal-work-order table {background:#fff; border:1px solid #ccc; margin:0 auto; width:100%;} #proposal-work-order table th, #proposal-work-order table td {border-bottom:1px solid #ddd; padding:7px 10px; text-align:right;} #proposal-work-order table input {outline:0; padding:6px; width:100%; text-align:right;} #proposal-work-order table.text-left th, #proposal-work-order table.text-left td, #proposal-work-order table.text-left input {text-align:left;} #proposal-work-order table .subtotal-tr {border-color:#bbb; background:#d7e0e6;} #proposal-work-order table .total-tr {background:#c2d2dc;} #proposal-material-table #material_waste_label input {float:right; width:60px; margin-left:20px;} .pro-total-bid-table td {width:200px;} /*work order */ #right-btn {float:none; display:table; margin:15px 0 -94px; position:relative; z-index:1;} table th.work-order-id {width:20px !important;} table th.work-order-hours {width:40px !important;} table th.work-order-date {min-width:102px;} table th.work-order-status {width:80px !important;} table th.work-order-type {min-width:85px;} table th.work-order-action {width:160px !important;} table th.work-order-name {width:330px !important;} #work-order-list table td a.fdas {width:55px;} #add_workorder label:not(.error) {width:200px;} .form-group.checkbox-field {margin-top:20px;} .form-group.checkbox-field + .form-group.checkbox-field {margin-top:0;} .form .form-group input[type="checkbox"] {margin-right:63%; margin-right:calc(65% - 14px); margin-right:-webkit-calc(65% - 14px); margin-right:-moz-calc(65% - 14px); margin-right:-o-calc(65% - 14px); margin-right:-ms-calc(65% - 14px);} #work_order_table {margin-top:30px;} #work-order-search table.dataTable thead .sorting,#work-order-search table.dataTable thead .sorting_asc {background:no-repeat;} #location_table tbody td:nth-child(8) {text-align:center;} #location_table tbody td.proposal {cursor:default !important; text-align:center;} #workitems_tablefooter tr td:last-child .deleteItem {display:none;} #workitems_tablefooter tr th {background:none;} #edit-work-order-page #workitems_tablefooter {width:100% !important;} #workitems_tablefooter tr {cursor:pointer;} #edit_workorder .completeMsg {float:right; width:60%; margin-top:-20px;} #workitems_body .updateCompleted, #workitems_body a[download] {float:right; cursor:pointer; background:#337ab7; color:#fff; padding:4px 8px 2px; border-radius:3px; border-bottom:2px solid #2a4054;} #workitems_body .updateCompleted:hover, #workitems_body a[download]:hover, #workitems_body a[download]:focus {background:#285b88 !important; color:#fff !important;} #workitems_body a[download] {float:none; padding:5px 8px;} #workitems_body .action a:hover {text-decoration:none;} #workitems_body tr td:nth-child(7) {text-align:center;} /* old-layout with changes added - #work-order-list */ /*#work-order-list #work_order_table a {display:inline-block; padding:6px; border:1px solid; margin:3px;} #work-order-list #work_order_table a {border:1px solid; margin:3px;}*/ #work-order-list #work_order_table a:hover {text-decoration: underline !important;} #work_order_table tr.child li:last-child {display: none;} #work_order_table .location-img,#work_order_table .fa {margin:0;} #work_order_table a:hover,#work_order_table a:focus {text-decoration:none; -webkit-filter:none; filter:none;} #work_order_table th.work-order-date {width: 100px !important;} #work_order_table td.status span {width: 100px !important;} #work_order_table td div.row-actions,#work_order_table td .stage-name {width: 405px;max-width: 100%;} /*add_workorder form*/ .form #add_workorder .form-fields-box {padding:15px 50px; padding-top:50px;} #add-new-word-order .request-btn, #edit-work-order-page .request-btn {padding:6px 8px !important; position:absolute; right:0;} /*Location list*/ #location_Name-error {margin-top:10px; color:#f00; font-weight:300;} #location_table tr th:nth-child(2) {min-width:110px;} #location_table tr th:last-child {min-width:200px;max-width: 100%;} #location_table tr .action {margin:0 auto;} #location_table tr .action img,#location_table tr .action .fa{margin:0 5px;} #location_table tr th:nth-child(4) {min-width:85px;} #location_table td.tempWO {width:30px;} #location_table th.tempProposal {width:30px !important;} #location_table td.list-count a{color:#000;} #location_table td.list-count {text-align:center;} #location_table td.list-count a:hover {color:#000 !important; text-decoration:none !important;} #location_table th {min-width: 50px;} .error {color:#f00; font-weight:100;} .btn-black {background:#2a4054; text-align:center; padding:10px; color:#fff; display:inline-block;} .btn-black:hover,.btn-black:focus {color:#fec627 !important; text-decoration:none;} .btn-black .fa{margin-right:5px;} .row-btn {display:inline-block; padding:6px; border:1px solid; margin:6px;} .row-btn:hover,.row-btn:focus {text-decoration:none; border:1px solid !important;} /*Customer List*/ #customers_list .table tr .address{width:400px;} #customers_list .table tr .viewOrder {display:none;} #customers_list .table tr .totalOrder,#customers_list .table tr .proposalCount {text-align:center;} #Master_Customer_body td:not(.action):hover {cursor:pointer;} #Master_Customer_body tr td.totalOrder a,#Master_Customer_body tr td.proposalCount a{color:#333;} #customers_list .table th.loc,#customers_list .table th.action {min-width:85px;} #customers_list .table th.action:last-child {min-width:85px;} #customers_list .table td.tempWO,#customers_list .table td.tempProposal{text-align:center;} #customers_list td.customer a {overflow:hidden; display:block; white-space:nowrap; text-overflow:ellipsis; max-width:100%; width:200px;} #customers_list td.address a {overflow:hidden; display:block; white-space:nowrap; text-overflow:ellipsis; max-width:100%; width:260px;} #customers_list td.loc a {width: 130px;max-width: 100%;display:block;} #customers_list th.action {width: 156px !important;max-width: 100%;text-align: center;} #coupon_table #Master_Customer_body tr td.totalOrder a:hover, #coupon_table #Master_Customer_body tr td.tempWO a:hover, #coupon_table #Master_Customer_body tr td.tempProposal a:hover {color:#337ab7 !important;} .form .form-fields-box {padding-bottom:1px !important; margin-bottom:40px;} .form .submit-holder {background:#ffc627; display:inline-block; float:right; position:relative;} .form .submit-holder:hover {background:#edb20c;} .form .submit-holder:before{content:'\f046'; font-family:fontawesome; position:absolute; right:13px; top:11px;} .form .submit-holder .submit {background:transparent; padding-right:37px; position:relative; z-index:1;} /*Work Order Search */ #work-order-search #page-header h2 {text-align:center; padding-top:30px; color:#2a4054; font-weight:700;} #work-order-search #tab_row-header {display:block;} #work-order-search .search-box {width:400px; max-width:90%; margin:0 auto; padding-bottom:30px; padding-top:30px; position:relative;} #work-order-search #searchCustomer {border-color:#2a4054;} #work-order-search #searchSubmit {background:#2a4054; border:0; color:#cfd8dc; z-index:1; position:absolute; border-radius:0 3px 3px 0; padding:6px 12px; top:31px; right:0; outline:0;} #work-order-search #searchSubmit:hover {background:#42627f;} #searchCustomer_chosen a.chosen-single, #searchLocation_chosen a.chosen-single {padding:5px 10px; height:auto; font-size:14px; background:transparent; margin-bottom:12px;} #searchCustomer_chosen a.chosen-single:hover, #searchLocation_chosen a.chosen-single:hover {background:#f5f5f5 !important; border-color:#ccc !important; color:#444 !important;} .chosen-container-single.chosen-container-active .chosen-drop {margin-top:-12px;} /* ****** old-layout ****** #work-order-search .table .addWorkorder {background:#ffc10e; color:#000; padding:5px;} #work-order-search .table .addWorkorder:hover,#work-order-search .table .addWorkorder:focus {text-decoration:none; background:#e5ad0c !important; color:#000 !important; filter:none;} ***** end-old-layout ***** */ #work-order-search .table .addWorkorder span,#work-order-search .table .addWorkorder .fa {font-size:12px;} #work_order_table tbody tr:hover {cursor:default !important;} #work_order_table tbody tr span.location-name {width: 210px;max-width: 100%;} #work_order_table tbody tr span.address-name {width: 250px;max-width: 100%;} #recent_order_table .home_page_row.id a {color:#333;} #recent_order_table .home_page_row.id a:hover,#recent_order_table .home_page_row.id a:focus,#Master_Customer_body tr td.totalOrder a:hover,#Master_Customer_body tr td.totalOrder a:focus {text-decoration:none; color:#333 !important; background:none !important; -webkit-filter:none; filter:none;} #work_order_table tr th:last-child {background:none;} #recent_order_table tr th:nth-child(2),#recent_order_table tr td.woId {display:none;} #recent_order_table .redClass {background-color:#F4AA9B;} #recent_order_table .redClass td {border-color:#d29387;} #recent_order_table .redClass + tr.child {background:#f9c7bd;} #users_table #Master_Customer_body td:hover,#work_order_table #Master_Customer_body td:hover {cursor:default;} #recent_order_table tbody tr:hover {cursor:pointer;} #recent_order_table thead th.customer_name {width: 110px !important;max-width: 100%;} #recent_order_table thead th.date {width: 99px !important;max-width: 100%;} #recent_order_table thead th.duration {width: 70px !important;max-width: 100%;} #recent_order_table tbody td.stage span {width:210px !important;max-width: 100%;} #recent_order_table tbody td.location_name span {width:210px !important;max-width: 100%;} #recent_order_table tbody td.customer_name span {width:150px !important;max-width: 100%;} #recent_order_table tbody td.status span,#recent_order_table tbody td.woType span {width:80px !important;max-width: 100%;} .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {background:#2a4054 !important; color:#fff !important; margin:0 !important;} .ui-menu .ui-menu-item {padding:0 !important;} .ui-menu-item-wrapper {padding:5px !important; border:0 !important;} .editUser .username-field {float:right; width:65%; border:1px solid #999999; padding:5px; background:#dddddd;} /*Account Recovery */ #site-acc-recovery1 {width:519px; max-width:100%; text-align:center; margin-top:50px; box-shadow:0 0 4px rgba(0,0,0,.5); padding:10px 15px 20px;} #site-acc-recovery1 .main {padding:0 20px;} #site-acc-recovery1 h1 {color:#ffc10e;} #site-acc-recovery1 label {margin-right:20px;} #site-acc-recovery1 fieldset {margin-top:40px;} #site-acc-recovery1 legend {color:#2b4154;} #site-acc-recovery1 fieldset div {display:table; margin:0 auto} #site-acc-recovery1 input[type="submit"] {float:right; margin-top:10px; background:#ffc10e; padding:6px 12px; border:1px solid #ffc10e;} #site-acc-recovery1 input {border:1px solid #848b93; padding:5px;} #site-acc-recovery1 input[type="submit"]:hover {background:#fff; color:#ffc10e;} #site-acc-recovery1 fieldset div {margin-top:10px;} #site-acc-recovery1 fieldset #passwd {margin-left:55px;} /* Work Item */ #workitems_tablefooter tr {cursor:default;} #additemAjaxForm select,#additemAjaxForm textarea,#edititemAjaxForm select,#edititemAjaxForm textarea {float:right; width:65%;} #additemAjaxForm input,#edititemAjaxForm input{width:65%;} .add-new-form-page .input-file-holder, .edit-form-page .input-file-holder {width:65%; float:right;} #workitems_body .itemEditAjax {display:none;} #workitems_tablefooter .editWorkItem {display:none;} #workitems_tablefooter .itemEditAjax {display:block;} #sendNotification.job-form-popup .modal-title {margin-top:0;} a.sendNotification {background:#8BC34A; color:#fff; padding:7px; margin-left:10px; font-size:12px;} .listing-page .table tr td a.sendNotification:hover, .listing-page .table tr td a.sendNotification:focus {background:#7cad44 !important; color:#fff !important; text-decoration:none; -webkit-filter:none; filter:none;} form.sendNotification label {margin-right:30px;} form.sendNotification select {width:450px; padding:5px; outline:none; max-width:100%;} form.sendNotification textarea {width:450px; resize:none; outline:none; max-width:100%;} form.sendNotification label#message-label {float:left; margin-right:26px;} #jobsite_contact_Phone-error {float:right;} #print-container {background:#2a4054;} #location_table tr th.action {width:160px !important;} .sendNotification input[type=file] {width:77%;} #sendNotificationBtn:hover {color:#fec627;} #calendar_tf {margin-top:40px;} .sendNotification #message-error.error {margin-left: 85px;} textarea#userEmail {line-height:20px; text-indent:0; padding:3px 35px 10px 10px; border:1px solid #a9a9a9; box-sizing:border-box; height:40px;} span.k-autocomplete>.k-i-close {top:auto; bottom:0;} /*Print Proposal */ #print-bid-form * {box-sizing:border-box;} #print-bid-form .btn {background:#2a4054;} #print-bid-form .btn:hover{background:#416280} #print-bid-form .total {border:none; background:transparent; text-align:right; font-weight:700;} #proposal-list #right-btn {float:right;} #proposal-list .proposalActions,#bid-list .bidActions {background:#2a4054; color:#fff; padding:6px; font-size:12px;} #proposal-list .proposalActions .fa {font-size:12px} #proposal-list a.proposalActions:hover, #proposal-list a.proposalActions:focus, #bid-list a.bidActions:hover, #bid-list a.bidActions:focus {text-decoration:none; background:#e5ad0c !important; color:#000 !important; -webkit-filter:none !important; filter:none !important;} #proposal-list #right-btn {margin:0;} #proposalTable th.name {min-width:300px;} #proposalTable th.stage {min-width:200px;} #proposalTable th.action {min-width:170px;} #proposalTable th.bidCost {min-width:95px;} #print-bid-form .nav-tabs {margin:30px auto; padding:10px 0; border:solid #ddd; border-width:2px 0;} #print-bid-form .nav-tabs .pull-right {margin-bottom:10px;} #print-bid-form .nav.nav-tabs li a {background:#eee; color:#2a4054; margin:3px 1px 0;} #print-bid-form .nav.nav-tabs li.active a {background:#2a4054; color:#fff;} #print-bid-form .formActions {text-align:center; margin:15px 0;} #print-bid-form .formActions button {margin:5px;} .ui-widget-content {z-index:1099 !important;} input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {-webkit-appearance:none; -moz-appearance:none; appearance:none; margin:0;} input[type=number] {-moz-appearance:textfield;} .proposal-bid-form .tr-row {border-bottom:1px solid #ddd; padding:7px 10px; display:table; width:100%;} .proposal-bid-form .tr-row input,.proposal-bid-form .tr-row select,.proposal-bid-form .tr-row .chosen-container {outline:0; padding:6px; float:right; width:290px;} .proposal-bid-form .tr-row label {float:left; margin-right:10px; padding-top:10px;} .proposal-bid-form .tr-row input.width-full {display:block; float:none; width:100%;} .proposal-bid-form .tr-row label.width-full {display:block; float:none;} .proposal-bid-form .tr-row textarea {width:100%; padding:8px;} .proposal-bid-form .tr-row textarea[name=work_description] {margin-bottom:35px;} .proposal-bid-form .tr-row .chosen-container {padding:0;} .proposal-bid-form .chosen-container-multi .chosen-choices li.search-field input[type=text]{height:28px !important;} #proposalModal #newCustomer:hover {color:#fec627; cursor:pointer;} #proposalModal #newCustomer {background:#1d2d3b; padding:8px; color:#fff; font-size:12px;} #proposalModal form .fields_heading{text-align:center;} #proposalModal form input {width:65%;} #proposalModal .newform {width:30%; margin:0 auto; margin-bottom:15px;} #proposalModal .newform h4 {text-align:center;} /* Site Sheet*/ #section1 #text {background:#dfe3e6; border:1px solid #c4cbd0; padding:22px 15px;} #section1 #text .col-12 {margin-top:20px;} #text-field {text-align:center; background:#dfe3e6; border:1px solid #c4cbd0; padding:15px; margin-top:35px;} /*#text-field label {float:left; padding-top:8px; width:120px; text-align:right;}*/ #text-field #form1 input {border-radius:0; padding:5px; border:none; background:#dfe3e6; box-shadow:none; border-bottom:1px solid; display:inline-block; width:auto;} #text-field p { padding:0; margin:0;} #text-field #form2 input {border-radius:0; padding:5px; margin:10px 5px; border:none; border-bottom:1px solid black; background:#dfe3e6; box-shadow:none; float:none; display:inline-block;} table thead tr .field { width:70px;} #fill-up-form { padding:0; margin-top:40px;} #fill-up-form table thead tr th{ text-align:center; height:45px;} #fill-up-form table tbody tr td { height:38px;} #fill-up-form table {box-shadow:1px 3px #ededed;} #proposal-list .proposalActions.printProposal {display:none;} /*site sheet */ #page_title {text-align:center; font-weight:700; color:#2a4054; margin-top:40px;} #page_title span {border-bottom:3px double;} .box-container {background:#dfe3e6; border:1px solid #c4cbd0; margin:40px auto; max-width:740px;} .add-more-btn, .new-btn-design {background:#0085ba; border-color:#0073aa #006799 #006799; -webkit-box-shadow:0 1px 0 #006799; box-shadow:0 1px 0 #006799; color:#fff; text-decoration:none; text-shadow:0 -1px 1px #006799, 1px 0 1px #006799, 0 1px 1px #006799, -1px 0 1px #006799; font-size:13px; line-height:26px; cursor:pointer; border:1px solid; border-bottom-width:2px; border-color:#0073aa #006799 #006799; border-radius:3px; padding:6px 8px;} .add-more-btn:hover, .new-btn-design:hover {background:#008ec2; color:#FFF; text-decoration:none; text-shadow:none;} .add-more-btn {float:right; margin:15px; height:28px; padding:0 10px 1px;} #site_header ul, .form-ul, .form_row {color:#2a4054; list-style:none; padding:0; margin:20px auto;} .form-ul li:not(:last-child), .form_row .col {margin-bottom:10px;} .form-ul b, .form_row b {min-width:120px; display:inline-block; text-align:right; margin-right:5px;} .form-ul input, .form-ul select, .form_row input, .form_row select {width:calc(100% - 130px); width:-webkit-calc(100% - 130px); -moz-calc(100% - 130px); -ms-calc(100% - 130px); -o-calc(100% - 130px); padding:3px; outline:none; line-height:inherit;} #material_req, #fenceType {padding:0;} #material_req table, #fenceType table {width:100%; text-align:center;} #material_req table thead th, #fenceType table thead th {background:#2a4054; color:#fff;} #material_req table th, #fenceType table th {text-align:center; padding:5px; width:50%;} #material_req table th + th, #fenceType table th + th {border-left:1px solid #999;} #material_req table td, #fenceType table td {padding:5px;} #material_req table td + td, #fenceType table td + td {border-left:1px solid #999;} #material_req table tr:nth-child(even), #fenceType table tr:nth-child(even) {background:#eee;} #drawing_gallery {padding-bottom:20px;} #drawing_gallery .row-16px {margin-left:-16px; margin-right:-16px;} #drawing_gallery .title {margin:0 auto 20px; background:#2a4054; color:#fff; text-align:center; padding:10px;} #drawing_gallery img {margin:20px auto;} #site-sheet-containter #print_btn {font-size:20px;} #site-sheet-containter .print_view {display:none;} #site-sheet-containter * {box-sizing:border-box;} #site-sheet-containter #material_table, #site-sheet-containter #material_table th,#site-sheet-containter #material_table td {border:1px solid #ddd; border-collapse:collapse; padding:15px 10px;} #site-sheet-containter .box-container {max-width:100%;} #site-sheet-containter #add_images {margin-top:-35px;} #site-sheet-containter #add_images:hover {cursor:pointer;} #site-sheet-containter input[type=file]{margin-bottom:15px;} .border-hide {border:none; background:transparent; -webkit-appearance:none; -moz-appearance:none; text-indent:1px; text-overflow:''; text-align:center;} /*#site-sheet-containter .row {margin-left:-15px; margin-right:-15px;}*/ #site-sheet-containter .col-6 {width:50%; float:left; padding:0 15px;} #site-sheet-containter .display-inline-block {display:inline-block; position:relative;} #site-sheet-containter #image_container .cancel-sign {position:absolute; top:8px; right:7px; background:#fff; border-radius:50%; padding:0; border:0; color:#f53123; font-size:33px;} #site-sheet-containter #image_container .cancel-sign:hover {color:#d62f23;} /*FDAS*/ * {box-sizing:border-box; -webkit-box-sizing:border-box;} #fdaContainer .pull-left {float:left;} #fdaContainer .pull-right {float:right;} #fdaContainer .col-6 {width:50%; float:left; position:relative; min-height:1px; padding-right:15px; padding-left:15px;} .col-6 {width:50%; float:left; position:relative; min-height:1px; padding-right:15px; padding-left:15px;} #fdaContainer .add-more-btn {background:#0085ba; -webkit-box-shadow:0 1px 0 #006799; box-shadow:0 1px 0 #006799; color:#fff; text-decoration:none; text-shadow:0 -1px 1px #006799, 1px 0 1px #006799, 0 1px 1px #006799, -1px 0 1px #006799; font-size:13px; line-height:26px; height:28px; padding:0 10px 1px; cursor:pointer; border:1px solid; border-bottom-width:2px; border-color:#0073aa #006799 #006799; border-radius:3px; display:inline-block;} #fdaContainer .add-more-btn:hover {background:#008ec2;} #fdaContainer .row-16px {margin-left:-16px; margin-right:-16px} #fdaContainer .title {margin:0 auto 20px; background:#2a4054; color:#fff; text-align:center; padding:10px;} #page_title {text-align:center; font-weight:700; color:#2a4054; margin-top:40px;} #page_title span {border-bottom:3px double;} #fdaContainer .box-container {display:table; background:#dfe3e6; border:1px solid #c4cbd0; margin:40px auto; max-width:100%; width:1170px;} #fda_header ul, .form-ul,#fdaContainer .form_row {color:#2a4054; list-style:none; padding:0; margin:20px auto;} #fdaContainer .form-ul li:not(:last-child),#fdaContainer .form_row .col,#fdaContainer .form_row .col_inner_row {margin-bottom:10px;} #fdaContainer .form-ul li, #fdaContainer .col_inner_row {display:table; width:100%;} #fdaContainer .form-ul b,#fdaContainer .form_row b {min-width:120px; display:inline-block; text-align:right; margin-right:10px; float:left;} #fdaContainer .form-ul input,#fdaContainer .form-ul select,#fdaContainer .form_row input,#fdaContainer .form_row select,#fdaContainer .form_row textarea {width:calc(100% - 130px); width:-webkit-calc(100% - 130px); -moz-calc(100% - 130px); -ms-calc(100% - 130px); -o-calc(100% - 130px); padding:3px; outline:none; line-height:inherit;} #total_hours .col-center {width:350px; max-width:100%; display:table; margin:0 auto;} #total_hours .form_row b {min-width:80px;} #total_hours .form_row select {width:50px;} #total_hours .form_row input {width:150px;} #total_hours .row-full {background:#f5f5f5; border-top:1px solid #bbb; padding-top:10px;} #fdaContainer #drawing_gallery {padding-bottom:20px;} #fdaContainer #drawing_gallery .gallery-col {width:32%; padding:0 15px; float:left;} #fdaContainer #drawing_gallery img {margin:20px auto; max-width:100%; display:block; padding:4px; line-height:1.42857143; background:#fff; border:1px solid #ddd; border-radius:4px;} #print_btn {margin:20px auto; font-size:20px;} .ui-timepicker-wrapper {width:150px !important;} #fdaContainer .border-hide {border:none; background:#dfe3e6; -webkit-appearance:none; -moz-appearance:none; text-indent:1px; text-overflow:'';} #fdaContainer .print_view {display:none;} #startTime-error {margin-left:10px; position:relative; left:30px; margin-top:-25px; float:right; color:rgb(255, 148, 148);} #fdaContainer input,#fdaContainer textarea {color:#2a4054;} #fda_list a {text-decoration:none;} #fdaContainer .form_action {width:18%; margin:0 auto;} #fdaContainer #save_btn:hover {background:#e5e5e5;} #bidToProposal .customer-error {font-size:10px; color:rgb(255, 148, 148);} .ui-autocomplete { overflow-y:scroll; height:300px; width:388px;} div#error_time {margin-left:10px; position:relative; left:185px; margin-top:-25px; float:right; color:rgb(255, 148, 148);} #siteSheetContainer .col-12, #siteSheetContainer .col-6, #siteSheetContainer .col-3, #siteSheetContainer .col-4 {float:left; padding-right:15px; padding-left:15px;} #siteSheetContainer .col-3 { width:25%;} #siteSheetContainer .col-4 { width:33.33333333%;} #siteSheetContainer .col-6 { width:50%;} #siteSheetContainer .col-12 {width:100%;} .table_row {display:table; width:100%; margin-left:-15px; margin-right:-15px;} /*old Site Sheet*/ .table-striped {border-collapse:collapse;} .table-striped>tbody>tr:nth-of-type(odd) {background-color:#f9f9f9;} .table-bordered>thead>tr>th {border:1px solid #ddd; border-collapse:collapse;} .table-bordered>tbody>tr>td {border:1px solid #ddd; padding:8px; line-height:1.42857143; vertical-align:top; border-collapse:collapse;} #siteSheetContainer .table-bordered tbody tr input {width:45px;} #siteSheetContainer .print_view {display:none;} #material_req input {text-align:right;} #siteSheetContainer .table-tab {display:table; margin:0 auto 20px; border:3px double #ddd; padding:5px 15px; background:#f5f5f5;} #siteSheetContainer .table-tab .woNum {float:left; margin-right:30px; margin-top:8px;} #siteSheetContainer .table-tab .matCount {float:left; margin-top:8px;} #siteSheetContainer .table-tab .matCount input {border:0; background:transparent;} #siteSheetContainer .table-action #submit {float:left; margin-right:30px; margin-bottom:18px;} #siteSheetContainer .table-action #reset-row {float:left; margin-right:30px; color:#fff;} #siteSheetContainer .table-action .error-msg {float:left;} #siteSheetContainer .table-action .error-msg .alert {margin:0;} #sitesheet_table tr td {text-align:center;} #siteSheetContainer #material_req .submit-row{margin:0 auto; float:none;} #siteSheetContainer #material_req .reset-row{margin:5px; float:none;} #siteSheetContainer .table-bordered tbody tr span {float:right;} #siteSheetContainer .table-bordered tbody td {width:90px;} #siteSheetContainer .table-bordered thead th {width:90px;} /*Temp fence*/ #tf_materials table {margin:0 auto;} #tf_materials table tbody tr:nth-child(odd) {background:#fff;} #tf_materials table tr:nth-child(even) {background:#f5f5f5;} #tf_materials td, #tf_materials th {padding:10px; border:1px solid #2c4254; border-collapse:collapse;} #tf_materials table input {border:0; background:transparent;} #tf_materials_filters select, #tf_materials_filters #quantity {padding:7px 5px; border:1px solid #c4cbd0; background:#fff; outline:0; margin-right:10px;} #tf_materials_filters select {line-height:40px;} #tf_materials_filters #fence_item {width:350px;} #tf_materials #table tbody tr:last-child td,#tf_materials #table tbody tr:nth-last-child(2) td,#tf_materials #table tbody tr:nth-last-child(3) td {background:#dfe3e6; border-width:0;} .modal-scroller {height:350px; overflow-y:scroll; border-bottom:1px solid #ddd;} #tf_materials #table tbody tr input {width:100px;} #tf_materials #table tbody tr input.item {width:490px;} #menu1 .left-col .col-inner-wrapper {padding-right:15px;} #menu1 .right-col .col-inner-wrapper {padding-left:15px;} #menu1 #resultant_date {border:0; background:transparent;} #menu1 .form-rows {padding:10px 0;} #menu1 .form-rows label:not(.width-full) {width:140px; text-align:right; margin-right:10px;} #menu1 .form-rows label.width-full {width:100%;} #menu1 .form-rows input:not(#term), #menu1 .form-rows #note,#menu1 .form-rows select {width:calc(100% - 160px); width:-webkit-calc(100% - 160px); width:-moz-calc(100% - 160px); width:-ms-calc(100% - 160px); width:-o-calc(100% - 160px); outline:0; padding:6px; background:#fff;} #menu1 .form-rows #term {width:100px; outline:0; padding:4px; margin-right:10px;} #menu1 .form-rows #interval {width:120px; background:#fff; padding:6px;} #menu1 .form-rows #interval {width:120px; background:#fff; padding:6px;} #print-bid-form .tf-actions .btn {background:#2b4154; border-color:#2b4154;} #print-bid-form .tf-actions .btn:hover {background:#dfe3e6; color:#2c4254;} #bulk_model input.UOM {width:75px; padding:5px; background:#fff;} #bulk_model span.item {display:inline-block; max-width:345px; line-height:1;} #bulk_model input.box {width:auto; margin:10px 0 0 10px;} #bulk_model input.QTY {width:95px; margin-right:13px;} #bulk_model button {background:transparent;} #bulk_model button:hover,#bulk_model a.btn:hover,#bulk_model button.close {color:#fec627;} .sendNotification input {float:none; width:81%} .mail-loader {width:50px;} .sendNotification #msg {display:inline-block; float:left;} .sendNotification .form-modal .modal-footer .form-group {width:509px;} .form.temp_fence_order #term {width:30%; margin-right:26px; float:right;} .form.temp_fence_order #interval {width:30%; float:right; height:32px;} .form.temp_fence_order #resultant_date {border:0;} .form.temp_fence_order .work-order-header {background:#2b4154; color:#fff;} .form.temp_fence_order .work-order-header .work-order-cancel{background:#9e9e9e;} .form.temp_fence_order .work-order-header .work-order-cancel:hover {background:#a19a9a;} .form.temp_fence_order #submit{background:#2b4154; color:#fff;} .form.temp_fence_order #submit:hover {background:#255884;} .listing-page .tf-btn {background:#fe8b69;} .listing-page .tf-btn:hover,.listing-page .tf-btn:focus{background:#cc5733 !important; color:#fff !important;} #print-bid-form .date-heading { border-bottom:1px solid #aaa; padding-bottom:10px; text-align:center;} .remove-row-btn {position:absolute; top:6px; color:#2a4054; cursor:pointer; background:#eee; border:1px solid #ccc; padding:8px 9.5px; border-radius:50%;} .remove-row-btn:hover {background:#ddd;} .no-border {background:transparent !important; border:0 !important;} .modal-body .UOM {display:none;} #resultant_date {background:transparent !important;} .form .form-head .tf-cancel,.ft-form .submit {background:#2d4254; color:#fff;} .form .form-head .tf-cancel:hover,.ft-form .submit:hover {background:#2d4254; color:#edb20c;} .ft-form .submit {padding:10px; border:0; margin-bottom:25px;} .ft-form .fence-item-form {background:#dfe3e6; padding:20px;} .pull-left {float:left;} .pull-right {float:right;} .terms-n-conditions {background:#faf3e8; padding:15px;} .text-center {text-align:center;} .notice {color:#ba1419; font-weight:bold; text-align:center;} .terms-list {padding-left:20px;} .terms-list .term-title {font-weight:bold;} .terms-list .term-detail {padding-left:40px; margin-bottom:30px;} .terms-list .inner-li {display:inline-block; padding-right:8px; margin-left:-23px;} .terms-list .initial {color:#ba1419;} .terms-list .initial span {display:inline-block; border-bottom:1px solid; width:45px; margin-left:10px;} #approval {display:table; width:100%;} #approval .pull-left {width:65%;} #approval .pull-right {width:35%;} #approval .pull-right label {width:155px; display:inline-block; text-align:right; padding-right:10px;} #approval .signature {width:600px; margin:60px 0 36px; padding:3px 20px; border-top:1px solid #000; color:#ba1419;} #approval .print-name {padding:3px 20px; border-top:1px solid #000; width:280px; display:inline-block; margin-right:40px;} #approval .date {padding:3px 60px; border-top:1px solid #000; display:inline-block;} #sales_tax_model .modal-dialog {width:360px; margin:0 auto; max-width:100%;} #sales_tax_model .btn-default {background:transparent;} .rental_print_view,.print_view {display:none;} #temp_order_body tr td a.siteSheet {border:1px solid; padding:4px;} #temp_order_body tr td a.siteSheet:hover {text-decoration:none;} /*Temp fence order dashboard */ .cursor {cursor:pointer;} #recent_tf tr td.woId,#recent_tf tr th.woId {display:none;} #main-nav li a.temp_btn img {width:18px; margin-right:8px;} #main-nav li a.temp_btn:hover {color:#e4b120;} #calendar_tf .fc-toolbar {background:#446482; color:#fff; padding:20px 10px 0; margin-bottom:0; width:auto;} #calendar_tf .fc-toolbar .fc-left, #calendar_tf.fc .fc-toolbar>*>* {float:none;} #calendar_tf .fc-toolbar .fc-right {float:none; margin-top:-40px; margin-bottom:-10px;} #calendar_tf .fc.button .fc-icon {color:#446482;} #calendar_tf .fc-day-header {padding:8px 0; background:#ddd; box-shadow:inset 0 -2px 2px rgba(0,0,0,.2), 0 1px 2px rgba(0,0,0,.05);} #calendar_tf .fc-today-button {position:relative; background:#c17607; color:#fff; text-shadow:none; border:1px solid #c17607; text-transform:capitalize; padding:6px 11px; height:auto; box-shadow:inset 0 -1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); outline:0; margin-top:0; top:-40px;} #calendar_tf .fc-today-button:hover {box-shadow:inset 0 -2px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);} #calendar_tf .fc-state-disabled {display:none;} #calendar_tf .fc-button-group {width:100%; margin:0;} #calendar_tf .fc-button-group button {background:transparent; border:1px solid #fff; color:#fff; width:40px; height:40px; border-radius:50%; outline:0; margin:0 10px;} #calendar_tf .fc-button-group button:hover {background:#c17607;} #calendar_tf .fc-button-group button.fc-next-button {float:right;} #calendar_tf .fc-ltr .fc-basic-view .fc-day-top .fc-day-number {font-size:24px; margin-right:10px;} #calendar_tf .fc-event {background:#446482; border-color:#446482; font-size:15px; padding:5px;} #calendar_tf.fc td {border-width:2px;} #calendar_tf .fc-body {background:#f5f5f5;} #calendar_tf .fc-scroller {overflow:hidden !important;} #calendar_tf .fc-day-grid-event:hover .fc-content {white-space:normal;} /*add job when convert proposal*/ #proposalModal .add_new_location .custom-field.label-field {width:34%;} #proposalModal #add-job {background:#1d2d3b; padding:6px; color:#fff; font-size:12px; float:right; margin-right:15px;} #proposalModal #add-job:hover {cursor:pointer; color:#fec627;} #add_location {background:#ffc10e; color:#000; border:0;} #add_location:hover{background:#e5ad0c;} .display_table:before {content:''; display:table;} .display_table:after {content:''; display:table;} /* dropzone css */ .container1{margin:0 auto; width:50%;} .content{padding:5px; margin:0 auto;} .content span{width:250px;} .dz-message{text-align:center; font-size:28px;} .cancel-sign:hover {cursor:pointer;} .listing-page .table tr td a.request-btn:hover {background:#337ab7 !important;} /*LOCATE REQUEST*/ #request_model h1 {padding:25px; font-weight:600;} #request_model .section-1 {padding:5px 128px; font-size:17px;} #request_model .section-1 .text-right div label {padding:0 10px;} #request_model .section-1 .text-right div input {padding:4px; text-align:center; width:150px;} #request_model .section-2 .form-horizontal .form-group input { width:75%; border:1px solid; border-radius:0;} #request_model .section-2 .form-horizontal .form-group { padding:10px;} #request_model .section-2 .form-horizontal #change input { width:100%;} #request_model .section-2 .form-horizontal #change select { height:35px; width:100px;} #request_model .section-2 .form-horizontal textarea.form-control { width:75%; border:1px solid; border-radius:0;} #request_model textarea,#request_model input{float:right; width:100%;} .request-btn {float:right; padding:8px !important; margin-left:10px;} #proposalForm #locId {width:232px;} #request_model .form-group label {width:35%;} #request_model .modal-body .col-sm-8 {width:65%;} #request_model .job-id {text-align:right;} a:hover,a:focus {text-decoration:none !important;} #request_model .modal-footer .form-group {width:500px;} /*Temp Fence Work Orders*/ #temp_order_table a {display:inline-block;} .tab_row .tab_row_btn:hover {color:#fec627;} .tab_row .tab_row_btn {display:inline-block; background:#2b4154; padding:9px 12px; border:1px solid #2b4154; border-radius:3px; color:#fff; font-size:20px; position:relative; top:-55px; right:5px;} .tab_row .tab_row_btn:after {content:''; position:absolute; width:28px; height:27px; background:#fff; right:19px; top:11px; border-radius:3px; border:1px solid #999; transform:rotate(-45deg); box-shadow:0 2px 2px rgba(0,0,0,.25);} .tab_row .tab_row_btn img {vertical-align:middle; border:1px solid #999; background:#fff; padding:4px 8px; margin:-3px 20px; position:relative; z-index:1; border-right:0; border-radius:3px 0 0 3px; box-shadow:-2px 1px 2px rgba(0,0,0,.25);} .tab_row #today-schedule-btn.tab_row_btn:after {display:none;} .tab_row #today-schedule-btn.tab_row_btn {top:-50px; left:4px;} /*Special order PO */ #special-order-form h1 { text-align:center; color:#2b4055; margin-top:50px;} #special-order-form table { border-collapse:collapse; width:1124px; margin:auto; text-align:left;} #special-order-form table,#special-order-form table td,#special-order-form table th { border:1px solid black; padding:5px 0 5px 12px;} #special-order-form table th { color:#2b4055; padding:15px; text-align:center;} #special-order-form table td { color:#708dab; padding:5px;} #special-order-form .table-1 td { width:375px; padding:12px 0 12px 15px;} #special-order-form .table-1 th { padding:12px 5px 12px 15px; width:150px;} #special-order-form .table-1 .top { text-align:center;} #special-order-form .table-2 {margin-top:80px;} #special-order-form .table-2 tr:nth-child(odd) {background-color:#d3dee4;} #special-order-form .btn {margin-top:70px; margin-bottom:70px; text-align:center; display:table; margin :70px auto;} #special-order-form .btn a,#report-action .btn,#special-order-form .btn button { background-color:#d3dee4; color:#2b4055; margin:10px 5px; padding:8px 20px; font-size:20px; text-decoration:none; border:1px solid #2b4055; border-radius:5px;} #special-order-form .btn button .fa-save {margin-left:5px;} #special-order-form .btn button {padding:5px 20px;} #special-order-form .btn button:hover,#report-action .btn:hover {background:hsla(201, 24%, 86%, 0.71);} #special-order-form table tbody tr td input.date {width:80px; padding:3px;} #special-order-form table tbody tr td input[type="checkbox"] {margin:0 auto; display:table;} #special-order-form table tbody tr td textarea {max-width:181px; min-width:181px; margin:0 auto;} #special-order-form table tbody tr td input[type="number"] {width:80px;} #special-order-form table tbody tr td input.tracking {width:90px;} #special-order-form table tbody tr td input.receiver {width:75px;} #special-order-form table tbody tr td img{display:table; margin:0 auto;} #special-order-form #order-info tbody tr td input {width:70%;} /* customer-report */ #customer-report .report-meta .label-tag {color:#5c83b4; font-weight:bold; display:inline-block; width:142px;} #customer-report .table-wrapper {border:1px solid #2a4054; margin:20px 0 40px;} #customer-report .table-header {background:#d6e0ec; color:#263e53; padding:15px;} #customer-report .table-header p:last-child {margin-bottom:0} #customer-report #main-content .table-wrapper table {margin:0; border:0} #customer-report .table-wrapper table {color:#474747; border-collapse:collapse; width:100%;} #customer-report .table-wrapper table tr:nth-child(even) {background:#fcfcfc;} #customer-report .table-wrapper table th.table-type-header {text-align:center; background:#91a7c1; font-size:20px; border:1px Solid #667282;} #customer-report .table-wrapper table th {background:#acb5b9; padding:5px 10px; border:1px solid #7f868a; color:#fff;} /*#customer-report .table-wrapper table th:last-child {border-right-color:#d5dfeb;}*/ #customer-report .table-wrapper table td {padding:5px 10px; border:solid #b9b8b8; border-width:0 1px;} #customer-report .table-wrapper table td:last-child span {background:#d5dfeb; padding:5px 10px; margin:3px 0; display:inline-block; border-radius:3px;} #customer-report .table-wrapper table .wo-id {width:100px;} #customer-report .table-wrapper table .date-col {width:117px;} #customer-report .table-wrapper table .lcc {width:65px;} #customer-report .top-pagging, #customer-report .bottom-pagging {text-align:right;} #customer-report .pagination {margin:0;} #customer-report .pagination span.curlink, #customer-report .pagination span a {display:inline-block; padding:5px 11px; background:#d6e0ec; margin:0 2px; border:1px solid #91a7c1; cursor:pointer; color:#87a5ca;} #customer-report .pagination span.curlink, #customer-report .pagination span a:hover {background:#87a5ca; color:#fff;} #site-sheet-containter #add_material-btn-container {text-align:right} #site-sheet-containter #add_material {float:none; display:inline-block;} /*#customer-report .cr-pagination .numlink a,#customer-report .cr-pagination .curlink a{padding:5px; background:#cfd8dc; margin:0 5px 0 5px;} #customer-report .cr-pagination .firstlink a,#customer-report .cr-pagination .prevlink a,#customer-report .cr-pagination .lastlink a,#customer-report .cr-pagination .nextlink a{padding:5px; background:#2b4154; color:#fff; margin:0 5px 0 5px; display:inline-block;} #customer-report .cr-pagination a:hover {color:#fec627; background:#2b4154;} #customer-report .cr-pagination {text-align:right; display:block;} #customer-report .top-pagging{margin-top:-70px;} #customer-report .cr-pagination span.curlink {background:#91a7c1; padding:6px; width:30px; display:inline-block; text-align:center; height:30px}*/ /*Access Right */ #contain-access-rights {margin-bottom: 40px;} #contain-access-rights .user {border-collapse: collapse;width: 100%;} #contain-access-rights .user td,#contain-access-rights .user th {border: 1px solid #ddd;padding: 8px;min-width: 120px;position: relative;} #contain-access-rights .user tr:nth-child(even){background-color: #f2f2f2;} #contain-access-rights .user tr:hover {background-color: #ddd;} #contain-access-rights .user th {padding-top: 12px;padding-bottom: 12px;background-color: #cfd8dc;text-align:center;} #contain-access-rights .user tr.row-span {background:#fff !important;} #contain-access-rights #selectRole {width: 230px;display: inline-block;} #contain-access-rights #role_form {margin: 0 auto;display: table;} #contain-access-rights .changeAccess {display:none; position: absolute; padding:0 15px !important; right:0; top: 5px; right:6px;} #contain-access-rights .access_view_table .access-check-box {display: none;} #contain-access-rights .btn.submit:hover,a.add_new_btn.user_right_btn:hover {background: hsla(201, 24%, 86%, 0.71) !important;color: #000 !important;} #rfi_container #ScheduleImpact,#rfi_container #costImpact,#rfi_container #cost,#rfi_container #ImpactDay {width: 295px;} #rfi_container #costImpact {width: 319px;} #rfi_container #cost,#rfi_container #ImpactDay {margin-left: 7px;} #AssignTo_chosen {float: right;} #rfi_container #submit_rfi:hover {background: #e0e8eb7a !important;} #rfi_container .uploaded_files {float: right;} table.dataTable thead th {padding: 10px !important;} .table>tbody>tr>td {vertical-align: middle !important;line-height: 25px !important;} #alphabetical_sorting {padding: 7px 12px !important;height: auto;font-size: 12px;} .column-over-flow {overflow:hidden;white-space:nowrap; text-overflow:ellipsis;display: block;} .login-footer.login-page {text-align: center;color: #9c9c9c;} .login-footer.login-page a {color: #4799dc;} table tbody tr .row-actions span a{border: 0 !important;font-size: 12px;} #work_order_table td.action,#work_order_table th.action {display: none;} #work_order_table td.workType span,#work_order_table th.workType {width: 100px !important;max-width: 100%;} /* ============================ Responsive ============================ */ @media (min-width:1200px) { #work-order-search #active-work-order .table-responsive {overflow-x:visible;} } @media (max-width:1199px) { #navbar ul {margin-top:0;} table.dataTable tbody tr.child ul {display:block;} table.dataTable tbody tr.child td {padding-left:10px !important;} #location_table .dtr-data .action {display:inline-block;} #location_table .dtr-data .action a {float:none; color:#337ab7;} #location_table .dtr-data .action a.get_job_btn {margin:0 20px;} .proposal-info-tables {display:block; padding:0;} .proposal-info-tables tbody {display:table; width:100%;} .proposal-bid-form .table-body .tr-row label, .proposal-bid-form .table-body .tr-row input, .proposal-bid-form .table-body .tr-row select {float:none; display:block; margin:0; width:100%;} .proposal-bid-form .table-body .tr-row {padding:7px 0;} #work-order-list th.work-order-action {min-width:125px !important;} } @media (max-width:1199px) and (min-width:992px) { /*Temp Fence Work Orders*/ #temp_order_table td:last-child {width:360px !important;} #temp_order_table td:last-child a {margin:5px} #tf_materials_filters {padding-left:0;} #tf_materials_filters select {margin-right:3px;} } @media (max-width:991px) and (min-width:768px) { .dataTables_wrapper .row:last-child .col-sm-6:first-child {width:35%;} .dataTables_wrapper .row:last-child .col-sm-6:last-child {width:65%;} .pro-total-bid-table td {width:150px;} } @media only screen and (max-width:991px) { #nav-panel .container {width:100%;} .container.container-fluid-sm {width:100%} #home_page .stats-shall {margin-bottom:30px;} tbody#temp_order_body td:last-child a {display:inline-block; margin:5px;} #tf_materials .site_view {width:100%} #tf_materials .site_view .add-more-btn {margin-left:0; margin-right:0;} #tab_row-header .col-6 {width:100%;} #tab_row-header .col-6+.col-6 {border-top:1px solid #dfdfdf;} #tab_row-header .col-6 h3 {font-size:20px; padding:0;} table.dataTable tr.child span.dtr-title, table.dataTable tr.child span.dtr-data {display:table !important; margin:0 auto; min-width:auto !important;} #location_table th {width:auto !important; min-width:auto !important;} #proposalTable th.name {min-width:auto !important; width:auto !important;} #proposal-list #tab_row-header h3 {width:100%; margin:10px 0;} #bid-details .proposal-name input {width:100%;} .proposal-info-tables {display:block; padding:0;} .proposal-info-tables tr {display:flex; flex-wrap:wrap;} .proposal-info-tables th {border-bottom:0; padding-bottom:0; width:100%} .proposal-info-tables td {width:100%; padding:0 10px 5px;} #proposal-work-order table th {min-width:167px;} #location_table .dtr-data .action {margin:15px auto -5px;} #site-sheet-containter #site_header .col-6 {width:100%; padding:0;} #site-sheet-containter #site_header .form-ul {margin-top:5px;} #site-sheet-containter #site_header .form-ul li {border-bottom:1px solid #ccc; padding:0 15px 5px;} #site-sheet-containter #site_header .form-ul b {text-align:left; min-width:100px;} #site-sheet-containter #site_header #basic_info {margin-bottom:0; margin-top:20px;} #site-sheet-containter #siteSheet {padding:0;} } @media (max-width:880px) and (min-width:768px) { #nav-panel .nav-brand img {max-width:100px;} #navbar ul li {margin:0 4px; font-size:13px;} #navbar #left-nav-ul {margin-top:10px;} #navbar #main-nav {margin-bottom:10px;} } @media (min-width:768px) { #tab_row-header #order-by-sorting-options {display:none;} /* new-layout */ /* add-new-forms */ /* new-layout for desktop*/ .add-new-form-page .form-head, .edit-form-page .form-head {box-shadow:0px -1px 5px rgba(153, 153, 153, 0.75); background:#2a4054; margin-bottom:0; position:relative; padding:5px 15px 10px; color:#fff;} .container.container-652 {width:652px;} } @media (max-width:767px) { #nav-panel .nav-brand img {max-height:73px; width:auto;} #navbar #left-nav-ul {float:right;} #navbar #left-nav-ul li {float:left;} #navbar .navbar-toggle {background:#fff; margin:20px 5px 0 35px;} #navbar .navbar-toggle .icon-bar {background:#2a4054;} #collapse-the-navbar {width:100%;} #navbar ul li {margin:5px 10px 0;} #navbar #left-nav-ul {margin:0;} nav .home-menu {margin-top:-8px} #left-nav-ul .navbar-text {margin-top:11px !important;} .dataTables_length .form-control, .dataTables_filter input {display:inline-block; width:auto; margin:0 5px;} #home_page .stats-card {width:360px; max-width:100%; margin:0 auto;} #home_page #team-members {width:430px; margin:40px auto 0; max-width:100%;} #home_page #team-members th {width:170px; padding:10px;} #home_page #team-members #first-th, #home_page #team-members td {width:auto; padding:10px;} table.dataTable tr.child span.dtr-title, table.dataTable tr.child span.dtr-data {display:block; padding:5px;} #temp_order_body tr.child li:last-child .dtr-data a {display:inline-block; margin:5px 7px;} table.dataTable.dtr-inline.collapsed tbody tr.child td:first-child {padding-left:0 !important; text-align:center; padding-right:0 !important;} table.dataTable.dtr-inline.collapsed tbody td:first-child:before, table.dataTable.dtr-inline.collapsed tbody th:first-child:before { box-shadow:0 0 3px #337ab7; background-color:#337ab7;} table.dataTable.dtr-inline.collapsed tbody tr.parent td:first-child:before, table.dataTable.dtr-inline.collapsed tbody tr.parent th:first-child:before {box-shadow:0 0 3px #d33333; background-color:#d33333;} table.dataTable.dtr-inline.collapsed tbody tr.child td:first-child ul {display:block;} #work-order-list .col-xs-12 {padding-left:0; padding-right:0;} .form #add_workorder .form-fields-box {padding:15px 25px;} .form .form-fields-box {padding:15px;} #page_title {font-size:24px;} #alphabetical_sorting {display:inline-block; width:auto;} .listing-page .tab_row.col-md-12 {padding:0; margin:0 -15px;} #sitesheet_list .table-responsive, .listing-page .tab_row+.table-responsive {margin-top:30px;} #tab_row-header #customer-order-by {display:none !important;} #tab_row-header #order-by-sorting-options {background:#fff; padding:8px; margin:12px;} .dataTables_wrapper .row .col-sm-6 {width:100%;} #admin-sub_header .time-widget {display:none;} #admin-sub_header #welcome-admin {margin:15px 0;} #admin-sub_header .calender_new {padding:0; margin-top:7px;} #admin-sub_header .calender_new img {width:42px;} .dataTables_wrapper .col-sm-12 {padding-left:0; padding-right:0; margin-top:15px;} #home_page #calendar .fc-scroller.fc-day-grid-container {height:auto !important;} #home_page #calendar {border:0; padding:25px 0;} #home_page #calendar .fc-basic-view {overflow:scroll;} #home_page #calendar .fc-basic-view > table {min-width:700px;} .job-form-popup #cf_cancel {right:0;} #coupon_table {border-width:1px 0;} .form #cf_cancel {right:-13px;} .form.form-container {margin:0 -15px; padding:0; width:auto; max-width:initial;} .row .form.form-container {margin:0;} .form.form-container .form-head {background:#eee; border-bottom:1px solid #ccc; margin:0 0 40px; padding:10px; display:table; width:100%;} .form.form-container form {padding:0 15px;} #locations_list ul.nav-tabs li {background:transparent; padding:10px 0;} .job-form-popup .modal-dialog {width:100%; margin:25px 0 40px !important; padding:0 15px;} #proposal-list .tab_row.col-md-12 {margin:0 -15px 60px;} #proposal-list table {border-width:1px 0;} #proposal-list table th:first-child, #proposal-list table td:first-child {border-left:0;} #proposal-list table th:last-child, #proposal-list table td:last-child {border-right:0;} #proposal-bid-form .col-xs-sm {width:480px; margin:0 auto 20px; float:none; max-width:100%;} #proposal-bid-form .table-body {padding:0 0 10px;} #proposal-bid-form .tr-row {padding:7px 10px; position:relative;} .proposal-info-tables {margin-bottom:15px;} #request_model .job-id {text-align:left;} #request_model .form-group .job-id label {width:auto;} #request_model .modal-body .label-cols, #request_model .modal-body .input-cols {width:100%;} #sendNotification.form-modal .modal-body .form-group {display:block;} #work-order-search .table-container .dataTables_length {float:none; text-align:center;} #work-order-search .table-container .dataTables_filter {float:none; text-align:center; margin-top:50px;} #work-order-search #alphabetical_sorting_recent, #work-order-search #alphabetical_sorting_wo {width:293px; max-width:100%; margin:50px auto -75px !important; position:relative !important;} #sitesheet_list #message-popup {margin-bottom:0;} /*new-layout*/ #main-content .table-container {padding:0 15px;} #main-content .table-container .table-responsive {padding-top:20px;} #edit-work-order-page #page-header {margin:0;} #edit-work-order-page .form.form-container .form-head {background:#cfd8dc;} #work_order_table td div.row-actions {display: none;} #work_order_table tr.child li:last-child {display: block;} #work_order_table tr.child li:last-child a{margin: 5px;} #work_order_table tr .stage-name {min-width: 200px;width: 200px;} } @media (max-width:767px) and (min-width:568px) { #tf_materials_filters #fence_item {width:280px;} #tf_materials_filters #quantity {width:120px;} } @media (max-width:667px) { .form label {width:100%; max-width:initial;} .form input, .form select, .form textarea {float:none; width:100%;} .form #add_workorder .form-fields-box {padding:0;} .form .form-group {padding:15px; border-bottom:1px solid #ddd; margin:0;} .form-group:nth-child(even) {background:#fafafa;} .form-btn.form-group {border:0; background:#ddd;} .form.temp_fence_order #term, .form.temp_fence_order #interval {width:50%; margin:0;} .form-fields-box label.error {margin-left:0;} .form .form-fields-box {padding:15px 0;} .form .add-new-custom-field span {padding:15px;} .form .custom-field {margin-bottom:10px; width:155px;} .form .form-btn .btn-next, .form .form-btn .btn-back {margin-bottom:0;} .job-form-popup #cf_cancel {right:0;} .form #cf_cancel {top:57px; right:4px;} #myContactModal #view_jobsite label {width:100%; border-right:1px solid #ccc; border-bottom:0; font-weight:600; padding-bottom:0;} .form-modal #view_jobsite input {width:100%; border-top:0; padding-top:0;} .form-modal .modal-dialog {margin:25px 15px 40px;} #request_model.job-form-popup .container {padding:0;} #request_model.job-form-popup .modal-body .form-group {padding:6px 0;} #sendNotification.job-form-popup .sendtoRow>span, #sendNotification.job-form-popup textarea {width:100% !important;} .listing-page #page-header #tab_row-header.inline-block {display:block;} #add-new-word-order .request-btn, #edit-work-order-page .request-btn {top:40px; right:15px;} #add_workorder label:not(.error) {width:100%;} #edit-work-order-page .form .form-fields-box {padding:0 !important;} #edit_workorder .completeMsg {float:none; margin:0 20px; display:inline-block; width:auto; padding:5px 15px;} .form #edit_workorder .form-group input[type="checkbox"] {margin:0;} #page-header.work-items #page-title {text-align:left; padding:0 15px;} #edit-work-order-page #addItemModal, #edit-work-order-page #editItemModal {width:490px; margin:0 auto; max-width:100%;} #edit-work-order-page #addItemModal label, #edit-work-order-page #addItemModal input, #edit-work-order-page #addItemModal textarea, #edit-work-order-page #editItemModal label, #edit-work-order-page #editItemModal input, #edit-work-order-page #editItemModal textarea, .add-new-form-page .input-file-holder, .edit-form-page .input-file-holder {width:100%;} #edit-work-order-page #addItemModal.form-modal .modal-body, #edit-work-order-page #editItemModal.form-modal .modal-body {padding:0;} } @media (max-width:667px) and (orientation:portrait) { .form-modal .modal-dialog {margin:60px 15px;} } @media (max-width:640px) { .listing-page .dataTables_wrapper .dataTables_filter {margin-top:55px;} #alphabetical_sorting {left:50%; margin-left:-155px !important; margin-top:42px; width:300px; max-width:100%;} } @media only screen and (max-width:567px) { #navbar #left-nav-ul #menu-item-home {display:none;} #navbar #left-nav-ul .navbar-text {margin:0;} #navbar .navbar-toggle {margin-left:5px;} #admin-sub_header {text-align:center;} #admin-sub_header .calender_new {float:none; margin:0 0 20px;} #work-order-list #tab_row-header h3 {font-size:20px;} .tab_row h2 {font-size:20px;} #work-order-list #tab_row-header h3, #tab_row-header h3 {font-size:17px; color:inherit;} #tf_materials_filters #fence_item {width:100%;} #tf_materials_filters #quantity {width:100%; margin:10px 0;} #tab_row-header .wo_details {float:none !important; text-align:center;} .fence-item-form .submit-holder {display:block; text-align:center;} .listing-page .nav li {float:none; margin:5px 0;} #deleteModal .modal-body {padding:15px;} #deleteModal .modal-footer {text-align:center;} #deleteModal .confirm-btn {display:table; margin:0 auto 20px;} #site-login .auth_msg .alert-danger:last-child {margin:10px auto -40px;} .job-form-popup input {width:100%;} #add_new_location .add-customer-address + label {display:inline; font-size:11px; font-weight:normal;} .job-form-popup #cf_cancel {right:15px; top:48px;} .job-form-popup .custom-field.label-field {margin-bottom:10px; width:160px;} #locations_list ul.nav-tabs {display:table; margin:0 auto; float:none; padding:0;} #locations_list .add_new_location {float:none; display:table; margin:10px auto;} #myContactModal #view_jobsite .modal-body {padding:0 15px;} #proposal-work-order table th, #proposal-work-order table td {padding:7px;} #proposal-work-order table td {padding:7px 7px 7px 0;} #proposal-material-table #material_waste_label input {margin-left:5px} #proposal-work-order table th {min-width:137px;} #proposal-work-order table {font-size:12px;} #proposal-list #right-btn.add_new_btn {margin-top:-40px; padding-left:14px;} #proposal-list .add_new_btn .btn-txt {display:none;} #site-sheet-containter .responsive-tbl {overflow-x:auto;} #site-sheet-containter #th-material, #site-sheet-containter #th-lenght {min-width:220px;} #site-sheet-containter #col-hight {min-width:120px;} #site-sheet-containter .table-scroller-msg {display:block !important; text-align:center; padding:5px;} #site-sheet-containter #add_material-btn-container {text-align:center;} #site-sheet-containter #start_time_btn.site_view:not(.hidden), #site-sheet-containter #stop_time_btn:not(.hidden) {float:none; display:table !important; margin:15px auto -5px !important; position:relative; left:40px;} #site-sheet-containter #total_hours {text-align:center;} #site-sheet-containter #total_hours .col-center {display:block;} #site-sheet-containter #footer-btns a {margin:5px !important;} } @media (max-width:480px){ #work-order-search ~ ul#ui-id-1 {width:83% !important; left:8.5% !important;} #edit_workorder .completeMsg {margin:-20px 10px 0 30px;} } @media (max-width:414px){ #site-login h1 {font-size:27px;} #proposal-bid-form .request-btn {position:absolute; right:10px; padding:8px 8px 7.5px !important;} } @media (max-width:375px){ #alphabetical_sorting {left:0; margin-left:0 !important;} } @media (max-width:359px){ #tab_row-header .nav-tabs {display:table; margin:20px auto 0; float:none;} /*#tab_row-header #order-by-sorting-options, #tab_row-header .add_new_btn {display:table; margin:10px auto; float:none;}*/ #page-header .add_new_btn .btn-txt, .form-container .form-head .cancel-btn .btn-txt {display:none;} #page-header .add_new_btn, .form-container .form-head .cancel-btn {padding:10px 14.5px; ;} #page-header .add_new_btn .fa {color:#fff; margin:0;} #locations_list #tab_row-header .add_new_btn {color:#fff !important; width:auto;} #locations_list #tab_row-header .add_new_btn:focus {color:#ffc851 !important; width:auto;} #locations_list #tab_row-header .add_new_btn .fa {color:inherit} .form-container .form-head .cancel-btn .fa {margin:0;} .form-container .form-head {margin-top:20px;} /*.form-container .form-head span , .form-container .form-head .cancel-btn {display:table; margin:10px auto; float:none;}*/ /*.form-container .form-head .cancel-btn {display:table; margin:10px auto; float:none;}*/ #site-login .auth_msg .alert-danger:last-child {margin-bottom:-60px;} div.ui-widget-content[aria-describedby="eventContent"] {max-width:96%;} #work-order-search #alphabetical_sorting_recent, #work-order-search #alphabetical_sorting_wo {width:240px;} } @media (max-width:330px){ #print-bid-form .nav.nav-tabs li a {font-size:12.5px;} #print-bid-form .nav-tabs .pull-right {margin-bottom:7px;} } @media (max-width:320px){ #site-sheet-containter #start_time_btn.site_view:not(.hidden), #site-sheet-containter #stop_time_btn:not(.hidden) {left:0;} } /*End responsive */ .calender_new {float:right; margin-top:22px; padding-right:39px;} table tbody tr td.fc-event-container a:visited {color:white;} table tbody tr td.fc-event-container a:hover {color:white !important;} table tbody tr.child li:nth-last-child(2) {display:none;} .fc-popover.fc-more-popover{max-height:90vh;} .fc-popover.fc-more-popover.overflow {overflow-x:hidden;} .fc-event-container{max-height:90vh;} /*Print CSS */ /*header {position:fixed; top:0; margin-top:-20px; width:100%; display:block; z-index:999;} footer {position:fixed; bottom:0; width:100%; display:block;} @page {position:relative;}*/ @media print { header {page-break-before:always;} footer {page-break-inside:avoid;} #site-sheet-containter .display-inline-block {display:block;} #site-sheet-containter .box-container {display:table; width:1170px; max-width:100%; padding-left:15px; padding-right:15px;} /*footer { position:fixed; bottom:0; }*/ } @page { font-family:'calibri' !important; margin:5mm; /* counter-increment:page; */ } .listing-page tr td.action a:hover,.add_new_btn:hover, #temp_order_body td a:hover .fa,.work_order_body td:last-child:hover{color:#ffc851 !important;} #coupon_table #Master_Customer_body tr td.totalOrder a ,#coupon_table #Master_Customer_body tr td.tempWO a, #coupon_table #Master_Customer_body tr td.tempProposal a,#coupon_table #Master_Customer_body tr td.proposalCount a{ color:#3199dc !important; } #coupon_table #Master_Customer_body tr td.totalOrder a:hover,#coupon_table #Master_Customer_body tr td.tempWO a:hover, #coupon_table #Master_Customer_body tr td.tempProposal a:hover, #coupon_table #Master_Customer_body tr td.proposalCount a:hover{color:#ffc851 !important;} #location_table #Master_location_body tr td.job_proposal a:hover, #location_table #Master_location_body tr td.tempWO a:hover, #location_table #Master_location_body tr td.temp_proposal a:hover, #location_table #Master_location_body tr td.job_wo a:hover{color:#ffc851 !important;} #location_table #Master_location_body tr td.job_proposal a, #location_table #Master_location_body tr td.tempWO a, #location_table #Master_location_body tr td.temp_proposal a,#location_table #Master_location_body tr td.job_wo a{color:#3199dc !important;} #location_table #Master_location_body tr td.job_name a,#location_table #Master_location_body tr td.job_address a {width: 200px;max-width: 100%;} #location_table #Master_location_body tr td.job_city a,#location_table #Master_location_body tr td.job_state a {width: 50px !important;} .calender_new span a:hover img{opacity:.5;} #proposalModal form input.custom-field {width:32%; float:left;} #submit_stage {display:table !important; margin:0 auto !important; float:none !important;} #stage_print .form-group > div {text-align:center; display:block !important;} #stage_print #stage_prints {float:none;} #TFO_search:hover,#WO_search:hover {background:rgba(221, 221, 221, 0.71) !important; border-color:rgba(221, 221, 221, 0.71) !important;} .calendar_search_bar .right-search {text-align:right;} /*changed by vivek*/ #sent_mails .modal-scroller {height: 360px;} #sent_mails .modal-dialog{width: 320px;} #sent_mails {background: rgba(0, 0, 0, .5);} #sent_mails input[type="text"]{width: 255px;float: none;border: 0;position: relative;top: -3px;} #sent_mails input[type="checkbox"]{display: inline-block;width: auto; float: none;} #add_selected_Emails {margin:0 auto;display: table;float: none !important;} #sent_mail {margin: 10px 23px 0px 0;} #work-order-list #temp_order_table a {display: inline-block;padding: 6px;border: 1px solid;margin: 3px;} #work-order-list #temp_order_table a:hover{color:#ffc851 !important;} a.cancel-btn.work-order-cancel:hover {background-color: red !important;} .login-body #collapse-the-navbar {display:none !important;} .login-body #navbar ul{margin-top: 0;}