/* 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;}
body.hide-overflow {overflow: hidden;}
.fa.toggle-pageHeader {float:right; padding:6px 10px; font-size:26px; transition:all .25s ease-in;}
#page-header.collaspe-header .toggle-pageHeader {transform:rotate(180deg);}


#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;}
table.dataTable.dtr-inline.collapsed tbody td:first-child:before, table.dataTable.dtr-inline.collapsed tbody th:first-child:before {top:13px !important;}
.back-btn {border: 1px solid #ff5000 !important;color: #ff5000;position: absolute;top: 125px;left: 60px;font-weight: 600 !important;}
.back-btn:hover, .back-btn:focus, .back-btn:active {color: #2a4054 !important;}

/* 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 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;background:#f5f5f5; border:0; margin:1px 0; font-size:12px; 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:6.5px;}
#navbar ul li a {color:#ffffff; padding:6px; outline:0;background: #2a3f54;}
#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*/
#page-header {background:#cfd8dc; margin-bottom:50px;}
#page-header .cancel-btn {background:#F44336; padding:10px 23px; color:#fff; margin:10px 0; float:right; display:inline-block;}
#page-header .cancel-btn:hover {background:#ec2e21;}


/* new-layout */
#message-popup {margin:-30px auto 20px; min-height:10px;}
#tab_row-header .header-link a {color:#2a4054;}
#tab_row-header .header-link a:hover {color:#265782;}
#tab_row-header  .header-link 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:15px;}
.listing-page .nav li a {color:#ffffff;background: #2a3f54;border-radius: 4px;padding: 6px 12px;}
/*.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 {background:#2a4054; padding:10px; color:#ffffff; text-decoration:none;float: right;margin: 10px;}
#locations_list .add_new_btn {margin: -50px 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 a:focus {outline:0 none; outline-offset:0;}
.listing-page .table tbody tr:hover {background:#cfd8dc 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:20px; margin-bottom:40px;}
.form .form-head a,.form-btn p,.form .submit {padding:10px; color:#000; background:#fec627;}
.form .submit {border: 0;font-size: 20px;width: 150px;max-width: 100%;margin-top: 20px;}

.form .form-head a:hover,.form .form-btn p:hover,.form .submit:hover {text-decoration:none !important; background:#edb20c;} 
.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:750px; 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%; cursor:pointer;}
.form-fields-box .form-group {position:relative; display:table; width:100%;}
.form-fields-box label.error {color:#ae4541; font-size: 14px;line-height: 1.42857143;font-weight:700;float: right;
    width: 65%; max-width:100%;}
.add_new_location .modal-title, .edit_new_location .modal-title {margin-top:20px;}
.form #add_workorder {margin-bottom:40px;}
.form .chosen-container-multi {float:right;}
.cancel-btn {float: right;background: #F44336 !important;color: #fff !important;margin: 4px 0;}

/* 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,.form-modal select,.form-modal textarea {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%; z-index:2;}
.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[type="text"] {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:-25px;}
.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;width:100%;}
.proposal-info-tables:last-child {margin-top: 15px;}

.proposal-info-tables tr {display:-webkit-flex; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap;}
.proposal-info-tables th, .proposal-info-tables td {border-bottom:1px solid #bbb; padding:7px 10px; -ms-flex-preferred-size:0; flex-basis:0; -ms-flex-positive:1; flex-grow:1;width: 30%; max-width:100%;}
.proposal-info-tables th {-ms-flex:0 0 auto; flex:0 0 auto; padding-right:0;}
#proposal-bid-form {color:#2a4054; background:#dfe3e6; padding:20px 15px;}
#proposal-bid-form .table-body {background:#fff; padding:10px;}
#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;}
#proposal-work-order .products-table td {text-align: left;}
#proposal-work-order .family.products-table th {width: 140px;}
/*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;}
#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:0 8px 0; 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) {padding: 0;padding-top: 7px;}

/* 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_table tr th:nth-child(2) {min-width:110px;}
#location_table tr th:last-child {min-width:300px;max-width: 100%;}
#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 */
#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:initial;}
#workitems_tablefooter tbody td.action a{font-size: 20px !important;}
#workitems_tablefooter tbody{background-color: red;}

#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;}
#add_new_location label.error,#edit_new_location label.error {float:right;color: #ab4541;font-weight: 700;font-size: 14px;} 
#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:0 auto 0; 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 {padding:7px 10px; display:table; width:100%;}
.proposal-bid-form.view .tr-row {border-bottom:1px solid #ddd;}
.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:360px;max-width: 100%;}
.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:58%;}
#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; text-align:right;*/ display:inline-block; 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; font-size:18px; padding:10px;}
#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; vertical-align:top; padding:20px;}
#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);}
#bidToProposal .error {width: 58%;float: right;}
#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;}
#sitesheet_list #page-header #tab_row-header {width:69%;}


/*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;}
#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;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,#bidform #locId {width:278px !important;max-width: 100%;}
#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 .select_imapcts {display:flex; display:-webkit-flex; flex-wrap:wrap; -webkit-flex-wrap:wrap;}
#rfi_container .select_imapcts label {width:100%;}
#RFI_form label.error {margin-left:245px;}
#RFI_form label.error.textarea-error {margin:0;}

#rfi_container #ScheduleImpact, #rfi_container #costImpact {-ms-flex-order:1; order:1; width:auto; margin-left:34px;}
#rfi_container .days-label, #rfi_container .dollar-sign {-ms-flex-order:2; order:2;}
#rfi_container #cost, #rfi_container #ImpactDay {-ms-flex-order:3; order:3; width:auto; -ms-flex-preferred-size:0; flex-basis:0; -ms-flex-positive:1; flex-grow:1; margin-left:10px;}

#rfi_container .select_imapcts *[style*="hidden"] {display:none;}
#rfi_container .select_imapcts *[style*="hidden"] + select {width:65%; flex-grow:1;}

#AssignTo_chosen {float: right;}
#rfi_container .form-group.form-btn {margin-top:30px;}
#rfi_container #submit_rfi:after {display:none;}
#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%;}

div.view-form-page {margin-bottom: 60px}
div.view-form-page .form-head {margin-bottom: 5px;}
.view-form-page .form-group:nth-child(odd) {background: #fff;border: solid #ddd;border-width: 1px 0;}
.view-form-page .form-group {padding: 15px;margin: 0;}
.view-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;}
.view-form-page .form {background: #f5f5f5;}
div.icon_legend ul {background: #f5f5f5;} 
.hover-color{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;overflow:hidden;padding:5px 10px;border-radius:4px;border:2px solid #2a3e54;color:#2a3e54}
.hover-color:before,.hover-color:focus:before,.hover-color:hover:before{left:0;right:0}
.hover-color:before{content:"";position:absolute;z-index:-1;left:50%;right:50%;bottom:0;background:#2a3e54;height:2px;-webkit-transition-property:left,right;transition-property:left,right;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out} 
.sort-btn select {position: relative;
    display: inline-block;
    margin-right: 0.333em;
    padding: 0.5em 1em;
    border: 1px solid #999;
    border-radius: 2px;
    cursor: pointer;
    font-size: 0.88em;
    color: black;
    white-space: nowrap;
    overflow: hidden;
    background-color: #e9e9e9;
    background-image: -webkit-linear-gradient(top, #fff 0%, #e9e9e9 100%);top: -11px;}
.sort-btn {display: initial;}
/*  ============================ Responsive  ============================ */

@media (min-width:1200px) {
	#work-order-search #active-work-order .table-responsive {overflow-x:visible;}
}

@media (max-width:1199px) {
	#nav-panel .container {width:100%;}
	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}
	nav .home-menu .fa {font-size:3em;}
	#tf_materials_filters {padding-left:0;}
	#tf_materials_filters select {margin-right:3px;}
}

@media only screen and (max-width:1024px) {
	.nav-brand {margin-right:-8px;}
	.nav-brand img {width:200px !important;}
	div table#location_table #Master_location_body tr td.job_city a, div table#location_table #Master_location_body tr td.job_state a {min-width:150px; width:auto !important;}
	#location_table #Master_location_body tr td.job_name a, #location_table #Master_location_body tr td.job_address a {min-width:230px;}
	#location_table .dtr-data .column-over-flow {display:inline;}
}

@media only screen and (min-width:992px) {
	nav .mobile-brand {display:none;}
	.navbar-collapse.collapse {display:block;}
}

@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 .desktop-brand {display:none} 
	#navbar .navbar-toggle {background:#fff; margin:20px 5px 0 35px; z-index:1000; display:initial; float:left; margin:15px;}
	#navbar .navbar-toggle .icon-bar {background:#2a4054;}
	ul#left-nav-ul {float:right; margin:10px 0 0;}
	nav .mobile-brand {float:none; margin:5px auto !important; display:table;}
	#navbar #main-nav {float:none !important; margin-right:0; margin-left:0;}
	#navbar ul.navbar-right li {float:none; margin:0;}
	#navbar ul li a.home-menu {padding-right:0;}
	#collapse-the-navbar {position:fixed; z-index:9999; background:#7e8b98; width:100%;}
	#collapse-the-navbar.navbar-collapse.in {padding-bottom:100px;}


	#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;}
	#location_table th {width:auto !important; min-width:auto !important;}
	#proposalTable th:first-child {width:60px  !important;}
	#proposalTable th.name {min-width:350px  !important; width:auto !important;}
	#proposalTable th.updated_at + th {min-width:150px  !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:0 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;}
	table.dataTable tr.child li span.dtr-title {min-width:auto; padding-right:10px;}
	#proposalTable tr.child li:nth-last-child(2) {display:flex; display:-webkit-flex;}
	#proposalTable tr.child li:first-child, #proposalTable tr.child li:nth-child(2) {display:none;}

	#rfi_table th:first-child {min-width:61px;}
	#rfi_table th:nth-child(3) {min-width:220px;}
	#rfi_table th:nth-child(4) {min-width:354px;}
	#RFI_form label.error {margin-left:35%;}

	#sitesheet_list #page-header #tab_row-header {width:59%;}
}

@media (max-width:880px) and (min-width:768px) {
	#navbar ul li {margin:0 4px;}
	#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;}
	#rfi_container.add-new-form-page .form-container , #rfi_container #senderMessage, #rfi_container .email_respond, #rfi_container .senderbox {width:850px; margin:0 auto; max-width:100%;}
	#RFI_form .senderbox span.error.textarea-error {margin:5px auto; display:block;}

	/* 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;}
	#page-header .fa.toggle-pageHeader {display:none;}
}

@media (max-width:767px) {
	#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 td ul li {padding:0.7em 10px; text-align:left; line-height:20px; display:flex; display:-webkit-flex;}
	table.dataTable tr.child td ul li:nth-last-child(2) {display:none;}
	#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;}

	#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 #customField input:not(.label-field) {width:57%; margin-right:8%;}
	.job-form-popup #cf_cancel {right:15px;}
	#coupon_table {border-width:1px 0;}
	.form #cf_cancel {right:0;}
	.form .custom-field {width:33%;}
	.form .custom-field + input {width:57%; margin-right:8%;}
	.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:#cfd8dc; 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%; position:relative !important;margin-bottom: 10px;margin-left: 0 !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;display: initial;}
	#work_order_table tr .stage-name {min-width: 200px;width: 200px;}

	.form-container form {width:575px; margin:0 auto; max-width:100%;}
	.form-container .form-fields-box {box-shadow:none; border:1px solid #999;}
	.form-fields-box label.error {margin-left:182px;}
	#proposalTable .proposalActions {display:inline-block; margin-bottom:6px;}
	#sitesheet_list #page-header #tab_row-header {width:100%; display:block;}
	#page-header.toggable-header .add_new_btn#right-btn, #page-header .push_right_on_mobile {right:15px;}
	#page-header.toggable-header.toggle-767  {position:relative; transition:all .25s ease-in; overflow:hidden; padding-bottom:60px;}
	#page-header.toggable-header.toggle-767.collaspe-header  {padding-bottom:0;}
	#page-header.toggable-header.toggle-767 .add_new_btn {position:absolute; bottom:10px; transition:bottom .25s ease-in; margin:0;}
	#page-header.toggable-header.toggle-767.collaspe-header .add_new_btn {bottom:-50px;}

	#site-sheet-containter #siteSheet {margin-top:0;}
	#site-sheet-containter #page-header a.cancel-btn.work-order-cancel {margin:7px 0;}
	#bid-details {width:480px;}
 }

@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% !important;}
	.form #add_workorder .form-fields-box {padding:0;}
	.form .form-group {padding:0 15px 15px; margin:0;}
	.form .form-btn {padding:15px;}
	.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;}
	.form #cf_cancel {top:57px; right:15px; z-index:2;}
	.form .add-new-custom-field .form-group:first-child #cf_cancel {top:42px;}
	.form .custom-field + input {width:100%;}
	.add-new-custom-field .form-group:after {content:''; background:#fff; width:40px; height:32px; display:block; position:absolute; right:15px; border-left:1px solid #999; bottom:15px; z-index:1;}
/*	.add-new-custom-field .form-group:nth-child(even):after,  #customField .form-group:nth-child(even):after, #customField .form-group:hover:after {background:inherit;}*/
	.form .add-new-custom-field .form-group + .form-group {padding-top:15px;}
	#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:25px; 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;}
	#rfi_container #ScheduleImpact, #rfi_container #costImpact {margin-left:0;}
	#RFI_form label.error {margin-left:0;}
}


@media (max-width:667px) and (orientation:portrait) {
	.form-modal .modal-dialog {margin:60px 15px;} 
}

@media (min-width:641px) {
	#page-header:not(.toggle-767) .fa.toggle-pageHeader {display:none;}
}

@media (max-width:640px) {
	.dataTables_wrapper>.row:first-child .col-sm-6 {width:auto; display:inline-block;}
	.dataTables_wrapper>.row:first-child .col-sm-6 + .col-sm-6 {float:right;}
	#alphabetical_sorting {margin-left:212px !important;}
	.listing-page .dataTables_wrapper .dataTables_filter {margin-top:0}
	.dataTables_wrapper .dataTables_filter label {font-size:0; text-align:center; width:40px; position:relative;  margin:0;}
	.dataTables_wrapper .dataTables_filter .search-toggle {font-size:14px; font-weight:bold; padding:5px; position:relative; border:1px solid #ccc; border-radius:4px; display:block; z-index:2; margin-top: -20px;}
	.dataTables_wrapper .dataTables_filter input {position:absolute; right:-21px; top:-35px; transition:all .25s ease-in; height:70px; background:#f5f5f5; border-radius:0; border:0; box-shadow:none; z-index:2;}
	.dataTables_wrapper .dataTables_filter:not(.expand-search) input {width:0 !important; padding:0;}
	#page-header.toggable-header  {position:relative; transition:all .25s ease-in; overflow:hidden; padding-bottom:60px;}
	#page-header.toggable-header.collaspe-header  {padding-bottom:0;}
	#page-header.toggable-header .add_new_btn {position:absolute; bottom:10px; transition:bottom .25s ease-in; margin:0;}
	#page-header.toggable-header.collaspe-header .add_new_btn {bottom:-50px;}
}

@media only screen and (max-width:567px) {
    #navbar #left-nav-ul .navbar-text {margin:0;}
    #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;}
	 a#schedule-btn:after,a#schedule-btn img {display: none;}
	 a#schedule-btn {font-size: 14px;}
	 .tab_row a.tab_row_btn {top: -46px;}
	#tab_row-header img{display: none;}
	#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 ,.job-form-popup #customField input:not(.label-field) {width:100%; margin:0;}
	#add_new_location .add-customer-address + label, #edit_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;}
	#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 #material_req_table tbody tr, #site-sheet-containter #material_req_table tbody td {display:flex; display:-webkit-flex; flex-wrap:wrap; align-items:center;}
	#site-sheet-containter #material_req_table tbody tr:first-child {display:none;}
	#site-sheet-containter #material_req_table tbody td:before {content:'Material'; font-weight:bold; margin-right:10px;}
	#site-sheet-containter #material_req_table tbody td:nth-child(2):before {content:'HT (For wire only)'; font-weight:bold;}
	#site-sheet-containter #material_req_table tbody td:nth-child(3):before {content:'Quantity/Length'; font-weight:bold;}
	#site-sheet-containter #material_req_table tbody td {width:100%; text-align:left !important; border:0; border-bottom:1px solid #ccc; padding:10px;}
	#site-sheet-containter #material_req_table select, #site-sheet-containter #material_req_table input {flex-grow:1; padding:5px;}
	#material_req table tr:nth-child(even) {background:#f5f5f5;}

	#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; margin:0 !important; height:29px; border-radius:0 3px 3px 0;}
	#site-sheet-containter #startTime, #site-sheet-containter #endTime {display:flex; display:-webkit-flex; flex-wrap:wrap; padding:0 12px; align-items:center;}
	#site-sheet-containter #total_hours {text-align:center;}
	#total_hours .form_row input {flex-grow:1;}
	#site-sheet-containter #total_hours .col-center {display:block;}
	#site-sheet-containter #footer-btns a {margin:5px !important;}
	#customField .form-group:after {content:''; background:#fff; width:40px; height:32px; display:block; position:absolute; right:15px; border-left:1px solid #ccc; bottom:6px; z-index:1;}

	#add_new_location #customField, #edit_new_location #customField {margin-top:15px;}
}

@media (max-width:480px){
	nav .mobile-brand {margin:8px 0;}
	#navbar #left-nav-ul li {margin: 14px 0px 0;}
	#navbar #left-nav-ul .home-menu{font-size: 10px;}
	#navbar .navbar-toggle {float:right;}
	#work-order-search ~ ul#ui-id-1 {width:83% !important; left:8.5% !important;}
	#edit_workorder .completeMsg {margin:-20px 10px 0 30px;}
	/*.dataTables_wrapper .dataTables_length label {font-size:0;}
	.dataTables_wrapper .dataTables_length label:before {content:'Show'; font-size:14px;}
	#alphabetical_sorting {margin-left:140px !important;}*/
	#proposalTable th.name {min-width:200px !important;}
	#rfi_table th:first-child {width:auto !important;}
	#rfi_table th:nth-child(2) {min-width:180px;}
}

@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;}
	#site-sheet-containter #startTime b, #site-sheet-containter #endTime b {width: 100%; text-align:left;}
}

@media (max-width:375px){
	#rfi_container #ScheduleImpact, #rfi_container #costImpact {width:100%; margin-bottom:10px;}
	#rfi_container .select_imapcts *[style*="hidden"] {display:none;}
}

@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.dataTable 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 .totalOrder a:hover,#coupon_table #Master_Customer_body .tempWO a:hover, #coupon_table #Master_Customer_body .tempProposal a:hover, #coupon_table #Master_Customer_body .proposalCount a:hover{color:#ffc851 !important;}
#location_table #Master_location_body .job_proposal a:hover, #location_table #Master_location_body .tempWO a:hover, #location_table #Master_location_body .temp_proposal a:hover, #location_table #Master_location_body .job_wo a:hover{color:#ffc851 !important;}
#location_table #Master_location_body .job_proposal a, #location_table #Master_location_body .tempWO a, #location_table #Master_location_body .temp_proposal a,#location_table #Master_location_body .job_wo a{color:#3199dc !important;}
#location_table #Master_location_body .job_name a,#location_table #Master_location_body .job_address a  {width: 200px;max-width: 100%;}
#location_table #Master_location_body .job_city a,#location_table #Master_location_body .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;}

#site-sheet-containter #page-header .cancel-btn.work-order-cancel {background:#F44336; padding:6px; color:#fff; display:inline-block; float:right; margin:15px 0;}
#site-sheet-containter #page-header .cancel-btn.work-order-cancel:hover {background:red;}

.login-body #collapse-the-navbar {display:none !important;}

.login-body #navbar ul{margin-top: 0;}
.fc-scroller {
   height:auto !important;
}
tr td div.dropdown ul li {cursor: pointer;}
.btn-rch {
    font-weight: 600;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    padding: 7px 15px;
    border-radius: 4px;
    background: #2a3f54;
    background: -webkit-linear-gradient(to bottom, #2c3e50, #2980b9);
    background: linear-gradient(to bottom, #2c3e50, #2980b9); 
    color:#fff;
}
.btn-rch:hover,.btn-rch:focus {
    color:#333;
    background:none;
    border:1px solid #2c3e50;
}
.icon_legend {display: none !important;}



#proposals_list #proposals_table a.Proposal {font-size: 14px;
    background-image: linear-gradient(to right, rgb(54 109 186), rgb(54 109 186 / 65%));
    color: #fff;
    padding: 8px;
    line-height: 45px;}
#proposals_list #proposals_table a.Proposal .fa {display: none;}
#proposals_list #proposals_table td.action {border:0;display: initial;}

#convert-wo-modal .modal-body {width: 100%;} 
form.convert_workorder label {width: 30%;}
form.convert_workorder input,form.convert_workorder select,form.convert_workorder textarea {width: 65%;}
.btn.view_button {font-size: 13px;background-image: linear-gradient(to right, rgb(54 109 186), rgb(54 109 186 / 65%));color: #fff;}
.delete_button {color: #fff;background-image: linear-gradient(to right, rgb(255 63 0), rgb(255 63 0 / 64%)) !important;font-size: 13px;}
 .view_button:hover,.delete_button:hover {color: #ffc851 !important;}