@font-face {
    font-family: rob-bol;
    src: url('../fonts/Roboto-Bold.ttf');
}

@font-face {
    font-family: rob-lig;
    src: url('../fonts/Roboto-Light.ttf');
}

@font-face {
    font-family: rob-lig-ita;
    src: url('../fonts/Roboto-LightItalic.ttf');
}

@font-face {
    font-family: rob-med;
    src: url('../fonts/Roboto-Medium.ttf');
}

@font-face {
    font-family: rob-reg;
    src: url('../fonts/Roboto-Regular.ttf');
}

@font-face {
    font-family: rob-thi;
    src: url('../fonts/Roboto-Thin.ttf');
}

body {
    height: 100%;
}

#login-main>.container-fluid {
    padding: 0;
}

.login-main-inner {
    background: #ffcc01;
    height: 100vh;
    display: table;
    width: 100%;
    transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
}

.login-main-inner .vertical-center {
    display: table-cell;
    vertical-align: middle;
    padding: 10px 0;
}

.login-main-inner .main-logo {
    padding: 0;
    list-style-type: none;
    width: 100%;
    display: table;
}

.login-main-inner .main-logo li {
    font-family: rob-bol;
    text-transform: uppercase;
    font-size: 25px;
    color: #000;
    margin: 0;
    border-right: 1px solid #A29922;
    display: table-cell;
    vertical-align: middle;
    padding: 0 15px;
}

.login-main-inner .main-logo li:last-child {
    border: transparent;
}

.login-main-inner .main-logo li a {
    display: table;
    float: right;
}

.login-main-inner .login-form {
    float: none;
    display: table;
    margin: 50px auto 0;
    width: 450px
}

.login-main-inner .login-form .form-group {
    display: table;
    width: 100%;
}

.login-main-inner .login-form label {
    max-width: none;
    width: 50px;
    margin-right: 20px;
    float: left;
}

.login-main-inner .login-form label img {
    margin: auto;
}

.login-main-inner .login-form input {
    border-radius: 0;
    border: none;
    font-family: rob-lig;
    background: transparent;
    border-bottom: 1px solid #000;
    box-shadow: none;
    color: #000;
    font-size: 15px;
    float: left;
    width: 84%;
    margin: 15px 0 0;
}

.login-main-inner .login-form ::placeholder {
    color: #000;
    text-transform: uppercase;
}

.login-main-inner .login-form ::-webkit-input-placeholder {
    color: #000;
    text-transform: uppercase;
}

.login-main-inner .login-form .btn.btn-default {
    background-color: #000;
    background-image: none;
    color: #fff;
    font-family: rob-reg;
    font-size: 18px;
    box-shadow: none;
    text-shadow: none;
    border-radius: 0;
    border: 1px solid transparent;
    width: 84%;
    float: right;
    display: table;
    padding: 8px 0;
    transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
}

.login-main-inner .login-form .btn.btn-default:hover {
    background: #ffcc01;
    border: 1px solid #000;
    color: black !important;
}

#harv-main-block .header {
    padding: 2% 15px 1%;
}

#harv-main-block .header .inner {
    padding: 0px;
}

#harv-main-block .header .inner.right ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
    float: right;
}

#harv-main-block .header .inner.right ul i {
    cursor: pointer;
    margin: 65% 0 0;
    font-size: 40px;
    color: #000;
    transition: all 0.5s ease 0s;
}

#harv-main-block .header .inner.right li.dropdown:hover i {
    color: lightgrey;
}

#harv-main-block .header .inner.right li a {
    padding: 7px 15px;
    font-family: rob-reg;
    color: #000;
}

#harv-main-block .header .inner.right li.dropdown:hover>ul.dropdown-menu {
    display: block;
}

#harv-main-block .header .inner.right ul.dropdown-menu {
    left: -116px;
    transition: all 0.5s ease 0s;
    border-radius: 0;
}

#harv-main-block .header .inner.left ul {
    padding: 0;
    list-style-type: none;
    width: 100%;
    display: table;
}

#harv-main-block .header .inner.left ul li {
    font-family: rob-bol;
    text-transform: uppercase;
    font-size: 25px;
    color: #000;
    margin: 0;
    border-right: 1px solid lightgray;
    vertical-align: middle;
    padding: 0 15px;
}

#harv-main-block .header .inner.left ul li:last-child {
    border: transparent;
}

#harv-main-block .header .inner.left ul a {
    display: table;
    float: right;
}

.harv-main-block-inner {
    background: #EFEFEF;
    padding: 0 8px 20px 8px;
}

.harv-main-block-inner .top-head .inner {
    padding: 20px 0;
    height: auto;
}

.harv-main-block-inner .top-head p {
    font-family: rob-lig-ita;
    font-size: 20px;
    margin: 20px 0 0 0;
    height: 40px;
    line-height: 40px;
}

.harv-main-block-inner .top-head input {
    height: 40px;
}

.harv-main-block-inner .top-head input:focus {
    box-shadow: none;
    border-right: none;
}

.harv-main-block-inner .top-head .btn-default {
    height: 40px;
    border-left: transparent;
    padding: 0 13px;
}

.harv-main-block-inner .top-head .right {
    background: url("../images/left-img-form.png") no-repeat center right / 120px;
    height: 80px;
}

.harv-main-block-inner .bottom-main {
    margin-top: 15px;
}

.harv-main-block-inner .bottom-main ul {
    margin: 0 auto;
    padding: 0;
    display: table;
    text-align: center;
}

.harv-main-block-inner .bottom-main ul li {
    margin: 0 10px 22px 8px;
}

.harv-main-block-inner .bottom-main ul li .top {
    display: table;
}

.harv-main-block-inner .bottom-main ul li .top {
    background: #757577;
    height: 200px;
    width: 200px;
    border: 5px solid transparent;
    padding: 0 5px;
    transition: all 0.1s ease 0s;
    -webkit-transition: all 0.1s ease 0s;
    transition: all 0.1s ease 0s;
    position: relative;
}

.harv-main-block-inner .bottom-main ul li .top:hover {
    border: 5px solid #ffef48;
}

.harv-main-block-inner .bottom-main li a {
    text-decoration: none;
    text-transform: uppercase;
    height: 100%;
    width: 100%;
    display: table;
}

.harv-main-block-inner .bottom-main li .proj-box {
    display: table-cell;
    vertical-align: middle;
    padding: 10px;
}

.harv-main-block-inner .bottom-main li .proj-box h4 {
    font-family: rob-reg;
    font-size: 20px;
    color: #efefef;
    text-align: center;
}

.harv-main-block-inner .bottom-main li .proj-box h4 span {
    display: block;
}

.harv-main-block-inner .bottom-main .bottom p {
    font-family: rob-lig;
    font-size: 11px;
    margin: 5px 0;
    padding: 0 4px 0 0px;
}

.harv-main-block-inner .bottom-main p span {
    float: right;
}

#harv-main-block .footer {
    padding: 2% 15px 1%;
    font-family: rob-reg;
}

.harv-main-block-inner .bottom-main-new3>h3 {
    font-family: rob-bol;
    font-size: 25px;
    color: #000;
}

.harv-main-block-inner .bottom-main-new3 ul {
    padding: 0;
    display: table;
    width: 100%;
    margin: auto;
}

.harv-main-block-inner .bottom-main-new3 li {
    margin: 10px;
}

.harv-main-block-inner .bottom-main-new3 li .top {
    background: #757577;
    height: 160px;
    width: 160px;
    border: 5px solid transparent;
    padding: 0 5px;
    transition: all 0.1s ease 0s;
    -webkit-transition: all 0.1s ease 0s;
    -o-transition: all 0.1s ease 0s;
    -ms-transition: all 0.1s ease 0s;
    -moz-transition: all 0.1s ease 0s;
}

.harv-main-block-inner .bottom-main-new3 li .top:hover {
    border: 5px solid #ffef48;
}

.harv-main-block-inner .bottom-main-new3 li .top a {
    text-decoration: none;
    text-transform: uppercase;
    height: 100%;
    width: 100%;
    display: table;
}

.harv-main-block-inner .bottom-main-new3 li .top .inner {
    display: table-cell;
    vertical-align: middle;
    padding: 10px;
}

.harv-main-block-inner .bottom-main-new3 li .top .inner h4 {
    font-family: rob-reg;
    font-size: 20px;
    color: #efefef;
    text-align: center;
}

.harv-main-block-inner .bottom-main-new3 li .top .inner h4 span {
    display: block;
}

.bottom-main-table h3 {
    font-family: rob-bol;
    font-size: 25px;
    color: #000;
    margin: 0 0 3%;
}

.bottom-main-table .main-table {
    width: 100%;
    margin: 0 auto 2%;
    font-family: rob-reg;
    font-size: 15px;
    border: 1px solid gray;
    text-align: center;
    color: #333;
}

.bottom-main-table .main-table a {
    color: #333;
}

.bottom-main-table .main-table .first-row {
    background: #DADADA;
}

.bottom-main-table .main-table tr td:first-child {
    text-align: left;
}

.bottom-main-table .main-table td {
    padding: 15px 30px;
    border: 1px solid lightgray;
}

.bottom-main-table .main-table .btn-default {
    background-color: #fff;
    background-image: none;
    border-radius: 0;
    border: 1px solid lightgray;
    margin: -3px 10px 0px 0;
    padding: 0 4px;
    box-shadow: none;
    text-shadow: none;
}

.bottom-main-table .main-table .btn span.fa {
    opacity: 0;
    position: relative;
    top: -1px;
}

.bottom-main-table .main-table .btn.active span.fa {
    opacity: 1;
    color: #333;
}

.view-edit-main-table h3 {
    font-family: rob-bol;
    font-size: 25px;
    color: #000;
    margin: 0 0 3%;
}

.view-edit-main-table .main-table {
    border: 1px solid lightgray;
    color: #333;
    font-family: rob-reg;
    font-size: 15px;
    margin: 0 auto 4%;
    text-align: center;
    width: 100%;
}

.view-edit-main-table .main-table a {
    color: #333;
}

.view-edit-main-table .main-table .first-row {
    background: #DADADA;
}

.view-edit-main-table .main-table tr td:first-child {
    text-align: left;
    width: 16%;
}

.view-edit-main-table .main-table td {
    padding: 15px 15px;
    border: 1px solid lightgray;
    font-size: 14px;
}

.view-edit-main-table .main-table .btn-default {
    background-color: #fff;
    background-image: none;
    border-radius: 0;
    border: 1px solid lightgray;
    margin: -3px 5px 0px 0;
    padding: 0 4px;
    box-shadow: none;
    text-shadow: none;
}

.view-edit-main-table .main-table .btn span.fa {
    opacity: 0;
    position: relative;
    top: -1px;
}

.view-edit-main-table .main-table .btn.active span.fa {
    opacity: 1;
    color: #333;
}

.create-worksheet-table h3 {
    font-family: rob-bol;
    font-size: 25px;
    color: #000;
    margin: 0 0 3%;
}

.create-worksheet-table .details-form {
    padding: 0;
}

.create-worksheet-table .details-form .form-group {
    display: table;
}

.create-worksheet-table .details-form label {
    font-family: rob-reg;
    font-size: 18px;
    float: left;
    vertical-align: bottom;
    height: 35px;
    margin: 0 10px 0 0;
    font-weight: normal;
    color: #000;
    padding: 3px 0 0 0;
}

.create-worksheet-table .details-form input {
    border-radius: 0;
    border: none;
    border-bottom: 1px solid #000;
    background: transparent;
    box-shadow: none;
    float: left;
    width: 300px;
    height: 35px;
}

.create-worksheet-table .details-form .form-group:nth-child(2) input {
    background: #fff;
    border: 1px solid gray;
}

.create-worksheet-table .details-form .form-group span {
    height: 35px;
    display: table;
    min-width: 300px;
    font-family: rob-reg;
    font-size: 18px;
    padding: 3px 0 0 0;
    color: #000;
}

.harv-main-block-inner.complete-sheet .inner {
    padding: 0;
}

.top-head ul {
    list-style-type: none;
}

.top-head ul li:first-child {
    background: #FFEF48;
}

.top-head ul li:first-child a {
    color: #000;
}

.top-head ul li {
    background: #A3A3A3;
    padding: 15px;
    margin: 0;
    font-family: rob-reg;
}

.top-head ul li i {
    font-size: 20px;
    color: #fff;
    font-weight: normal;
}

.top-head ul li a {
    color: #fff;
    text-decoration: none;
    font-size: 18px;
}

.complete-sheet .details-form .form-group {
    margin-bottom: 2px;
}

.complete-sheet .details-form {
    border-bottom: 1px solid lightgray;
    padding: 1% 15px;
}

.complete-sheet .details-form .form-group {
    display: table;
    width: 100%;
    margin: 0 0 12px 0;
}

.complete-sheet .details-form label {
    font-family: rob-reg;
    font-size: 18px;
    float: left;
    vertical-align: bottom;
    height: 35px;
    margin: 0 10px 0 0;
    font-weight: normal;
    color: #000;
    padding: 3px 0 0 0;
}

.complete-sheet .details-form input {
    border-radius: 0;
    box-shadow: none;
    float: left;
    width: 200px;
    height: 33px;
}

.complete-sheet .details-form textarea {
    width: 100%;
}

.complete-sheet .details-form select {
    border-radius: 0;
    border: 1px solid lightgray;
    box-shadow: none;
    float: left;
    width: 200px;
    height: 35px;
}

.complete-sheet .details-form .form-group span {
    font-family: rob-bol;
    font-size: 18px;
    text-transform: uppercase;
    float: left;
    vertical-align: bottom;
    height: 35px;
    margin: 0 10px 0 0;
    font-weight: normal;
    color: #000;
    padding: 3px 0 0 0;
}

.complete-sheet .details-form .form-group span.ref-no {
    font-family: rob-reg;
    color: #55AA33;
    text-transform: none;
}

.daywork-main-form {
    padding: 0;
    font-family: rob-lig;
}

.daywork-main-form h2.heading {
    font-family: rob-bol;
    font-size: 25px;
    color: #000;
    background: #c0c0c0;
    margin: 0;
    padding: 10px 20px;
    text-transform: uppercase;
}

.daywork-main-form .plus-btn {
    border-radius: 0;
    background-color: #000000;
    background-image: none;
    padding: 3px 5px;
    border: none;
}

.daywork-main-form>.col-md-12 {
    padding: 0;
}

.daywork-main-form input {
    border-radius: 0;
}

.daywork-main-form textarea {
    border-radius: 0;
}

.daywork-main-form select {
    border-radius: 0;
}

.daywork-main-form .my-page-ul li {
    list-style-type: none;
    margin-bottom: 15px;
}

.daywork-main-form .my-page-ul {
    padding: 0px;
    margin-top: 15px;
}

.daywork-main-form .my-page-inner-ul {
    padding: 0px;
    margin-top: 15px;
}

.daywork-main-form .my-page-4-col {
    border: 1px solid lightgrey;
    margin: 0 0 0 0px;
    width: 100%;
    padding-bottom: 15px;
    background: white;
}

.daywork-main-form .my-page-p {
    font-size: 15px;
    margin: 0 0 32px;
}

.daywork-main-form .my-page-4-col .checkbox {
    float: right;
}

.daywork-main-form .my-page-colored-p {
    background: #8BBF40;
    border-radius: 38px;
    display: table;
    float: none;
    margin: auto auto 12px;
    padding: 7px 18px;
    text-align: center;
    font-size: 15px;
    text-transform: uppercase;
}

.daywork-main-form .my-page-colored-p2 {
    background: #FE821E;
    border-radius: 38px;
    display: table;
    float: none;
    margin: auto auto 12px;
    padding: 7px 18px;
    text-align: center;
    font-size: 15px;
    text-transform: uppercase;
}

.daywork-main-form .my-page-colored-p3 {
    background: #FF3100;
    border-radius: 38px;
    display: table;
    float: none;
    margin: auto auto 12px;
    padding: 7px 18px;
    text-align: center;
    font-size: 15px;
    text-transform: uppercase;
}

.daywork-main-form .col-md-12.select-col {
    margin: 0 0 12px;
}

.daywork-main-form .pre-head {
    background: #c0c0c0 none repeat scroll 0 0;
    font-size: 25px;
    margin: 0;
    padding: 0 0 0 8px;
    text-transform: uppercase;
}

.daywork-main-form .pre-table th {
    font-family: rob-reg;
    font-weight: normal;
    font-size: 15px;
    color: black;
    text-align: center;
}

.daywork-main-form .pre-table th:first-child {
    text-align: left;
}

.daywork-main-form .pre-table th:nth-child(2) {
    text-align: left;
}

.daywork-main-form .pre-table th:nth-child(3) {
    text-align: left;
}

.daywork-main-form .pre-table th:first-child {
    width: 261px;
}

.daywork-main-form .pre-table td:first-child {
    width: 261px;
    padding-left: 0;
}

.daywork-main-form .pre-table th:nth-child(2) {
    width: 188px;
    padding: 0 0 0 5px;
}

.daywork-main-form .pre-table th:nth-child(3) {
    width: 161px;
    padding: 0 0 0 5px;
}

.daywork-main-form .pre-table td:nth-child(2) {
    vertical-align: top;
    width: 188px;
}

.daywork-main-form .pre-table td:nth-child(3) {
    width: 161px;
    vertical-align: top;
}

.daywork-main-form .pre-table td {
    padding: 5px 5px 0 5px;
    vertical-align: top;
}

.daywork-main-form .pre-table input {
    border: solid 1px #C0C0C0;
}

.daywork-main-form .pre-table textarea {
    border: solid 1px #C0C0C0;
}

.daywork-main-form .pre-table select {
    border: solid 1px #C0C0C0;
}

.daywork-main-form .pre-table2 th {
    padding: 0 8px 0 0;
    text-align: center;
    vertical-align: top;
    width: 50px;
    color: black;
    font-family: rob-lig !important;
}

.daywork-main-form .pre-table2 td {
    padding: 14px 8px 39px 0;
}

.daywork-main-form .pre-table3 {
    border-left: 1px solid lightgray;
    border-collapse: separate;
    padding: 0 8px;
}

.daywork-main-form .pre-table3 th {
    font-size: 9px;
}

.daywork-main-form .pre-table3 th {
    font-size: 9px;
}

.daywork-main-form .pre-table2 input {
    border: solid 1px #C0C0C0;
}

.daywork-main-form .pre-table2 {
    float: left;
    width: 72%;
    margin: 0 0 0 15px;
}

.daywork-main-form .pre-table3 th {
    padding: 0 8px 0 0;
    text-align: center;
    vertical-align: top;
    width: 52px;
}

.daywork-main-form .pre-table3 td {
    padding: 9px 6px 44px 1px;
    width: 63px;
}

.daywork-main-form .pre-table3 th:nth-child(8) {
    font-size: 9px;
}

.pre-table3 th:nth-child(9) {
    font-size: 9px;
}

.daywork-main-form .pre-table3 input {
    border: 1px solid #C0C0C0;
}

.daywork-main-form .total-table td {
    border: 1px solid lightgrey;
    padding: 14px;
    font-size: 13px;
    text-align: center;
    font-family: rob-bol;
    color: #000;
}

.daywork-main-form .total-table {
    float: right;
    width: 184px;
}

.daywork-main-form .total-div {
    bottom: 0;
    width: 100%;
    padding: 0;
}

.daywork-main-form .total-table td {
    color: #333;
}

.daywork-main-form .table-left {
    min-height: 442px !important;
}

.daywork-main-form .table-right {
    min-height: 442px !important;
}

.daywork-main-form .material-col {
    background: #efefef none repeat scroll 0 0;
    padding-bottom: 25px;
}

.daywork-main-form .pre2-table th {
    font-family: rob-reg;
    font-weight: normal;
    font-size: 15px;
}

.daywork-main-form .pre2-table th:first-child {
    width: 70%;
}

.daywork-main-form .pre2-table th:nth-child(2) {
    width: 120px;
}

.daywork-main-form .pre2-table th:nth-child(3) {
    width: 120px;
}

.daywork-main-form .pre2-table td {
    padding: 8px 23px 8px 0;
    vertical-align: top;
}

.daywork-main-form .pre2-table input {
    border: solid 1px #c0c0c0;
    height: 38px;
}

.daywork-main-form .pre2-table select {
    border: solid 1px #c0c0c0;
    height: 38px;
}

.daywork-main-form .pre2-table {
    margin: 15px 0 0;
    position: relative;
}

.daywork-main-form .pre-bottom-col {
    margin: 20px 0 0;
}

.form-group.description-textarea {
    margin: 32px 0 0 0;
}

.my-page-ul li {
    list-style-type: none;
    margin-bottom: 15px;
}

.my-page-ul {
    padding: 0px;
    margin-top: 15px;
}

.my-page-inner-ul {
    padding: 0px;
    margin-top: 15px;
}

.my-page-4-col {
    border: 1px solid lightgrey;
    margin: 0;
    min-height: 254px !important;
    padding-bottom: 15px;
    width: 100%;
    background: white;
}

.my-page-4-col .checkbox {
    bottom: 6px;
    position: absolute;
    right: 3px;
}

.my-page-p {
    font-size: 15px;
    margin: 0 0 32px;
}

.my-page-4-col .checkbox {
    float: right;
}

.my-page-colored-p {
    background: #8BBF40;
    border-radius: 38px;
    color: white;
    display: table;
    float: none;
    margin: auto auto 12px;
    padding: 7px 18px;
    text-align: center;
    font-size: 15px;
    text-transform: uppercase;
}

.my-page-colored-p2 {
    background: #FE821E;
    border-radius: 38px;
    color: white;
    display: table;
    float: none;
    margin: auto auto 12px;
    padding: 7px 18px;
    text-align: center;
    font-size: 15px;
    text-transform: uppercase;
}

.my-page-colored-p3 {
    background: #FF3100;
    border-radius: 38px;
    color: white;
    display: table;
    float: none;
    margin: auto auto 12px;
    padding: 7px 18px;
    text-align: center;
    font-size: 15px;
    text-transform: uppercase;
}

.col-md-12.select-col {
    margin: 0 0 12px;
}

.my-page-ul li {
    list-style-type: none;
    margin-bottom: 0px;
    background: transparent !important;
    font-weight: normal !important;
    padding: 0 0 16px 5px !important;
}

.my-page-inner-ul li {
    padding: 0 !important;
}

.pre-start-main-form .my-page-p {
    color: #000;
    font-family: rob-reg;
    font-size: 18px;
    font-weight: normal;
    height: auto;
    margin: 0 10px 58px 0;
    padding: 3px 0 0;
    text-align: left;
    vertical-align: bottom;
}

.pre-start-main-form .my-page-p>label {
    text-transform: uppercase;
}

.pre-start-main-form {
    padding: 0;
    margin: 10px 0 0 0;
}

.complete-sheet .details-form {
    border-bottom: none;
    padding: 0 15px;
}

.my-page-colored-p {
    background: #8BBF40;
    border-radius: 38px;
    color: #333;
    display: table;
    float: none;
    margin: auto auto 12px;
    padding: 7px 18px;
    text-align: center;
    font-size: 18px;
    text-transform: uppercase;
    font-family: rob-bol;
}

.my-page-colored-p2 {
    color: #333;
    font-size: 18px;
    font-family: rob-bol;
}

.my-page-colored-p3 {
    color: #333;
    font-size: 18px;
    font-family: rob-bol;
}

.notes-main-col p {
    font-size: 18px;
    color: black;
    font-family: rob-reg;
}

.notes-main-col label {
    color: black;
    font-size: 18px;
    font-family: rob-bol;
    font-weight: normal;
}

.notes-main-col {
    margin: 20px 0 0 0;
}

.select-col {
    margin: 0 0 12px;
    padding: 0;
}

.select-col .control-label {
    width: 15px;
    padding: 0;
    font-size: 18px;
    font-family: rob-bol;
    font-weight: normal;
    color: black;
}

label {
    color: black !important;
    font-size: 18px !important;
    font-family: rob-bol !important;
    font-weight: normal !important;
}

.selects-main-col {
    margin: 20px 0 0 0;
}

.select-col {
    margin: 12px 0 0 0 !important;
}

.select-col select {
    border-radius: 0;
    height: 38px;
}

.btn-col .add-btn {
    margin: 15px 0 0 30px;
    border-radius: 0;
    background: black;
    border: none;
    font-size: 20px;
    font-family: rob-reg;
}

.commence-main-col input {
    border-radius: 0;
    border: none;
    border-bottom: 1px solid #000;
    background: transparent;
    box-shadow: none;
    float: left;
    width: 200px;
    height: 35px;
}

.commence-main-col label {
    font-family: rob-reg;
    font-size: 18px;
    float: left;
    vertical-align: bottom;
    height: 35px;
    margin: 0 10px 0 0;
    font-weight: normal;
    color: #000;
    padding: 3px 0 0 0;
}

.commence-main-col .form-group {
    display: table;
    width: 100%;
}

.commence-main-col .head-label {
    margin: 0 0 32px 0 !important;
}

.commence-main-col {
    margin: 32px 0 0 0;
}

.buttons-group-ul {
    padding: 0;
    margin: 32px 0 0 0;
}

.buttons-group-ul li .add-btn {
    margin: 0;
    border-radius: 0;
    background: black;
    border: none;
    font-size: 20px;
    font-family: rob-reg;
    width: auto;
}

.completion-main-col .head-label {
    text-transform: uppercase;
}

.completion-main-col p {
    font-size: 18px;
    color: black;
    font-family: rob-reg;
    margin: 0 0 25px 0;
}

.completion-main-col {
    margin: 32px 0 0 0;
}

.completion-main-col .form-group {
    width: 48%;
    float: left;
    margin: 0 20px 15px 0px;
}

.completion-main-col .form-group input {
    background: transparent;
    border: none;
    box-shadow: none;
    border-bottom: solid 1px black;
    border-radius: 0;
    float: left;
    width: 73%;
    height: 30px;
}

.completion-main-col .form-group label {
    font-family: rob-reg;
    font-size: 18px;
    float: left;
    vertical-align: bottom;
    height: 35px;
    margin: 0 10px 0 0;
    font-weight: normal;
    color: #000;
    padding: 3px 0 0 0;
    width: 120px;
}

.completion-main-col .buttons-group-ul {
    float: right;
    text-align: right;
    margin: 25px 0 25px 0;
}

.completion-main-col .uppercase-p {
    text-transform: uppercase;
    display: table;
    margin: 0 0 12px 0;
}

.lower-col {
    padding: 0px;
}

.pad-zero {
    padding: 0px;
}

.horizontal-form-groups .form-group {
    width: 50%;
    float: left;
    margin: 0 0px 12px 0px;
}

.horizontal-form-groups .form-group input {
    box-shadow: none;
    border-radius: 0;
    float: left;
    width: 34%;
    height: 36px;
}

.horizontal-form-groups .form-group label {
    font-family: rob-reg !important;
    font-size: 18px;
    float: left;
    vertical-align: bottom;
    height: 35px;
    margin: 0 10px 0 0;
    font-weight: normal;
    color: #000;
    padding: 3px 0 0 0;
}

.horizontal-form-groups .form-group:first-child {
    width: 100%;
    margin: 0 0 20px 0;
}

.horizontal-form-groups .form-group:first-child input {
    width: 99.6%;
}

.horizontal-form-groups .form-group:last-child input {
    width: 58.6%;
}

.boxes-form-groups ul li {
    width: 33%;
    padding: 0;
    vertical-align: top;
}

.boxes-form-groups {
    margin: 36px 0 0 0;
}

.boxes-form-groups textarea {
    border-radius: 0;
    height: 150px;
}

.boxes-form-groups .form-group {
    padding: 0 3px 0 3px;
}

.authorisation-commence-col .uppercase-p {
    text-transform: uppercase;
}

.authorisation-commence-col p {
    font-family: rob-reg;
    font-size: 18px;
    color: black;
}

.authorisation-commence-col .form-group {
    width: 50%;
    float: left;
}

.authorisation-commence-col .form-group input {
    box-shadow: none;
    border-radius: 0;
    float: left;
    width: 70%;
    height: 36px;
}

.authorisation-commence-col .form-group label {
    font-family: rob-reg !important;
    font-size: 18px;
    float: left;
    vertical-align: bottom;
    height: 35px;
    margin: 0 10px 0 0;
    font-weight: normal;
    color: #000;
    padding: 3px 0 0 0;
    width: 102px;
}

.authorisation-commence-col .form-group .fa-check {
    color: #56A73E;
    font-size: 20px;
    margin: 6px 0px 0 6px;
}

.authorisation-commence-col .buttons-group-ul {
    text-align: right;
}

.authorisation-commence-col .buttons-group-ul li .add-btn {
    min-width: 180px;
}

.authorisation-comments-col p {
    font-family: rob-reg;
    font-size: 18px;
    color: black;
}

.authorisation-comments-col input {
    box-shadow: none;
    border-radius: 0;
    float: left;
    width: auto;
    height: 36px;
}

.authorisation-comments-col .form-group label {
    font-family: rob-reg !important;
    font-size: 18px;
    float: left;
    vertical-align: bottom;
    height: 35px;
    margin: 0 10px 0 0;
    font-weight: normal;
    color: #000;
    padding: 3px 0 0 0;
}

.authorisation-comments-col textarea {
    width: 50%;
    float: left;
}

.authorisation-comments-col .buttons-group-ul {
    text-align: right;
}

.authorisation-comments-col {
    margin: 25px 0 0 0;
}

input:focus {
    box-shadow: none;
}

.fileContainer {
    overflow: hidden;
    position: relative;
    background: black;
    color: white !important;
    padding: 6px 0 6px 0;
    cursor: pointer;
    font-weight: normal;
    font-family: rob-reg !important;
    width: 180px;
    text-align: center;
    font-size: 20px !important;
}

.fileContainer [type=file] {
    cursor: inherit;
    display: block;
    font-size: 999px;
    filter: alpha(opacity=0);
    min-height: 100%;
    min-width: 100%;
    opacity: 0;
    position: absolute;
    right: 0;
    text-align: right;
    top: 0;
}

.disabled-btn {
    background: #4F4F4F;
    cursor: not-allowed;
}

.details-form label {
    font-family: rob-reg !important;
}

.btn-col .plus-btn {
    margin: 44px 0 0 0;
    text-align: right;
    float: right;
    height: 38px;
    width: 41px;
}

.plus-btn {
    margin: 44px 0 0 0;
    height: 38px;
    width: 41px;
}

.plus-btn img {
    margin: auto;
    display: block;
}

.comments-col .form-group {
    margin: 15px 0 0 0;
}

.comments-col textarea {
    height: 120px;
}

.comments-col p {
    font-family: rob-reg;
    font-size: 15px;
    margin: 15px 0 0 0;
}

.comments-col .form-group label {
    font-family: rob-reg !important;
    font-size: 15px !important;
    float: left;
    vertical-align: bottom;
    height: 34px;
    margin: 0 10px 0 0;
    font-weight: normal !important;
    color: #000;
    padding: 3px 0 0 0;
}

.comments-col .form-group input {
    border-radius: 0;
    border: none;
    border-bottom: 1px solid #C0C0C0;
    background: transparent;
    box-shadow: none;
    float: left;
    width: 200px;
    height: 24px;
}

.comments-col .form-group {
    display: table;
    width: 100%;
}

.comments-col .form-group .fa.fa-check {
    color: #96D31E;
    font-size: 20px;
    margin: 5px 0 0 6px;
}

.comments-col .buttons-group-ul {
    text-align: right;
}

.btn:focus {
    background: grey !important;
}

.pre-table2 tr:last-child td input {
    border: solid 2px #EC983E;
}

.pre-table3 tr:last-child td input {
    border: solid 2px #EC983E;
}

.days-table tr {
    background: #efefef none repeat scroll 0 0;
    border-bottom: 1px solid #d3d1d2;
    height: 42px;
}

.days-table td {
    padding: 9px 4px 8px 10px;
    text-align: center;
}

.days-table .day-name-span {
    color: black;
    font-family: rob-bol;
}

.worksheet-table-col .worksheet-pre-table2 th {
    padding: 0 8px 0 0;
    text-align: center;
    vertical-align: top;
    width: 50px;
    font-family: rob-reg;
    font-size: 13px;
    font-weight: normal;
}

.worksheet-table-col .worksheet-pre-table2 td {
    padding: 1px 16px 0px 12px;
}

.worksheet-table-col .worksheet-pre-table2 tr {
    background: #E3E3E3;
    border-bottom: 1px solid #d3d1d2;
    height: 42px;
}

.worksheet-table-col .worksheet-pre-table2 input {
    border: solid 1px #C0C0C0;
}

.worksheet-table-col {
    padding: 0px !important;
}

.worksheet-first-col {
    padding: 0px !important;
}

.worksheet-main-col {
    padding: 0px !important;
}

.days-table {
    margin: 83px 0 0;
}

.worksheet-table-col .worksheet-pre-table2 td input {
    margin: auto;
    width: 48px;
    border-radius: 0;
}

.worksheet-pre-table2 {
    border-right: 1px solid #D3D1D2;
}

.worksheet-table-col .table-bold-head {
    background: #d3d1d2 none repeat scroll 0 0;
    font-size: 18px;
    padding: 8px;
    text-align: center;
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    margin: 0;
    font-family: rob-bol;
}

.worksheet-total-col {
    padding: 0px !important;
}

.worksheet-total-table tr td {
    background: #e3e3e3 none repeat scroll 0 0;
    border: 1px solid lightgrey;
    padding-bottom: 10px;
    padding-top: 12px;
    text-align: center;
    width: 12%;
    font-family: rob-reg;
}

.worksheet-total-left-col p {
    text-align: right;
    padding: 12px 12px 10px 0;
    font-size: 15px;
    font-family: rob-med;
    color: black;
}

.worksheet-total-left-col {
    padding: 0px !important;
}

.worksheet-total-right-col {
    padding: 0px !important;
}

.days-table p {
    margin: 0;
    font-family: rob-lig;
}

.create-worksheet-text-col label {
    font-size: 16px !important;
    text-decoration: underline;
    font-family: rob-reg !important;
}

.create-worksheet-text-col p {
    font-family: rob-reg;
}

.create-worksheet-text-col p label {
    margin: 0px 0 0px 6px;
}

.create-worksheet-text-col .buttons-group-ul {
    text-align: right;
}

.summary-main-table th {
    background: #e0e0e0 none repeat scroll 0 0;
    border: 1px solid #a3a3a3;
    text-align: center;
    font-family: rob-med;
    font-weight: normal;
    color: black;
}

.summary-main-table th:first-child {
    height: 42px;
    width: 63px;
}

.summary-main-table th:nth-child(2) {
    width: 63px;
}

.summary-main-table th:nth-child(3) {
    width: 63px;
}

.summary-main-table th:nth-child(4) {
    width: 63px;
}

.summary-table-col {
    padding: 0px !important;
    width: 34.7%;
}

.summary-center-table {
    border: 1px solid #9f9f9f;
    width: 700px;
}

.summary-center-table th {
    background: #E0E0E0;
    border-right: 1px solid white;
    font-size: 18px;
    height: 42px;
    text-align: center;
    color: black;
    border-bottom: solid 1px grey;
    font-family: rob-reg;
}

.summary-inner-table th {
    font-size: 12px;
    padding: 4px;
    font-weight: normal;
}

.summary-main-table td {
    border: 1px solid #9f9f9f;
    height: 44px;
    text-align: center;
}

.summary-inner-table td {
    border-bottom: 1px solid #9f9f9f;
    border-right: 1px solid #9f9f9f;
    font-size: 12px;
    height: 44px;
    padding: 0 12px;
    text-align: center;
    font-family: rob-reg;
}

.summary-table td {
    border-top: medium none;
    font-size: 12px;
}

.summary-inner-table tr:nth-child(even) {
    background: #EFEFEF;
}

.summary-main-table tr:nth-child(odd) {
    background: #EFEFEF;
}

.summary-table tr:nth-child(even) {
    background: #EFEFEF;
}

.summary-table tr:nth-child(odd) {
    background: #FFFFFF;
}

.summary-inner-table {
    border-right: none;
}

.summary-main-table input {
    background: transparent none repeat scroll 0 0;
    border: medium none;
    font-size: 11px;
    padding: 0px;
    text-align: center;
    box-shadow: none;
}

.summary-main-table input:focus {
    box-shadow: none;
}

.summary-inner-table input {
    background: transparent none repeat scroll 0 0;
    border: medium none;
    font-size: 11px;
    padding: 0px;
    text-align: center;
    box-shadow: none;
}

.summary-inner-table input:focus {
    box-shadow: none;
}

.summary-table-col:nth-child(2) {
    width: 30%;
}

.daily-diary-main-col h2 {
    font-family: rob-bol;
    color: black;
    font-size: 38px;
    margin: 0;
}

.daily-diary-main-col .buttons-group-ul {
    text-align: right;
}

.daily-diary-main-col .buttons-group-ul .add-btn {
    font-family: rob-lig;
}

.daily-diary-main-col .buttons-group-ul .add-btn .fa.fa-caret-left {
    margin: 0px 8px 0 0px;
}

.daily-diary-left-col .head-td {
    background: #E0E0E0;
    text-align: center;
    vertical-align: middle;
    height: 70px;
    border: solid 1px #C1C1C1;
    font-family: rob-reg;
    font-size: 13px;
}

.daily-diary-left-col .head-td:first-child {
    width: 30%;
}

.daily-diary-left-col .head-td:last-child {
    width: 70%;
}

.daily-diary-main-table .main-head-td-left {
    width: 40%;
    height: 70px;
}

.daily-diary-main-table .main-head-td-right {
    width: 60%;
}

.daily-diary-right-col td {
    font-family: rob-reg;
    font-size: 13px;
    border: solid 1px #C1C1C1;
    height: 45px;
}

.right-table-td {
    background: #E0E0E0;
    height: 32px !important;
    border: solid 1px #C1C1C1;
    font-family: rob-reg;
    font-size: 13px;
}

.daily-diary-right-col .right-table-td-lower {
    font-family: rob-reg;
    font-size: 13px;
    border: solid 1px #C1C1C1;
    height: 32px;
}

.daily-diary-left-col td {
    font-family: rob-reg;
    font-size: 13px;
    border: solid 1px #C1C1C1;
    height: 45px;
}

.daily-diary-right-col td:first-child {
    border-left: none;
}

.daily-diary-main-col .buttons-group-ul li {
    padding: 0px;
}

.daily-diary-table-main-col {
    margin: 25px 0 0 0;
}

.employee-logo-main-col .buttons-group-ul {
    margin: 12px 0 0 0;
    text-align: right;
}

.employee-logo-main-col .buttons-group-ul li {
    padding: 0px;
}

.left.inner .head-top {
    font-family: rob-bol;
    color: black;
    font-size: 38px;
}

#usernotify,
#usernotify.display #dismissnotify:checked~label {
    background-color: #66bb6a;
    display: none;
    left: 0;
    max-height: 50px;
    overflow: hidden;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
}

#usernotify.error {
    background-color: #fd6b66;
}

#usernotify.display {
    top: 0;
}

#usernotify #dismissnotify {
    display: block;
}

#usernotify label {
    box-sizing: border-box;
    color: #fff !important;
    display: block;
    font-size: 14px !important;
    font-weight: 300 !important;
    margin: 0 auto;
    padding: 10px 20px 10px 10px;
    position: relative;
    text-align: center;
    width: 100%;
}

.cuspad {
    padding: 0px 2px;
}

.worksheet-pre-table2 th:first-child {
    width: 33%;
    text-align: center;
}

.worksheet-pre-table2 td:first-child {
    width: 33%;
    text-align: center;
    background: transparent;
}

.worksheet-pre-table2 th {
    text-align: center;
    font-family: rob-reg;
    font-weight: normal;
    background: #E3E3E3;
    font-size: 13px;
    width: 120px;
    vertical-align: middle;
}

.worksheet-pre-table2 td {
    text-align: center;
    vertical-align: middle;
    background: #E3E3E3;
    padding: 0 8px 0 10px;
    width: 120px;
    border-left: solid 1px lightgrey;
}

.worksheet-pre-table2 tr {
    height: 45px;
    border-bottom: solid 1px lightgrey;
}

.worksheet-pre-table2 th:first-child {
    background: transparent;
}

.worksheet-pre-table2 td input {
    width: 100%;
    margin: auto;
    text-align: center;
    padding: 2px;
}

.worksheet-pre-table2 td:nth-child(5) {
    border-right: solid 1px lightgrey;
}

.worksheet-pre-table2 th:nth-child(5) {
    border-right: solid 1px lightgrey;
}

.worksheet-pre-table2 .days-p {
    margin: 0;
    font-family: rob-lig;
}

.worksheet-pre-table2 .days-p>.day-name-span {
    margin: 0;
    font-family: rob-bol;
    float: left;
    padding: 7px 0 0 0;
    text-transform: uppercase;
}

.worksheet-pre-table2 tr:last-child td {
    border: solid 1px lightgrey;
}

.list-inline.table-ul {
    text-align: right;
    width: 67%;
    margin: 0;
    float: right;
}

.table-ul li {
    width: 345.3px;
    text-align: center;
    background: #D3D1D2;
    padding: 0;
    margin: 0 0 0 -4px;
    font-size: 20px;
    vertical-align: middle;
    height: 38px;
    border-right: 1px solid rgba(0, 0, 0, 0.1);
}

.table-ul li p {
    margin: 5px 0 0 0;
    font-family: rob-bol;
}

.select-col .form-control {
    margin: 0px 0 8px 0;
}

.add_field_button {
    background: black;
    color: white;
    padding: 3px 15px 3px 15px;
    font-size: 14px;
    display: table;
    font-family: rob-reg;
    border-radius: 6px;
}

.add_field_button:focus,
.add_field_button:hover {
    text-decoration: none;
    color: white;
}

.remove_field {
    font-family: rob-reg;
    background: black;
    color: white;
    padding: 3px 15px 3px 15px;
    font-size: 14px;
    display: table;
    margin: 6px 0 6px 0;
    border-radius: 6px;
}

.remove_field:focus,
.remove_field:hover {
    text-decoration: none;
    color: white;
}

.checkbox label input {
    margin: 0 12px 0 0px;
}

.commence-main-col .js-check {
    width: auto;
    margin: 0px 0 0 0;
}

.buttons-group-ul #images {
    border-bottom: none;
    font-family: rob-reg;
    background: black;
    color: white;
    border-radius: 4px;
}

.top-back-button {
    color: #333;
    font-size: 15px;
    padding: 6px 20px 6px 20px;
    text-align: center;
}

.top-back-button:focus,
.top-back-button:hover {
    text-decoration: none;
    color: white;
}

.table-responsive {
    overflow-x: auto;
    padding: 0;
}

.harv-main-block-inner .top-head .left.inner {
    padding: 0px 0 0px 0;
    height: auto;
}

.left.inner ul li i.fa-caret-left {
    color: #333 !important;
}

.authorisation-commence-col .commence-check {
    width: auto !important;
}

.authorisation-commence-col #images {
    border-bottom: none;
    font-family: rob-reg;
    background: black;
    color: white;
    border-radius: 4px;
    width: auto;
}

.daywork-main-form .pre-table th:last-child {
    font-size: 12px;
    width: 42px;
}

.daywork-main-form .pre-table th:nth-last-child(2) {
    font-size: 12px;
    width: 42px;
}

.completion-main-col .js-check {
    width: auto;
}

.completion-main-col #completion_images {
    border-bottom: none;
    font-family: rob-reg;
    background: black;
    color: white;
    border-radius: 4px;
    width: auto;
    height: 36px;
}

#completion_images {
    background: black none repeat scroll 0 0;
    border-bottom: medium none;
    border-radius: 4px;
    color: white;
    font-family: rob-reg;
    height: 36px;
    margin: 0 0 20px;
    width: auto;
}

.worksheet-pre-table2 td:first-child input {
    width: 70% !important;
    float: right;
}

.right-table-td-lower:first-child {
    width: 102px;
}

.right-table-td-lower:nth-child(2) {
    width: 142px;
}

.right-table-td-lower:nth-child(3) {
    width: 102px;
}

.right-table-td-lower:nth-child(4) {
    width: 148px;
}

.daily-diary-right-col.pre-table .cuspad:nth-child(3) {
    width: 102px;
}

.daily-diary-right-col.pre-table .cuspad:nth-child(4) {
    width: 142px;
}

.daily-diary-right-col.pre-table .cuspad:nth-child(5) {
    width: 102px;
}

.daily-diary-right-col.pre-table .cuspad:nth-child(6) {
    width: 148px;
}

.daily-diary-right-col td {
    padding: 0 15px 0 15px;
    position: relative;
}

.btn-col .add-row {
    background: black;
    border: none;
    text-align: center;
    margin: 32px 0 0 0;
    padding: 0 0 0 1px;
}

.totalcounting {
    color: #fff;
    font-size: 14px;
}

.totalcounting {
    color: #fff;
    font-size: 13px;
    font-family: rob-reg;
    float: none !important;
}

input,
textarea,
select {
    font-family: rob-reg;
}

.pop2-modal {
    font-family: rob-reg;
}

.pop2-modal .modal-header {
    background: #FFEF48;
    color: black;
}

.pop2-modal .btn {
    background: black;
    color: white;
    text-shadow: none;
    border-radius: 0;
    border: none;
    min-width: 80px;
}

.modal-header .close {
    margin-top: -2px;
    opacity: 1;
    text-shadow: none;
}

.position-div {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 15px;
}

.pre-table td:nth-child(4) input,
.pre-table td:nth-child(5) input,
.pre-table td:nth-child(6) input,
.pre-table td:nth-child(7) input,
.pre-table td:nth-child(8) input,
.pre-table td:nth-child(9) input,
.pre-table td:nth-child(10) input,
.pre-table td:nth-child(11) input,
.pre-table td:nth-child(12) input {
    width: 48px;
    padding: 1px;
    text-align: center;
}

.top-head>.col-lg-12 {
    padding: 0;
    font-family: rob-reg;
}

.top-head h3 {
    margin: 0 0 15px 0;
}

.radio-btn[type="radio"]:checked .my-page-4-col {
    background-color: black;
}

.checkbox input[type="radio"]:checked div.my-page-4-col {
    background-color: black;
}

input[type='radio']:checked+div.my-page-4-col {
    background-color: red;
}

.css-style {
    background: #ccc;
}

.daily-diary-right-col .cuspad input {
    width: 100% !important;
}

.autocomplete-suggestions {
    width: 200px;
    text-align: left;
    border: 1px solid #999;
    background: #FFF;
    cursor: default;
    overflow: auto;
    -webkit-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64);
    -moz-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64);
    box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64);
}

.autocomplete-suggestion {
    padding: 4px 5px;
    white-space: nowrap;
    overflow: hidden;
    border-bottom: 1px solid #eee;
}

.autocomplete-no-suggestion {
    padding: 2px 5px;
}

.autocomplete-selected {
    background: #F0F0F0;
}

.autocomplete-suggestions strong {
    font-weight: bold;
    color: #000;
}

.autocomplete-group {
    padding: 2px 5px;
}

.autocomplete-group strong {
    font-weight: bold;
    font-size: 16px;
    color: #000;
    display: block;
    border-bottom: 1px solid #000;
}

.dropdown .mega-dropdown:hover #Ul_Dropdown,
.glyphicon .glyphicon-triangle-top {
    display: block;
}

td.triggerclk {
    cursor: pointer;
}

input[type="file"]#file-upload,
input[type="file"]#commence-file-upload {
    display: none;
}

.custom-file-upload {
    border: 1px solid #ccc;
    display: inline-block;
    padding: 6px 12px;
    cursor: pointer;
    position: relative;
    top: 3px;
}

.authorisation-commence-col .form-group input.commence-check {
    height: 29px;
}

.authorisation-commence-col .form-group input#completion_signature {
    height: 29px;
    width: auto;
}

.authorisation-commence-col .form-group input#commence_signature {
    height: 29px;
    width: auto;
}

.pre-table .removecls .fa.fa-times {
    position: relative;
    right: -48px;
    top: -27px;
    color: black;
}

.pre2-table .removeclsplant {
    position: absolute;
    right: -12px;
    top: 15px;
    padding: 1px 9px 2px 9px;
    color: white;
    background: black;
    border-radius: 4px;
}

.pre2-table td:nth-child(3) {
    position: relative;
}

.remove_field_dailydairy {
    position: absolute;
    right: -32px;
    top: 12px;
    background: black;
    color: white;
    padding: 0px 6px 0px 6px;
    border-radius: 4px;
}

.remove_field_dailydairy1 {
    display: table;
    height: 20px;
    margin: 0;
    position: relative;
    right: 0;
    text-align: center;
    top: 5px;
    width: 32px;
}

.plus-btn:focus {
    color: #fff;
    background-color: black !important;
    border-color: #122b40;
}

.btn-col .btn {
    float: left;
}

.authorisation-commence-col .form-group:nth-child(2) {
    float: right;
    display: table;
}

.horizontal-form-groups .form-group:nth-child(3) {
    display: table;
    float: left;
    width: 46%;
}

.horizontal-form-groups .form-group:nth-child(3) textarea {
    width: 100% !important;
}

.horizontal-form-groups .form-group:nth-child(5) {
    display: table;
    float: left;
    width: 46%;
}

.horizontal-form-groups .form-group:nth-child(5) textarea {
    width: 100% !important;
}

.horizontal-form-groups .form-group:nth-child(2) textarea {
    width: 88% !important;
}

.horizontal-form-groups .form-group:nth-child(4) textarea {
    float: right;
    width: 100% !important;
}

.horizontal-form-groups .form-group:nth-child(4) {
    display: table;
    float: right;
    width: 46%;
}

.horizontal-form-groups .form-group:nth-child(6) {
    display: table;
    float: right;
    width: 46%;
}

.horizontal-form-groups .form-group:nth-child(6) textarea {
    float: right;
    width: 100% !important;
}

.horizontal-form-groups .form-group label {
    display: block;
    width: 100%;
}

.horizontal-form-groups .form-group input {
    width: 99%;
}

.horizontal-form-groups .form-group:last-child input {
    width: 99%;
}

.comments-col .form-group input#is_signed {
    width: auto;
    height: 22px;
}

.commence-main-col input {
    width: auto;
    height: 30px;
}

.completion-box #completion_signature {
    width: auto;
}

.daywork-main-form .pre-table td {
    padding: 5px 5px 0 5px;
    vertical-align: top;
    position: relative;
}

.tables-main-col .fa.fa-trash.table-icon {
    position: absolute;
    right: -28px;
    top: 11px;
    padding: 4px 8px 4px 8px;
    color: white;
    background: black;
    border-radius: 4px;
}

.new-view-table th {
    border: solid 1px #C3C3C3;
    text-align: center;
}

.new-view-table th:first-child {
    width: 148px;
}

.new-view-table th:nth-child(2) {
    background: lightgrey none repeat scroll 0 0;
    width: 180px;
}

.new-view-table th {
    background: #bababa none repeat scroll 0 0;
    border: 1px solid grey;
    font-family: rob-reg;
    font-weight: normal;
    height: 38px;
}

.new-view-table .new-view-input-td:first-child {
    width: 148px;
}

.new-view-table th:nth-child(4) {
    background: lightgrey none repeat scroll 0 0;
}

.new-view-head-td:nth-child(1) {
    width: 140px;
}

.new-view-table .new-view-input-td:nth-child(2) {
    width: 195px;
}

.new-view-head-td:nth-child(2) {
    width: 195px;
}

.new-view-table .new-view-head-td {
    border: solid 1px #C3C3C3;
    text-align: center;
    height: 38px;
    font-family: rob-reg;
    font-size: 13px;
    background: #EAEAEA;
}

.new-view-table .new-view-input-td {
    border: solid 1px #C3C3C3;
    text-align: center;
    height: 38px;
    font-family: rob-reg;
    font-size: 13px;
    background: white;
    border-bottom: none;
}

.textarea-td {
    width: 100%;
    border: solid 1px #C3C3C3;
    padding: 0 0 12px 0;
    border-bottom: none;
    border-left: none;
    border-right: none;
}

.textarea-td input {
    width: 100%;
}

.new-view-table .new-view-head-td:nth-child(3) {
    width: 136px;
}

.new-view-head-td:nth-child(3) {
    width: 180px;
}

.new-view-table .new-view-head-td:nth-child(4) {
    width: 142px;
}

.new-view-head-td:nth-child(4) {
    width: 142px;
}

.new-view-table .new-view-head-td:nth-child(5) {
    width: 125px;
}

.new-view-head-td:nth-child(5) {
    width: 180px;
}

.new-view-table .new-view-head-td:nth-child(6) {
    width: 132px;
}

.new-view-head-td:nth-child(6) {
    width: 180px;
}

.new-view-table new-view-input-td:nth-child(3) {
    width: 180px;
}

.new-view-table new-view-input-td:nth-child(4) {
    width: 180px;
}

.new-view-table new-view-input-td:nth-child(5) {
    width: 180px;
}

.new-view-table new-view-input-td:nth-child(6) {
    width: 180px;
}

.textarea-main-td {
    border-top: none;
}

.textarea-main-td .table-textarea {
    width: 100%;
    border: solid 1px #C3C3C3;
    padding: 4px 0 0 8px;
    color: #333 !important;
    font-family: rob-reg;
    height: 40px;
    border-top: none;
}

.append-btn {
    background: transparent;
    border: solid 1px grey;
    border-radius: 25px;
    height: 22px;
    width: 22px;
    text-align: center;
    padding: 1px 0 0 1px;
    margin: 6px 0 0 0;
}

.daily-texts {
    width: 88%;
}

.new-view-input-td.cuspad:nth-child(3) {
    width: 136px;
}

.new-view-input-td.cuspad:nth-child(4) {
    width: 142px;
}

.new-view-input-td.cuspad:nth-child(5) {
    width: 125px;
}

.new-view-input-td.cuspad:nth-child(6) {
    width: 132px;
}

.txtfield {
    width: 100% !important;
}

.txtfield.form-control {
    text-align: center;
    border: none;
    box-shadow: none;
}

.btn.btn-primary.plus-btn.add-row.daily-diary-btn img {
    width: 12px;
}

.btn.btn-primary.plus-btn.add-row.daily-diary-btn {
    width: 32px;
    height: 20px;
    margin: 0;
}

.remove_field_dailydairy.remove_field_dailydairy1:hover {
    color: white;
}

.add-txt {
    height: 34px !important;
}

.nm0 td {
    background: #fefefe !important;
}

.nm4 td {
    background: #fefefe !important;
}

.nm0 .ui-datepicker-week-end {
    background: #3D3D3D !important;
}

.nm4 td {
    background: #3D3D3D !important;
}

.nm4 .ui-state-disabled {
    background: #fefefe !important;
}

.ll-skin-lugo td .ui-state-default {
    padding-top: 12px !important;
}

.formcontent>ul {
    list-style-type: none;
    padding: 15px 0 0 15px;
}

.progress-update-table th {
    border: solid 1px lightgray;
    text-align: center;
    font-weight: normal;
    font-family: rob-med;
    height: 70px;
    padding: 5px 8px 5px 8px;
    font-size: 12px;
}

.progress-update-table td {
    border: solid 1px lightgray;
    text-align: center;
    font-weight: normal;
    font-family: rob-reg;
    height: 48px;
}

.progress-update-main-col .progress-update-btn {
    float: right;
    margin: 20px 0 20px 0;
    background: #9C9897;
    border: none;
    border-radius: 0;
    color: black;
    text-shadow: none;
    font-family: rob-reg;
}

.jk-ul li {
    display: inline-block;
    list-style-type: none;
    width: 23%;
}

.remove {
    background: black none repeat scroll 0 0;
    border-radius: 4px;
    color: white;
    padding: 2px 6px;
    position: absolute;
    right: -30px;
    top: 13px;
}

.cpythis {
    position: relative;
}

.add-btn-col {
    padding: 0 !important;
    text-align: right;
}

.locationcontent {
    display: table;
    padding: 20px 0 0 0;
    width: 100%;
}

.timesheet-table2 td {
    border: 1px solid grey;
    font-family: rob-reg;
    font-size: 12px;
    height: 40px;
    text-align: center;
}

.timesheet-table2 .single-th {
    height: 44px;
    left: 15px;
    padding: 10px 0;
    position: absolute;
    top: 0;
    width: 204px;
}

.table-summary-th {
    background: transparent !important;
    border: none !important;
    width: 220px;
}

.timesheet-table2 tr:nth-child(odd) {
    background: #E7E7E7;
}

.timesheet-table2 th {
    background: #e0e0e0 none repeat scroll 0 0;
    border: 1px solid rgba(128, 128, 128, 0.6);
    font-family: rob-reg;
    font-weight: normal;
    height: 43px;
    text-align: center;
    text-transform: capitalize;
}

.timesheet-table2 td {
    border: 1px solid rgba(128, 128, 128, 0.6);
}

.timesheet-table2 tr:first-child {
    background: transparent;
}

table#fixTable {
    width: 3500px;
}


/* Paste this css to your style sheet file or under head tag */


/* This only works with JavaScript, if it's not present, don't show loader */

.no-js #loader {
    display: none;
}

.js #loader {
    display: block;
    position: absolute;
    left: 100px;
    top: 0;
}

.se-pre-con {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url(../images/Preloader_2.gif) center no-repeat #fff;
}

.selectLocation {
    background: black;
    color: white;
    padding: 4px 12px 4px 12px;
    border-radius: 4px;
    position: relative;
}

.selectLocation:hover {
    color: white;
    text-decoration: none;
}

#redarea,
#greenarea,
#amberarea {
    cursor: pointer;
}

.sel_loc {
    clear: both;
    color: #333;
    font-size: 15px;
    margin: 8px 0 0;
}

.search-ul .btn.btn-secondary {
    border: solid 1px grey;
    background: #A3A3A3;
    color: white;
    font-family: rob-reg;
}

.search-ul .form-control {
    border: solid 1px #A3A3A3;
    font-family: rob-reg;
}

.search-ul li {
    width: 20%;
}

.pagination a {
    background: lightgrey;
    padding: 4px 8px 4px 8px;
    text-align: center;
    margin: 0 0 0 3px;
    color: #333;
    font-family: rob-reg;
    border: solid 1px lightgrey;
}

.pagination strong {
    background: #FFEF48;
    padding: 4px 8px 4px 8px;
    text-align: center;
    margin: 0 0 0 3px;
    color: #333;
    font-family: rob-reg;
    border: solid 1px grey;
    border: solid 1px lightgrey;
}

.search-filter-col {
    padding: 0 0 0 0;
}

.search-filter {
    padding: 0;
    margin: 0 12px 0 0;
    width: 20%;
}

.search-filter-col input {
    border-radius: 0px;
}

.search-filter-col select {
    border-radius: 0px;
}

.search-filter-col .btn.btn-primary.add-btn {
    border-radius: 0;
    text-shadow: none;
    color: white;
    background: #A3A3A3;
    border: solid 1px #A3A3A3;
    font-family: rob-reg;
}

.main-table .first-row td {
    border: solid 1px #A3A3A3;
}

.boxes-form-groups ul li select {
    margin: 0 0 12px 0;
}

.timesheet-table2 {
    margin: 0 0 0 202px;
}

.timesheet-table2 td:first-child {
    background: #e7e7e7 none repeat scroll 0 0;
    border-top: medium none;
    height: 40px;
    left: 15px;
    padding: 10px 0;
    position: absolute;
    width: 204px;
}

.textarea-td.cuspad.relative-top {
    border: medium none;
    position: relative;
    top: -1px;
}

.view-edit-main-table .main-table tr td:first-child {
    text-align: left;
    width: auto;
}

.view-prestarts {
    min-width: 1242px;
}

.view-edit-main-table .main-table td {
    padding: 15px 12px;
}

.tables-main-col .fa.fa-trash.table-icon {
    position: absolute;
    right: -20px;
    top: 11px;
    padding: 4px 5px 4px 6px;
    color: white;
    background: black;
    border-radius: 4px;
}

.progress-update-table td {
    padding: 0 4px;
    position: relative;
}

.progress-update-table td input {
    border-radius: 0;
}

#planfile {
    position: relative;
    top: -4px;
}

.form-control {
    border-radius: 0px;
}

.box #chosendate {
    display: block;
    padding: 25px 0 25px 0;
}

.box {
    padding: 0 !important;
}

a:hover {
    text-decoration: none;
}

.locationcontent select {
    margin: 7px 0 25px 0;
    width: 100%;
    height: 120px;
    font-size: 18px;
}

.locationcontent .col-md-12 {
    padding: 0 12px 0 12px;
}

.locationcontent strong {
    position: relative;
    left: 12px;
    font-size: 18px;
}

#locationform .btn {
    float: right;
    position: relative;
    right: 36px;
    font-size: 18px;
}

#myModal_location .modal-content {
    padding: 0 0 12px 0;
}

#myModal_location .modal-dialog {
    width: 80%;
}

.tooltip-inner {
    min-width: 250px;
    min-height: 70px;
    background-color: #FFF;
    border: 1px solid #000;
    color: #000;
}

.table-ul li:first-child {
    width: 320px;
}

.table-ul li {
    width: 403.3px;
    text-align: center;
    background: #D3D1D2;
    padding: 0;
    margin: 0 0 0 -4px;
    font-size: 20px;
    vertical-align: middle;
    height: 38px;
    border-right: 1px solid rgba(0, 0, 0, 0.1);
}

#myModal_location .modal-title {
    font-size: 25px;
}

#myModal_location .close {
    position: relative;
    top: 9px;
}

.compdesc_box {
    float: left !important;
}

.pre-table {
    width: 100%;
}

.left.inner p>span {
    font-weight: bold;
    text-transform: capitalize;
}

.worksheet-pre-table2 td textarea {
    resize: none;
}

.container {
    width: 88%;
}

.table-ul li:first-child {
    width: 45%;
}

.table-ul li {
    background: #d3d1d2 none repeat scroll 0 0;
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    font-size: 20px;
    height: 38px;
    margin: 0 0 0 -4px;
    padding: 0;
    text-align: center;
    vertical-align: middle;
    width: 55%;
}

.signature-received-main-col h3 {
    font-family: rob-reg;
    margin: 0 0 32px;
    text-align: center;
}

.signature-received-textarea-col textarea {
    border: 1px solid lightgrey;
    margin: 0 0 25px;
    min-height: 102px;
    width: 100%;
}

.signature-received-textarea-col {
    display: table;
    float: none;
    margin: auto auto 32px;
}

.signature-received-textarea-col .btn {
    background: black;
    color: white;
    border: solid 1px black;
    border-radius: 0px;
    float: right;
    font-size: 15px;
    font-family: rob-reg;
}

.otherdesc {
    margin: 12px 0 0;
}

.uploaded-photos {
    padding: 0;
}

.uploaded-photos2 {
    margin: 15px 0 15px;
    padding: 0px;
}

.signaturebyclass ul.list-inline {
    margin: 8px 0 0;
    padding: 0;
}

.employee-logo-main-col.pad-zero .add-btn.btn {
    position: relative;
    right: 15px;
}

.new-view-table td:last-child {
    width: 162px;
}

.border-bottom-view td {
    border-bottom: solid 1px lightgrey !important;
}

.new-view-table.border-bottom-view {
    margin: 0 0 8px;
}

#additional_notes {
    height: 58px;
}

.input-icon>i {
    display: block;
    font-style: normal;
    pointer-events: none;
    position: absolute;
    right: 14px;
    text-align: right;
    top: 12px;
    width: auto;
    z-index: 1;
}

.input-icon>input {
    font-size: 13px;
    padding-left: 4px;
    padding-right: 4px;
    text-align: center;
}

.input-icon-right>i {
    right: 0;
}

.input-icon-right>input {
    padding-left: 0;
    padding-right: 25px;
    text-align: right;
}

#add-employee-modal {
    text-align: left;
}

#add-employee-modal .modal-content {
    display: table;
    width: 100%;
}

#add-employee-modal .modal-content .details-form label {
    display: block;
}

#add-employee-modal .modal-content .details-form select {
    width: 100% !important;
    height: 36px;
}

#add-employee-modal .modal-content .details-form input {
    width: 100%;
    height: 36px;
}

#add-employee-modal .modal-content .details-form #agencytxt {
    width: 100%;
}

#add-employee-modal .modal-header {
    border: medium none;
    padding: 5px 8px 0 0;
}

#add-employee-modal .modal-body {
    display: table;
    padding: 0 12px 20px;
    width: 100%;
}

.new-view-rows td {
    border-bottom: solid 1px lightgrey !important;
}

.new-view-table.new-view-rows {
    margin: -3px 0 9px;
}

.boxes-form-groups {
    position: relative;
}

.boxes-append-btn-col {
    position: absolute;
}

.boxes-append-btn-col {
    position: absolute;
    right: -32px;
    top: 27px;
}

.boxes-append-btn-col .btn {
    background: transparent;
    color: black;
    text-shadow: none;
    font-size: 22px;
    border: none;
    box-shadow: none;
}

.boxes-append-btn-col .btn:focus {
    background: transparent !important;
    box-shadow: none !important;
    color: black;
}

.new-view-table th:nth-child(2) {
    background: #8f8f8f;
}

.new-view-table th:nth-child(3) {
    background: rgb(211, 211, 211);
}

.locationdesc_txt {
    text-decoration: none;
    color: #000;
    float: left;
    text-align: left;
}

.locationdesc_txt:hover {
    text-decoration: none;
    color: #000;
}

.selectpricework {
    cursor: pointer;
}

.seltd {
    cursor: pointer;
}

.weeklytimesheetcls .worksheet-pre-table2 td {
    height: 70px;
}

.weeklytimesheetcls .worksheet-pre-table2 td:nth-child(2) i {
    position: relative;
    top: 9px;
}

.weeklytimesheetcls .worksheet-pre-table2 td:nth-child(2) input {
    position: relative;
    top: 10px;
}

.view-edit-main-table .buttons-group-ul {
    margin: 0 0 15px;
    text-align: right;
}

.view-edit-main-table .buttons-group-ul li {
    padding-right: 0px;
}

.harv-main-block-inner .bottom-main>ul {
    max-width: 1170px;
}

.buttons-group-ul.fixed-buttons {
    display: table;
    position: fixed;
    right: 23px;
    top: 37%;
    width: auto;
    z-index: 1;
}

.myInput-col #myInput {
    background-position: 10px 10px;
    background-repeat: no-repeat;
    border: 1px solid grey;
    border-radius: 42px;
    font-size: 16px;
    padding: 6px 20px 6px 40px;
    width: 100%;
}

.myInput-col {
    margin: 20px 0;
    position: relative;
}

.myInput-col>i {
    color: grey;
    font-size: 20px;
    left: 14px;
    position: absolute;
    top: 14px;
}

.top-head .col-sm-4.col-lg-4 .myInput-col>i {
    color: grey;
    font-size: 20px;
    left: 14px;
    position: absolute;
    top: 9px;
}

.main-table td>.pdf-icon {
    float: right;
    right: 0;
}

.main-table td>.pdf-icon>i {
    color: white;
}

#dayworksheet_ref {
    height: 90px !important;
}

.searcharea {
    margin: 8px auto auto;
    text-align: center;
    width: 80%;
    border-radius: 32px;
}

.progress-update-table.search-added-table th {
    height: 88px;
}

.search-added-table .searcharea {
    border-radius: 32px;
    width: 80px;
}

#example th>input {
    border: 1px solid lightgrey;
    border-radius: 10px;
    height: 32px;
    margin: 6px auto auto;
    padding: 0;
    text-align: center;
    width: 80px;
}

.modal-body .harv-main-block-inner {
    padding: 20px 8px;
}

.tooltip>div:nth-child(2) {
    background: white;
    border: solid 1px grey;
    font-size: 14px;
    font-weight: normal;
    font-family: rob-lig;
    min-width: 400px;
    height: auto !important;
}

.tooltip>div:first-child {
    background: #FFEF48;
}

.tooltip div span {
    color: red !important;
}

.harv-main-block-inner>#myModal>.modal-dialog>.modal-content {
    display: table;
    padding: 0 0 20px;
    width: 100%;
}

.scroll-table {
    max-height: 700px;
    overflow-y: scroll;
}

.scroll-table>table {
    margin-bottom: 0 !important;
}

.not-active {
    pointer-events: none;
    cursor: default;
}

.weekly-bottom-text {
    font-size: 13px;
    text-align: left;
}

label.al-new-select {
    cursor: default;
    margin: 0;
    overflow: hidden;
    position: relative;
}

label.al-new-select input {
    position: absolute;
    top: -50px;
}

label.al-new-select .cstm-checkbox {
    border: 1px solid grey;
    display: Flex;
    margin: 0 4px 0 0;
    padding: 0;
    height: 25px;
    width: 25px;
    cursor: pointer;
}

label.al-new-select input[disabled]+.cstm-checkbox,
label.al-new-select input[disabled="disabled"]+.cstm-checkbox {
    cursor: no-drop;
}

label.al-new-select .cstm-checkbox i {
    color: #2f3229;
    font-size: 14px;
    opacity: 0;
    margin: auto;
}

label.al-new-select .name {
    color: #333;
    font-family: rob-lig;
    font-size: 14px;
    vertical-align: middle;
}

label.al-new-select input:checked~.cstm-checkbox {
    border-color: grey;
    background: #FFEF48;
}

label.al-new-select input:checked~.cstm-checkbox i {
    opacity: 1;
}

label.al-new-select input:checked~span.name {
    color: #2F3229 !important;
}

label.al-new-select input:checked~.cstm-checkbox i {
    font-size: 20px;
}

.my-page-4-col .checkbox {
    bottom: -8px;
}


/* Select items */

.dropdown-item dd,
.dropdown-item dt {
    margin: 0px;
    padding: 0px;
}

.dropdown-item ul {
    margin: -1px 0 0 0;
}

.dropdown-item dd {
    position: relative;
}

.dropdown-item a,
.dropdown-item a:visited {
    color: #fff;
    text-decoration: none;
    outline: none;
    font-size: 12px;
}

.dropdown-item dt a {
    background-color: #575757;
    display: block;
    padding: 8px 20px 5px 10px;
    min-height: 25px;
    line-height: 24px;
    overflow: hidden;
    border: 0;
    width: 70%;
}

.dropdown-item dt a span,
.multiSel span {
    cursor: pointer;
    display: inline-block;
    padding: 0 3px 2px 0;
}

.dropdown-item dd ul {
    background-color: #575757;
    border: 0;
    color: #fff;
    display: none;
    left: 0px;
    padding: 2px 15px 9px 10px;
    top: 2px;
    width: 70%;
    list-style: none;
    height: auto;
    overflow: auto;
}

.dropdown-item span.value {
    display: none;
}

.dropdown-item dd ul li a {
    padding: 5px;
    display: block;
}

.dropdown-item dd ul li a:hover {
    background-color: #fff;
}

.dropdown-item-new dd,
.dropdown-item-new dt {
    margin: 0px;
    padding: 0px;
}

.dropdown-item-new ul {
    margin: -1px 0 0 0;
}

.dropdown-item-new dd {
    position: relative;
}

.dropdown-item-new a,
.dropdown-item-new a:visited {
    color: #fff;
    text-decoration: none;
    outline: none;
    font-size: 12px;
}

.dropdown-item-new dt a {
    background-color: #575757;
    display: block;
    padding: 8px 20px 5px 10px;
    min-height: 25px;
    line-height: 24px;
    overflow: hidden;
    border: 0;
    width: 70%;
}

.dropdown-item-new dt a span,
.multiSel span {
    cursor: pointer;
    display: inline-block;
    padding: 0 3px 2px 0;
}

.dropdown-item-new dd ul {
    background-color: #575757;
    border: 0;
    color: #fff;
    display: none;
    left: 0px;
    padding: 2px 15px 8px 10px;
    position: absolute;
    top: 2px;
    width: 70%;
    list-style: none;
    height: auto;
    overflow: auto;
}

.dropdown-item-new span.value {
    display: none;
}

.dropdown-item-new dd ul li a {
    padding: 5px;
    display: block;
}

.dropdown-item-new dd ul li a:hover {
    background-color: #fff;
}

div[title='Other,'] input:nth-child(odd) {
    width: 48%;
    float: left;
}

div[title='Other,'] input:nth-child(even) {
    width: 48%;
    float: right;
}

div[title='Other,'] input,
div[title='Other,-new'] input,
.showmeterialData input,
.showmeterialData-new input {
    margin: 0 0 12px 0;
}

div[title='Other,-new'] input:nth-child(odd) {
    width: 48%;
    float: left;
}

div[title='Other,-new'] input:nth-child(even) {
    width: 48%;
    float: right;
}

.multiSel,
.multiSel-new {
    margin: 0;
}

.scroll-content .progress-update-main-col {
    height: 400px;
    overflow: auto;
    width: 100%;
}

.col-md-12.select-col {
    margin: 0 0 12px;
    display: table;
    width: 100%;
    z-index: 1;
}

.formcontent ul li input {
    position: relative;
    top: 1px;
}

#emaillist_commence p input {
    position: relative;
    top: 1px;
}

.disablecls {
    pointer-events: none;
}

.lost-pass-col p,
.lost-pass-col h1 {
    text-align: center;
}

.lost-pass-col {
    padding: 4% 0 4% 0;
    margin: auto;
    float: none;
}

.lost-pass-col .form-control {
    width: 100%;
}

.lost-pass-col label,
.lost-pass-col small {
    display: block;
    width: 100%;
}

.lost-pass-col form {
    width: 58%;
    margin: auto;
    margin-top: 8%;
}

.lost-pass-col small {
    margin-bottom: 6%;
}

.lost-pass-col #button {
    display: block;
    width: 100%;
    background: #757577;
    border: solid 1px #757577;
    color: white;
    padding: 5px 0 5px 0;
    font-size: 20px;
}

.remove-logout .inner.right.col-sm-1.col-lg-2 {
    display: none;
}

.modal-content.scroll-content.scroll-height .modal-body {
    padding: 0 !important;
}

@media(min-width: 1650px) and (max-width: 2500px) {
    .modal-content.scroll-content.scroll-height .progress-update-main-col {
        height: auto;
        max-height: 700px;
    }
}

@media(min-width: 2501px) {
    .modal-content.scroll-content.scroll-height .progress-update-main-col {
        height: auto;
        max-height: 950px;
    }
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .formcontent ul li input {
        position: relative !important;
        top: 1.5px;
    }
    #emaillist_commence p input {
        position: relative !important;
        top: 1.5px;
    }
}

@media(min-width: 1800px) {
    .formcontent ul li input {
        position: relative !important;
        top: -1.5px;
    }
    #emaillist_commence p input {
        position: relative !important;
        top: -1.5px;
    }
}

@media(min-width: 1400px) {
    #example th>input {
        width: 88%;
    }
}

@media(min-width: 1500px) {
    .harv-main-block-inner .bottom-main ul li .top {
        height: 259px;
        width: 259px;
    }
}

@media(min-width: 768px) and (max-width: 992px) {
    .dropdown-item-new dd ul {
        position: static;
        width: 100%;
    }
    .dropdown-item-new>dt>a {
        width: 100%;
    }
    .top-head ul li {
        margin-bottom: 3px;
    }
    .search-filter-col .btn.btn-primary.add-btn {
        padding: 6px 4px !important;
    }
    .daily-diary-main-table .pre-table>thead {
        padding-right: 0px !important;
    }
    .new-view-table .new-view-input-td:nth-child(2) {
        width: 146px;
    }
    .new-view-table .new-view-input-td:first-child {
        width: 125px;
    }
    .new-view-input-td.cuspad:nth-child(3) {
        width: 116px;
    }
    .new-view-table.new-view-rows {
        margin: 0px 0 9px !important;
    }
    .container {
        width: 100%;
        padding: 0px;
    }
}

@media(min-width: 1200px) and (max-width: 1300px) {
    .container {
        width: 95%;
        padding: 0px;
    }
}

@media (min-width: 1400px) {
    .pre-table td:nth-child(4) input,
    .pre-table td:nth-child(5) input,
    .pre-table td:nth-child(6) input,
    .pre-table td:nth-child(7) input,
    .pre-table td:nth-child(8) input,
    .pre-table td:nth-child(9) input,
    .pre-table td:nth-child(10) input,
    .pre-table td:nth-child(11) input,
    .pre-table td:nth-child(12) input {
        width: 100% !important;
    }
    .daywork-main-form .pre-table th:nth-last-child(2) {
        font-size: 12px;
        width: 58px;
    }
    .daywork-main-form .pre-table th:last-child {
        font-size: 12px;
        width: 58px;
    }
    .daywork-main-form .pre-table th:first-child {
        width: 32%;
    }
    .daywork-main-form .pre-table th:nth-child(2) {
        width: 15%;
    }
    .daywork-main-form .pre-table th:nth-child(3) {
        width: 15%;
    }
}

@media(min-width: 1800px) {
    .locationcontent strong {
        font-size: 17px;
    }
    .locationcontent select {
        font-size: 16px;
    }
    #locationform .btn {
        font-size: 16px;
    }
    #myModal_complete input {
        position: relative;
        top: 1px;
    }
    #myModal_commence input {
        position: relative;
        top: 1px;
    }
}

@media(min-width: 1400px) {
    .my-page-4-col {
        min-height: 274px !important;
    }
}

@media(min-width: 0px) and (max-width: 992px) {
    .responsive-col {
        width: 1070px;
    }
}

@media(min-width: 993px) and (max-width: 1199px) {
    .new-view-table.new-view-rows {
        margin: 0px 0 9px;
    }
    .daily-diary-main-table .pre-table>thead {
        padding-right: 0px !important;
    }
}

@media (min-width: 120px) and (max-width: 991px) {
    .col-md-4.table-responsive.summary-table-col {
        width: 100% !important;
    }
}

@media(min-width:0px) and (max-width:1200px) {
    .responsive-col {
        width: 1200px;
    }
}

@media(min-width:0px) and (max-width: 767px) {
    .notes-main-col {
        display: table;
    }
}

.jsgrid-grid-body {
    max-height: 432px !important;
}

.jsgrid-pager {
    text-align: center;
    margin-top: 15px;
    margin-bottom: 10px;
}

.jsgrid-pager-page {
    padding: 0;
    display: inline-block;
    margin: 0 2px 0 2px;
    font-family: rob-lig;
    font-size: 15px;
}

.jsgrid-pager-page a {
    padding: .2em .6em;
    display: block;
    border: solid 1px lightgrey;
    background: #dcdcdc;
    color: grey;
}

.jsgrid-pager-page.jsgrid-pager-current-page,
.jsgrid-pager-nav-button a {
    display: inline-block;
    padding: .2em .6em;
    background: #FFEF48;
    border: solid 1px lightgrey;
    font-family: rob-med;
    color: #333;
}

.jsgrid-pager-nav-button {
    padding: 0px;
    font-size: 15px;
}

@media(min-width: 1900px) and (max-width: 2300px) {
    .jsgrid-grid-body {
        max-height: 602px !important;
    }
}

@media(min-width: 2500px) and (max-width: 4000px) {
    .jsgrid-grid-body {
        max-height: 870px !important;
    }
}

@media(min-width: 4001px) {
    .jsgrid-grid-body {
        max-height: 1780px !important;
    }
}

.daily-diary-main-table .pre-table>thead {
    position: absolute;
    top: 0;
    z-index: 111;
    display: block;
    width: 100%;
    padding-right: 17px;
}

.daily-diary-main-table .pre-table>tbody {
    display: block;
    padding-top: 77px;
    max-height: 510px;
    overflow-y: scroll;
}

.daily-diary-main-table .pre-table>thead>tr,
.daily-diary-main-table .pre-table>thead>tr>td,
.daily-diary-main-table .pre-table>tbody,
.daily-diary-main-table .pre-table>tbody>tr,
.daily-diary-main-table .pre-table>tbody>tr>td {
    display: block;
    width: 100%;
}

@media(min-width: 1400px) {
    .daily-diary-main-table .pre-table>tbody {
        max-height: 750px;
    }
}

.choose-your-project {
    margin: 0;
    font-size: 20px;
    font-family: rob-lig;
}

.alp-ul-li-a {
    padding: 0;
    margin: 0;
    text-align: center;
}

.alp-ul-li-a li {
    display: inline-block;
    margin: 0 !important;
}

.alp-ul-li-a li a {
    display: inline-flex !important;
    font-size: 17px;
    margin-right: 9px;
    min-width: 25px;
    text-align: center;
    color: black;
    border-radius: 5px;
    height: 45px;
    align-items: center;
    justify-content: center;
    transition: 0.2s;
    border: 1px solid lightgray;
    text-transform: uppercase;
    background: white;
    margin-bottom: 0px;
}

.alp-ul-li-a li.active a,
.alp-ul-li-a li a:hover {
    background: #ffef48;
    border-color: #ffef48;
}

.alp-main-div {
    margin-top: 30px;
    margin-bottom: 15px;
    background: #e7e7e7;
    padding-top: 15px;
    padding-bottom: 15px;
}

.grib-view a i {
    padding: 8px;
    font-size: 15px;
    border: 1px solid lightgray;
    color: #696969;
    margin-right: 15px;
    transition: 0.2s;
    background: #ffffff;
}

.view-list-grid {
    padding: 0;
    padding-bottom: 15px;
    border-bottom: 1px solid lightgray;
}

.grib-view a.active i,
.grib-view a i:hover {
    background: #ffef48;
    border-color: #ffef48;
}

.pro-number {
    margin: 0;
    font-size: 22px;
    padding: 15px 0;
    font-family: rob-reg;
    color: #666666;
}

.no-project-and-page {
    padding: 0;
}

.page-ul {
    display: inline-block;
    margin: 0;
    padding: 0;
}

.links-an:hover {
    background: #757577;
    color: #fbfbfd;
}

.page-ul li a {
    color: #666666;
    font-family: rob-reg;
    transition: 0.2s;
}

.page-ul li a:hover {
    color: black;
}

.no-project-and-page-right {
    text-align: right;
    font-size: 22px;
    padding: 15px 0;
    font-family: rob-reg;
    color: #666666;
}

.col-xs-12.pro-detail-main-div {
    display: flex;
    padding: 0;
    padding-bottom: 40px;
    border-bottom: 3px solid lightgray;
    margin-bottom: 30px;
}

.div-1 {
    padding: 0;
}

.left-part {
    height: 200px;
    width: 200px;
    background: #757577;
    border: 5px solid transparent;
    transition: 0.2s;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.left-part:hover {
    border: 5px solid #ffef48;
}

.left-div-in-p {
    font-family: rob-reg;
    font-size: 20px;
    color: #efefef;
    padding: 0 20px;
    text-align: center;
}

.div-1.col-xs-3 {
    width: 20%;
}

.names {
    font-size: 18px;
    color: #000;
    vertical-align: top;
    padding-bottom: 10px;
}

.disc-right {
    vertical-align: top;
    font-size: 16px;
    color: #666;
    border-left: 3px solid lightgray;
    padding-left: 30px;
    padding-bottom: 15px;
}

.links-an {
    border: 1px solid #757577;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 5px 10px;
    color: #000;
    font-size: 17px;
    border-radius: 5px;
    min-width: 170px;
    display: inline-block;
    text-align: center;
    transition: 0.2s;
}

.div-2 {
    width: 80%;
}

.overflow-hidden-a {
    overflow-x: auto;
    width: 850px;
    display: flex;
    margin-left: -2px;
    scrollbar-color: #C1C1C1 #e4e0e0;
}

@media screen and (min-width:1400px) {
    .alp-ul-li-a li a {
        display: inline-flex;
        font-size: 20px;
        margin-right: 9px;
        min-width: 45px;
        text-align: center;
        color: black;
        border-radius: 10px;
        height: 45px;
        align-items: center;
        justify-content: center;
        transition: 0.2s;
        border: 1px solid lightgray;
        text-transform: uppercase;
        background: white;
        margin-bottom: 15px;
    }
    .overflow-hidden-a {
        width: auto;
        margin-left: -2px;
        flex-wrap: wrap;
    }
    .disc-right {
        font-size: 22px;
        padding-left: 30px;
        padding-bottom: 15px;
    }
    .names {
        font-size: 22px;
        vertical-align: top;
        padding-bottom: 15px;
    }
    .alp-main-div {
        margin-top: 30px;
        margin-bottom: 30px;
        padding-top: 30px;
        padding-bottom: 30px;
    }
    /*    .div-1.col-xs-3 {
            width: 15%;
        }
        .div-2 {
            width: 85%;
        }*/
    .left-part {
        height: 259px;
        width: 259px;
    }
    .grib-view a i {
        font-size: 22px;
    }
    .choose-your-project {
        font-size: 25px;
    }
    .div-2>table {
        width: 100%;
    }
}

.ul-padding-li {
    padding: 0;
}

.ul-padding-li {
    padding: 0;
}

.text {
    padding: 0;
    text-align: center;
}

.box {
    border: 1px solid #757577;
    min-height: 30px;
    min-width: 81px;
}

.disc-right ul div {
    width: auto;
    display: block;
    clear: both;
    min-width: 100px;
    font-size: 17px;
}

.ul-padding-li li {
    margin: 0px !important;
}

.ul-padding-li {
    margin: 0px !important;
}

.multiple-file-download-button {
    padding: 0px;
    margin: 0 0 15px 0;
}

.black-btn {
    margin: 0;
    border-radius: 0;
    background: black;
    border: none;
    font-size: 16px;
    font-family: rob-reg;
    width: auto;
    color: white !important;
    padding: 10px 20px;
    display: inline-block;
}

.styled-checkbox input {
    display: none;
}

.styled-checkbox .multiple-download-check:checked~.fa {
    opacity: 1 !important;
}

#myModal_commenceAttachPdf .custom-file-upload {
    top: 0px;
}

#myModal_commenceAttachPdf .formcontent {
    padding: 32px 0 10px;
}

.commence-msg-col {
    font-size: 16px;
}

.commence-msg-col .error {
    color: red;
}

.commence-msg-col .success {
    color: green;
}

.early-warning-main-col .form-group.col-sm-6 {
    width: 50%;
}

.early-warning-main-col .form-group.col-sm-4 {
    width: 33.33333333%;
}

.early-warning-main-col .form-group.left {
    padding-left: 0px;
}

.early-warning-main-col .form-group.right {
    padding-right: 0px;
}

.early-warning-main-col .form-group.col-xs-12.col-sm-12,
.early-warning-main-col .form-control.col-xs-12.col-sm-12 {
    width: 100%;
    padding: 0px;
}

.early-warning-main-col .form-control.col-xs-12.col-sm-10 {
    width: calc(100% - 242px);
}

.early-warning-main-col label.col-sm-3 {
    width: 100%;
    margin: 0px;
    max-width: 242px;
}

.early-warning-main-col label {
    font-size: 13px !important;
}

.early-warning-main-col .form-group {
    margin: 0 0 17px 0 !important;
}

.inherit-col {
    padding: 10px 20px;
    margin: 20px 0 20px 0;
    background: #e0e0e0;
}

.form-group.description-textarea {
    margin: 16px 0 0 0 !important;
}

.early-warning-main-col select.form-control {
    padding: 0 10px !important;
}
.nw11{
    padding: auto;
}