html, body{
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100% !important;
    background: #f4f6f9;
}
/* reusable classes */

.pl-1-2{
    padding-left: 1.2rem !important;
}
.primary-brand{
    background: #0d1f40;
}
.seconday-brand{
    background: #dd5636;
}
.txt-primary{
    color: #0d1f40;
}
.txt-secondary{
    color: #dd5636;
}
.txt-white{
    color: white;
}
a.txt-white:hover{
    color: white;
}

/* customized breadcrumbs CSS */
.breadcrumb-item{
    font-weight: 700;
}

/* customized button CSS */
.btn-primary{
    background: #0d1f40;
    border-color: #0d1f40;
}
.btn-primary:hover, .btn-primary:focus,
.btn-primary:active,
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show > .btn-primary.dropdown-toggle{
    background: #040a16;
    border-color: #040a16;
}

.btn-custom-sec{
    background: #dd5636;
    border-color: #dd5636;
    color: white;
}
.btn-custom-sec:hover, .btn-custom-sec:focus,
.btn-custom-sec:active,
.btn-custom-sec:not(:disabled):not(.disabled).active,
.btn-custom-sec:not(:disabled):not(.disabled):active{
    background: #c03f20;
    border-color: #c03f20;
    color: white;
}
.btn-blue{
    background: #007bff;
    color: white;
}
.btn-blue:hover{
    color: white;
}

/* customized Dropdown CSS */
.dropdown-menu.dropdown-menu-right.show {
    padding: 0;
}

.dropdown-menu.dropdown-menu-right.show li a {
    text-align: left;
    display: block;
    padding: 0.25rem 0.25rem 0;
    font-size: 14px;
}

/* customized badge colors */
.badge{
    min-width: 18px;
}
.badge-success{
   background-color: #009900;
}
.badge-danger{
    background-color: #ff0000;
}
/* customized table CSS */
.table.table-striped thead{
    border-bottom: 2px solid #0d1f40;
    background: #ffffff;
}
.table-striped tbody tr:nth-of-type(odd){
    background: #eeeff2;
}
.table-striped tbody tr:nth-of-type(even){
    background: #ffffff;
}

/* Customized Login CSS */
.login-logo p{
    font-size: 18px;
    color:#212529;
    font-weight: 500;
}
.login-logo a:hover {
    color:#212529;
    text-decoration: none !important;
}

.card-header h5{
    font-weight: 700;
}

/* Customized Header CSS */
.main-header{
    background: #ffffff;
    border-top: 4px solid #dd5636;
    border-bottom: 4px solid #dd5636;
    z-index: 1040;
}
.layout-navbar-fixed .wrapper .main-header{
    z-index: 1040;
}
.main-header .navbar-brand{
    padding: 0;
    border-right: 3px solid #0d1f40;
}
body:not(.sidebar-mini-md) .main-footer, body:not(.sidebar-mini-md) .main-header{
    margin-left: 0;
}

/* .main-header .navbar-brand img{
    height: 60px;
} */

.navbar-header-option p{
    font-size: 1.2rem;
}

.navbar-expand .navbar-nav .nav-link{
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    font-size: 14px;
}
.navbar-expand .navbar-nav .nav-link.custom{
    white-space: nowrap;
}

/* Customized Sidebar CSS */
/* [class*=sidebar-dark] .user-panel{
    margin-top: 95px;
} */
.sidebar{
    margin-top: 65px;
}
.layout-navbar-fixed .wrapper .sidebar-dark-primary .brand-link:not([class*=navbar]){
    background: #ffffff;
}
/* Customized content wrapper CSS */
.wrapper .content-wrapper{
    min-height: 100% !important;
    margin-top: 6rem;
    margin-bottom: 0;
}

    /* .layout-navbar-fixed .wrapper .brand-link{
        border-top: 4px solid #dd5636;
        border-bottom: 4px solid #dd5636;
    } */

    /* .layout-navbar-fixed.layout-fixed .wrapper .sidebar{
        margin-top: calc(3.5rem + 65px);
    }
    .layout-navbar-fixed .wrapper .content-wrapper{
        margin-top: calc(3.5rem + 65px);
    } */
.wrapped-content{
    padding: 1rem 1.5rem;
}

.content-header{
    padding: 0;
}
.content-header h1{
    font-size: 1.5rem;
}

/* Customized footer CSS */
.main-footer{
    padding: 0;
    position: fixed;
    bottom: 0;
    z-index: 1039;
    background: none;
    border-top: none !important;
}
.ajs-message.ajs-success.ajs-visible {
    width: 800px;
}
.ajs-message.ajs-error.ajs-visible {
    width: 800px;
}
.alert.alert-danger.col-md-6.offset-3 ul {
    list-style: none;
    text-align: center;
}
ul.info-text li.parsley-pattern {
    list-style: none;
    color: #000;
    font-size: 16px;
}
ul.info-text {
    padding: 0;
    width: 100%;
}

.nav-treeview
{
    margin-left: 10px;
}

/* #### Mobile Phones Portrait or Landscape #### */
/*@media screen and (max-device-width: 768px){*/
/*   #mobileview*/
/*   {*/
/*       width: fit-content;*/
/*   }*/
/*}*/


thead#w2 {
    display: none;
}
#myProgress {
  width: 100%;
  background-color: #ddd;
}

#myBar {
  width: 1%;
  height: 30px;
  background-color: #4CAF50;
}
.donwload-progress {
    display: none;
}
a.btn.btn-primary.btn-sm.view-ts {
    color: #fff;
    background: #dd5636;
    border-color: #dd5636;
}
span.info-text {
    font-weight: normal;
    font-size: 14px;
}
a.nav-link.pl-1-2.menu-open {
    background-color: rgba(255,255,255,.1);
    color: #fff;
}
#example1,
#example2,
#example3 {
    display: none;
}
.content-wrapper.collapsed {
    margin-left: 4.6rem!important;
}
#parsley-id-99 {
    display: none;
}
div.parsley-error {
    color: #B94A48;
    background-color: #F2DEDE !important;
    border: 1px solid #EED3D7 !important;
}
th.sorting {
    text-align: left;
    padding-left: 10px !important;
}
table.table-bordered.dataTable th:last-child, table.table-bordered.dataTable th:last-child, table.table-bordered.dataTable td:last-child, table.table-bordered.dataTable td:last-child {
    text-align: center;
}
button.btn.btn-sm.strike-line {
    text-decoration: line-through;
}
table.dataTable thead .sorting:after,table.dataTable thead .sorting:before {
    display: none !important;
}
div#example1_wrapper {
    position: relative;
    top: -50px;
}
#approved-timesheets-filters {
    position: relative;
    z-index: 1;
    width: 35%;
    /*margin: 0 auto;*/
}
.dataTables_wrapper .dataTables_length { 
    float: right;
}
.pay-rates-card {
    width: 100%;
    background: #8080800a;
}
button.btn.btn-primary.pull-right {
    float: right;
}
.btn-close {
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: 0.25em 0.25em;
    color: #000;
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
    border: 0;
    border-radius: 0.25rem;
    opacity: .5;
}
h3.card-title.pay-rate-grid-header {
    padding-top: 10px;
}
table#payRatesTable tbody tr {
    background: #fff;
}
.ui-datepicker {
    z-index: 9991 !important;
}
tr.pay-yellow {
    color: #FF9800;
}
tr.pay-green {
    color: #4CAF50;
}
tr.pay-red {
    color: red;
}
.restore-sub-menu {
    display: none;
}
td.text-center.status-column p.value {
    font-size: 0;
}

@font-face {
    font-family: "Baguet Script";
    src: url("custom-fonts/Melvastype - Baguet Script Bold.otf");
    src: url("custom-fonts/Melvastype - Baguet Script Bold Italic.otf");
    src: url("custom-fonts/Melvastype - Baguet Script Italic.otf");
    src: url("custom-fonts/Melvastype - Baguet Script Regular.otf");
    src: url("custom-fonts/Melvastype - Baguet Script Thin Italic.otf");
    src: url("custom-fonts/Melvastype - Baguet Script Thin.otf");
}
.fa-refresh:before {
    content: "\f021";
}
.alert-success, .alert-danger {
    z-index: 9999;
    position: absolute;
    top: -70px;
    width: 50%;
    margin: 0 auto;
    left: 30%;
}
@media (min-width: 768px){
.dataTables_length.float-right {
 position:absolute;
 left:70%;
 }
}
@media (min-width: 576px){
 .dataTables_length.float-right {
 position:absolute;
 right:10px;
 bottom: 0;
 }
}
.card-body .action-min-width {
    min-width: 180px;
}
.main-footer {
    padding: 0;
    background-color: #0d1f40;
    box-shadow: 0px -2px 10px rgba(0, 0, 0, 0.22);
    width: 100%;
    position: fixed;
    bottom: 0;
    z-index: 1039;
    border-top: none !important;
}
.main-footer strong{
    color: #c2c7d1;
    font-size: 12px;
}
.back-to-top {
    bottom: 2.25rem;
    right: 1.25rem;
    z-index: 1032;
}
.os-viewport.os-viewport-native-scrollbars-invisible {
    height: 95%;
}
aside#main-sidebar {
    width: 265px;
}
a.navbar-brand.pr-3 {
    width: 258px;
}
p.day-name span {
    font-weight: 600;
}
.table.table-striped tr.weekly-view-header {
    background: #007bff;
    color: #fff;
}
.hours-input {
    display: none;
}
.task-input {
    display: none;
}
form#weeklyTimeData {
    width: 100%;
}
.btn-export{
    background-color: #007bff;
    border: none;
} 
#weekly-view-table-body tr td a{
    padding-right: 8px;
}
#weekly-view-table-body tr td .fa-trash-alt{
    color: #F06E6E;
}
.weekly-view-table tfoot td{
    font-weight: bold;
}
.weekly-view-table thead .th-days{
    width: 20%;
}
.weekly-view-table thead .th-task{
    width: 30%;
}
.weekly-view-table thead .th-regular-hour,
.weekly-view-table thead .th-travel-hour,
.weekly-view-table thead .th-total-hour,
.weekly-view-table thead .th-action {
    width: 10%;
}
.weekly-view-table tbody td .hours-input{
    width: 85px;
}
#recallTimesheetBtn {
    display: none;
}
a.edit-time-entry.disabled, a.delete-time-entry.disabled {
    cursor: not-allowed;
    opacity: 0.5;
}
.view-by-project{
    margin: 0;
}
.view-by-project .weekly-view-header th{
    text-align: center;
    vertical-align: middle;
    /* width: 11.5%; */
    border-left: 1px solid #DEE2E6;
}
.view-by-project .weekly-view-header th p{
    margin: 0;
}
.view-by-project td, .table th{
    text-align: center;
    vertical-align: middle;
    padding: 0;
}
.view-by-project tbody td .action-btns{
    display: flex;
}
.view-by-project tbody td,
.view-by-project tfoot td
{
    border: 1px solid #DEE2E6;
}

.view-by-project tbody .task-name,
.view-by-project tbody .total-hours{
    width: 135px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    padding: 10px 6px;
}
.view-by-project tbody .hours-head,
.view-by-project tbody .hours-data{
    display: flex;
    margin: 0;
}
.view-by-project tbody .hours-head{
    background: #81BEFF;
}
.view-by-project tbody .hours-head .reg-hours-head,
.view-by-project tbody .hours-head .tra-hours-head,
.view-by-project tbody .hours-data .reg-hours
{
    padding: 5px;
    width: 50%;
    display: block;
    border-left: 1px solid #DEE2E6;
    border-bottom: 1px solid #DEE2E6;
}
.view-by-project tfoot tr,
.view-by-project tbody tr{
    border: 1px solid #DEE2E6;
}
.view-by-project tfoot tr td{
    padding: 10px;
}
.view-by-project tfoot .total-reg-hours{
    border-right: 1px solid #DEE2E6;
}
.view-by-project tfoot .total-reg-hours,
.view-by-project tfoot .total-tra-hours{
    width: 50%;
    display: inline-block;
    text-align: center;

}
#weekly-view-table-body td{
    position: relative;
 }
 #weekly-view-table-body .day-name{
    /* position: absolute;
    top: 8px;
    height: 46px;
    width: 98%; */
 }
 .action-btns a {
    color: #007bff;
}
a.recall-view-by-project.btn {
    color: goldenrod;
}
#weekly-view-table-body .day-name{
    padding: 10px;
    margin: 0;
    width: 100%;
    display: block;
 }
 #weekly-view-table-body td p{
    width: 100%;
    display: inline-block;
    margin: 0;
 }
 #weekly-view-table-body .task-input,
 #weekly-view-table-body .hours-input{
    width: 100%;
    height: 100%;
    padding: 8px;
    outline: none;
    border: 1px solid #bbbdbe;
    border-radius: 4px;
    }

 .weekly-view-table thead .weekly-view-header th{
    padding: 0.5rem;
    text-align: initial;
    vertical-align: middle;
    border: 1px solid#fff;
    border-bottom: none;
 }
 .table #weekly-view-table-body td{
    /*padding: 0 0.5rem;*/
    vertical-align: middle;
 }
 
 /* .weekly-view-table th{
    border: 1px solid#fff;
    border-bottom: none;
 } */
 .weekly-view-table td{
    border: 1px solid #DEE2E6;
    border-bottom: none;
    border-top: none;
 }
 .weekly-view-table .border-r-none{
    border-right: none;
 }
 .weekly-view-table .no-border{
    border: none;
 }
 
 .weekly-view-table tfoot{
    border-bottom: 1px solid #DEE2E6;
 }
 .weekly-view-table tfoot td{
    padding: 0.5rem;
 }
 .weekly-view-table thead .th-days {
    width: 15%;
 }
 .weekly-view-table thead .th-regular-hour{
    width: 12%;
 }
 .weekly-view-table thead .th-action{
    width: 8%;
 }
 a.btn.disabled, fieldset:disabled a.btn {
    cursor: not-allowed;
    pointer-events: all;
}
.weekly-view-table .table-striped thead{

    border-bottom: none;

 }

#performancetable .table th{

      vertical-align: middle;

      text-align: left;

      padding-left: 0.75rem;

  }
.no-pad-bottom {
    padding-bottom: 0px;
}
.no-pad-top {
    padding-top: 0px;
}

.out-card {
    padding-left: 15px;
    padding-bottom: 20px;
    font-size: 18px;
    font-weight: 700;
}
a.view-view-by-project.btn {
    color: #0056b3;
}
.dis-no {
    display: none;
}
.action-btns.cl a.btn, .action-btns a.btn  {
    padding: 0px 5px;
}
.tooltip-info {
    display: none;
    position: absolute;
    background-color: #007bff;
    color: #fff;
    padding: 8px;
    border-radius: 4px;
    font-size: 12px;
    white-space: nowrap;
    z-index: 1000;
    font-weight: 500;
    text-align: left;
}
.dataTables_length label {
    font-size: 0; /* Hides text */
}

.dataTables_length select {
    font-size: 14px;
    margin-right: 5px;
    height: 40px;
}