body {
    background: #0f6e94;
    font-size: 14px;
}

/**********************Start of Grid*************************************/

.tableDiv {
    padding-top: 2%;
}

.tableWidth {
    width: 100%
}

tr th {
    font-weight: 500;
    color: #034172;
    font-size: 12px;
}

table.dataTable thead th,
table.dataTable thead td {
    padding: 10px 18px;
    border-bottom: 0px solid #e6e6e6;
    background-color: #0f6e94;
    color: #fff;
}

table.dataTable tbody th,
table.dataTable tbody td {
    padding: 10px 17px;
    color: #2d2d2d;
}

table {
    border-spacing: 0px 5px;
}

tr td:first-child {
    border-left: 1px solid #e6e6e6;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}

tr td:last-child {
    border-right: 1px solid #e6e6e6;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    text-align: center;
}

.tableDiv tr td {
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    padding-top: 10%;
    padding-bottom: 10%;
    box-shadow: 0px 2px 0px 0px #e6e6e6;
}

.tableDiv tr:hover {
    background: #0f6e941c;
}

div.dataTables_length {
    padding-left: 4%;
}

div.dataTables_filter {
    padding-right: 4%;
}

.pagination>li:first-child>a,
.pagination>.disabled>a:hover {
    color: #266092;
    border: 1px solid #c9def1;
}

.pastLeaveLabel {
    text-align: center;
    margin-bottom: -2%;
    color: #034172;
    font-weight: 600;
    font-size: 15px;
}

.statusAck {
    border-radius: 4px;
    font-size: 12px;
    padding: 1px 11px;
    color: white;
    font-weight: 300;
    background-color: #848587;
}

.statusAppr {
    border-radius: 4px;
    font-size: 12px;
    padding: 1px 24px;
    color: white;
    font-weight: 300;
    background-color: #37c466;
}

.statusReview {
    border-radius: 4px;
    font-size: 12px;
    padding: 1px 24px;
    color: white;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    background-color: #edca13;
}

.dataTables_info {
    color: #b3b3b3;
    font-size: 12px;
    padding-left: 1%;
}

div.dataTables_info {
    padding-top: 4%;
}

div.dataTables_paginate {
    padding-top: 2%;
}

.page-item.active .page-link {
    background-color: #0f6e94;
    border-color: #0f6e94;
}

/**********************End of Grid*************************************/

/*****************Start Navigation Header*****************************/

.navPadding {
    padding: 0 15px;
    box-shadow: 0px 0px 16px #0f6e94;
}

.navList {
    background: #0f6e94;
    padding: 9px;
    margin: 16px 25px;
    border-radius: 22px;
}

.navBadge {
    position: absolute;
    top: 15px;
    margin-left: -35px;
    background: red;
}

.dropdown-item {
    padding: 10px 20px;
}

.dropdown-menu {
    padding: 0;
}

.navbar-nav li {
    cursor: pointer
}

.headerLabel {
    color: #0f6e94;
    font-size: 12px;
    font-weight: bold;
}

.badge-custom-margin {
    /*position: absolute;
    margin-left: -15px;
    margin-top: -5px;*/
     position: absolute;
    margin-left: 40%;
    margin-top: -16px;
}

/*****************End Navigation Header*****************************/

/******************Start of View Leave******************************/

.appHeaderDiv {
    background: #0f6e94;
    color: white;
    padding: 5px;
}

.boxrow {
    margin: 16px 0px;
    box-shadow: 0px 0px 5px #9e9e9e5e;
    padding: 10px;
}

.leaveApproveDetailsDiv {
    padding-top: 2%;
    font-size: 19px;
    word-break: break-all;
    font-weight: 600;
}

.leaveStatusBar {
    position: fixed;
    z-index: 1111111;
    right: 0;
    bottom: -16px;
    width: 100%;
    background: #4BB543;
    color: #fff;
    font-size: 15px;
    padding-left: 36px;
}

/******************End of View Leave******************************/

/*****************Start of Apply Leave*****************************/

.applyLeaveContainer {
    margin: 110px 10px 10px 10px;
    background: white;
    padding: 10px
}

.appleaveBar {
    height: 42px;
    background: #0f6e94;
    padding: 8px 19px;
    color: #fff;
    font-weight: 700;
    font-size: 18px;
}

.instructionBar {
    padding: 10px;
    border-bottom: 1px solid #0f6e9430;
}

.leaveinputContainer {
    margin: 0;
    padding: 18px 0;
    border-bottom: 1px solid #0f6e9430;
}

.padAdjust {
    padding: 5px 0;
}

.padtop {
    padding-top: 24px;
}

hr {
    border-top: 1px solid #0f6e9430;
}

.personalDiv {
    padding: 20px 0;
}

.zeroMargin {
    margin: 0;
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
    background-color: #0f6e94;
    color: #fff;
}

.cust-marg {
    margin-left: -2%;
}

.cbtn {
    color: #0f6e94;
    background-color: white;
    border-color: #0f6e94;
}

.cbtn:hover {
    color: #0f6e94;
    background-color: white;
    border-color: #0f6e94;
}

.dayWeekMon-btn {
    color: #0f6e94;
    background-color: white;
    border-color: #0f6e94;
}

.dayWeekMon-btn:hover {
    color: #0f6e94;
    background-color: white;
    border-color: #0f6e94;
}

input[type="checkbox"]+label #mychkBox {
    display: inline-block;
    width: 25px;
    height: 25px;
    margin: 0 4px 0 0;
    vertical-align: middle;
    background: url(images/checks.png) left top no-repeat;
    cursor: pointer;
}

input[type="checkbox"]:checked+label #mychkBox {
    background: url(images/checks.png) left top no-repeat;
    background-position: 0 -24px;
}

/*****************End of Apply Leave*****************************/

/****************Start of Approve Leave*************************/

.orPad {
    padding-top: 25px
}

.subPad {
    padding-top: 20px
}

/****************End of Approve Leave*************************/

/****************Start of All Modal**************************/

.modal-header {
    background: #0f6e94;
    color: #fff;
    font-size: 16px;
}

.close {
    color: #fff;
    font-size: 30px;
}

.modal-footer {
    margin: 0px auto;
    border-top: 0px;
}

.modal-footer button {
    padding: 10px 50px;
    background: #0f6e94;
    color: #fff;
}

.modal-body textarea {
    width: 100%;
    height: 80px
}

/****************End of All Modal**************************/

/****************Start Common CSS**************************/

.pointer {
    cursor: pointer;
}

.boxrow {
    margin: 16px 0px;
    box-shadow: 0px 0px 5px #9e9e9e5e;
    padding: 10px;
}

.custombtn {
    background: #0f6e94;
    color: #fff;
    margin: 0 auto;
}

.popover {
    left: -200px;
    will-change: transform;
    width: 18pc;
}

.profile {
    font-size: 14px;
    margin-top: 5px;
    font-weight: 500;
    color: #183f4e;
}

.profile1 {
    font-size: 14px;
    color: #000;
}

.errorMessage {
    color: #ff0000;
}

    .errorMessage span {
        padding-left: 15px;
    }


/*Added by Monica Ahire for Registration Popup Modal*/
    .c-modal-content{
    -moz-box-shadow: 0 0 5px rgba(0,0,0,.5);
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.5);
    box-shadow: 0 0 5px rgba(0,0,0,.5);
}
.c-border-bottom1{
    border-bottom: 1px solid #e6e6e6;
}
.c-emp1, .c-color1{
    color: #535252;
}
.c-emp1{
    min-width:200px;
}
.c-modal-bg{
    background: #f7f7f7;
}
.c-bg-orange{
    background: #f97927;
}
.c-width1{
    min-width: 260px;
}
.c-width2{
    min-width: 360px;
}
.c-font-size1{
    font-size: 0.9rem;
}
.c-bg-1{
    background: #fff2ea;
}
@media (max-width: 992px)
{
    .c-width2{
       
        min-width: auto;
    }
}

/****************End Common CSS**************************/
/****************CSS for Delete attachment**************************/
input[name="FileDel"]
{
    -webkit-appearance: none;
    width: 18px;
    height: 18px;
    margin: 0 4px 0 0;
    position: relative;
    cursor: pointer;
    vertical-align: middle;
    background: url(images/cls.png) left top no-repeat;
   
}

input[name="resetAttach"]
{
    -webkit-appearance: none;
    width: 18px;
    height: 18px;
    margin: 10px 0px 0 0;
    position: relative;
    cursor: pointer;
    vertical-align: middle;
    background: url(images/cls.png) left top no-repeat;
   
}
       input[name="fileattach"]
       {
            width: 100%;
          
        }
         @media only screen and (max-width: 414px) {

        input[name="fileattach"] {
            width: calc(100% - 25px);
            }
        }

****************Tab**************************/
  .nav-pills .nav-link {
    color: #0f6e94 !important;
    border: 2px solid #0f6e94;
    border-radius: 25px;
    text-align: center;
    margin-left: 20px;
}

    .nav-pills .nav-link.active {
        color: #fff !important;
        font-weight: bold;
        background: #0f6e94;
        border: 2px solid #0f6e94;
        border-radius: 25px;
        text-align: center;
    }
.navbar {
    width: 100%;
}

.c-set {
    width: 52%;
}

@media only screen and (max-width: 768px) {
    .c-set {
        width: 100%;
    }
}

@media only screen and (max-width: 420px) {
    .nav-pills .nav-link {
        margin-top: 10px;
    }
}

/****************End Tab**************************/

    /****************End CSS**************************/