/* search by --> 

old-layout
end-old-layout

new-layout
end-new-layout


*/
 
/*Global*/

@font-face {
	font-family: 'Segoe UI';
	src: url('fonts/Segoe UI.eot');
	src: local('☺'), url('fonts/Segoe UI.woff') format('woff'), url('fonts/Segoe UI.ttf') format('truetype'), url('fonts/Segoe UI.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Segoe UI Bold';
	src: url('fonts/Segoe UI Bold.eot');
	src: local('☺'), url('fonts/Segoe UI Bold.woff') format('woff'), url('fonts/Segoe UI Bold.ttf') format('truetype'), url('fonts/Segoe UI Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Segoe UI Bold Italic';
	src: url('fonts/Segoe UI Bold Italic.eot');
	src: local('☺'), url('fonts/Segoe UI Bold Italic.woff') format('woff'), url('fonts/Segoe UI Bold Italic.ttf') format('truetype'), url('fonts/Segoe UI Bold Italic.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Segoe UI Italic';
	src: url('fonts/Segoe UI Italic.eot');
	src: local('☺'), url('fonts/Segoe UI Italic.woff') format('woff'), url('fonts/Segoe UI Italic.ttf') format('truetype'), url('fonts/Segoe UI Italic.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


body {    
    font-family: 'Segoe UI';
    padding-top: 0px !important;
}  

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;
}
/* .container {
  width: 1350px !important;
} */
.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*/
.sidebar {
  width: 75px;
  -moz-transition: width 0.5s ease-out;
  -o-transition: width 0.5s ease-out;
  -webkit-transition: width 0.5s ease-out;
  transition: width 0.5s ease-out;
  display: inline-block;
  z-index: 0;
  background-color: #ffffff !important;
  border-right: 1px solid #fff !important;
  z-index: 999;
  position: absolute !important;
  top: 0px !important;
}

#home_page section {
    margin-bottom: 20px;
}

.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: #000;
    font-size: 18px;
    font-weight: 600;
    padding: 10px 0px;
}

/* 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: #2a4054;
    color: #fff;
    text-shadow: none;
    border: 2px solid #2a4054;
    text-transform: capitalize;
    opacity: 1;
    padding: 0 0.2em;
    font-size: 12px;
    margin-top: 4px;
}
#home_page #calendar .fc-today-button:hover{
	background: #2a4054 !important;
    color: #fff !important;
	padding: 0 0.12em;
}

#home_page #calendar .fc-today-button:hover {
    background: #fff;
    color: #01a8fe;
}

#home_page #calendar .fc-prev-button {
    /* background: url('./images/calendar-arrow-left.png'); */
    background: url('./images/angle-left.PNG');
    width: 25px;
    height: 30px;
    border: 0;
    margin-right: 5px;
	background-repeat: no-repeat;
}

#home_page #calendar .fc-next-button {
    /* background: url('./images/calendar-arrow-right.png'); */
    background: url('./images/angle-right.PNG');
    width: 30px;
    height: 30px;
    border: 0;
	background-repeat: no-repeat;
}

#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: #022b42;
}

nav .site-icon {
    width: 70px;
}

#left-nav-ul .navbar-text {
    margin: 15px 0;
}

/* #navbar ul {
    margin-top: 30px;
    color: #fff;
} */

#navbar ul li {
    margin:0px 0px;
}

/* #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 15px;
    display: table;
    float: left;
}

.listing-page .nav li {
    margin-right: 5px;
	margin-left: 5px;
}

.listing-page .nav li a {
    color: #ffffff;
    background: #022b42;
    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: #da2c56;
    padding: 10px;
    color: #ffffff;
    text-decoration: none;
    float: right;
    margin: 10px 5px;
}

#locations_list .add_new_btn {
    margin: -50px 10px;
}
.tab_row .add_new_btn.add_new_location {
  background: #27c7fa;
  border-radius: 0px;
}

/* 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 11px 11px 0px;
    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: 0;
    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;
	/* margin-left:15px; */
}

.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: 15px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
}

#bid-details .proposal-created {
    margin-top: 15px;
    border-top: 1px solid #ddd;
    padding-top: 10px;
}

#bid-details .proposal-created .v-span{
	padding-top: 0px;
}

#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-left: 10px;
	display: flex;
	position: relative;
    /* margin: 0 auto;
    padding-bottom: 30px;
    padding-top: 30px;
    position: relative; */
}

#work-order-search .search-box i.fa.fa-search {
    position: absolute;
    right: 10px;
    top: 10px;
}

#work-order-search #searchCustomer {
    background-color: #F1F4F6;
    border: 1px solid #c9c9c9;
}

#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.669em 1em;
    border: 1px solid #c9c9c9;
    border-radius: 3px;
    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%);
	position:relative;
    /* top: -11px; */
	width:130px;
}
.sort-btn select:after{
	content:"";
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background:url("https://www.codecalibers.com/development/fenceforce/assets/images/Polygon-4.png") no-repeat;
}
.sort-btn {
    display: initial;
}



.calender_new {
    float: right;
    margin-top: 22px;
}

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; */
    color: #fff !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; */
    color: #fff !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; */
    color: #fff !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; */
    color: #fff !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 {
	background-color: #62879c;
	color: #fff;
	padding: 6px 30px;
	border: 1px solid #557A90;
	display: inline-block;
	padding: 6px 12px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 4px;
}

.btn-rch:hover,
.btn-rch:focus {
    background-color: #3E5A6B;
    color: #fff;
}

.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;
}


/* New Css 1st june 2022 */
div.gmnoprint img[src="assets/image/numb.png"] {display: none;}
.ui-dialog-titlebar-close {color: transparent;}
.fc-event-container a:hover .fc-content .fc-title {color: #e4b120;}

.stats-row {
    margin-top: 30px !important;
}

.container1.stats-row {
  margin: 0 auto;
  width: 100%;
  padding: 0 25px;
}

body{
	background-color: #f1f4f6 !important;
}
.card-body {
    flex: 1 1 auto;
    min-height: 1px;
    padding: 1.25rem;
}
.col-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
}
.time-widget.pull-right p#time{
	color: #fff;
	margin: 10px 0 10px;
}
.time-widget.pull-right span{
	color: #fff;
}
.time-widget.pull-right .space{
	margin-left:10px;
}
.fc-ltr .fc-basic-view .fc-day-top .fc-day-number {
    float: left !important;
}
.p-0{
	padding:0px !important;
}
.mt-0 {
    margin-right: 0px !important;
    margin-left: 0px !important;
}
.mt-1{
	margin-top:1rem;
}
.mt-2{
	margin-top:2rem;
}
.pt-2{
	padding-top:2rem;
}
.pl-0{
	padding-left:0px !important;
}
.card {
    background-color: #fff;
    border-radius: 2px;
	padding:10px;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{
	font-size: 14px;
	padding: 2px !important;
	border:0px;
}
table#location_table tr,
table#location_table tr td{
    border: 0px;
}

#calendar .fc-left h2{
	font-size: 14px;
    font-weight: 600;
    padding: 6px 10px;
	margin-top: 5px;
}

i.stats-icon {
    font-size: 38px;
    margin-top: 14px;
}

.customers h4.count{
	color: #24afff;
}
.proposals h4.count{
	color: #f7b924;
}
.locations h4.count{
	color: #d92550;
}
.workrders h4.count{
	color: #022b42;
}

.pull-right i.stats-icon {
    font-size: 38px;
    margin-top: 28px;
	color:#fff;
}

.calender_new .stats-icon{
	margin-top: 0px;
}

.rightlist li{
	list-style-type: none;
}

.table>thead>tr>th {
    border-bottom: 1px solid #ddd;
}

ul.rightlist {
    float: right;
}

ul.rightlist li {
    display: inline-block;
    padding: 0px 1.5rem;
	text-align: center;
	padding-right: 0px;
}
ul.rightlist li i{
    color: #fff;
}
ul.rightlist li p{
    color: #fff;
	padding-top: 5px;
}
ul.rightlist li a{
    display: inline-block;
}

ul.leftlist {
    float: left;
}

ul.leftlist li {
    display: inline-block;
    padding: 0px 0px;
	text-align: center;
}
ul.leftlist li i{
    color: #fff;
}
ul.leftlist li p{
    color: #fff;
	padding-top: 5px;
}
ul.leftlist li a{
    display: inline-block;
}

.tabletext{
	font-size:9px;
}

.alignright{
	text-align: right;
}

#display i{
    background-color: #5ac6fe;
    color: #fff;
    padding: 2px 3px;
}
#display1 i{
    background-color: #5ac6fe;
    color: #fff;
    padding: 2px 3px;
}
.hidden {
	display: none;
}
/* .fc-toolbar .fc-left {
    float: right;
} */
.card a.cardlink{
	color: #333333;
}

ul#customer-order-by{
	border-bottom: 0px solid #ddd;
}
/* div#page-header1 {
    margin-top: 3rem;
} */


#sort-by-importcsv a.dt-button {
    background: #f2f2f2 !important;
    color: #333 !important;
    padding: 0.6em 1.2em !important;
    border-radius: 2px !important;
	font-weight: 600;
}
body #sort-by-importcsv a.dt-button:hover{
    background: #f2f2f2 !important;
    color: #333 !important;
    padding: 0.6em 1.2em !important;
    border-radius: 2px !important;
}
#sort-by-exportcsv a.dt-button {
    background: #f2f2f2 !important;
    color: #333 !important;
    padding: 0.6em 1.2em !important;
    border-radius: 2px !important;
}
body #sort-by-exportcsv a.dt-button:hover{
    background: #f2f2f2 !important;
    color: #333 !important;
    padding: 0.6em 1.2em !important;
    border-radius: 2px !important;
}

.dt-buttons a.dt-button.buttons-csv.buttons-html5{
    font-size: 12px !important;
    font-weight: 600;
    border: 0 !important;
    border-radius: 3px !important;
    background-color: #f2f2f2 !important;
    background-image: none !important;
    padding: 0.6em 1.2em !important;
	position:relative;
	width: 125px;
    text-align: center;
}
a.dt-button.buttons-csv.buttons-html5:hover,
a.dt-button.importcsv:hover {
    background-color: #27c7fa!important;
    color: #fff;
}
a.dt-button.importcsv:hover {
    background: #27c7fa!important;
	border:0px !important;
}
i.fa.fa-download.download_icon {
    float: left;
    transform: rotate(180deg);
    font-size: 16px;
    font-weight: 100;
}
a.dt-button.importcsv i {
    font-size: 16px;
}
/* .dt-buttons a.dt-button.buttons-csv.buttons-html5:before{
	content:"";
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background:url("https://www.codecalibers.com/development/fenceforce/assets/images/Path-370.png") no-repeat;
}
 */
.mt-2{
	margin-top:2rem;
}

a.work-order-edit{
	background: #f2f2f2 !important;
    color: #333 !important;
    padding: 0.6em 1.2em !important;
    border-radius: 2px !important;
    font-weight: 600;
}


div.view-form-page .form-head{
	height: 20px;
}
.floatleft {
    float: left;
    text-align: left;
}
.floatright {
    float: right;
}

#workitems_tablefooter_wrapper .row:first-child {
    display: none !important;
}

.main {
    padding: 0px !important;
}
body .listing-page a.add_new_btn:hover {
    background: #2a4054;
    color: #ffffff !important;
}
.listing-page .add_new_btn:hover {
    background: #ffffff;
    color: #2a4054 !important;
}

@media (min-width: 768px){
	.sidebar {
		top: 145px !important;
	}
}
/* New Css 1st june 2022 */

 /*  New Css at 06-06-22  */

 
.stats-shall .card{
	width: 100%;
	min-height: 107px;
 }
.stats-shall.card a.cardlink {
  display: block;
}
.stats-shall .card .card-body{
	padding:1rem; padding-bottom: 0;
}
.stats-shall .card .card-body .row {
  margin: 0px;
  height: 100%;
  position: relative;
}
.col-md-3.p-0.card-img1 {
  height: 100%;
  background-color: #d0eeff;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 28%;
}
.col-md-3.p-0.card-img1 img {
  position: absolute;
  top: 50%;
  width: 45px;
  left: 50%;
  transform: translate(-50%,-50%);
}
.card-body .col-md-9.p-0.customers {
  float: right;
  padding-left: 15px !important;
}
.col-md-3.p-0.card-img2 {
  height: 100%;
  background-color: #fef1d3;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 28%;
}
.col-md-3.p-0.card-img2 img {
  position: absolute;
  top: 50%;
  width: 45px;
  left: 50%;
  transform: translate(-50%,-50%);
}
.card-body .col-md-9.p-0.proposals {
  float: right;
  padding-left: 15px !important;
}
.col-md-3.p-0.card-img3 {
  height: 100%;
  background-color: #f7e5eb;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 28%;
}
.col-md-3.p-0.card-img3 img {
  position: absolute;
  top: 50%;
  width: 45px;
  left: 50%;
  transform: translate(-50%,-50%);
}
.card-body .col-md-9.p-0.locations {
  float: right;
  padding-left: 15px !important;
}
.col-md-3.p-0.card-img4 {
  height: 100%;
  background-color: #e8e8e8;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 28%;
}
.col-md-3.p-0.card-img4 img {
  position: absolute;
  top: 50%;
  width: 45px;
  left: 50%;
  transform: translate(-50%,-50%);
}
.card-body .col-md-9.p-0.workrders {
  float: right;
  padding-left: 15px !important;
}
.card-body .col-md-9.p-0.customers h4,
.card-body .col-md-9.p-0.proposals h4,
.card-body .col-md-9.p-0.locations h4,
.card-body .col-md-9.p-0.workrders h4{
	font-weight:bold;
}
#calendar .fc-toolbar.fc-header-toolbar::before {
  font-size: 20px!important;
  color: #212121;
}
#calendar .fc-left h2{
	font-size:15px;
}
#calendar .fc-toolbar .fc-left {
  float: left;
  position: relative!important;
  right: -8px!important;
}
#home_page #calendar .fc-today-button{
	padding:0px 15px!important;
}
#home_page #calendar .fc-prev-button{
	width:30px!important;
	height:30px!important;
	margin-right:0px!important;
}
.locate-map .card .card-title {
  color: #212121;
  font-size: 20px;
}
.sidebar--Collapse {
  width: 70px!important;
}
.sidebar{
	padding:0px!important;
	overflow-y:hidden!important;
}
.sidebar .nav-sidebar {
  margin-right: 0px!important;
  margin-bottom: 20px;
  margin-left: 0px!important;
  margin-top: 15px;
}
.sidebar .nav > li{
  margin-bottom: 3px!important;
}
.sidebar .nav > li > a {
  position: relative;
  display: inline-block!important;
  padding: 10px 7px!important;
  background-color:#f1f4f6;
}
.sidebar .nav > li > a > img {
  max-width: 37px!important;
  min-width: 37px!important;
}
.card-title{
  font-size:20px!important;
}
#tblWithHiddenRows1 thead tr th:nth-child(1) {
  text-transform: uppercase;
}
#tblWithHiddenRows1 thead tr th{
  font-size:12px!important;
  color:#212121;
  font-weight:bold;
}
#tblWithHiddenRows1 tbody tr td {
  font-size: 12px;
}
.table-responsive p{
	font-size:12px!important;
}

#tblWithHiddenRows tbody tr td{
  font-size:12px!important;
  color:#212121;
}
#tblWithHiddenRows thead tr th{
  font-size:12px!important;
  color:#212121;
  font-weight:bold;
}

.sidebar .nav > li.active > a {
  background-color: #27C7FA;
}

.sidebar .nav > li.active {
  margin-bottom: 3px !important;
  padding-left: 4px !important;
  border-left: 4px solid #27C7FA;
}

.sidebar .nav > li{
	margin-bottom: 3px!important;
    padding-left: 4px !important;
    border-left: 4px solid #fff;
}

body #calendar .fc-unthemed .fc-content{
	background-color: #99e6fe !important;
	color: #022b42 !important;
}

 /*  New Css at 07-06-22  */
 
 .stats-row {
    margin-top: 0px !important;
	padding-right: 15px;
    padding-left: 15px;
}
.rowasdf .container.stats-row .row {
    margin: 0px;
} 
.rowasdf .container.stats-row .row .col-md-6{
    padding: 0px;
}
section.container1.stats-row .row {
    margin-left: 0px!important;
}
nav#nav-panel {
    margin-bottom: 20px;
	box-shadow: 0px 3px 6px #00000029;
}
.sidebar {
    position: fixed;
    top: 140px!important;
}
/* .sidebar:hover {
  width: 200px !important;
  display: block;
} */
section.container1.stats-row .row .col-sm-4.col-md-4 .card{
    box-shadow: 0px 3px 6px #9a9a9a21;
    border-radius: 2px;
}
.card {
    box-shadow: 0px 3px 6px #9a9a9a21;
    border-radius: 2px;
}
.ro.pt-2  .card {
	min-height: 250px !important;
}
.sidebar:hover .nav > li:hover > a:hover img {
    filter: brightness(0) invert(1);
}
.sidebar .nav > li.active a img{
	filter: brightness(0) invert(1);
}



/* ---------------- 16 June 2022  Css Starts Here --------------- */

section.container.stats-row .row {
    margin-left: 0px;
}

/* ---------------- 16 June 2022  Css Ends Here --------------- */

#location_table th {
  color: #2a4054;
  font-weight: 800;
  padding: 7px !important;
  background-color: #eff5f9;
  font-size: 11px;
  border:0px;
}
.Measure.link.measure_btn {
  display: inline-block;
  text-align: center;
}
#location_table td.action {
  display: inline-block !important;
  border: 0;
  margin: 5px 0 !important;
}
#customer_order_table th, #proposals_table th {
  color: #2a4054;
  font-weight: 800;
  padding: 7px !important;
  background-color: #f1f4f6;
  font-size: 11px;
}
.listing-page .dataTables_wrapper .dataTables_filter span.search-toggle {
    display: none;
}

#coupon_table .viewCustomer:hover {
    background: #2A6E95;
}
ul#customer-order-by {
    padding-left: 5px;
}
.contactInformation .form-group label {
    width: 50%;
    color: #022B42;
}
.contactInformation .form-group span{
    color: #022B42;
	font-weight: 600;
}
.floatright.no-hov .add_new_btn:hover {
    background-color: #da2c56;
}

table#location_table.dataTable thead .sorting{
	background-position: center right;
}
/* #location_table th.id {
    min-width: 28px!important;
} */
#location_table_filter{
	position:relative;
}
#location_table_filter:before {
    font-family: fontawesome;
    content: "\f002";
    vertical-align: middle;
    position: absolute;
    top: -42px;
    color: #2a3f54;
    z-index: 99;
    right: 130px;
    padding: 4px 8px;
    border-radius: 20px;
}
/* #location_table_wrapper div#location_table_info {
    margin-left: 15px;
} */
#location_table_wrapper table#location_table {
    margin-right: 0px!important;
    margin-left: 0px;
    width: 100%!important;
}
#proposals_table_body .btn span.caret {
    display: none;
}
tbody#proposals_table_body tr:nth-child(odd) {
    background-color: #fff;
}
table#proposals_table thead tr th {
    border: 0px;
}
tbody#proposals_table_body tr td {
    border: 0px;
}
body ul#location-order-by li {
    margin-right: 0px;
    margin-left: 0px;
}
#locations_list a.add_new_btn.add_new_location {
    margin: 10px 2px;
    margin-right: 0px;
}
#locations_list a.add_new_btn.add_new_location:hover{
	background: #27c7fa;
    border-radius: 0px;
}

div#recent_order_table_length .input-sm {
	background-color: #f1f4f6;
	border: 1px solid #c9c9c9;
	padding: 7px 2px!important;
	font-size: 14px;
}	
#recent_order_table_wrapper select#alphabetical_sorting_wo {
	width: 150px;
	padding: 7px 2px;
	position: absolute;
	right: 230px;
}
div#recent_order_table_length {
	margin-right: 0px!important;
	margin-left: 75px;
}
table#recent_order_table thead tr th {
	border: 0px;
}
table#recent_order_table tr th {
	color: #022B42;
	font-weight: 800;
}
a.viewworkorder:hover {
    color: #fff !important;
    background-color: #3E5A6B;
}
.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: #fff !important;
}
ul.pagination li a {
    border-radius: 2px;
}
ul.pagination li.paginate_button.active {
    top: -2px;
    border-radius: 2px;
}
#recent_order_table_wrapper ul.pagination>li>a {
    font-size: 14px;
    background-color: #E3ECF2;
    border: 1px solid #c9c9c9!important;
}
.pagination li.active a{
	border:1px solid #27c7fa !important;
}
#recent_order_table_wrapper ul li:hover a{
	background-color: #27c7fa!important;
	color:#fff!important;
	border-color:#27c7fa!important;
}
div#recent_order_table_wrapper .row:nth-child(3) .col-sm-6:nth-child(1) {
    font-style: italic;
    font-size: 14px;
    color: #545454!important;
}

.form-head.work-order-header {
    margin: 0px;
    margin-top: 15px;
}
.badge1 .toggle-group span.toggle-handle.btn.btn-default{
	position: absolute;
	left: -10px;
}
.badge1 .toggle-group label.btn.btn-success.toggle-on {
    left: 12px;
}
.badge1 .toggle.btn.btn-danger.off .toggle-group span.toggle-handle {
    left: 52px;
}
.floatright.workcompleted-btn {
    position: relative;
    top: -5px;
}
span.badge1 {
    font-size: 16px;
}
.completed-form1 {
    background-color: #F1F4F6;
    margin-top: 30px;
    padding: 20px;
}
.completed-form1 .form-group {
    padding: 5px 0px;
}
.completed-form1 .form-group label {
    color: #022B42;
    font-weight: 700;
}
.completed-form1 .form-group span {
    color: #022B42;
}
.dataTables_wrapper .dataTables_info {
    font-style: italic;
}
nav#nav-panel {
    position: sticky;
    top: 0;
    z-index: 999;
}

/*  ============================ Responsive  ============================ */
@media only screen and (max-width:1308px) { 
#coupon_table .callCustomer:hover {
  padding: 2px 30px;
}
}


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

@media (max-width:1199px) {
	.listing-page .nav {
  padding: 0; 
	}
	.table-have-legend {
  width: auto;
  margin-right: 0 !important;
}
#workorder_list {
  padding: 0 !important;
}
#proposals_list {
  padding: 0 !important;
}
	#coupon_table_filter {
		top: -40px !important;
	}
	.listing-page .nav li {
  margin-right: 0;
}
	#coupon_table .callCustomer:hover {
  padding: 5px 20px !important;
}
    #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;
    }
	/*.stats-row .stats-shall .col-md-3.p-0.card-img1,
	.stats-row .stats-shall .col-md-3.p-0.card-img2,
	.stats-row .stats-shall .col-md-3.p-0.card-img3,
	.stats-row .stats-shall .col-md-3.p-0.card-img4{
		height: 80%;
	}
	.stats-row .stats-shall .card-body{
		padding:0px;
	}
	.stats-row .stats-shall .card{
		min-height:120px;
	}
	.stats-row .stats-shall:nth-child(1) .card,
	.stats-row .stats-shall:nth-child(2) .card,
	.stats-row .stats-shall:nth-child(3) .card{
		padding: 22px 8px;
	}
	.container.stats-row{
		width: 1040px;
	}
	.stats-row .stats-shall:nth-child(4) .card{
		padding:22px 3px;
	}*/
	.stats-row .stats-shall.col-md-3.col-sm-6.pl-0 {
		width: 50%;
		margin: 5px 0px;
	}
	.stats-row .stats-shall.col-md-3.col-sm-6.pl-0:nth-child(1),
	.stats-row .stats-shall.col-md-3.col-sm-6.pl-0:nth-child(2){
		margin-top:0px;
	}
	.stats-row .stats-shall .col-md-3.p-0.card-img1,
	.stats-row .stats-shall .col-md-3.p-0.card-img2,
	.stats-row .stats-shall .col-md-3.p-0.card-img3,
	.stats-row .stats-shall .col-md-3.p-0.card-img4{
		margin-left:30px;
		width:23%;
	}
	.stats-row .stats-shall .card-body .col-md-9.p-0.customers,
	.stats-row .stats-shall .card-body .col-md-9.p-0.proposals,
	.stats-row .stats-shall .card-body .col-md-9.p-0.locations,
	.stats-row .stats-shall .card-body .col-md-9.p-0.workrders{
		padding-left:45px!important;
	}
	div#main-content {
		width: 100%;
	}
	#coupon_table_wrapper div.dt-buttons{
		top: -126px!important;
	}
	#coupon_table_filter input{
		left: -100px!important;
		top: -1px!important;
	}
	#coupon_table_filter:before{
		right: -125px!important;
	}
	form#add_workorder .form-group input,
	form#add_workorder .form-group select,
	form#add_workorder .form-group textarea{
		width:100%!important;
		position:relative;
	}
	form#add_workorder .form-group .fa-calendar {
		position: absolute;
		top: 32px;
		right: 15px;
		font-size: 20px;
	}
	form#add_workorder .form-group .request-btn{
		right: 3px;
		top: 29px;
	}
	form#add_workorder label:not(.error),
	form#add_workorder .chosen-container.chosen-container-multi{
		width:100%;
	}
	
}


@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 (max-width: 1050px){
	#coupon_table_filter input {
		left: -100px!important;
		top: -1px!important;
	}
}
@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;
    } */
	#customer_order_table th {
	  color: #2a4054;
	  font-weight: 600 !important;
	}
    #location_table .dtr-data .column-over-flow {
        display: inline;
    }
	select#alphabetical_sorting_wo { right: 250px; }
	select#alphabetical_sorting_proposals { right: 245px; }
	.container.stats-row.listing-page .row .col-md-5,
	.container.stats-row.listing-page .row .col-md-7{
		width: 100%;
	}
	.container.stats-row.listing-page .row .col-md-7{
		margin-top:15px;
	}
}

@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) {
	#location_table th {
	  font-weight: 600 !important;
	  padding: 10px !important;
	}
	.floatright {
	  margin-right: 15px;
	}
		select#alphabetical_sorting {
	  right: 160px !important;
	}/* 
	#location_table a.measure_btn {
		float: left !important;
	} */
	#main-content {
	  width: 100%;
	  margin: 0; 
	}
	#customer_order_table th {
	  padding: 9px !important;
	}/* 
	.listing-page .nav li {
	  margin-left: 20px;
	} */
	#proposals_table th {
	  color: #2a4054;
	  font-weight: 600 !important;
	  padding: 13px !important;
	}
	select#alphabetical_sorting_wo {
		right: 250px !important;
	}
	select#alphabetical_sorting_proposals { right: 245px !important; }
	#coupon_table_filter {
	  left: 0% !important;
	  top: -42px !important;
	}
	#coupon_table_wrapper div.dt-buttons {
		top: -129px !important; 
	}
    #navbar a.nav-brand.mobile-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%;
    }
	.calender_new{
		margin-top:0px;
	}
	.ro.pt-2 > div {
	  width: 100%;
	  margin-bottom: 20px;
	  padding: 0;
	}
	section.container.stats-row .row .col-sm-4.col-md-4.pl-0,
	section.container.stats-row .row .col-sm-8.col-md-8{
		width: 100%;
		margin: 5px 0px;
		padding-left: 0px;
	}
	.sidebar {
		position: fixed;
		top: 195px!important;
	}
	div#page-header12 .col-md-6 {
		width: 49%;
		display: inline-block;
	}
	div#page-header12 a.cancel-btn.work-order-cancel{
		float:unset;
	}
	div#page-header1 {
		margin-bottom: 15px;
	}
	a.dt-button.importcsv{
		margin-top:0px!important;
	}
	#coupon_table_filter input {
		left: 0px!important;
		top: -1px!important;
	}
	#coupon_table_filter:before {
		right: -240px!important;
		float: right;
	}
}
@media (max-width: 900px){
	#coupon_table_filter input {
		left: -125px!important;
		top: -1px!important;
	}
	#coupon_table_filter:before {
		right: -110px!important;
	}
	#coupon_table_filter {
		left: 16% !important;
		top: -42px !important;
	}
}
@media only screen and (max-width:863px) { 
	#coupon_table_filter {
	  left: 59% !important;
	  top: -40px !important;
	}
}
@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 #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;
    }
	#home_page .stats-shall {
	  margin-bottom: 30px;
	  width: 50%;
	  float: left;
	}
	#coupon_table_filter {
	  left: 26% !important;
	  top: -40px !important;
	}
	#locations_list #location_table_filter input {
	  width: 155px !important;
	}
	select#alphabetical_sorting {
	  right: 185px !important;
	}
	section.container.stats-row .row .col-sm-8.col-md-8{
		margin-top:20px;
	}
	select#alphabetical_sorting_wo{
		padding: 0px 2px !important;
	}
	#coupon_table_wrapper div.dt-buttons {
		top: -113px !important;
	}
	a.dt-button.importcsv{
		margin-top: 2px!important;
	}
	#view-work-order .table-container {
		padding: 0!important;
	}
	#view-work-order .table-container .table-responsive {
		padding-top: 0px!important;
	}
}
@media only screen and (max-width:580px) { 
	#home_page .stats-shall {
	  margin-bottom: 30px;
	  width: 100%;
	}
}
@media (max-width:767px) and (min-width:568px) {
    #tf_materials_filters #fence_item {
        width: 280px;
    }

    #tf_materials_filters #quantity {
        width: 120px;
    }
}
@media only screen and (max-width:501px){
	.sidebar {
		position: fixed;
		top: 236px!important;
	}
}

@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#add_workorder #form-page .form-btn.form-group.clearfix{
		background: transparent;
	}

    .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;
    }
	.form-head.work-order-header .floatright {
		display: grid;
	}
	.form-head.work-order-header .floatright a.work-order-edit{
		margin-top:5px!important;
	}
}


@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) {
	.listing-page .nav {
	  padding: 10px;
	  display: block;
	  float: none;
	}
#coupon_table_wrapper div.dt-buttons {
  top: -152px !important;
}
    .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: 200px !important;
        padding: 0;
    } */
	.dataTables_wrapper .dataTables_filter input {
	  right: 0;
	  top: 0 !important; 
	}
	#coupon_table_filter input {
	  position: relative !important; 
	}
	/* #coupon_table_filter {
	  position: unset!important;  float: none !important; 
	} */
	#coupon_table_filter::before {
		font-size: 0 important;
	}
	#coupon_table_filter::before {
	  font-size: 0 !important;
	}
    #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;
    }
	.stats-row .stats-shall .col-md-3.p-0.card-img1,
	.stats-row .stats-shall .col-md-3.p-0.card-img2,
	.stats-row .stats-shall .col-md-3.p-0.card-img3,
	.stats-row .stats-shall .col-md-3.p-0.card-img4 {
		margin-left: 0px;
	}
	div#page-header-loc .tab_row #location-order-by {
		display: inline-block;
	}
	#locations_list ul.nav-tabs li{
		margin-left:0px;
	}
	select#alphabetical_sorting_proposals{
		right: -8px!important;
		width: 100%;
	}
	a.dt-button.importcsv{
		float:unset!important;
	}
	#coupon_table_wrapper div.dt-buttons {
		top: -104px !important;
		right: 10px !important;
	}
	#coupon_table_filter{
		left:0%!important;
	}
	#coupon_table_filter input{
		left: 0px!important;
		width:150px!important;
	}
}

@media (max-width:558px){
	.row1.view-form-page .row-actions span {
		display: block;
		width: 100%;
		margin-top:7px;
		background-color: #e3ecf2;
		text-align: center;
	}
}
@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;
	}
	select#alp_sorting {
		width: 100%;
	}
	a.dt-button.importcsv {
		width: 97%;
	}
	#coupon_table_wrapper div.dt-buttons{
		top: 0 !important;
		right: 0px !important;
	}

    #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;
    }
	#location_table_filter label input{
		left:135px!important;
	}
}
@media only screen and (max-width:480px) { 
	.listing-page .add_new_btn {
	  margin: 0;
	}
	a.dt-button.importcsv { margin-right: 16px; }
	#coupon_table_wrapper div.dt-buttons {
	  top: -83px !important;
	}
		nav .nav-brand {
	  float: none;
	  margin: 0;
	  margin-top: 15px !important;
	  display: inline-block;
	}
	.pull-right {
	  float: none !important;
	  margin-bottom: 20px;
	}
	ul.leftlist {
	  float: left;
	  padding: 0;
	  margin: 0;
	}
	#nav-panel .container {
	  width: 100%;
	  text-align: center;
	}
	.stats-row .pull-right {
	  float: none !important;
	}
	.table-responsive {
	  overflow-y: scroll; 
	}
	ul.leftlist li {
	  display: inline-block;
	  padding: 0;
	  text-align: center;
	}
	#tblWithHiddenRows tbody tr td {
	  border-right: 1px solid #ddd;
	  border-bottom: 1px solid #ddd;
	}
	#tblWithHiddenRows1 tbody {
	  border-bottom: 1px solid #ddd;
	}
	.table-responsive {
	  min-height: .01%;
	  overflow-x: scroll;
	}
	.sidebar {
		position: fixed;
		top: 245px!important;
	}
	.listing-page .add_new_btn{
		margin: 10px 0px!important;
	}
}
@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;
    }
	select#alphabetical_sorting_proposals {
		right: 0px!important;
		width: 100%;
	}
	#coupon_table_wrapper div.dt-buttons{
		top: 0 !important;
		right: 0px !important;
	}

}
@media (max-width:451px) {
	#proposals_list #proposals_table{
		width:100%!important;
	}
}

@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 only screen and (max-width:386px) { 
	ul.leftlist {
	  float: none;  width: 100%;
	text-align: center;
	}
	ul.rightlist {
	  float: none;  margin-top: 12px; text-align: center;
	padding: 0;
	}
	.calender_new {
	  margin-top: 0px;
	  float: none;
	  width: 100%;
	  text-align: center;
	}
	/* #coupon_table_filter input {
	  width: 100% !important; 
	} */
}

@media only screen and (max-width:364px){
	div#page-header12 a.cancel-btn.work-order-cancel {
		float: right;
	}
}
@media (max-width:375px) {

    #rfi_container #ScheduleImpact,
    #rfi_container #costImpact {
        width: 100%;
        margin-bottom: 10px;
    }

    #rfi_container .select_imapcts *[style*="hidden"] {
        display: none;
    }
	#locations_list #location_table_filter input {
		width: 120px !important;
		left: 170px!important;
	}
	#coupon_table_filter {
		width: 40%!important;
	}
	#coupon_table_filter input {
		width: 100%!important;
	}
	#report #reporting_form #selectDuration {
		padding-left: 2px !important;
	}
}

@media (max-width:359px) {
    #tab_row-header .nav-tabs {
        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;
    }
	.contactInformation {
		background-color: #f1f4f6;
		margin: 20px 0px!important;
		padding: 10px;
	}
}


@media (max-width:391px){
	.sidebar {
		position: fixed;
		top: 318px!important;
	}
}
@media (max-width:386px){
	.sidebar {
		position: fixed;
		top: 330px!important;
	}
}
/*End responsive */
@media only screen and (max-height: 575.98px) and (orientation: landscape) {
    .fa-search:before {
        content: "";
    }
}

.navbar-nav {
    @media (max-width: breakpoint-max(md)) {
      overflow: auto;
      max-height: 85vh;
      align-items: start;
    }
  }
  .removeSpecific{
      background: #ff4370 !important;
      border: 1px solid #cf234c !important;
    }
.delete_button:hover {
    color: white !important;
    opacity: .8;
}
.input-sm{
    margin-top: -1.5rem;
}
div#recent_order_table_filter:after {
    top: -45px !important;
}
tbody#coupon_body tr td a.viewCustomer, tbody#coupon_body tr td a.callCustomer{
    width: 80px !important;
}
@media only screen and (max-width: 1308px){
#coupon_table .callCustomer:hover {
    padding: 0 !important;
}
}

#edit_workorder .fa-calendar {
    /* display: none; */
}
table#users_table tr th.action.sorting_desc {
    text-align: center;
}
.email_respond.form-control {
    height: 100%;
}

.form-fields-box .form-group {
    position: relative;
    display: flex;
    width: 100%;
    padding: 10px 0px;
    flex-direction: row;
}
.form-group label {
    width: 40%;
    display: inline-block;
}
.form-group .email_respond.form-control {
    position: relative;
    height: 100%;
}
select.form-control.input-sm,input.form-control.input-sm {
    margin-top: 0rem;
}
.workorder ~ #alp_sorting{
    top:1.4rem;
}
#calendar_search:focus-within{
    padding: 5px !important;
}
select#alphabetical_sorting {
    top: 9px;
    height: 31px;
}
div#dataTables-example_wrapper {
    padding-top: 10px;
}