/*------------------------------------------------------------------
[Master Stylesheet]

Project:        eFieldData
Version:        Initial
Last change:    17/12/2019
Primary use:    Tierra, GSE, Bechtol
Author:         Developer
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
1. Navigation
2. Kendo Grid
3. Filter
4. Common
5. Bootstrap - Override
6. angular validation
7. EfiedData New Style
8. iPad 1, 2, Mini and Air
9. Common Style Changes
10. Efield Inline common changes
11. Width 1 to 30, 33, 35, 36, 38, 40, 45, 50, 70, 80, 87, 95, 99 percentages
12. Lab Common Style
13. Workorder Common Style
14. TimeSheet common style
15. Project Common Style
16. Invoice Common Style
17. Setting Common Style
18. Account Common Style
19. Client Common Style
20. ClientPortalList Common Style
21. Table scroll changes
22. Workorder Page Inline Common Style
-------------------------------------------------------------------*/

/*Navigation - Starts Here*/
.ClientsMenu, .ProjectsMenu, .SubProjectsMenu, .WorkOrdersMenu, .ReportsMenu, .LabTestsMenu, .InvoicesMenu, .TimeSheetsMenu, .MobileDashboardMenu, .ProjectMetrics, .InvoiceSummary {
    display: none;
}

.upp_nav ul {
    list-style: outside none none;
    margin: -1px 0 0;
    padding: 0;
}

    .upp_nav ul li {
        color: #fff;
        float: left;
        font-family: "open_sansregular";
        font-size: 13px;
        list-style: outside none none;
        padding: 9px 5px;
    }

        .upp_nav ul li a {
            color: #fff;
            font-family: "open_sansregular";
            font-size: 13px;
            padding: 12px 10px 21px;
            text-decoration: none;
        }

/* @font-face {
    font-family:;
} */

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    border-top: 1px solid #dddddd;
    line-height: 1.42857;
    vertical-align: top;
}

#navigation li.dashboard {
    background: none repeat scroll 0 0 #3F51B5;
    border-radius: 7px;
    padding: 0% !important;
}

#navigation > li > a {
    font-size: 13pt;
    padding: 4px 21px;
}

#navigation {
    float: left !important;
    width: 100%;
}

    #navigation > li.active, #navigation > li.actives {
        padding: 0.4% 2% 0.2%;
        color: #fff;
        background: #5895AB;
    }

    #navigation > li > a {
        color: #fff;
    }

        #navigation > li > a:hover, #navigation > li > a:focus, #navigation > li.active > a:hover, #navigation > li.active > a:focus {
            background: transparent !important;
            color: #fff;
        }

.dropdown-menu li a {
    color: #ffffff;
    text-decoration: none;
    padding: 0;
}

.dropdown-menu {
    background-clip: padding-box;
    background-color: #ebebeb;
    border: 1px solid #eaf3f3;
    border-radius: 0px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
    color: #fff !important;
    display: none;
    float: left;
    font-size: 13px !important;
    list-style: none outside none;
    margin: 2px -1px 0;
    padding: 5px;
    position: absolute;
    text-align: left;
    top: 100%;
    z-index: 1000;
}

    .reqdropdown-menu li a {
        color: #ffffff;
        text-decoration: none;
        padding: 0;
    }

.reqdropdown-menu {
    background-clip: padding-box;
    background-color: #ebebeb;
    border: 1px solid #eaf3f3;
    border-radius: 0px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
    color: #fff !important;
    display: none;
    float: left;
    font-size: 13px !important;
    list-style: none outside none;
    margin: 2px -1px 0;
    padding: 5px;
    position: absolute;
    text-align: left;
    top: 75%;
    z-index: 1000;
}

h3, .h3 {
    font-size: 17px; /* 18px */
}

h1, .h1, h2, .h2, h3, .h3 {
    margin-bottom: 0.1%;
    margin-top: 0px;
}

.form-horizontal .control-label {
    padding-top: 0px; /* 4px; */
}

.form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline {
    padding-top: 4px;
}

.container {
    padding-left: 15px;
    padding-right: 15px;
}

.form-horizontal .form-group .control-label {
    font-size: 13px;
    font-weight: 700;
}

.form-horizontal .form-group .control-label {
    text-align: right;
}

label {
    color: #5f6368 !important;
}

table.grid-style thead tr th {
    background: #84ACB6;
}

table.grid-style {
    position: relative;
}

    table.grid-style > tbody > tr > td {
        border: 1px solid #eaf3f3 !important; /* DFDFDF */
    }

table.grid-style {
    border: 1px solid #eaf3f3 !important; /* DFDFDF */
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0px;
}

th {
    cursor: pointer;
}

table.grid-style thead tr th, table.grid-style tbody tr.gridrow td, table.grid-style tbody tr.gridrow_alternate td {
    padding: 2px 1px 9px 3px;
    border-right-color: #eaf3f3 !important;
}

    table.grid-style thead tr th a {
        font-size: 13px;
        text-decoration: none;
    }

        table.grid-style thead tr th a:hover {
            font-size: 13px;
            text-decoration: none;
            color: #66883F;
            background-color: transparent !important;
        }

tr.gridrow {
    background-color: #F8F8F8;
}

.table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th {
    background-color: #f9f9f9;
}

.navbar-default .navbar-right > li > a:hover, .navbar-default .navbar-right > li > a:focus {
    color: #000;
    background-color: transparent;
}

.navbar-default .navbar-right > .open > a, .navbar-default .navbar-right > .open > a:hover, .navbar-default .navbar-right > .open > a:focus {
    background-color: transparent;
    color: #000;
}

#delete {
    display: none;
}
/*#datetime
{
    text-align: right;
}*/
.navbar-default .navbar-left > li > a:hover, .navbar-default .navbar-left > li > a:focus {
    color: #fff;
    background-color: transparent;
}

.navbar-header {
    float: none;
}

body {
    background-color: #fff;
}

.DashboardMenu {
    display: block !important;
}

.navbar-default .navbar-left > li:hover {
    background: #5895AB !important;
}

.pagination > li > a, .pagination > li > span {
    padding: 2px 9px;
}

.navbar-left {
    width: 100%;
}

.bg-greydata {
    background-color: #d8d8d8 !important;
}

.navbar-nav > li > a {
    line-height: normal !important;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    background: none;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    background-color: transparent;
    color: #176CED;
    text-decoration: none;
}

#headertitle {
    font-size: 36px;
    margin-bottom: 0.5%;
    margin-right: 33%;
    text-align: right;
    color: #000;
    line-height: 0.6;
}

div.blockUI.blockMsg.blockPage {
    background-color: transparent !important;
    border: 0px solid #d8d7d3 !important;
}

.navbar-default {
    background-image: none;
    background-color: #fff !important;
    border-bottom: 2px solid #e3e3e3 !important;
    border-color: #e3e3e3;
    border-top: 0px solid #e3e3e3 !important;
    border-left: 0px solid #e3e3e3 !important;
    border-right: 0px solid #e3e3e3 !important;
}

body {
    font-size: 13px !important;
    font-family: Lato, sans-serif;
}

.navbar {
    margin-bottom: 0px;
    border-bottom-width: 1px;
}
/*Navigation - Ends Here*/

/* Kendo Grid - Starts Here */
.k-grid tr td {
    border: 0px solid #ffffff;
}

.k-grid-header .k-header > .k-link {
    font-weight: bold;
}

table tbody tr td {
    border-bottom: 2px solid #fff !important;
}

.nav-tabs > li > a:hover, .nav-tabs > li > a:focus, .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus, .nav-tabs .open > a, .nav-tabs .open > a:hover, .nav-tabs .open > a:focus {
    padding: 4px;
    margin-top: 0;
}

.nav-tabs > li > a {
    padding: 4px;
    margin-top: 0;
}
/* Kendo Grid - Ends Here */

/*Filter - Starts Here*/
.filter {
    background-color: #b0b1b2;
    border: solid 1px #2959A2;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    padding: 0.2% 0 0.2% 0;
    margin-bottom: 0.5%;
    color: #555555;
}

    .filter .date_picker {
        float: right;
        right: 30%;
    }

    .filter .control-label {
        margin-right: 0.5%;
    }

    .filter .form-control {
        margin-right: 1%;
    }

    .filter h5 {
        font-size: 18pt;
    }

    .filter .move_bottom, .headertop {
        margin-top: 0.5%;
    }

@media (max-width:450px) {
    .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
        text-decoration: none;
        color: #ffffff;
        background-color: transparent !important;
    }

    .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header {
        padding: 0;
    }

    .dropdown-menu > li > a {
        text-align: left;
    }

    .navbar-nav .open .dropdown-menu {
        position: absolute !important;
        float: left;
        top: 100%;
        z-index: 1000;
        text-align: left;
        font-size: 13px;
        min-width: 114px;
        margin-top: 0;
        background-color: #000 !important;
        border: 0;
        box-shadow: none;
    }

    ul.nav.navbar-nav.navbar-right {
        float: right !important;
        width: 98%;
    }

    .navbar-brand {
        float: left;
        font-size: 17px;
        height: 45px;
        line-height: 20px;
        padding: 1%;
    }

    .navbar-default .navbar-nav > li {
        width: 100% !important;
    }

    .navbar-left {
        margin-top: -0.5%;
        width: 100% !important;
    }

    .navbar-nav li.dashboard {
        background-color: #AEA59C;
        border-radius: 0px;
        border-bottom: 1px solid #fff;
    }
}

@media (max-width:700px) {
    .navbar-default .navbar-nav > li {
        width: 42%;
    }

    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        border-color: transparent !important;
    }

    #logo {
        height: auto;
        position: relative;
        top: -11px;
        width: 63% !important;
    }

    .navbar-default {
        border-color: #ffffff;
    }

        .navbar-default .navbar-nav > li > a {
            padding-top: 3% !important;
        }

        .navbar-default .navbar-collapse, .navbar-default .navbar-form {
            padding-top: 5%;
        }

    .pad_span {
        padding: 9% 10% !important;
    }

    #fixedgradetable thead tr th:nth-child(3) {
        text-align: left;
        width: 73% !important;
    }

    /*Edited by Dinesh*/
    #dashboard {
        width: 100%;
        overflow-y: scroll !important;
    }

    .k-dropdown, .k-dropdown-wrap {
        width: 90% !important;
    }
}

@media (max-width:970px) {
    .filter .date_picker {
        right: 20%;
    }
}

@media (max-width:768px) {
    .filter {
        padding-bottom: 0.8%;
    }

        .filter h5 {
            text-align: center;
            font-size: 17px;
        }

        .filter .date_picker {
            right: 0%;
        }

    .workorderreviewed {
        margin-top: 30px;
    }
}
/*Filter - Ends Here*/

/*Common - Starts Here*/
#gradeByCourse, #attendanceDashboard {
    height: auto !important;
    overflow-y: scroll;
}

#saveButton, .saveButton {
    padding: 0.5% 2.5%;
    background-image: url(../../Images/green.png);
    background-size: cover;
    color: #FFF;
    border: 0px solid #3F51B5 !important;
    /*font-weight: bold;*/
}

#cancelButton, .cancelButton, .k-scheduler-cancel, .k-grid-cancel, .k-scheduler-cancel:hover, .k-grid-cancel, .k-grid-cancel:hover {
    padding: 0.5% 2.5%;
    background-size: cover;
    color: #FFF;
    border: 0px solid #3F51B5 !important;
    /*font-weight: bold;*/
    padding: 2px 8px !important;
    background-color: Gray !important;
    border-radius: 0px;
}

.cancel {
    background-image: url(../../Images/reset.png);
    background-size: cover;
    color: #FFF;
    padding: 2px 8px;
}

#btnExport {
    padding: 0.5% 2.5%;
    background: none repeat scroll 0% 0% #00AFD7;
    color: #FFF;
    border: 0px solid #00AFD7 !important;
    font-weight: bold;
    border-radius: 4px;
}

    #btnExport:hover {
        padding: 0.5% 2.5%;
        background: none repeat scroll 0% 0% #A8D7E8;
        color: #FFF;
        border: 0px solid #A8D7E8 !important;
        font-weight: bold;
        border-radius: 4px;
    }

@media (min-width:768px) {
    #ddlTermGrade {
        margin-left: 4%;
        margin-right: 7%;
    }

    button.btn.Present, button.btn.T, button.btn.Absent {
        margin-right: 10px;
    }

    div.col-md-6.tb1 {
        width: 38%;
        float: left;
        padding-right: 5px;
    }

    div.col-md-3.tb2 {
        width: 30%;
        float: left;
        padding-right: 5px;
    }

    div.col-md-3.tb3 {
        width: 30%;
        float: left;
    }

    table.tb4 {
        margin-top: -56px;
    }

    .db-cd-table > thead > tr > td, .db-cd-table > tbody > tr > td {
        padding: 3px;
    }
}

.text-common {
    color: #6495ed;
    font-weight: bold;
}

.v_align {
    vertical-align: middle !important;
}

.bold {
    font-weight: bold;
}

.pad_one_percent {
    padding: 1%;
}

.inline_block {
    display: inline-block;
}

div.modal_button {
    padding: 5px;
}

    div.modal_button .btn {
        margin-bottom: 0.5%;
    }

table .cr {
    min-width: 30px;
}

.pad_span {
    padding: 7px 9px;
}

.form-control {
    padding: 4px 0px;
    height: auto;
    border: 1px solid #eaf3f3; /* #eae1e1 */
    font-size: 13px !important;
}

table a, .table a {
    text-decoration: none;
    color: #5f6368; /* #000 */
    cursor: pointer;
}

.text-center {
    text-align: left;
}

ul#myTab li.active a {
    background-image: url(../../Images/submenu.png);
    background-size: cover;
    /*color: #fff;*/
    font-weight: bold;
}

ul#myTabHeader li.active a {
    background-color: #59C065 !important;
    color: #fff;
}

ul#myTab li a {
    background: #ffffff;
    color: #000;
    /*font-weight: bold;*/
    border: 2px solid #3F51B5 !important;
}

ul#myTabHeader li a {
    background: #ffffff;
    color: #5f6368;
    /*font-weight: bold;*/
    border: 2px solid #3F51B5 !important;
}
/*Common - Ends Here*/

/* Bootstrap - Override - Starts Here */
.navbar-default .navbar-left > li > a {
    color: #fff;
    font-size: 1em;
    padding: 0px 0px;
    font-size: 13pt;
}

.navbar-default .navbar-right > li > a {
    color: #000;
    font-size: 1em;
    padding: 0px 0px;
    font-size: 13pt;
}

.navbar-default .navbar-nav > li.active > a {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-bottom: 0 solid #b3d57d;
    color: #fff;
    padding-bottom: 0 !important;
}

.navbar-default .navbar-nav > li.active {
    background: #5895AB;
    color: #ffffff;
}

.navbar-nav.navbar-right:last-child {
    margin-right: 1%;
    position: relative;
    top: -35%;
    width: 9%;
}

.navbar-default .navbar-nav > li.active > a > i {
    color: #ffffff;
}

.navbar-default .navbar-nav > li {
    margin-left: 0.1% !important;
}

.navbar-default .navbar-nav {
    padding-top: 0%;
}

.navbar-collapse {
    padding-left: 0px;
}

input {
    border: 1px solid #ccc;
    border-radius: 3px;
    line-height: 1.65em;
    padding: .177em 0;
    text-indent: .33em;
    border-color: #eaf3f3; /* dedcd7 */
}

.ng-table th.sortable.sort-desc, .ng-table th.sortable.sort-asc {
    text-shadow: none;
}

table thead th {
    background: #00AFD7;
    border-right: 1px solid #dddddd !important;
}

#logo {
    height: auto;
    width: 38%;
    top: -11px;
    position: relative;
}

.navbar {
    border-bottom: 0px solid #59C065 !important; /* 6px solid #41A028 !important; */
}

.control-label {
    font-weight: bold;
    text-align: right;
    margin-top: 3px;
}

/*.bg-success, .bg-warning, .bg-danger, .bg-yellow, .bg-normal, .bg-dangers, .bg-danger-db
{
    font-weight: bold;
    color: #fff;
}*/
table tbody tr td a:hover {
    color: #3F51B5;
}

.cg-normal {
    color: #71757b !important;
}

.bg-yellow {
    background-color: yellow;
    color: #000;
}

.bg-transparent {
    background-color: #fff;
}

.text-success, .text-warning, .text-danger, .text-dangers {
    font-weight: bold;
}

    .text-success, .text-success:hover {
        color: #78be20;
    }

    .text-warning, .text-warning:hover {
        color: #eb7722;
    }

    .text-danger, .text-danger:hover {
        color: #DD5047;
    }

    .text-dangers, .text-dangers:hover {
        color: #DD5047;
    }

.text-gray, .text-gray:hover {
    color: #C0C0C0;
}

div.modal-header, div.modal-body, div.modal-footer {
    background: #ffffff;
}

div.modal-footer {
    margin-top: 0px;
    background: #eeeeee;
}

#myModalLabel {
    color: #5F6368;
}

footer {
    display: none;
}

.date_picker {
    border: 1px solid #003DA5;
    border-radius: 7px;
}

    .date_picker .input {
        padding: 0;
    }

    .date_picker .dropdown-menu {
        padding-top: 0 !important;
        left: -10% !important;
    }

    .date_picker .form-control {
        height: auto;
        width: 110% !important;
    }

    .date_picker .btn {
        border-width: 0;
    }

    .date_picker .text-info, .date_picker .text-info:hover {
        color: #003DA5;
    }

    .date_picker .btn:hover {
        margin-top: 0;
    }

.table .glyphicon {
    color: #003DA5;
}

.bg-warning {
    background: #eb7722;
}

.bg-success {
    background: rgb(89 192 101 / 44%); /*#7ad785; */ /* #78be20 */
}

.bg-danger {
    background: #DD5047;
}

.bg-danger-db {
    background: #DD5047;
}

.bg-normal {
    background: rgb(176, 177, 178);
}

.bg-dangers {
    background: rgb(176, 177, 178);
}

.table-bordered {
    border: 2px solid #2959A2;
}

h4, .h4, h5, .h5, h6, .h6 {
    margin-top: 0px;
}
/* Bootstrap - Overide -- Ends Here*/

.hide {
    display: none;
}

/*angular validation*/
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
    display: none !important;
}

.close {
    color: #f20b0b;
    float: right;
    font-size: 13px;
    font-weight: bold;
    line-height: 1;
    opacity: 1;
    text-shadow: 0 1px 0 #ffffff;
    margin-top: 4px;
}

    .close:hover {
        color: #f20b0b;
    }

@media all and (max-width: 450px) {
    div.modal {
        border-radius: 5px;
        left: 2%;
        overflow-y: hidden;
        top: 4%;
        width: 97%;
    }

    .modal-header {
        border-bottom: 1px solid #e5e5e5;
        min-height: 16.429px;
        padding: 8px;
    }
}

@media all and (min-width: 768px) {
    div.form-group.tabno {
        margin-top: 51px;
    }

    .rwd-break {
        display: none;
    }
}

@media (min-width:520px) {
    #foot {
        text-align: center;
        position: absolute;
        bottom: 0;
    }
}

@media (max-width:500px) {
    #foot {
        text-align: center;
        position: absolute;
        bottom: 0;
    }
}

.navbar-nav.navbar-left > li > a {
    color: #fff;
    border-left: 0px solid #DCD0C0; /* 2px solid #DCD0C0 */
}

.navbar-nav > li > a:hover {
    color: #000;
}

.nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none;
    background-color: transparent; /* #fff */
}

.nav > li > a:hover, .nav > li > a:focus {
    color: #fff; /* #66883F */
}

.nav > li > a.refreshhover:hover, .nav > li > a.refreshhover:focus {
    color: #66883F;
}

@media (min-width: 768px) {
    .navbar-nav > li > a {
        padding-top: 5px;
        padding-bottom: 5px;
        font-size: 15px;
    }
}

.navbar-collapse.collapse {
    /*padding-bottom: 5px;*/
}

@media (min-width: 1200px) {
    .navbar {
        max-height: 77px;
    }
}

.navbar-nav > li.active > a {
    background: #59C065; /* none repeat scroll 0 0 rgba(0, 0, 0, 0); */
    border-bottom: 3px solid #f89f1f;
    color: #fff; /* #000 */
}

.navbar-nav > li.active {
    background: #fff;
    color: #ffffff;
}

.k-dropdown-wrap.k-state-default, .k-picker-wrap.k-state-default {
    border-color: #eaf3f3; /* dedcd7 */
    text-align: left;
}

.form-horizontal .form-actions {
    padding-left: 160px;
}

.form-actions {
    background-color: #eeeeee;
    border: 1px solid #eaf3f3; /* ddd */
    margin-bottom: 18px;
    margin-top: 18px;
    padding: 10px;
    display: inline-block;
    width: 100%;
}
.form-actions-nopadding {
    background-color: #eeeeee;
    
    margin-bottom: 0px;
    margin-top: 0px;
    padding: 10px;
    display: inline-block;
    width: 100%;
}
.form-actions-notoppadding {
    background-color: #eeeeee;
    border: 1px solid #eaf3f3; /* ddd */
    margin-bottom: 18px;
    padding: 10px;
    display: inline-block;
    width: 100%;
}

    div.widget {
        clear: both;
        margin-bottom: 0;
        overflow: hidden;
        position: relative;
    }

.widget-header {
    border: 1px solid #eaf3f3; /* d6d6d6 */
    line-height: 18px;
    position: relative;
    background: #EEEEEE;
    display: inline-block;
    padding: 5px;
    width: 100%;
}

.k-textbox > input, .k-picker-wrap .k-input, .k-numeric-wrap .k-input, .k-combobox .k-input {
    vertical-align: bottom;
}

.widget-header h3 {
    color: #5f6368;
    display: inline-block;
    font-size: 13px;
    font-weight: 600;
    line-height: 0px;
    margin-right: 3em;
    position: relative;
    text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.5);
    top: 0px;
}

.widget-header + .widget-content {
    border-top: medium none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.widget-content {
    background: none repeat scroll 0 0 #fff; /*  border: 1px solid #d5d5d5;*/
    border-radius: 5px;
    padding: 15px 15px 15px;
}

table.grid-style thead tr th li.disabled a, table.grid-style thead tr th li.disabled a:hover, table.grid-style thead tr th li.disabled a:focus {
    background: transparent;
    color: #5f6368 !important; /* #000 */
    border-color: transparent;
}

table.grid-style thead tr th {
    background: none repeat scroll 0 0 #d8d7d3;
}

.k-state-selected, .k-state-selected:link, .k-state-selected:visited, .k-list > .k-state-selected, .k-list > .k-state-highlight, .k-panel > .k-state-selected, .k-ghost-splitbar-vertical, .k-ghost-splitbar-horizontal, .k-draghandle.k-state-selected:hover, .k-scheduler .k-scheduler-toolbar .k-state-selected, .k-scheduler .k-today.k-state-selected, .k-marquee-color {
    color: #000;
    background: #1CB5A7;
    color: #fff !important;
    background-color: #1CB5A7 !important;
    border-color: #70A1F8 !important;
}

.btn {
    border-radius: 0px;
    margin-top: 3px;
}

.breadcrumb1 {
    margin-bottom: 0px !important;
}

h5 {
    color: #EB856E;
    font-weight: bold;
    margin-top: 10px;
}

div.top-menu li a, div.top-menu li a:hover {
    padding: 0px 2px !important;
    display: block;
    background: transparent;
    text-decoration: none;
    margin-right: 5px;
    color: #176CED;
}

div.top-menu li, div.top-menu form li {
    float: left;
    width: 100%;
}

.navbar-toggle {
    margin-top: 2px;
    margin-bottom: 0px;
    padding: 5px 5px;
}

@media all and (max-width: 750px) {
    .navbar {
        border-bottom: 0px solid #000 !important;
    }

    .navbar-nav.navbar-left > li > a {
        border-left: 0px solid #000 !important;
    }
}

span.username {
    font-weight: bold;
    font-size: 14px;
    margin-right: 10px;
    color: #fff;
}

@media all and (max-width: 750px) {
    div.top-menu {
        margin-top: 10%;
    }

    /* Project Common Conversion */
    #removeDistribution, #addNewDistribution {
        float: none;
    }

    #SearchClientId, #searchProjectStatus {
        width: 100%;
    }
}

@media all and (max-width: 450px) {
    div.top-menu {
        margin-top: 25%;
    }
}

ul.top-menu.first li a {
    border-right: 1px solid #fff;
    margin-right: 2px;
}

.col-lg-2 p {
    color: #fff;
}

@media only screen and (max-device-width: 847px) {
    #projectTab li a {
        font-size: 12px !important;
    }

    html, body {
        overflow-y: auto;
    }

    .navbar-collapse {
        padding-left: 0px;
    }
}

#dashboard {
    margin-left: 0;
    margin-right: 0;
}

#dashboard-widthovery {
    margin-left: 0;
    margin-right: 0;
}

.ui-dialog-buttonset {
    text-align: center;
}

.ui-button {
    margin-left: 7px;
    margin-bottom: 10px;
}

.ui-dialog-titlebar, .k-window-titlebar {
    padding-top: 5px;
    padding-left: 0px;
    border-bottom: 1px solid #e5e5e5;
    background: #eeeeee;
}

.ui-dialog-title {
    font-size: large;
}

.ui-dialog {
    background-color: White;
    border: 1px solid #d8d7d3;
}

.ui-button {
    background: #3F51B5;
    color: White;
}

#idletimer_warning_dialog {
    padding-left: 5px;
    line-height: 22px;
}

ul#myTab li a {
    color: #5f6368;
}

.nav-tabs {
    border-bottom: 0px solid #49582d;
}

table.grid-style thead tr th {
    background: #eeeeee;
    color: #5f6368 !important; /* #000 */
}

    table.grid-style thead tr th li.active a, table.grid-style thead tr th li.active a:hover, table.grid-style thead tr th li.active a:focus {
        /*background: #1CB5A7;*/
        border: 1px solid #eae1e1;
        color: #5f6368 !important; /* #fff */
    }

ul#myTab li.active a {
    background-color: #ffffff; /* #EEEEEE */
    border-bottom: 0px solid;
}

ul#myTabHeader li.active a {
    background-color: #ffffff; /* #EEEEEE */
    border-bottom: 0px solid;
}

ul#myTab li a {
    border: 2px solid #fff !important; /* 1px solid #d8d7d3 */
    background-color: #fff;
    padding-left: 10px;
    padding-right: 10px;
}

ul#myTabHeader li a {
    border: 1px solid #59C065 !important;
    background-color: #fff;
    margin-right: -5px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 13px; /* 14px */
}

.headborder {
    border-bottom: solid 1px #dddddd;
    margin-top: 19px;
    margin-bottom: 10px !important;
    padding-bottom: 0px;
}

.headborderddown {
    border-bottom: solid 1px #dddddd;
    margin-top: 8px;
    margin-bottom: 10px !important;
    padding-bottom: 35px;
}

.btn-primary {
    border: 1px solid #DCD0C0;
}

.linkasbutton {
    padding: 2px 8px;
    min-width: 85px;
    margin-right: 5px;
    background-image: url(../../Images/green.png) !important;
    background-size: cover;
    color: #fff !important;
    border-color: transparent;
    margin-left: 0px;
}

.resetbutton, #removeDistribution {
    background-size: cover;
    padding: 2px 8px;
    min-width: 85px;
    color: #fff !important;
    background-color: Gray;
}

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

.align-left {
    text-align: left;
}

.align-right {
    text-align: right;
}

.addnewworkorder {
    padding: 3px 15px;
    background: rgb(215, 215, 215);
    margin-top: 3px;
}

.headingstyle {
    color: #5f6368;
    margin-bottom: 5px;
}

.pagination {
    border-radius: 4px;
    display: block;
    float: right;
    margin: 0;
    font-weight: 500;
}

.gridtablestyle {
    border-bottom: 4px solid #fff !important;
    margin-bottom: 0px;
}

.tablepaddingten {
    padding-top: 10px;
    padding-bottom: 10px;
}

#editTitle, .editTitle {
    padding-top: 10px;
    padding-left: 10px;
}

.editTemplateTitle {
    padding-top: 10px;
    padding-left: 10px;
}

#editTitle2, .editTitle2 {
    padding-top: 10px;
    padding-left: 10px;
}

.editTitleleft0 {
    padding-top: 10px !important;
    padding-left: 0px;
}

#editsub {
    padding-left: 10px;
}

#editsub2 {
    padding-left: 10px;
}

.buttonfilter {
    padding: 2px 8px;
    min-width: 85px;
    background: #3F51B5;
    color: #fff;
    border-color: transparent;
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
    #logo {
        width: 60%;
    }

    .mainmenu .nav > li > a {
        padding: 10px 11px;
    }

    #timemain a, #summarymain a {
        padding: 10px 11px !important;
    }

    .h3headingsmall {
        font-size: 16px;
    }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) and (orientation: portrait) {
    .companyname {
        display: none !important;
    }

    .companyNameMobile {
        display: block !important;
    }

    #datetime {
        float: right;
    }

    .mobilewidth {
        width: 55%;
        margin-left: -12px;
    }

    div.top-menu {
        margin-top: 0%;
    }

    .topbutton {
        padding: 2px 2px;
    }

    #logo {
        width: 100% !important;
        top: 8px;
    }

    .padd .k-datepicker, .padd #Wono {
        width: 12.4em !important;
    }

    .topdiv {
        padding: 1%;
    }

    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
        background-color: #fff;
    }

    .navbar-default .navbar-toggle {
        border-color: #fff;
    }

    .navbar-collapse {
        padding: 15px;
    }

    .mobileinline {
        display: inline-flex;
        white-space: nowrap;
        width: 100%;
    }

    .padd100 {
        width: 100%;
    }
}

/* Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 736px) and (orientation: landscape) {
    .companyname {
        display: none !important;
    }

    .companyNameMobile {
        display: block !important;
    }

    .companyNameMobile {
        margin-left: 45px;
    }

    #datetime {
        float: right;
    }

    .mobilewidth {
        width: 50%;
    }

    .padd .k-datepicker, .padd #Wono {
        width: 12.4em !important;
    }

    .mobileinline {
        display: inline-flex;
        white-space: nowrap;
        width: 100%;
    }

    #logo {
        top: 6px !important;
    }

    div.top-menu {
        margin-top: 0%;
    }

    .navbar-toggle {
        margin-top: 8px;
    }

    .navbar-default .navbar-toggle {
        border-color: #fff;
    }

        .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
            background-color: #fff;
        }

    .navbar-collapse {
        padding: 15px;
    }

    .navbar-nav {
        margin: 0px;
    }
}

.icon-bar {
    background-color: #EB856E !important;
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
    #logo {
        width: 70%;
    }

    #dashboard-widthovery {
        width: 100%;
        overflow-y: scroll !important;
    }

    .h3headingsmall {
        font-size: 16px;
    }
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    .padding0 {
        padding: 5px;
    }

    .navbar-nav li.dashboard {
        margin-bottom: 5px;
    }

    .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
        color: #000;
    }

    #dashboard-widthovery {
        width: 100%;
        overflow-y: scroll !important;
    }
}

@media only screen and (min-device-width : 320px) and (max-device-width : 1020px) {
    .headborderddown {
        padding-bottom: 80px;
    }
}

.marginbottom10 {
    margin-bottom: 10px;
}

.Gridlisttable {
    overflow-y: auto;
}

.tablehorizontalScroll {
    display: inline-block;
    overflow: auto;
    overflow-x: auto;
    overflow-y: scroll;
    zoom: 1;
    height: 619px;
}

.tablehorizontalScroll1 {
    overflow: auto;
    overflow-x: auto;
    overflow-y: scroll;
    zoom: 1;
}

.filter {
    padding: 2px 8px;
    min-width: 95px;
    color: #fff;
    border-color: transparent;
}

.addnew {
    border-color: transparent;
    margin-left: 0px;
    text-align: left;
}

    .filter, .addnew, .filter:hover, .addnew:hover, .btn-primary, .btn-primary:hover, .btn-default, .btn-default:hover, .ui-button, .ui-button:active, .ui-button.active, .k-scheduler-update, .k-grid-update {
        background-image: url(../../Images/green.png) !important;
        background-size: cover;
        padding: 2px 11px !important;
        background-image: none;
        color: #fff !important;
        margin-right: 5px;
        margin-left: 5px;
        background-color: transparent;
        border-width: 0px;
        font-weight: 400;
        border-radius: 0px;
    }
/*.menu1
{
    background-image: url(../../Images/menu1.png);
}
.menu2
{
    background-image: url(../../Images/menu1.png);
}
.menu3
{
    background-image: url(../../Images/menu1.png);
}
.menu4
{
    background-image: url(../../Images/menu1.png);
}
.menu5
{
    background-image: url(../../Images/menu1.png);
}
.menu6
{
    background-image: url(../../Images/menu1.png);
}
.menu7
{
    background-image: url(../../Images/menu1.png);
}
.menu8
{
    background-image: url(../../Images/menu1.png);
}
.menu9
{
    background-image: url(../../Images/menu1.png);
}
.menu10
{
    background-image: url(../../Images/menu1.png);
}*/
.dashboard {
    background-size: cover;
    color: #fff !important;
}

.k-autocomplete, .k-combobox, .k-timepicker, .k-datetimepicker, .k-colorpicker, .k-numerictextbox, .k-selectbox, .k-textbox {
    width: 100%;
}

.changePassword {
    background-color: #fff;
    padding: 20px;
}

.mobilelist {
    display: inline-block;
    width: 100%;
    margin-top: 15px;
    border: 1px solid #d8d7d3;
    list-style-type: none;
}

#mobiledash .active {
    background-color: #fff !important;
    background-image: none;
    color: #000;
}

.activepending {
    /*background-image: url(../../Images/submenu.png) !important;
    background-size: cover !important;*/
    color: #fff !important;
}

.pdbtwo {
    padding-bottom: 1%;
}

.isreqcheck {
    height: 16px;
}

.badge {
    background-color: red !important;
    color: #fff !important;
}

#combined {
    width: 100%;
    display: inline-block;
}

.topbutton, .topbutton:active, .topbutton:focus, .topbutton:hover {
    color: #fff !important;
    background-color: #fff !important;
    background-image: none !important;
    border: 0px solid #DCD0C0;
}

.btn-primary:active, .btn-primary.active {
    background-image: url(../../Images/btnbackgroung.png) !important;
    background-size: cover;
}

.nav-justified > li {
    display: inline-block;
    width: 46%;
    margin-bottom: 10px;
    margin-top: 10px;
}

#mobiledash a, #summary a, #mobiledashpending a, #mobiledashcompleted a {
    padding: 5px 15px;
}

.padding15 {
    padding-top: 15px;
    padding-bottom: 15px;
}

#navigation1 .active {
    background: #EEEEEE;
}

.colorwhite {
    color: #fff;
}

.noneimage {
    background-image: none !important;
    color: #5f6368 !important;
}

.headingstyle .fa, .headingstyle .fas-color {
    color: #B8B8B9; /* EB856E */
}

.navbar-nav > li.active > a > .fa, .navbar-nav > li.active > a > .fas-color {
    color: #f89f1f; /* #EB856E */
}

.marginbottom15 {
    margin-bottom: 15px;
}

.fa-bell, .fa-question-circle, .fa-user, .fa-user-circle, .fa-cog, .fa-envelope, .fa-phone, .fa-chevron-right, .fa-files-o, .fa-pencil, .fa-key, .fa-phone-square, .fa-unlock {
    color: #B8B8B9; /* #5f6368 */
}

.fas-blueColor {
    color: #1a73e8;
}

.btn .caret {
    border-top-color: #d8d7d3;
}

.displayflex {
    display: inline-flex;
}

.padd .k-datepicker, .padd #Wono {
    width: 100%;
}

.assigne .k-dropdown {
    width: 11.4em;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
    color: #ffffff;
    background-color: transparent;
    border-color: transparent;
    border-width: 0px;
}

.reportsendtoclientpdfstyle:focus, .reportsendtoclientpdfstyle:active {
    border-width: 1px;
    border-color: red;
}

.DateFilterclass {
    display: inline-flex;
    width: 100%;
}

#projectTab li a {
    background-color: #fff;
    color: #000;
    border: 0px solid #eaf3f3 !important;
}

#projectTab li.active a {
    background-image: url(../../Images/submenu.png);
    background-size: cover;
    border: 0px solid #000;
    /*color: #fff;*/
}

#projectTab {
    margin-bottom: 7px;
}

.mobilemenu {
    margin-top: 10px;
    margin-bottom: 10px;
}

h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    color: #5F6368;
}

.Summerylist {
    display: inline-block;
    width: 100%;
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    padding: 3px;
}

#myTab {
    padding-bottom: 7px;
}

#myTabHeader {
    padding-bottom: 5px;
}

.TestType {
    border-top-left-radius: 6px;
    /*background-color: #dfdfdf; padding-left: 2px;*/
    background-color: #ffff;
    border-top-right-radius: 6px;
    padding-top: 2px;
    padding-bottom: 5px;
}

.emailmobile {
    float: right;
    padding-right: 6px;
}

.mobileitem {
    list-style-type: none;
    border: 1px rgb(238, 238, 238);
    border-style: solid;
    box-shadow: 0px 1px 5px 11px #acc5ab;
    -webkit-box-shadow: 0 10px 6px -6px #777;
}

#test-item a li:not(:first-child), #test-item a li:not(:first-child) {
    padding-left: 4px;
}

.pdfemail {
    border-top: 1px solid #dfdfdf;
    padding-left: 4px;
    margin-bottom: 0px;
}

.inlineflex {
    display: inline-flex;
}

    .inlineflex label {
        padding-right: 10px;
    }

.paddingleftright0 {
    padding-left: 0px;
    padding-right: 0px;
}

.valign {
    vertical-align: middle;
    margin-top: 5px;
    display: inline-block;
    font-weight: 500;
}

.displayinline {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    width: 100%;
    display: inline-block;
    padding-left: 10px;
    color: #3F51B5 !important;
    font-size: 16px;
    font-weight: bold;
}

.alertmessage {
    padding-left: 10px;
}

.alertList {
    border: 1px solid #d8d7d3;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.padding7 {
    padding-bottom: 7px;
}

.pull-right {
    float: right !important;
    padding-bottom: 15px;
}

.pdf, .pdf:hover {
    background-color: rgb(242,66,54) !important;
    padding: 2px 17px !important;
    background-image: none !important;
    color: #fff !important;
    background-color: transparent;
    border-width: 0px;
    margin-right: 5px;
    margin-left: 5px;
}

.excel {
    background-color: #02723B !important;
    padding: 2px 11px !important;
    background-image: none !important;
    color: #fff !important;
    margin-right: 5px;
    background-color: transparent;
    border-width: 0px;
}

.pagination > li > a, .pagination > li > span {
    color: #5f6368;
    background-color: transparent;
    border: 0px solid #dddddd;
}

.closestyle {
    float: right;
    margin-top: -26px;
}

.pdfstyle {
    color: red;
    font-weight: bold;
}

.shadownone {
    box-shadow: none;
    -webkit-box-shadow: none;
}
/*angular validation*/

/*--------EfiedData New Style **************/
.panel-group .panel {
    border-radius: 0;
    box-shadow: none;
    border-color: #EEEEEE;
}

.panel-default > .panel-heading {
    padding: 0;
    border-radius: 0;
    color: #212121;
    background-color: #FAFAFA;
    border-color: #EEEEEE;
}

.panel-title {
    font-size: 13px;
}

    .panel-title > a {
        display: block;
        padding: 15px;
        text-decoration: none;
    }

.more-less {
    float: right;
    color: #212121;
}

.panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #EEEEEE;
}

.panel-heading {
    border: 1px solid #d8d7d3 !important;
}

.panel-default > .panel-heading + .panel-collapse > .panel-body {
    border: 1px solid #d8d7d3 !important;
}

.dropdown-item {
    padding-left: 5px !important;
    padding-right: 5px !important;
    border-bottom: 1px solid #d8d7d3;
}

.custom-dropdown {
    position: relative;
    display: inline-block;
}

.custom-dropdown-content {
    position: absolute;
    background-color: #ffffff;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 2;
    width: max-content;
    min-width: 119px;
    margin-right: 5px;
    margin-left: 5px;
}

.pb-5 {
    padding-bottom: 5px;
}

.custom-dropdown-content li {
    list-style: none;
}

.custom-dropdown-content ul {
    padding-left: 0px;
    margin-bottom: 0px;
}

.custom-dropdown-content a {
    color: #5f6368;
    padding: 5px 5px;
    text-decoration: none;
    display: flex;
    align-items: center;
    cursor: pointer;
    font-weight: 500;
}

#custom-menuitems:hover {
    color: #5f6368 !important;
    background-color: #f4f3f3 !important;
}

.custom-dropdown-content a i {
    margin-left: 5px;
}
.disabled-link {
    pointer-events: none;
    color: #c1bbbb !important;
    cursor: not-allowed;
}
.mr-25 {
    margin-right: 25px;
}

.ml-2 {
    margin-left: 2px;
}

.dropicon {
    color: #2fa4e7 !important;
}

.d-flex {
    display: flex;
}

.technicianlabel {
    padding-left: 5px;
    font-size: 12px !important;
}

.scheduleLeftHeading {
    font-weight: bold;
    padding: 6px 0px 0px 0px;
}

.technicianColor {
    background-color: red;
    padding-left: 6px;
}

.statusLabel {
    margin-bottom: 0px !important;
    margin-left: 3px;
}

.filter1 {
    background-color: rgba(169, 146, 226, 0.57);
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 2px;
}

.filter2 {
    background-color: rgba(247, 198, 95, 0.57);
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 2px;
}

.filter3 {
    background-color: rgba(85, 186, 223, 0.57);
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 2px;
}

.filter4 {
    background-color: rgba(236, 111, 90, 0.57);
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 2px;
}


.addnewpricing {
    float: right;
    margin-right: 0px;
}

.displayprice {
    display: inline-block;
    width: 100%;
}

.settingsSave {
    height: 43px;
    line-height: 20px;
}

.addeditheader {
    display: inline-block;
    width: 100%;
    margin-bottom: 5px;
    margin-top: 0%;
}

.alertstable {
    height: auto;
}

.projectviewtable > tbody > tr > td {
    padding: 1px;
}

#FieldAddid form {
    display: inline-block;
    width: 100%;
}

.ui-widget-content {
    display: inline-grid !important;
    background: #ffff !important;
}

.companyname {
    text-align: right;
    line-height: 30px;
    font-weight: 700;
}

.paddingleftrignt0 {
    padding-right: 0px;
    padding-left: 0px;
}

.bottomoverlap {
    margin-bottom: 1px !important;
}

.k-sm-date-format, .k-current-view {
    display: none !important;
}

.labformbody {
    margin-top: 15px;
}

.Labtesttable, .grouttable {
    /*margin-top: 15px;*/
    display: inline-block;
}

.labtestborder {
    border: 2px solid #eee;
    margin-bottom: 10px;
}

.labsave {
    margin-top: 2.1%;
    padding-left: 7%;
    text-align: center;
}

.headborder1 {
    border-bottom: solid 1px #dddddd;
    margin-top: 6px;
    margin-bottom: -34px !important;
    padding-bottom: 6px;
}

.workorderstatuslist {
    margin-top: 40px;
}

.panel-reportsent {
    color: #fff;
    background-color: rgba(85, 186, 223, 0.57);
    margin-bottom: 0px;
}

.panel-reportsent {
    color: #fff;
    background-color: rgba(60, 162, 24, 0.56);
    margin-bottom: 0px;
}

.panel-Cancled {
    color: #fff;
    background-color: rgba(236, 111, 90, 0.57);
    margin-bottom: 0px;
}

.panel-reviewed {
    color: #fff;
    background-color: rgba(85, 186, 223, 0.57);
    margin-bottom: 0px;
}

.panel-draft {
    color: #fff;
    background-color: rgba(247, 198, 95, 0.57);
    margin-bottom: 0px;
}

.panel-new {
    color: #fff;
    background-color: #dbd6d6;
    margin-bottom: 0px;
}

.panel-inprogress {
    color: #fff;
    background-color: rgba(169, 146, 226, 0.57);
    margin-bottom: 0px;
}

.k-menu .k-state-border-right {
    background-color: #eeeeee;
    color: #000;
}

.k-primary {
    color: black;
}

.companyname {
    display: block !important;
}

.companyNameMobile {
    display: none;
}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) {
    .companyname {
        display: none !important;
    }
}

.displaywidth {
    display: inline-block;
    width: 100%;
}

.mobileCategory {
    padding-left: 15px;
    padding-right: 15px;
    background-color: #eeeeee;
    border: 1px solid #ddd;
}

.paddingleft0 {
    padding-left: 0px !important;
}

.excelgreen, .excelgreen:hover {
    background-color: Green !important;
    background-image: none !important;
}

.table_height {
    height: 100%;
    width: 100%;
}

.mobilerefresh {
    text-align: right;
    margin-top: -20px;
    font-size: 13px;
}

.MobileListlayout {
    border: 1px solid #bbb;
    list-style-type: none;
    padding-left: 10px;
    padding-right: 10px;
}

.bordernone {
    box-shadow: none !important;
}

.testinglistborder {
    border: 1px solid #d8d7d3;
    list-style-type: none;
    padding: 23px;
}

#pjdistribution {
    width: 100%;
    padding: 1% 1% 0.25% 1%;
    /*   float: left;*/
    border: 1px solid #eaf3f3; /* d8d7d3 */
}

/* ----------- iPad 1, 2, Mini and Air ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
    .companyNameMobile {
        display: block !important;
        font-weight: 700;
        padding-left: 46px;
        padding-top: 12px;
    }

    .topbutton {
        padding: 2px 2px;
    }

    .ipad_mob_view {
        padding-top: 3px;
    }
}
/* ----------- End of iPad 1, 2, Mini and Air ----------- */

/* ----------- Common Style Changes ----------- */
.mousenoresponse {
    pointer-events: none;
    cursor: default;
}

.headerfont {
    font-size: 13px;
    color: #5f6368;
    font-weight: 600;
    border-width: 0px;
    margin-bottom: 10px;
    padding-left: 10px;
}

.headerNotes {
    font-size: 13px;
    color: #000;
    font-weight: 600;
    border-width: 0px;
    padding-left: 10px;
}

.paddingleftright0 .form-group {
    padding-right: 7px;
}

.settingsfa {
    color: #B8B8B9;
    padding-right: 0px;
}

#dashboardheading {
    background-color: #eeeeee;
}

.csltablewidth {
    width: 115px;
 
}

.csltablewidth50px {
    width: 50px;
    margin: 0 5px 0 5px;
}


.csltablewidth1 {
    width: 115px;
}

.mdlastmerge {
    border-radius: 6px;
    background-color: #eeeeee !important;
    color: #eaf3f3 !important;
    padding: .5px;
    position: relative;
    top: 3px;
}

@media (max-width:750px) {
    .mdlastclm {
        margin-top: -25px;
        margin-left: 115px;
    }
}

.error {
    font-size: 30px;
    text-align: center;
    color: #EB856E;
    margin-top: 60px;
    margin-bottom: 10px;
    font-weight: 600;
}

.error1 {
    font-size: 16px;
    text-align: center;
    color: #000;
    margin-top: 30px;
    margin-bottom: 10px;
}

.error2 {
    font-size: 16px;
    text-align: center;
    color: #000;
    margin-top: 10px;
    margin-bottom: 10px;
}

.childdata {
    border: 1px solid #bbb;
}

.childDatatext {
    color: #EB856E !important;
}

.childtesttype {
    font-size: 13px;
    text-decoration-color: #EB856E;
}

.wo-hide {
    display: none;
}

.navbar-nav > li.wo-hide {
    display: none;
}

.wo-show {
    display: block;
}

.phone label.control-label {
    float: left;
    margin-left: 15px;
}

.sampleName {
    padding-top: 2px !important;
}

.samplevalue label {
    padding-left: 8px;
}

.warningbackground {
    background-color: #eee;
    margin: 5px 0px 5px 0px;
    padding: 5px 0px 5px 0px;
}

.gridtablestyle thead tr th {
    cursor: default;
}

.NoDataFound {
    color: #5f6368;
    font-size: 13px;
}

.linehightlabel {
    line-height: 30px;
    vertical-align: middle;
}

.labelrightpadding {
    text-align: right;
    padding-right: 8px;
}

.normalfont {
    font-weight: normal;
    color: #555555 !important;
}

.modelheader {
    overflow-x: hidden !important;
    overflow-y: hidden !important;
}

.modelwindowBody {
    overflow-x: hidden;
}

.modelwindowheader h5 {
    margin: 0px;
}

.modal-footer {
    padding: 5px;
    text-align: center;
}

    .modal-footer .form-actions {
        margin-bottom: 5px;
        margin-top: 5px;
        display: inline-block;
        width: 100%;
        padding: 5px;
    }

#DisablesaveButton {
    background-image: url(../../Images/btnbackgroung.png) !important;
}

.width100 {
    width: 100%;
}

.displayinline1 {
    display: inline-block;
    width: 100%;
}

.paddingleft15 {
    padding-left: 15px;
}

.projectnotes {
    border: 1px solid #d8d7d3;
    width: auto;
}

.newpdf, .newpdf:hover {
    background-image: none !important;
    background-color: #060f85;
}

.padding0 {
    padding: 0px;
}

.displaynone {
    display: none;
}

.showDisplay {
    display: block;
}

.secondheading {
    font-size: 14px !important;
    font-weight: 600 !important;
}

.childheading {
    display: inline-block;
    width: 100%;
    font-size: 16px;
    font-weight: 600;
    padding: 15px;
}

.flexcenter {
    display: flex;
    justify-content: center;
}

.vericale-align-bx {
    top: 5px !important;
    padding-left: 17px !important;
}


.linkcolor {
    color: #176CED !important;
}

.colorf, .colorf:hover, .colorf:focus {
    color: #fff;
}

.removeworkorder, .removeworkorder:hover, .removeworkorder:active {
    color: red;
    text-decoration: none;
}

.paddingstyle15 {
    padding: 15px;
}

.savebuttionmargin {
    margin-top: 8px;
    margin-bottom: 13px;
}

.desktopcountstyel {
    border: 1px solid #eaf3f3; /* d6d6d6 */
    padding: 8px !important;
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
}

.desktoppanel {
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.desktopcountstyel .paddingleft0 {
    margin-top: 2px;
    margin-bottom: 2px;
}

.padding5 {
    padding: 5px;
}

.displaytable {
    display: inline-table;
}

textarea {
    resize: vertical;
    border-color: #eaf3f3;
}

.margintop3perbotzero {
    margin-top: 3%;
    margin-bottom: 0px !important;
}

.checkboxalignmentwithbox {
    position: relative;
    display: block;
    min-height: 20px;
    margin-top: 4px !important;
    margin-bottom: 0px !important;
}

.marginbot2per {
    margin-bottom: 2%;
}

.nav-tabs > li > a {
    border-radius: 0px;
}

.form-horizontal .radio, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline {
    padding-left: 22px; /*margin-left: 5px;*/
}

.radio label, .checkbox label {
    padding-left: 15px;
}

.Projectborder {
    border: 1px solid #eee;
}
/*div.modal-body
{
    max-height: 500px;
    overflow-y: auto;
}*/

@media screen and (min-width: 1600px) {
    div.rpsendtoclient {
        max-height: 650px;
    }
}

@media screen and (min-width: 1900px) {
    .container {
        max-height: 650px;
    }
}

@media (min-width: 1600px) {
    .modal-lg {
        width: 1120px;
    }
}

.blueColor {
    background-image: url(../../Images/green.png) !important;
}

.reportsendtoclientpdfstyle, .reportsendtoclientpdfstyle:hover {
    border-width: 1px;
    padding: 1px 12px !important;
    background: #fff;
    color: rgb(242,66,54) !important;
    border-color: rgb(242,66,54) !important;
    background-image: none !important;
    margin-right: 5px;
    margin-left: 5px;
}

.projectattachmenttop {
    margin-top: 50px;
}

.modal-title {
    font-size: 13px;
    color: #5F6368;
    font-weight: 600;
}

.k-upload-files {
    line-height: 3;
}

.SaturatedStabilityDetails td input {
    width: 100%;
}

.StabilityandFlowDetails td input {
    width: 100%;
}

.form-group {
    margin-bottom: 10px;
}

.float-right {
    float: right;
}
/* ----------- Common Style Changes - End Here----------- */

/* ----------- Efield Inline common changes ----------- Added by Dinesh */
.widget-header-dashboard {
    padding-top: 6px;
    text-align: center;
}

div.widget-dashboard {
    margin-bottom: 2em;
    width: auto;
}

.das-sizechange-dashboard {
    font-size: 30px;
}

.das-sizechange-dashboardmobile {
    font-size: 40px;
}

input.fixedbox {
    margin: 1px;
    width: 95%;
}

.headingwithouth3 {
    font-size: 17px;
    font-family: Lato, sans-serif;
    font-weight: 500;
    line-height: 1.1;
}

.desktopcount {
    text-align: left;
    padding: 15px;
}

.das-fonttodaysize {
    font-size: 17px;
}

.dashboardtable {
    margin-bottom: 20px;
}

.home-margin30 {
    margin-top: -30px;
    padding: 10px;
}

.headborder-dashboard {
    display: inline-block;
    width: 100%;
}

.widget-content-dashboard {
    border: 1px solid #eaf3f3; /* d5d5d5 */
}

.panel-workorder {
    background-color: #96dccc;
    color: #fff;
}

.home-ptopbottom0 {
    padding-top: 0px;
    padding-bottom: 0px;
}

.home-tarightpright20 {
    text-align: right;
    padding-right: 20px;
}

.home-hautopbottom1per {
    height: auto;
    padding-bottom: 1%;
}

.widget-header-summary {
    background: -moz-linear-gradient(center top, #f9f6f1 0%, #f2efea 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 45px;
}

.cssfloatleft {
    float: left;
}

.cssfloatright {
    float: right !important;
}

.table-productivityreport {
    margin-bottom: -3px;
}

.text-green {
    color: Green !important;
}

.text-yellow {
    color: Yellow !important;
}

.text-red {
    color: Red !important;
}

.text-orange {
    color: #f89f1f !important;
}

.marginthree0px {
    margin: 0 0 0px;
}

.ptop9 {
    padding-top: 9px !important;
}

.cursorauto {
    cursor: auto;
}

.cursorpointer {
    cursor: pointer;
}

.home-cgreenfwbold {
    color: green;
    font-weight: bold;
}

.home-fontsize16 {
    font-size: 13px !important;
}

.home-bcolorDB5031 {
    background-color: #DB5031 !important;
    border-color: #DB5031 !important;
    background: #DB5031;
}

.home-colorDB5031 {
    color: #DB5031;
}

.home-mtop7 {
    margin-top: 7px;
}

.mleft2per {
    margin-left: 2%;
}

.home-ptop4pleft0 {
    padding-top: 4px;
    padding-left: 0px;
}

.shared-lstnone {
    list-style-type: none;
}

.width100per {
    width: 100%;
}

.width250per {
    width: 250%;
}

.width69 {
    width: 96px;
}

.shared-height100per {
    height: 100%;
}

.home-color3F51B5 {
    color: #3F51B5 !important;
}

.home-color45825A {
    color: #45825A;
}

.margintop10 {
    margin-top: 10px;
}

.home-mbottomneg5 {
    margin-bottom: -5px;
}

.form-actionsnew {
    background-color: #eeeeee;
    border-top: 1px solid #ddd;
    margin-bottom: -17px !important; /* 0px */
    margin-top: 18px;
    padding: 17px 20px 18px;
}

.paddingleftright3 {
    padding-left: 3px;
    padding-right: 3px;
}

.mbottom12 {
    margin-bottom: 12px;
}

.pleft35 {
    padding-left: 35px;
}

.mtop0per {
    margin-top: 0%
}

.bgroundcbcolor {
    background: #DB5031 !important;
    color: #fff !important;
    border-color: transparent !important;
}

/* Width 1 to 30, 33, 35, 36, 38, 40, 45, 50, 70, 75, 80, 87, 95, 99 percentages */
.width1per {
    width: 1%;
}

.width2per {
    width: 2%;
}

.width3per {
    width: 3%;
}

.width4per {
    width: 4%;
}

.width5per {
    width: 5%;
}

.width6per {
    width: 6%;
}

.width7per {
    width: 7%;
}

.width8per {
    width: 8%;
}

.width9per {
    width: 9%;
}

.width10per {
    width: 10%;
}

.width11per {
    width: 11%;
}

.width12per {
    width: 12%;
}

.width13per {
    width: 13%;
}

.width14per {
    width: 14%;
}

.width15per {
    width: 15%;
}

.width16per {
    width: 16%;
}

.width17per {
    width: 17%;
}

.width18per {
    width: 18%;
}

.width19per {
    width: 19%;
}

.width20per {
    width: 20%;
}

.width21per {
    width: 21%;
}

.width22per {
    width: 22%;
}

.width23per {
    width: 23%;
}

.width24per {
    width: 24%;
}

.width25per {
    width: 25%;
}

.width26per {
    width: 26%;
}

.width27per {
    width: 27%;
}

.width28per {
    width: 28%;
}

.width29per {
    width: 29%;
}

.width30per {
    width: 30%;
}

.width33per {
    width: 33%;
}

.width35per {
    width: 35%;
}

.width36per {
    width: 36%;
}

.width38per {
    width: 38%;
}

.width40per {
    width: 40%;
}

.width45per {
    width: 45%;
}
.width49per {
    width: 49%;
}
.width50per {
    width: 50%;
}

.width70per {
    width: 70% !important;
}

.width75per {
    width: 75%;
}

.width78per {
    width: 78%
}

.width80per {
    width: 80% !important;
}

.width87per {
    width: 87% !important;
}

.width90per {
    width: 90%;
}

.width95per {
    width: 95%;
}

.width99per {
    width: 99% !important;
}

.home-paddingright7 {
    padding-right: 7px !important;
}

.home-margintop2per {
    margin-top: 2%;
}

.timesheet-style1 {
    float: left;
    margin-right: 14px;
    min-width: 85px;
    border-color: transparent;
}

.timesheet-top0color1CB5A7 {
    top: 0px !important;
    color: #1a73e8 !important;
}

.timesheet-top0colorred {
    top: 0px !important;
    color: Red !important;
}

.home-minwidth62 {
    min-width: 62px;
}

.shared-marginbottom5 {
    margin-bottom: 5px;
}

.shared-marginbottom20 {
    margin-bottom: 20px;
}

.shared-top0 {
    top: 0px;
}

.shared-floatnonecolorred {
    float: none !important;
    color: Red !important;
}

.shared-colorccc {
    color: #ccc !important;
}

.uniquecolorblue {
    color: blue !important;
}

/*Lab Common Style*/
.paddingbottom10 {
    padding-bottom: 10px;
}

.margintop17 {
    margin-top: 17px;
}

.lab-textdecouline {
    text-decoration: underline;
}

.lab-paddingbottom15 {
    padding-bottom: 15px;
}

.lab-marginright10 {
    margin-right: 10px !important;
}

.lab-paddingtop10 {
    padding-top: 10px;
}

.width100px {
    width: 100px !important;
}

.width80px {
    width: 80px !important;
}

.width70px {
    width: 70px !important;
}

.width60px {
    width: 60px !important;
}

.width50px {
    width: 50px !important;
}

.timesheet-padding0152015 {
    padding: 0px 15px 20px 15px;
}

.lab-form-actions {
    padding-left: 0px !important;
}

.lab-paddingsignwindow {
    padding-left: 30px !important;
    padding-right: 20px !important;
}
/* Workorder Common Style */
.workorder-marginleft2dot5per {
    margin-left: 2.5%;
}

.workorder-paddingright10 {
    padding-right: 10px !important;
}

.marginleft0 {
    margin-left: 0px !important;
}

.workorder-widthauto {
    width: auto;
}

.workorder-fontsizemedium {
    font-size: medium;
}

.workorder-color1cb5a7 {
    color: #1a73e8;
}

.layout-backgroundnone {
    background: none !important;
}

.menu-cursordefault {
    cursor: default;
}

.timesheet-colorgray {
    color: gray;
}

/* TimeSheet common style */
#search {
    position: relative;
}

    #search label {
        position: absolute;
        left: 18px;
        top: 6px;
    }

    #search #search-input, #search .hint {
        padding-left: 39px;
        padding-right: 22px;
    }

.mobilerefreshWOList {
    float: right;
    cursor: pointer;
    margin-top: -25px;
    position: relative;
}

.workorder-margintop0 {
    margin-top: 0px;
}

.workorder-lstylenon {
    list-style: none outside none;
}

/* Gobi Added on 04.12.2019*/
.census {
    padding: 0% 0% 4% 0%;
}
/* End */

.form-control-Search {
    border: 1px solid #eaf3f3; /* dedcd7 */
    height: 30px;
    font-size: 14px;
    font-weight: 100;
}

.workorder-bgcolorrgba0dot57 {
    background-color: rgba(169, 146, 226, 0.57);
}

.workorder-width100perimport {
    width: 100% !important;
}

.workorder-bordertopcolorfff {
    border-top-color: #fff !important;
}

.workorder-paddingtop11 {
    padding-top: 11px;
}

.workorder-paddingright0 {
    padding-right: 0px;
}

.workorder-margintop2dot1 {
    margin-top: 2.1%;
}

.workorder-padding10 {
    padding: 10px;
}

.workorder-margintop0dot1 {
    margin-top: 0.1%;
}

.workorder-bgcolor060f85 {
    background-color: #060f85 !important;
}

.workorder-bgimagenone {
    background-image: none;
}

.workorder-paddingtop15 {
    padding-top: 15px;
}

.align-leftimport {
    text-align: left !important;
}

/* Project Common Style */
.width80 {
    width: 80px !important;
}

.project-minwidth60 {
    min-width: 60px;
}

.project-paddingright4 {
    padding-right: 4px !important;
}

.fontsize15 {
    font-size: 14px;
}

.project-marginright0 {
    margin-right: 0px !important;
}

.project-margintop2 {
    margin-top: 2px;
}

.project-border1soildd8d7d3 {
    border: 1px solid #eaf3f3; /* d8d7d3 */
}

.project-marginleft15per {
    margin-left: 15%;
}

.project-backgrounde8e4e4 {
    background: #e8e4e4 !important;
}

.project-padding110251 {
    padding: 1% 1% 0.25% 1%
}

.project-paddingtop5 {
    padding-top: 5px !important;
}

.project-color157ab5 {
    color: #157ab5;
}

.project-col-lg-2 {
    width: 22.667%;
}

.project-form-group {
    margin-bottom: 10px;
}

.project-crheight12 {
    height: 12px !important;
}

.project-cboxUpdate {
    position: absolute;
    margin-left: -20px !important;
    margin-top: 4px !important;
    width: 16px;
}

.project-pleft0dot3per {
    padding-left: 0.3% !important;
}

@media (max-width: 520px) {
    .project-col-lg-2 {
        width: 100%;
    }
}

@media all and (min-width: 1000px) {
    #removeDistribution, #addNewDistribution, #addNewBilling, #removeBilling, #addNewNotes, #removeNotes, #addNewInvoiceBilling, #removeInvoiceBilling, #removeProjectManager, #addNewProjectManager {
        float: right;
    }
}

@media all and (max-width: 990px) {
    #removeDistribution, #addNewDistribution, #addNewBilling, #removeBilling, #addNewNotes, #removeNotes, #addNewInvoiceBilling, #removeInvoiceBilling, #removeProjectManager, #addNewProjectManager {
        float: right;
    }
}

/* Invoice Common Style */
.invoice-ptop4 {
    padding-top: 4px;
}

.invoice-resizevertical {
    resize: vertical;
}

.invoice-mleft33per {
    margin-left: 33% !important;
}

/* Setting Common Style */
.setting-height35 {
    height: 35px;
}

.setting-marginlneg21 {
    margin-left: -21px;
}

.setting-marginb3per {
    margin-bottom: 3%;
}

.setting-padding172018 {
    padding: 17px 20px 18px;
}

.setting-border2s6e {
    border: 2px solid #EEEEEE;
}

.setting-height45margint1per {
    height: 45px;
    margin-top: 1%;
}

/* Account Common Style */
.account-margin10 {
    margin: 10px;
}

.account-marginb4 {
    margin-bottom: 4px;
}

.account-border1d6color76 {
    border: 1px solid #eaf3f3;
    color: #767676;
}

#firstelement {
    width: 50%;
    float: left;
}

#secondelement {
    width: 50%;
    float: right;
}

.account-col-lg-2 {
    width: 39.667%;
}

.account-minh80 {
    min-height: 40px;
}

.account-fweightn {
    font-weight: normal;
}

.account-paddright2per {
    padding-right: 2%;
}

.account-editTitle1 {
    padding-top: 10px;
    padding-left: 0px;
    padding-bottom: 10px;
}

.account-width9em {
    width: 9em;
}

.k-scheduler-delete, .k-scheduler-delete:hover {
    background-color: red;
    color: white;
}

/* Client Common Style */
.client-mleft3per {
    margin-left: 3%;
}

@media all and (max-width: 500px) {
    #client1 {
        width: 100%;
        float: none;
    }

    .col-lg-2 {
        width: 100%;
    }

    #client2 {
        width: 100%;
        float: none;
    }

    #ccontact {
        margin-right: 0%;
    }

    #ccontact, #cbilling {
        border: 0px solid #3493B9;
    }

    div.checkbox {
        margin-left: 13%;
    }
}

@media all and (min-width: 520px) {
    #ccontact, #cbilling {
        border: 2px solid #EEEEEE;
    }

    #client1 {
        width: 50%;
        float: left;
    }

    #client2 {
        width: 50%;
        float: right;
    }

    #ccontact {
        margin-left: 5%;
        margin-right: 10%;
    }

    /* Project Common Conversion */
    #SearchClientId, #searchProjectStatus {
        width: 30%;
    }
}

@media all and (max-width: 768px) {
    #client1 {
        float: none;
    }

    #client2 {
        margin-top: -19% !important;
    }
}

@media all and (max-width: 1200px) {
    #client1 {
        float: none;
    }

    #client2 {
        margin-top: -14%;
    }

    .ipad-addnew {
        margin-top: 6%;
    }

    #ccontact {
        margin-left: 0%;
        margin-right: 0%;
    }
}

div.client-datee span.k-datepicker {
    margin-left: 2.9%;
}

#client-editable-sample_new {
    float: none !important;
}

.client-checkboxheight {
    height: 13px;
}

.client-pright72 {
    padding-right: 72px;
}

.client-margintopneg5 {
    margin-top: -5px;
}

.exceptionLogPDFStyle, exceptionLogPDFStyle:hover {
    background-color: rgb(242,66,54) !important;
    background-image: none !important;
    display: inline-block;
}

/* ClientPortalList Common Style*/
.resetfilter {
    min-width: 85px;
    background: #706458;
    border-color: transparent;
}

#ClientPortal-editable {
    float: left;
}

@media (max-width:780px) {
    .ClientPortal-widthchage {
        width: 72% !important;
    }
}

@media (max-width:1199px) {
    #ClientPortal-editable {
        float: none;
    }
}

.ClientPortal-bgroundDBbcolortran {
    background: #DB5031;
    border-color: transparent;
}

.k-edit-field {
    width: 74% !important;
}

.k-edit-label {
    width: 20% !important;
}

.calendarlist b {
    padding: 0px;
    text-align: right;
}

.k-grid tbody .k-button, .k-ie8 .k-grid tbody button.k-button {
    min-width: 40px !important;
}

.k-button-icontext .k-icon, .k-button-icontext .k-image {
    margin-left: .2rem !important;
}

.projecttabmessage {
    padding-left: 10px;
    padding-top: 5px;
    margin-bottom: 5px;
}

.mailstyle, .mailstyle:hover {
    text-decoration: none !important;
    color: #1a73e8;
    cursor: pointer;
}

#sendInvoiceEmail:hover {
    text-decoration: none !important;
}

hr {
    margin-top: 5px;
    margin-bottom: 5px;
}

.colorwhite {
    color: #fff !important;
}

/* Common Style changes for dropdown Search box */
.dropdown-search.dropdown-lg-search .dropdown-menu-search {
    margin-top: 13px;
    padding: 6px 20px;
}

@media screen and (min-width: 768px) {
    #adv-search {
        width: 670px;
        margin: 0 auto;
    }

    .dropdown-search.dropdown-lg-search {
        position: static !important;
    }

        .dropdown-search.dropdown-lg-search .dropdown-menu-search {
            min-width: 670px;
        }
}

/* Bootstrap 4 text input with search icon */
.has-search .form-control-dropdownsearch {
    padding-left: 3.375rem;
    padding-right: 6rem;
}

.has-search .form-control-feedback {
    position: absolute;
    z-index: 1000;
    display: block;
    width: 96.375rem;
    height: 2.375rem;
    line-height: 2.375rem;
    text-align: center;
    pointer-events: none;
    color: #aaa;
}

button:focus {
    outline: 0 !important;
}

/*inline style to common style for DropDown Search Box*/
.fabtncommonstyle {
    position: absolute;
    z-index: 990;
    background: none !important;
    color: #5f6368 !important;
    -moz-margin-start: -668px;
}

    .fabtncommonstyle:hover {
        position: absolute;
        z-index: 990;
        background: none !important;
        color: #555555 !important;
        -moz-margin-start: -668px;
    }

.closefabtnstyle {
    margin-top: -4px;
    margin-left: -28px;
}

    .closefabtnstyle:hover {
        margin-top: -4px;
        margin-left: -28px;
    }

.inputstylechange {
    margin-left: -28px;
    margin-top: -7px;
}

.dropdownarrow {
    background: none !important;
    z-index: 990;
    position: absolute;
    margin-top: -1px !important;
    border-top: 6px solid #5f6368 !important;
    border-right: 5px solid transparent !important;
    border-left: 5px solid transparent !important;
}

.width0 {
    width: 0px;
}

.faclosesize {
    font-size: 1.8 rem !important;
}

.margintop8 {
    margin-top: 8px;
}

.bordertop1solidfff {
    border-top: 1px solid #fff !important;
}

.bgroundcolorfff {
    background-color: #fff;
}

.marginright5 {
    margin-right: 5px;
}

.margintop12 {
    margin-top: 12px;
}

.model-header-bground {
    border: 1px solid #d6d6d6;
    background: #EEEEEE !important;
    width: 100%;
}

.margintneg2 {
    margin-top: -2px !important;
}

.btn-reset:hover, .btn-reset:focus {
    color: #fff;
}

/* Time Sheet Modal changes */
.timesheetmodal {
    width: 60%;
    top: 17%;
    left: 24%;
    padding: 0.25%;
    background: #fff;
    height: 43%;
}

.removeHideMenu {
    pointer-events: auto !important;
    opacity: 1 !important;
}

.hideMenu {
    pointer-events: none;
    cursor: default;
    opacity: 0.2;
    filter: alpha(opacity=20);
}

.colorGray {
    color: #B8B8B9;
}

.widget-content-padding {
    padding: 20px 0px 15px 0px;
}

.userActiveBackground {
    border: 1px solid green;
    padding: 4px;
}

.colorGreen {
    color: green;
}

.text-blue {
    color: Blue;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: Lato, sans-serif;
}

.tableHeaderColor {
    background: rgba(246,244,245,0.45) !important;
}

.tablehorizontalScroll {
    min-height: 55vh;
}

.ieclose::-ms-clear {
    display: none;
}

/* Table scroll changes in all pages */
.tableFixHead {
    overflow-y: scroll;
    height: 650px;
    border: 1px solid #eaf3f3;
}
    /* rgb(0,0,0,0.12) */
    .tableFixHead thead th {
        position: sticky;
        top: -1px;
    }

/* Just common table stuff. Really. */
.new-table-scroll {
    border-collapse: collapse;
    width: 100%;
}

    .new-table-scroll th, .new-table-scroll td {
        padding: 8px 16px;
    }

    .new-table-scroll th {
        background: #eee;
    }

.tophead th {
    top: 26px !important;
    position: sticky !important
}

/* Workorder Page Inline Style Changes */
.color-ff0000 {
    color: #ff0000;
}

.font13 {
    font-size: 13px;
}

.lineheig30 {
    line-height: 21px;
}

.bground-green {
    background-color: #d9f9d9;
}

.bground-blue {
    background-color: #c8dfec;
}
.bground-darkgreen {
    background-color: #1ed242;
}

.panel-Remaining {
    color: #fff;
    background-color: rgba(247, 67, 36, 0.57);
    margin-bottom: 0px;
}

.widthfull {
    width: 100%;
}

.borderbground {
    border: 1px solid #eeeeee;
    background-color: #eeeeee;
}

.paddingbtm {
    padding-bottom: 2%;
}

.height260 {
    height: 260px;
}

/*******************************
* MODAL AS LEFT/RIGHT SIDEBAR
* Add "left" or "right" in modal parent div, after class="modal".
* Get free snippets on bootpen.com
*******************************/
.modal.left .modal-dialog,
.modal.right .modal-dialog {
    position: fixed;
    margin: auto;
    margin-top: 5.5%;
    width: 380px; /* width: 440px; */
    /*height: 90%;*/
    -webkit-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
}

.modal.left .modal-content,
.modal.right .modal-content {
    height: 100%;
    overflow-y: auto;
}

.modal.left .modal-body,
.modal.right .modal-body {
    /*padding: 15px 15px 80px;*/
}

/*Left*/
.modal.left.fade .modal-dialog {
    left: -320px;
    -webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, left 0.3s ease-out;
    -o-transition: opacity 0.3s linear, left 0.3s ease-out;
    transition: opacity 0.3s linear, left 0.3s ease-out;
}

.modal.left.fade.in .modal-dialog {
    left: 0;
}

/*Right*/
.modal.right.fade .modal-dialog {
    right: -320px;
    -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
    -o-transition: opacity 0.3s linear, right 0.3s ease-out;
    transition: opacity 0.3s linear, right 0.3s ease-out;
}

.modal.right.fade.in .modal-dialog {
    right: 0;
}

/* ----- MODAL STYLE ----- */
.modal-content {
    border-radius: 0;
    border: none;
}

.modal-header {
    border-bottom-color: #EEEEEE;
    background-color: #FAFAFA;
}

/* ----- v CAN BE DELETED v ----- */
body {
    background-color: #78909C;
}

/* -----.demo {
	padding-top: 60px;
	padding-bottom: 110px;
}----- */

.btn-demo {
    margin: 15px;
    padding: 10px 15px;
    border-radius: 0;
    font-size: 16px;
    background-color: #FFFFFF;
}

    .btn-demo:focus {
        outline: 0;
    }

.demo-footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    padding: 15px;
    background-color: #212121;
    text-align: center;
}

    .demo-footer > a {
        text-decoration: none;
        font-weight: bold;
        font-size: 16px;
        color: #fff;
    }

.disabled {
    pointer-events: none !important;
    cursor: default;
}

.text-orange {
    color: Orange;
}

.LinkColor svg {
    color: #1a73e8;
}
/* model popup right corner ticket */
.ticketrightbottom {
    bottom: 0;
    right: 0;
}

.bottnhidebottom {
    max-height: 500px;
    padding: 15px 15px 30px;
}

/*--  event //10/08/2020      ----*/
.k-check {
    margin-right: 10px;
}

/********** event color **********/
.eventinsurance {
    color: #C11A25;
}

.eventasplalt {
    color: #4F4F4F;
}

.eventasphaltwo {
    color: #6F6F6F;
}

.eventbirthday_cowork {
    color: #DAAEC2;
}

.eventblue_cmt {
    color: #9DB7E8;
}

.eventcanceled {
    color: #BFBFBF;
}

.eventcmtwo {
    color: #9FDCC9;
}

.eventfire_geo_misc {
    color: #6B7994;
}

.eventfirewo {
    color: #DAD9DC;
}

.eventgreen_threshold {
    color: #78D168;
}

.eventinsdrill_red {
    color: #E7A1A2;
}

.eventmarket_yellow {
    color: #FCFA90;
}

.eventpaid_orange {
    color: #F9BA89;
}

.eventunpaid {
    color: #F7DD8F;
}

.eventpurple {
    color: #4B308D;
}

.eventremedian {
    color: #2858A5;
}

.eventsite {
    color: #E2620D;
}

.eventtreholdwo {
    color: #368F2B;
}

.eventtraining {
    color: #B5A1E2;
}

.recurringpadding {
    padding-bottom: 10px;
}

.recurringpaddingtop {
    padding-top: 2px;
}

.recurpopup {
    margin: 5px 0px 5px 0px;
}

.headcol {
    position: absolute;
    width: 5em;
    left: 0;
    top: auto;
    border-top-width: 1px;
    /*only relevant for first row*/
    margin-top: -1px;
    /*compensate for top border*/
}

    .headcol:before {
        content: 'Row ';
    }

.table-scroll {
    position: relative;
    /*max-width: 1306px;*/
    margin: auto;
    overflow: hidden;
}

.table-wrap {
    width: 100%;
    overflow: auto;
}

.table-scroll table {
    width: 100%;
    margin: auto;
    border-collapse: separate;
    border-spacing: 0;
}

.table-scroll th, .table-scroll td {
    padding: 5px 10px;
    border: 1px solid #eaf3f3 !important; /*DFDFDF*/
    background: #fff;
    white-space: nowrap;
    vertical-align: top;
}

.table-scroll thead, .table-scroll tfoot {
    background: #f9f9f9;
}

.clone {
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
}

    .clone th, .clone td {
        visibility: hidden
    }

    .clone td, .clone th {
        border-color: transparent
    }

    .clone tbody th {
        visibility: visible;
        color: red;
    }

    .clone .fixed-side {
        border: 1px solid #000;
        background: #eee;
        visibility: visible;
    }

    .clone thead, .clone tfoot {
        background: transparent;
    }

.table-scroll table thead tr th:nth-child(4) {
    padding-left: 150px !important;
}

.table-scroll table tbody tr td:nth-child(4) {
    padding-left: 150px !important;
}

.paddingright0 {
    padding-right: 0px;
}

.d-inline {
    display: inline;
}

.margint-0 {
    margin-top: 0px;
}

.lineHeight35 {
    line-height: 35px;
}

.paddingleft290 {
    padding-left: 290px;
}

.hidetd {
    display: none;
}

.nomaxheight-model {
    max-height: none !important;
    padding: 5px;
}

.ticketrightbottom {
    margin-top: 0% !important;
    top: 0px;
}

.margintopneg12 {
    margin-top: -12px;
}

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

.mtp-5 {
    margin-top: 0px;
    margin-bottom: 0px;
}

.padding-5 {
    margin-bottom: 5px;
}

.ptb-5 {
    padding-top: 5px;
    padding-bottom: 5px;
}

.nameBadge {
    width: 60px;
    height: 60px;
    justify-content: center;
    display: flex;
    font-size: 17px;
    align-items: center;
    border-radius: 30px;
    background-color: #5f6368 !important;
}

.nameBadgeHeader {
    width: 25px;
    height: 25px;
    justify-content: center;
    display: flex;
    font-size: 11px;
    align-items: center;
    border-radius: 30px;
    background-color: #5f6368 !important;
}

.font20px {
    font-size: 15px;
}

.d-flexcenter {
    align-items: center;
    display: flex;
}

.fontsideIcon {
    font-size: 13px;
    padding-top: 12px;
    padding-bottom: 12px;
}

.mrbText {
    margin-bottom: 30px;
    margin-top: 30px;
}

.mrtb-15 {
    margin-top: 0px;
    margin-bottom: 0px;
    border-bottom: 1px solid #eaf3f3;
}

    .mrtb-15:first-child {
        border-top: 6px solid #59C065;
    }

.fontsideIcon a {
    text-decoration: none !important;
    color: #000;
}

.ptb-5 .close {
    margin-top: 0px;
}

div.modal-header {
    background-color: #eee;
}

.k-block, .k-widget, .k-input, .k-textbox, .k-group, .k-content, .k-header, .k-editable-area, .k-separator, .k-colorpicker .k-i-arrow-s, .k-textbox > input, .k-autocomplete, .k-dropdown-wrap, .k-toolbar, .k-group-footer td, .k-grid-footer, .k-footer-template td, .k-state-default, .k-state-default .k-select, .k-state-disabled, .k-grid-header, .k-grid-header-wrap, .k-grid-header-locked, .k-grid-footer-locked, .k-grid-content-locked, .k-grid td, .k-grid td.k-state-selected, .k-grid-footer-wrap, .k-pager-wrap, .k-pager-wrap .k-link, .k-pager-refresh, .k-grouping-header, .k-grouping-header .k-group-indicator, .k-panelbar > .k-item > .k-link, .k-panel > .k-item > .k-link, .k-panelbar .k-panel, .k-panelbar .k-content, .k-calendar th, .k-slider-track, .k-splitbar, .k-dropzone-active, .k-tiles, .k-toolbar, .k-tooltip, .k-button-group .k-tool, .k-upload-files {
    border-color: #eaf3f3;
}

    .k-header, .k-grid-header-wrap, .k-grid .k-grouping-header, .k-grid-header, .k-pager-wrap, .k-pager-wrap .k-textbox, .k-pager-wrap .k-link, .k-grouping-header .k-group-indicator {
        border-color: #eaf3f3;
    }

        .k-pager-wrap .k-pager-nav.k-pager-last {
            border-right-color: #eaf3f3;
        }

.k-multiselect-wrap {
    border-color: #eaf3f3 !important;
}

.k-multiselect.k-header {
    border-color: #eaf3f3 !important;
}

.k-scheduler-toolbar > ul > li {
    border-color: #eaf3f3;
}

.k-button {
    /*border-color: #eaf3f3 !important;
    border:none;*/
    padding: 0;
}

.k-dropdown .k-input, .k-dropdown .k-state-focused .k-input, .k-menu .k-popup {
    color: #5f6368;
}

.k-autocomplete.k-state-default, .k-picker-wrap.k-state-default, .k-numeric-wrap.k-state-default, .k-dropdown-wrap.k-state-default, .k-multiselect.k-header {
    border-color: #eaf3f3;
}

.k-grid-header .k-header {
    border-right-color: #eef1f1 !important;
}

.modal-header .close {
    margin-top: 5px;
}

.k-input, input.k-textbox, textarea.k-textbox, input.k-textbox:hover, textarea.k-textbox:hover, .k-textbox > input, .k-multiselect-wrap {
    color: #5f6368 !important;
}

.k-grid-header .k-link:link, .k-grid-header .k-link:visited, .k-grid-header .k-nav-current.k-state-hover .k-link, .k-grouping-header .k-link {
    color: #5f6368 !important;
}

.k-list .k-state-hover, .k-list .k-state-focused, .k-list .k-state-highlight, .k-list .k-state-selected, .k-dropzone {
    padding-left: 0px;
}

a:hover, a:focus {
    text-decoration: none !important;
}

.headulineTblNone {
    border-bottom: 1px solid #eaf3f3;
    margin-bottom: 5px;
}

input[type="radio"], input[type="checkbox"] {
    margin: 3px 0 0;
}

/* code for password strength */
.demoInputBox {
    padding: 7px;
    border: #F0F0F0 1px solid;
    border-radius: 4px;
}

#password-strength-status {
    padding: 5px 10px;
    border-radius: 4px;
    margin-top: 5px;
}

.medium-password {
    color: #b7d60a;
}

.weak-password {
    color: #ce1d14;
}

.strong-password {
    color: #12CC1A;
}

.k-header {
    color: #5F6368;
}

.k-block, .k-widget, .k-popup, .k-content, .k-dropdown .k-input {
    color: #5F6368;
}

.k-edit-form-container .k-edit-buttons {
    background: #eeeeee;
    text-align: center;
}

.btn:hover, .btn:focus {
    color: #fff;
}

.k-block > .k-header, .k-window-titlebar {
    font-size: 13px !important;
}

h4, .h4 {
    font-size: 15px;
}

.divheight400 {
    height: 400px;
}

.divheight-width-400 {
    height: 400px;
    width: 700px;
}
.divpaddingtop {
    padding-top: 20px;
}

.red-background {
    background-color: rgb(255 0 0 / 31%);
    padding: 5px 2px;
}

.yellow-background {
    background-color: rgb(255, 255, 172);
    padding: 5px 2px;
}

.blue-background {
    background-color: rgb(108 182 255 / 44%); /*rgb(108, 182, 255);*/
    padding: 5px 2px;
}

.green-background {
    background-color: rgb(128, 255, 128);
    padding: 5px 2px;
}

.greenblue-background {
    background-color: rgb(150, 150, 203);
    padding: 5px 2px;
}

.pbottom0 {
    padding-bottom: 0px;
}

.mleft96per {
    margin-left: 96%
}

.WOArchiveFont11 {
    font-size: 11px !important;
}

.width8em {
    width: 8em !important;
}

.OrangeDarkbg, .OrangeDarkbg:hover {
    background-image: url(/Images/OrangeDark.png) !important;
}

span.field-validation-error {
    color: #f20b0b !important; /*#FF0000*/
}

.k-input[readonly] {
    cursor: not-allowed;
    background-color: #eeeeee;
    opacity: 1;
}

.panel-reportsent-Dashboard {
    color: #fff;
    border: 2px solid rgba(60, 162, 24, 0.56);
    margin-bottom: 0px;
}

.panel-reviewed-Dashboard {
    color: #fff;
    border: 2px solid rgba(85, 186, 223, 0.57);
    margin-bottom: 0px;
}

.panel-draft-Dashboard {
    color: #fff;
    border: 2px solid rgba(247, 198, 95, 0.57);
    margin-bottom: 0px;
}

.panel-new-Dashboard {
    color: #fff;
    border: 2px solid rgba(169, 146, 226, 0.57);
    margin-bottom: 0px;
}

.panel-cancel-Dashboard {
    color: #fff;
    border: 2px solid #F4ADA1;
    margin-bottom: 0px;
}

.icon_pending {
    color: #CEC1EF;
}

.icon_completed {
    color: #FADFA4;
}

.icon_canceled {
    color: #F4ADA1;
}

.icon_sent {
    color: #9ED8ED;
}

.ddlwidth {
    width: 20%;
}

.bordernone {
    border: none !important;
}

.bodylayout {
    margin-top: 7%;
}

.imageleft {
    margin-left: 10%;
}

.modaltop {
    padding-left: 16px;
    padding-right: 16px;
}

.pricing-sub-bg {
    background: #e5e5eb !important;
}

.mr-5 {
    margin-right: 5px !important;
}

.sub-font {
    font-size: 11px !important
}


.kbw-signature {
    width: 400px;
    height: 200px;
}

.table-striped > tbody > tr:nth-child(2n+1) > td.bg-danger,
.table-striped > tbody > tr:nth-child(odd) > td.bg-danger {
    background: #DD5047;
}

.inpt-brd {
    border: 2px #DD5047 solid !important;
}
.input-fail-steel {
    background-color: yellow !important;
}
.input-fail-steel-red {
    background-color: #ff00006e !important;
}
.signpadform {
    margin-top: 5px;
}

#firstsurface-container, surface-container, secondsurface-container {
    margin-top: 5px;
}

.height100 {
    height: 100px;
}

.padding2 {
    padding: 2px;
}

#myTabHeaderLink {
    padding-bottom: 5px;
}

ul#myTabHeaderLink li.active a {
    background-color: #59C065 !important;
    color: #fff;
}

ul#myTabHeaderLink li a {
    background: #ffffff;
    color: #5f6368;
    /*font-weight: bold;*/
    border: 2px solid #3F51B5 !important;
}

ul#myTabHeaderLink li.active a {
    background-color: #ffffff; /* #EEEEEE */
    border-bottom: 0px solid;
}

ul#myTabHeaderLink li a {
    border: 1px solid #59C065 !important;
    background-color: #fff;
    margin-right: -5px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 13px; /* 14px */
}

.sticky-thead {
    position: sticky;
    z-index: 1000;
    top: 10%;
}

.delete-bg, .k-grid-edit, .k-grid-delete {
    border: 0px !important;
    background-color: unset !important;
}

.border-initial {
    border-collapse: initial !important;
}


#vmenu li a {
    border-bottom: 3px solid #fff !important;
    background-color: #eeeeee;
    margin-right: -5px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 13px;
    color: #5f6368;
}

#vmenu li.active a {
    border-bottom: 3px solid #59c065 !important;
}



/*for thead swith toggle button*/
.switch {
    position: relative;
    display: inline-block;
    width: 45px;
    height: 24px;
}

    .switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

    .slider:before {
        position: absolute;
        content: "";
        height: 20px;
        width: 20px;
        left: 3px;
        bottom: 2px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

input:checked + .slider {
    background-color: #2196F3;
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

    .slider.round:before {
        border-radius: 50%;
    }

.pricing-ul {
    list-style: none;
    display: -webkit-box;
    margin-bottom: 0px;
    float: right;
}

    .pricing-ul li {
        margin-right: 10px;
    }

.mb-0 {
    margin-bottom: 0px !important;
}

.pr-0 {
    padding-right: 0px;
}

.pt-0 {
    padding-top: 0px;
}

.mr-4 {
    margin-right: 4px
}

.DownloadZip {
    display: inline-flex;
}

.pl-0 {
    padding-left: 0px;
}


.modal-header {
    padding: 5px;
    padding-top: 1px;
    border-bottom: 1px solid #e5e5e5;
    min-height: 16.428571px;
}

.modal-body {
    position: relative;
    padding: 15px;
}


.datamsg {
    padding-bottom: 10px;
}

.pjsigningauthority {
    width: 100%;
    padding: 1% 1% 0.25% 1%;
    float: left;
}

.mt-5 {
    margin-top: 5px;
    margin-bottom: 5px;
}

.ml-10 {
    margin-left: 10px;
}

.mt5 {
    margin-top: 5px;
}

.ml-5 {
    margin-left: 5px;
}

.mb-5 {
    margin-bottom: 5px;
}

.pl-20 {
    padding-left: 20px;
}

.w-100 {
    width: 385px !important;
}

.mb-10 {
    margin-bottom: 10px;
}

.mt-0 {
    margin-top: 0px;
}

.k-split-button > .k-button {
    background-color: #f89f1f !important;
    color: white !important;
    border: 0 !important;
    padding: 4px 8px !important;
}

    .k-split-button > .k-button.k-split-button-arrow {
        background-color: #f89f1f !important;
        color: white !important;
        border: .5px solid white !important;
        padding: 4px 6px !important;
    }

.k-popup.k-list-container > li > a {
    padding: 4px 8px !important;
    color: #1a73e8 !important;
}

    .k-popup.k-list-container > li > a:hover, .k-popup.k-list-container > li > a:visited, .k-popup.k-list-container > li > a.clicked > li {
        background-color: transparent !important;
        color: #1a73e8 !important;
    }

.k-overflow-container .k-overflow-button, .k-split-container .k-button {
    border: 0 !important;
}

ul .k-split-container > .k-button {
    padding: 4px 8px !important;
}

.pl-40 {
    padding-left: 40px;
}

.ml-20 {
    margin-left: -20px;
}

#pl-5 {
    padding-left: 5px;
}

#pt-pb {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
}

.mr-3 {
    margin-right: 3px;
}

.mt-4 {
    margin-top: 4px;
}

.pl-6 {
    padding-left: 6px;
}

.pr-20 {
    padding-right: 20px;
}

/*#grdProjectPricingList {
    white-space: normal !important;
}*/
.pt-2 {
    padding-top: 2px !important;
}
.k-datetimepicker .k-picker-wrap {
    padding-right: 0 !important;
}
@media (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) {
    .k-datetimepicker .k-picker-wrap {
        padding-right: 4em !important; /* Adjust this value as needed */
    }
}

.mr-0 {
    margin-right: 0px !important;
}

.mr-50 {
    margin-right: 50px;
}
.mx-1{
    margin-left:1px;
    margin-right:1px;
}

.modal-dialog.mpopup {
    width: 100% !important;
}

.modal-content.mpopup {
    margin: 1% auto;
    width: 90%; /* Set a default width */
    /* max-width: 1200px; Set a maximum width */
}

.modal-header.mpopup {
    padding: 15px !important;
    border-bottom: 1px solid #e5e5e5;
    min-height: 16.428571px;
}

.modal-dialog.mediumpopup {
    width: 80% !important;
}

.modal-dialog.smallpopup {
    width: 70% !important;
}

.mx-1 {
    margin-left: 1px;
    margin-right: 1px;
}

.wet-sign{
    color: #060f85;
}
.filter-form-actions {
    background-color: #eeeeee;
    border: 1px solid #eaf3f3;
    margin-bottom: 0px;
    margin-top: 18px;
    padding: 10px;
    display: inline-block;
    width: 100%;
}
.filter-outer {
    padding: 5px 0px 0px 0px !important;
}
.mt-13{
    margin-top:13px !important;
}
.mr-10 {
    margin-left: 10px;
}
#steelSetno > li > a {
    border: 1px solid #59C065 !important;
    background-color: #fff;
    margin-right: -5px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 13px;
    color: #5f6368;
}

/*#steelSetno > li:hover > a {
    color: #5f6368 !important;
}*/

#steelSetno > li > a.active {
    background-color: #59C065 !important;
    color: #fff;
}

#steelSetno > li.active:hover > a {
    color: #fff !important;
}
.main-menu-container {
    width: 200px;
}
.mr-30{
    margin-right:30px;
}
.steelSetChild li a.active, .steelSetChild li a.active:hover {
    border-top: 0px;
    border-right: 0px;
    border-left: 0px;
    border-bottom: 3px solid #f89f1f;
}
.steelSetChild li a:hover {
  border-color:white;
}
.custom-kendo-dropdown {
    display: inline-block;
    border: 1px solid #eaf3f3;
    border-radius: 4px;
    padding: 4px 8px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
}
    .custom-kendo-dropdown:focus-visible, .custom-kendo-dropdown:focus-visible {
        border-color: #76abd9;
        box-shadow: 0 0 7px 0 #76abd9;
        outline: none;
    }
.dropdown-menu-search table > tbody > tr > td {
    border-top: 0px;
}
.table-width{
    width:60% !important;
}
.mr-10 {
    margin-right: 10px;
}
.zoombtn {
    padding: 5px;
    border: 1px #eeeeee solid;
    background-color: lightgrey;
    color: #5f6368;
}
#map .k-map-controls .k-widget {
    z-index:999;
}
.input-fail-steel .k-dropdown .k-dropdown-wrap .k-input {
    background-color: yellow !important;
}

.dash-title {
    vertical-align: super;
}

.btn:focus-visible {
    outline: 5px auto -webkit-focus-ring-color !important;
    outline-offset: -2px !important;
}


#pageitems {
    border: unset !important;
    padding: 3px !important;
    /*appearance: none;*/ /* Remove default appearance */
    /*-webkit-appearance: none;*/ /* For Safari/Chrome */
    /*-moz-appearance: none;*/ /* For Firefox */
    /*background-image: url('filled-arrow-icon.svg');*/ /* Your filled arrow icon */
    /*background-size: 16px;*/ /* Adjust size as needed */
    /*background-position: right center;
    background-repeat: no-repeat;
    padding-right: 20px;*/ /* Add padding for arrow icon */
}

/*#pageitems:focus {
    border-color: red;*/ /* Apply some focus style */
/*}*/

#pageitems option{
    border: unset !important;
    padding: 3px !important;
}

/* Increase the padding for the options in the Bootstrap select box */
/*.valign.dropdown-menu .dropdown-item {
    padding: 8px 12px;
}*/

/*#pageitems {
    appearance: none;
    -webkit-appearance: none;*/ /* For Safari compatibility */
    /*padding: 5px;
    border: 1px solid #ccc;
    background-color: white;
    background-repeat: no-repeat;
    background-position: right center;
    background-image: url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M502.6 119.4L267.8 354.2c-9.4 9.4-24.6 9.4-33.9 0L9.4 119.4C.1 110.1.1 94.9 9.4 85.6c9.4-9.4 24.6-9.4 33.9 0L256 308.2l212.6-212.6c9.4-9.4 24.6-9.4 33.9 0 9.4 9.3 9.4 24.5 0 33.8z"></path></svg>');
    background-size: 12px;*/ /* Adjust the size of the arrow */
/*}*/
#pageitems:focus-visible {
    border:none !important;
}

#zoomControls {
    position: absolute;
    top: 10px;
    right: 5px;
    z-index: 999;
}
.justify-space-between {
    justify-content: space-between;
}

.LoadingDivMP {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    /*opacity: 0.6;*/
    /*background-color: #555555;*/
    background-color: rgb(0, 0, 0);
    background-color: rgba(0,0,0,0.5);
    z-index: 99;
}
.statusclmn {
    width: 75px;
    text-align:center;
}

.container-steel {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 15px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-weight: bold !important;
}

    /* Hide the browser's default checkbox */
    .container-steel input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }
    .container-steel span {
        position: absolute;
        top: 0;
        left: 0;
        height: 18px;
        width: 18px;
        border: 1px black solid;
    }
    /* Create a custom checkbox */
    .checkmark-green {
        position: absolute;
        top: 0;
        left: 0;
        height: 18px;
        width: 18px;
        background-color: green;
        border: 1px black solid;
    }

.checkmark-red {
    position: absolute;
    top: 0;
    left: 0;
    height: 18px;
    width: 18px;
    background-color: red;
    border: 1px black solid;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark-green:after  {
    content: "";
    position: absolute;
    display: none;
}
.checkmark-red:after {
    content: "";
    position: absolute;
    display: none;
}
/* Show the checkmark when checked */
.container-steel input:checked ~ .checkmark-green:after {
    display: block;
}

.container-steel input:checked ~ .checkmark-red:after {
    display: block;
}


/* Style the checkmark/indicator */
.container-steel .checkmark-green:after {
    left: 6px;
    top: 3px;
    width: 6px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(35deg);
    -ms-transform: rotate(35deg);
    transform: rotate(35deg);
}

.container-steel .checkmark-red:after {
    left: 6px;
    top: 3px;
    width: 6px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(35deg);
    -ms-transform: rotate(35deg);
    transform: rotate(35deg);
}
.label-padding {
    padding-left: 23px !important;
}

.wo-disable {
    pointer-events: none;
    color: #c1bbbb !important;
    cursor: not-allowed;
}

.wo-disable i, .wo-disable svg{
    color: #c1bbbb !important;
}
.mt-2{
    margin-top:2px !important;
}
.width93per{
    width:93%;
}
.width85per{
    width:85%;
}
.width88per {
    width: 88%;
}

.validation-summary-errors {
    color: #FF0000;
    position: relative;
    top: 11px;
    text-align: center;
}
.ml-25 {
    margin-left: 25px;
}
.mt-10 {
    margin-top: 10px;
}
.pl-12 {
    padding-left: 12px;
}
.pl-50 {
    padding-left: 50px;
}
.mt-15p{
    margin-left:15%;
}
.pt-10{
    padding-top:10px;
}
.br-b-gr {
    border-bottom: 1px #eeeeee solid;
}
.br-t-gr {
    border-top: 1px #eeeeee solid;
}
.width65per{
    width:65%;
}
.mw-100 {
    max-width: 100%;
}
#faqMenu {
    list-style: none;
    padding-left: 5px;
    text-align: left;
}
#faqMenu li {
    padding: 10px;
    font-size: 15px;
    width:max-content;
}
#faqMenu li a {
    color: black;
}
#faqMenu li.active a {
        border-bottom: 2px #f89f1f solid;
}
.pl-45{
    padding-left:45px;
}
.divFaqmenu {
    text-align: right;
    width: 13%;
    background-color: #eeeeee;

}

.divContent {
    width: 86%;
    padding-top: 10px;

}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .divFaqmenu {
        text-align: right;
        width: 20%;
        background-color: #eeeeee;
    }

    .divContent {
        width: 80%;
        padding-top: 10px;
        overflow-y: scroll;
    }
}
#Add-docu .k-header{
    background-color:#ffffff;
}
.userInt {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #f89f1fde;
    border: 1px aliceblue solid;
    display: flex;
    justify-content: center;
    text-align: center;
    align-items: center;
    color: #fceeee;
    text-transform: uppercase;
    margin-left: 15px;
    margin-right: 5px;
}
.pb-0{
    padding-bottom:0px;
}
.faqsearch {
    margin-left: 35%;
    margin-right: 20%;
    cursor:pointer;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {

    .faqsearch {
        margin-left: 10%;
        margin-right: 20%;
        cursor: pointer;
    }
}
@media (min-width: 992px){
    .faqsearch {
        margin-left: 27%;
        margin-right: 20%;
        cursor: pointer;
    }
}

@media (min-width: 1200px) {
    .faqsearch {
        margin-left: 35%;
        margin-right: 20%;
        cursor: pointer;
    }
}
.control-label1 {
    font-weight: bold;
    text-align: right;
    margin-top: 3px;
    margin-left: -70px;
    padding-right: 1px
}
.marginbot1per {
    margin-bottom: 1%;
}
.ml-30{
    margin-left:-30px
}
.pl-15{
    padding-left:15px !important;
}
.invcomp {
    color: #d2ae60;
}
.invrev {
    color: #14c0fd;
}
.invsign {
    color: #60d933;
}
#InvoiceStatusChange .radio-inline, .checkbox-inline {
    margin-top: 0;
    margin-left: 0px;
    margin-right: 10px;
}
.mt-10p{
    margin-top:10%;
}
.pl-50p{
    padding-left:50%;
}
.tablewbg thead tr th{
    background-color:white !important;
    border:none !important;
}
.divheight450{
    height: 450px;
}
.labformbody #myTabHeader {
    border-bottom: 1px solid #59c065 !important;
    padding-bottom: 0px !important;
}

.mr-12 {
    margin-right: 12px;
}
.mr-20 {
    margin-right: 20px;
}
.mt-8{
    margin-top: 8px !important;
}
.green {
    background-color: #f9f9b0;
    font-size:11px;
}
.font10{
    font-size:10px;
}
.ml-22 {
    margin-left: 22px;
}
.pl-10{
    padding-left:10px;
}
.dsdrop .k-state-disabled {
    text-align: left !important;
}
/*5 trails*/
#tblMoistureDet .fivetrails th {
    max-width: 200px !important;
}
#tblMoistureDet .fivetrails td input {
    width: 100% !important;
}

#tblMoistureDet .fivetrails th:first-child {
    width: 18rem !important;
}
#tblMoistureDet .fivetrails tr td:first-child {
    width: 18rem !important;
}


#tblCompaction .fivetrails th {
    max-width: 200px !important;
}

#tblCompaction .fivetrails td input {
    width: 100% !important;
}

#tblCompaction .fivetrails th:first-child {
    width: 18rem !important;
}

#tblCompaction .fivetrails tr td:first-child {
    width: 18rem !important;
}

/* 10 trails*/
#tblMoistureDet .tentrails th {
    max-width: 200px !important;
}

#tblMoistureDet .tentrails td input {
    width: 50px !important;
}

#tblMoistureDet .tentrails th:first-child {
    width: 18rem !important;
}

#tblMoistureDet .tentrails tr td:first-child {
    width: 18rem !important;
}

#tblCompaction .tentrails th {
    max-width: 200px !important;
}

#tblCompaction .tentrails td input {
    width: 50px !important;
}

#tblCompaction .tentrails th:first-child {
    width: 18rem !important;
}

#tblCompaction .tentrails tr td:first-child {
    width: 18rem !important;
}

.modal-xl {
    width: 98vw;
    max-width: none;
    height: 100%;
}
.ml-12 {
    margin-left: 12px;
}

#tblLbrDetail th {
    max-width: 200px !important;
}

#tblLbrDetail td input {
    width: 50px !important;
}

#tblLbrDetail th:first-child {
    width: fit-content !important;
}

#tblLbrDetail tr td:first-child {
    width: fit-content !important;
}

#tblCbrDetails th {
    max-width: 200px !important;
}

#tblCbrDetails td input {
    width: 50px !important;
}

#tblCbrDetails th:first-child {
    width: fit-content !important;
}

#tblCbrDetails tr td:first-child {
    width: fit-content !important;
}


/*#tblCompaction th {
    max-width: 200px !important;
}

#tblCompaction td input {
    width: 50px !important;
}

#tblCompaction th:first-child {
    width: fit-content !important;
}

#tblCompaction tr td:first-child {
    width: fit-content !important;
}
*/

.cstmcheckbox-container {
    display: flex;
    align-items: center;
    position: relative;
    cursor: pointer;
    margin: 0;
}

.cstmcheckbox-container input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
}

.cstmcheckmark {
    height: 18px;
    width: 18px;
    background-color: white;
    border: 1px solid black;
    position: relative;
}

.cstmcheckbox-container input:checked + .grn {
    background-color: green;
}

.cstmcheckbox-container input:checked + .red {
    background-color: red;
}

.cstmcheckbox-container input:checked + .cstmcheckmark::after {
        content: "";
        position: absolute;
        left: 7px;
        top: 3px;
        width: 6px;
        height: 10px;
        border: solid white;
        border-width: 0 2px 2px 0;
        transform: rotate(45deg);
}

.prop-status-new {
    color: blue;
    padding: 5px;
    background-color: #add8e675; /* Light Blue */
    border-radius: 2px;
}

.prop-status-updated {
    color: orange;
    padding: 5px;
    background-color: #ffdab966; /* Peach */
    border-radius: 2px;
}

.prop-status-email-sent {
    color: green;
    padding: 5px;
    background-color: #90ee9054; /* Light Green */
    border-radius: 2px;
}

.prop-status-signed {
    color: purple;
    padding: 5px;
    background-color: #d8bfd86e; /* Lavender */
    border-radius: 2px;
}
#tblAsphaltBinder tr td {
    background-color: #f9f9f9;
    border-bottom: 1px #ededed solid;
}

.priority-normal {
    color: darkseagreen !important;
}

.priority-high {
    color: darkorange !important;
}

.priority-urgent {
    color: red !important;
}

.custom-block-ui {
    z-index: 1500 !important;
}

.custom-block-ui-overlay {
    z-index: 1499 !important;
}

.brk-red{
    color:red;
}
.brk-grn{
    color:green;
}
.brk-blue{
    color:blue;
}


.tentrailsscrl {
    overflow-x: unset
}

@media (min-width: 768px) {
    .tentrailsscrl {
        overflow-x: scroll;
    }
}


.password-section {
    position: relative;
    display: flex;
    align-items: center;
}

    .password-section input {
        width: 100%;
        padding-right: 30px; /* Add padding to the right to make space for the icon */
    }

    .password-section a {
        position: absolute;
        right: 10px; /* Adjust the right position as needed */
        cursor: pointer;
        top: 50%;
        transform: translateY(-50%);
        color: #555; /* Adjust the color as needed */
    }

.proposal-scope {
    height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
    border: 1px solid #ddd;
    position: relative;
}

    .proposal-scope .table, .proposScope {
        width: 100%;
        border-collapse: collapse;
    }

        .proposal-scope .table thead th {
            position: sticky;
            top: 50px;
            z-index: 500;
        }

        .proposal-scope .table th, .proposal-scope .table td {
            padding: 8px;
            text-align: left;
            border: 1px solid #ddd;
        }

.proposScope {
    position: sticky;
    top: 0;
    background-color: white; 
    z-index: 1000; 
    padding: 10px; 
   /* border-bottom: 1px solid #ddd; */
}

.custom-save-button {
    background-color: darkorange !important;
    color: white;
    padding-right: 10px;
}

.custom-cancel-button {
    background-color: gray !important;
    color: white;
    padding-right: 10px;
}

.orange-backgroundbs {
    background-color: #ffdab966;
    height: 20px;
}
.disabled-column {
    pointer-events: none; /* Disable mouse interaction */
    user-select: none; /* Prevent text selection */
    color: gray; /* Change text color */
    background-color: #f0f0f0; /* Light gray background */
    opacity: 0.6; /* Make it semi-transparent */
    cursor: not-allowed;
}

ul#myTabHeader li.active a {
    color: #fff !important;
}
.h-28{
    height:28px;
}
.autoscroll {
    max-height: 300px;
    overflow-y: auto;
}
.grid-2col {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}

.col6 {
    grid-column: span 1;
}

.col12 {
    grid-column: span 2;
}
.grid-3col {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
}
.tbl-font {
    font-size: calc(0.5rem + 0.5vw) !important;
}

/* For portal job request scrollable modal */

.fxmodal {
    display: flex;
    flex-direction: column;
    height: 100vh;
}

.fixed-header {
    position: sticky;
    top: 0;
    background: white;
    z-index: 1000;
    padding: 6px;
    border-bottom: 1px solid #ddd;
}

.fixed-footer {
    position: sticky;
    bottom: 0;
    background: white;
    z-index: 1000;
    padding: 12px;
    border-top: 1px solid #ddd;
}

.scrollable-content {
    flex-grow: 1;
    overflow-y: auto;
    overflow-x: hidden;
    max-height: calc(400vh - 120px);
    padding: 15px;
}

.cancelbuttongrey {
    background-color: grey !important;
    background-size: cover;
    padding: 2px 11px !important;
    background-image: none;
    color: #fff !important;
    margin-right: 5px;
    margin-left: 5px;
    background-color: transparent;
    border-width: 0px;
    font-weight: 400;
    border-radius: 0px;
}

.width40px{
    width:40px !important;
}

@media (min-width: 992px) {
    .modal-lg-fit {
        width: 1000px !important;
    }
}

.modal-autoscroll {
    overflow-y: auto;
    max-height: 400px;
    overflow-x: hidden;
}
.mt-3{
    margin-top:3px;
}
.pb-10{
    padding-bottom:10px;
}

.floating-button-container {
    padding-left: 15px;
    padding-right: 15px;
    position: fixed;
    bottom: 20px;
    right: 10px;
    z-index: 1000;
}

.floating-button {
    display: block;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2);
    font-size: 16px;
    text-align: center;
    padding: 15px;
}

.startRecButton {
    background-color: #439E28;
    border: none;
    color: white;
}

.stopRecButton {
    background-color: #dc3545;
    border: none;
    color: white;
}

/* Recording animation */
.recording-animation {
    position: relative;
    animation: pulse 1.5s infinite;
}

@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 0, 0, 0.7);
    }

    50% {
        box-shadow: 0 0 5px 50px rgba(255, 0, 0, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(255, 0, 0, 0);
    }
}

.width30px{
    width:30px !important;
}

.cell-container {
    position: relative;
    display:flex;
}

.avg-value {
    width: 80%;
    display: inline-block;
}

.expand-btn {
    margin-left: 6px;
    font-size: 14px;
    padding: 2px 6px;
    cursor: pointer;
}

.w-inputs {
    display: flex;
    margin-top: 4px;
    gap: 4px;
    width: 20px !important;
    font-size: 12px;
}
.w-inputs input{
    width: 20px !important;
    font-size: 12px;
}

.w-measurements-grid {
    display: flex;
    flex-direction: column;
    gap: 1px;
/*    padding: 4px 0;*/
}

    .w-measurements-grid .row {
        display: flex;
        gap: 0px;
        justify-content: space-evenly;
    }

.w-measurements-grid .row input {
            width: 3vw;
            /*padding: 4px;*/
            height: 20px;
}
#samplgrout th:nth-child(4) {
    width: 30px !important;
    max-width: 30px !important;
    min-width: 30px !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
}

#samplgrout td:nth-child(4) {
    width: 30px !important;
    max-width: 30px !important;
    min-width: 30px !important;
    overflow: hidden;
}

    #samplgrout td:nth-child(4) input {
        width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }

#samplgrout colgroup col:nth-child(4) {
    width: 30px !important;
}