.col-3.rms-status-card {
    background: #ebecf0;
    padding: 10px;
    border-radius: 5px;
    margin: 10px;
    flex: 0 0 auto;
    max-height: 700px;
    max-width: 250px;
    overflow-y: auto;
}
.rms-board {
    overflow-x: auto;
    flex-wrap: nowrap !important;
    min-height: 700px;
}
.rms-board-title {
    font-size: 15px;
    line-height: 24px;
    font-weight: 600;
    margin: 0px 6px 9px;
}
.rms-main .container {
    max-width: 100% !important;
    margin: 0 !important;
    padding: 16px !important;
    margin: 0 30px !important;
}
.rms-list-card {
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 0 1px 0 rgba(9, 30, 66, 0.25);
    cursor: pointer;
    display: block;
    margin-bottom: 8px;
    max-width: 100%;
    min-height: 20px;
    position: relative;
    text-decoration: none;
    z-index: 0;
}
.rms-list-card-title {
    clear: both;
    display: block;
    margin: 0 0 4px;
    overflow: hidden;
    text-decoration: none;
    word-wrap: break-word;
    color: #172b4d;
}
.hrm-card-more {
    position: absolute;
    top: 10px;
    right: 10px;
}
.rms-list-card i {
    color: #6b778c;
}
.rms-board-filter .v-input__slot {
    background: #e0e5e8 !important;
}

.app-sidebar {
    z-index: 0;
    overflow: hidden;
    height: 100vh;
    box-shadow: 7px 0 60px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
    background: #fff;
    min-width: 220px;
}
.app-header {
    border-bottom: 1px solid #e7eaec!important;
    height: 60px;
    z-index: 1;
}
.sidebar-pills .nav-link.active,
.sidebar-pills .nav-link:hover {
    background: #e0f3ff !important;
    color: #3f6ad8 !important;
}
.sidebar-pills .nav-dropdown.open {
    background: rgba(224, 243, 255, 0.27) !important;
}

.card {
    /* box-shadow: 0 0.46875rem 2.1875rem rgba(4, 9, 20, 0.03),
        0 0.9375rem 1.40625rem rgba(4, 9, 20, 0.03),
        0 0.25rem 0.53125rem rgba(4, 9, 20, 0.05),
        0 0.125rem 0.1875rem rgba(4, 9, 20, 0.03) !important; */
    border-width: 0;
    transition: all 0.2s;
    color: #495057;
}
.card-1 {
    border-bottom: 5px solid #3f6ad8;
}
.card-2 {
    border-bottom: 5px solid #d92550;
}
.card-3 {
    border-bottom: 5px solid #f7b924;
}
.card-4 {
    border-bottom: 5px solid #3ac47d;
}
.card-title {
    opacity: 0.5 !important;
    text-transform: uppercase !important;
}

*::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: #f5f5f5;
}

*::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background-color: #f5f5f5;
}

*::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #a29e9e24;
}

.rms-quick-right {
    max-width: 300px !important;
    width: 300px;
}
.rms-quick-form fieldset {
    border-color: #fff !important;
}
.rms-quick-form fieldset:hover {
    border-color: #fff !important;
}
.v-navigation-drawer__border {
    display: none !important;
}

.widget-content {
    padding: 1rem;
    flex-direction: row;
    align-items: center;
}
.widget-content .widget-content-wrapper {
    display: flex;
    flex: 1;
    position: relative;
    align-items: center;
}
.widget-content .widget-numbers {
    font-weight: bold;
    font-size: 1.8rem;
    display: block;
}
.widget-content .widget-content-left .widget-heading {
    opacity: 0.8;
    font-weight: bold;
}
.widget-content .widget-content-left .widget-subheading {
    opacity: 0.5;
}
.card-header {
    background: #fff !important;
}

.text-success {
    color: #3ac47d !important;
}
.table-add_line {
    color: #ebecf0;
}
.rms-table-input .v-input__slot {
    border: 1px solid #ddd;
    border-radius: 0px !important;
    margin: 0px !important;
}
.rms-vendor-block {
    border: 1px solid #ddd;
    background: #fff;
    margin-bottom: 20px;
}
.rms-order-item {
    border: 1px solid #ddd;
}
/* .rms-order-details{
    
} */

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button;
    content: "Select some files";
    display: inline-block;
    background: linear-gradient(top, #f9f9f9, #e3e3e3);
    border: 1px solid #999;
    border-radius: 3px;
    padding: 5px 8px;
    outline: none;
    white-space: nowrap;
    -webkit-user-select: none;
    cursor: pointer;
    text-shadow: 1px 1px #fff;
    font-weight: 700;
    font-size: 10pt;
}

::-webkit-file-input {
    font: inherit;
    -webkit-appearance: button;
    content: "Select some files";
    display: inline-block;
    border: 1px solid #999;
    border-radius: 3px;
    padding: 5px 8px;
    outline: none;
    white-space: nowrap;
    -webkit-user-select: none;
    cursor: pointer;
    text-shadow: 1px 1px #fff;
    font-weight: 700;
    font-size: 10pt;
}

.v-input__icon {
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-inline-box;
    display: none;
    height: 24px;
    -webkit-box-flex: 1;
    flex: 1 0 auto;
    -webkit-box-pack: center;
    justify-content: center;
    min-width: 24px;
    width: 24px;
}
.wpinlabel {
    font-size: 16px;
    text-align: left;
    letter-spacing: 0;
    color: #212121 !important;
    opacity: 1;
    font-weight: 600 !important;
    opacity: 1;
}
.v-input--selection-controls.v-input .v-label {
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-inline-box;
    display: inline-flex;
    top: 0;
    height: auto;
    color: black;
}
.form-control-order {
    display: block;
    width: 50%;
    height: calc(1.6em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 0.9rem;
    font-weight: 400;
    line-height: 1.6;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    -webkit-transition: border-color 0.15s ease-in-out,
        box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.form-select-control {
    display: block;
    width: 50%;
    height: calc(1.6em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    margin-right: 122px;
    font-size: 0.9rem;
    font-weight: 400;
    line-height: 1.6;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    -webkit-transition: border-color 0.15s ease-in-out,
        box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.theme--light.v-input--switch .v-input--switch__track {
    color: red;
}
.theme--light.v-input--switch .v-input--switch__thumb {
    color: red;
}
.payment-header {
    margin: 22px 0px 22px 0px ;
}
/* table, td, th {
    border: 1px solid black;
  }
  
table {
    border-collapse: collapse;
    width: 100%;
  }
  
  th {
    height: 50px;
  } */
.v-text-field--outlined > .v-input__control > .v-input__slot {
    background: #fff !important;
}

body > div.app-body > main > div.container-fluid.animated.fadeIn > div > div{
    padding: 20px;
    background: #fff;
}
#crudTable{
    border: none;
}

.preview .profile-image {
    width: 120px;
    float: left;
}
.preview .img-circle {
    max-width: 100%;
    height: auto;
    border-radius: 50em;
}
.preview .img-circle {
    border-radius: 50%;
}

.preview .profile-image img {
    width: 96px;
    height: 96px;
}
.preview img.circle-border {
    border: 6px solid #FFF;
    border-radius: 50%;
}
.preview .profile-info {
    margin-left: 120px;
}
.no-margins {
    margin: 0!important;
}

.preview .ibox {
    clear: both;
    margin-bottom: 25px;
    margin-top: 0;
    padding: 0;
}

.preview .ibox-content, .ibox-title {
    border-width: 1px;
}
.preview .ibox-title {
    background: #e0f3ff;
}
.preview .ibox-title {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #e7eaec;
    border-image: none;
    border-style: solid solid none;
    border-width: 2px 0 0;
    color: inherit;
    margin-bottom: 0;
    padding: 15px 15px 7px;
    min-height: 48px;
}
.preview .ibox-content:last-child {
    border-style: solid solid solid solid;
}
.preview .ibox-content,.ibox-title {
    border-width: 1px;
}
.preview .ibox-content {
    clear: both;
}
.preview .ibox-content {
    background-color: #fff;
    color: inherit;
    padding: 15px 20px 20px 20px;
    border-color: #e7eaec;
    border-image: none;
    border-style: solid solid none;
    border-width: 1px 0;
}
.preview .clickable-row {
    cursor: pointer;
}
.preview .m-t-xs {
    margin-top: 5px;
}
.preview .m-l-xs {
    margin-left: 5px;
}
.preview .clean-bg{
    background: none !important;
}

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

.preview .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
}
.preview .text-muted {
    color: #888;
}
.preview address {
    margin-bottom: 20px;
    font-style: normal;
    line-height: 1.42857143;
}

.preview .dropdown-menu {
    border: medium none;
    border-radius: 3px;
    box-shadow: 0 0 3px rgba(86,96,117,.7);
    float: left;
    font-size: 12px;
    left: 0;
    list-style: none outside none;
    padding: 0;
    position: absolute;
    text-shadow: none;
    top: 100%;
    z-index: 1000;
}
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
.btn-warning {
    background-color: #FF8F00;
    border-color: #FF8F00;
    color: #FFF;
}
.btn-xs {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}
.m-b-lg {
    margin-bottom: 30px;
}
.m-t-lg {
    margin-top: 30px;
}
.b-r-lg {
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
}
.m-b-sm {
    margin-bottom: 10px;
}
.border-top-bottom {
    border-top: 1px solid #e7eaec;
    border-bottom: 1px solid #e7eaec;
}
.border-left-right {
    border-left: 1px solid #e7eaec;
    border-right: 1px solid #e7eaec;
}
.m-r-md {
    margin-right: 20px;
}

.m-t-sm {
    margin-top: 10px;
}
.m-l-sm {
    margin-left: 10px;
}

.sidebar-lg-show .main{
    margin-left: 232px !important; 
}
@media only screen and (max-width: 600px) {
    .sidebar-lg-show .main{
        margin-left: 0px !important; 
    } 
    .sidebar-show .sidebar{
        z-index: 9999;
    }
}

@media only screen and (max-width: 800px) {
    .sidebar-lg-show .main{
        margin-left: 0px !important; 
    } 
    .sidebar-show .sidebar{
        z-index: 9999;
    }
}

.main{
    margin-left: auto;
}   
.sidebar {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 0;
}
.rms-tracker-card{
    color: #ffff;
}
.rms-tracker-card .rms-start-button {
    position: absolute;
    right: 2%;
    bottom: -25%;
}
.rms-tracker-bottom{
    background: #e0e6e2;
    position: absolute;
    width: 100%;
    color: #565353;
    height: 42px;
    padding: 10px;
}
.rms-bg-play{
    background: linear-gradient(to top, #9C27B0 0%, #4A148C 100%);
}
.rms-btn-play{
    background: linear-gradient(90deg, #ff6e2c 0%, #f03a76 100%);
}
.rms-btn-pause{
    background: #ef91ff;
}
.rms-bg-pause{
    background: #5f4c4c;
}
.rms-hidden{
    display: none;
}

.rms-project-card{
    margin-top: 50px;   
}
.rms-timer{
    position: relative;
    width: 41%;
    margin: 0 auto;
    margin-bottom: 40px;
}
.rms_rounds .v-input--checkbox{
    padding: 0px;
    margin: 0px;
}
.rms_rounds .v-input__slot{
    margin-bottom: 0px !important;
}
.rms_rounds .v-application--is-ltr .v-messages{
    display: none !important;
}
.rms-round-stepper{
    box-shadow: none !important;
}
.rms-round-stepper .v-stepper__step{
    padding: 24px 24px 0px !important;
}
.rms-float-right{
    float:right;
}
.rms-list-card-subtitle{
    font-size: 10px;
}

/***screenshots template***/

/*.rms-screenshot-card{
    max-width: 200px;
    max-height: 240px;
}*/
.rms-screenshot-image{
    height: 100px;
}
.rms-screenshot-container {
    margin-left: 10px;
    margin-right: 15px;
}
.rms-screenshot-toolbar {
    background-color: #585a6e !important;
    color: white !important;
}
.rms-image-container {
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 50px;
    display: flex;
}
button.rms-daterange-btn {
    background-color: Transparent !important;
    background-repeat:no-repeat !important;
    border: none;
    cursor:pointer;
    overflow: hidden;
    outline:none !important;
    color: white !important;
    font-size: 16px;
    margin-right: 20px;
}
.rms-timedate {
    margin-right: inherit;
}
.rms-images-collection {
    display: flex;
    flex-direction: column;
}
p.screenshot-date {
    font-size: 12px;
    color: #a4a7b2;
}
p.screenshot-time {
    color: #585a6e;
    font-size: 20px;
    font-weight: 600;
}
.highlight__date {
    background-color: #82e3e3; 
}
.date__color {
    color: #ffffff;
}
.rms-dept-filter {
    margin-right: 20px !important;
}
hr.rms-content-divider {
    margin-top: 70px;
}
.rms-comments-divider{
    max-width: 85% !important;
}
.save-btn {
    margin-right: 30px; 
}
.save-cancel-btn-section {
    margin-top: 5px;
}
.rms-edit-comment-section {
    display: block !important;
    margin-right: 25px;
    padding: 15px;
    white-space: pre-line !important;
    line-height: 1.8 !important;
}
.cancel-btn{
    color: white !important;
}
.rms-induction-heading{
    text-align: center;
}
.rms-dob-field .v-input__icon {
    display: flex;
}
.rms-calender-filter {
    margin-bottom: 40px;
}
.rms-dropdown-arrow-toggle {
    position: absolute;
    right: 60px;
    font-size: 15px;
    color: #888;
    cursor: pointer;
}
button.rms-reset-filter-btn {
    margin-right: 25px;
}
.rms-container-data {
    width: 80%;
    margin-left: 100px;
    padding-top: 50px
}
h4.rms-emp-heading {
    margin-top: 40px;
}
button.primary.rms-submit-btn {
    margin-right: 40px;
}

.file-upload-form, .image-preview {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    padding: 20px;
}
img.preview {
    width: 200px;
    background-color: white;
    border: 1px solid #DDD;
    padding: 5px;
}
.rms-button-induction {
    margin-bottom: 40px;
    margin-top: 50px;
}
.rms-dob-field {
    position: relative;
}
/* .rms-induction-form .rms-dob-field .v-input__prepend-outer {
    position: absolute;
  
} */
/* .rms-dob-field label.v-label {
    text-indent: 30px;
} */
.block{
    display: block;
}
.none{
    display: none;
}
.rms-filter-toogle-click{
    cursor: pointer;
}
.rms-remove-text-padding{
    padding: 0 !important;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px !important;
    border-color: #ddd;
}
.screenshot_img + .screenshot_img:before {
    content: ", ";
  }
  .rms-screendatetime-content {
    /* display: flex; */
    display: block;
    width: 100%;
}
.rms-no-screencasts .text-center {
    text-align: center!important;
    margin: 2% auto;
}
.rms-imgdata-content {
    display: flex;
    flex-direction: column;
}
.rms-timeimg-section{
    display: flex;
}
input#rms-dateslider-filter {
    width: 40%;
    margin-left: 10px;
    color: white !important;
}
.rms-arroe-date-section {
    cursor: pointer;
}
.addCSS{
    pointer-events: none; 
    cursor: default;
    color : darkGray;
}
i#ban-symbol {
    font-size: 50px;
    line-height: 50px;
    width: 50px;
    height: 50px;
    color: #eb4e29;
    vertical-align: middle;
}
.rms-ban-icon {
    height: 96px;
    width: 96px;
    border-radius: 50%;
    line-height: 96px;
    text-align: center;
    margin-bottom: 24px;
    vertical-align: middle;
    background-color: rgba(235,78,41,.1);
}
.rms-description{
    color: #a4a7b2;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .25px;
    text-align: center;
}
.rms-reset-stepper-button {
    display: flex;
}
.rms-arrow-left-right {
    margin-right: 32px;
    display: flex;
}
.icon-font-arrow-circle-left {
    margin-right: 30px;
    margin-left: 20px;
    cursor: pointer;
}
.icon-font-arrow-circle-right {
    cursor: pointer;
}
@media (min-width: 768px) and (max-width: 1024px) {

    .rms-reset-apply-filter-btn {
        display: flex;
    }
    .row.rms-allevents-section {
        width: 130%;
    }
    .rms-allevents-section label {
        font-size: 14px;
    }
    }
    @media (min-width: 576px) and (max-width: 767px) {
        .rms-reset-apply-filter-btn {
            display: flex;
        }
        .rms-allevents-section label {
            font-size: 13px;
        }
        .row.rms-allevents-section {
            width: 130%;
        }
    }
    @media (min-width: 320px) and (max-width: 575px) {

        .rms-dept-filter-section {
            width: 80%;
        }
        
}

.rms-reset-apply-filter-btn {
    margin: 20px;
}
.rms-allevents-section label {
    font-size: 14px !important;
}

a.continue-link {
    float: right;
}
.singlechkbox label {
    margin-bottom: 0 !important;
}
label.pf-label {
    font-size: 16px;
}
.rms-dob-field input#input-14 {
    margin-left: 30px;
}
.plus-circle-icon {
    margin-top: 10px;
    margin-bottom: 10px;
}
.success-message {
    width: 35%;
}
.pfacc-section {
    display: flex;
    margin-top: 30px;
}
.pfacc-section .singlechkbox {
    margin-top: 0;
    padding-top: 0;
}
.pfproof-section {
    margin-top: 20px;
}
.time-update {
    display: flex;
    flex: none;
    align-items: flex-end;
}
.time-update p {
    font-size: 12px;
    font-weight: 400;
    white-space: pre;
    margin-bottom: 0;
    margin-left: 10px;
    color: #5e6c84;
}
button.email-save-btn {
    margin-top: -70px;
    margin-left: 12px;
}
.email-section .v-messages__wrapper {
    text-align: center !important;
}
.mobile-section .v-messages__wrapper {
    text-align: center !important;
}
.declaration-box .v-text-field {
    width: 200px;
    display: inline-block;
}
.declaration-box {
    text-align: justify;
    line-height: 2.0;
}
.checkbox-declaration {
    display: flex;
    margin-top: 50px;
}
.primary-checkobox {
    margin-top: 0;
    padding-top: 0;
}
.card-align{
    width: 1140px;
    margin: 0 auto;
}
.rms-emp-heading {
    margin-top: 40px;
}

/**********invoice form styles***************/
.invoice-card {
    padding: 50px;
}
.fetch-data-btn {
    margin-bottom: 40px;
    display: flex;
    justify-content: space-between;
}
.invoice-section {
    max-width: 1140px;
}
.show-invoice-btn{
    float: right;
}
a.invoice-pdf-btn {
    float: right;
    margin-left: 20px;
}

.currency-selector {
    /* position: absolute; */
    left: 0;
    top: -35 !important;
    width: 100%;
    height: 100%;
    padding-left: .5rem;
    border: 0;
    background: transparent;
    
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='1024' height='640'><path d='M1017 68L541 626q-11 12-26 12t-26-12L13 68Q-3 49 6 24.5T39 0h952q24 0 33 24.5t-7 43.5z'></path></svg>") 90%/12px 6px no-repeat;
    
    font-family: inherit;
    color: inherit;
    outline: none;
  }
  .currency-addon {
    width: 10em;
    text-align: left;
    position: relative;
  }
  .input-group-addon.currency-addon.select-type {
    float: right;
    border: 1px solid;
    padding: 5px;
    border-radius: 5px;
}
button.add-row-btn {
    margin-bottom: 30px;
}
.delete-row-btn {
    float: right;
}
.uploadfiles .v-input__icon {
    display: block;
}
.uploadfiles {
    margin-top: 30px;
    margin-bottom: 15px;
}
h5.upload-heading {
    margin-bottom: 20px;
}
span.chip-margin {
    margin-bottom: 20px;
}
td.event-chip-width {
    width: 55%;
}
.date-time-picker .v-input {
    border: 1px solid;
    border-radius: 4px;
    height: 55px;
}
.date-time-picker label {
    right: auto !important;
    position: absolute !important;
    background: #fff;
    top: 0px !important;
    left: 5px !important;
    padding: 0px 7px;
}

.date-time-picker .v-input__slot::before, .date-time-picker .v-input__slot::after{
    border-width: 0 !important;
}
.date-time-picker input {
    text-indent: 10px;
}
.date-time-picker {
    margin-top: -4px;
}
.rms-button-induction {
    display: flex;
    justify-content: space-between;
}
.lead-button-section {
    display: flex;
    flex-direction: row;
    align-items: baseline;
}
button.fetch-invoice-btn {
    margin-left: 30px;
}
.v-input.sez-checkbox {
    float: right;
    margin-top: 0;
    padding-top: 0;
    margin-right: 10px;
}
.sez-checkbox label {
    margin-bottom: 0 !important;
}
.col.remove-padding {
    padding: 0;
}
.v-input.sez-checkbox.isdummy-flag {
    margin-right: 30px;
}
/* .report-title-height .v-input__slot {
    min-height: 40px !important;
} */
/*******acknowledgement form********/
.card-section {
    box-shadow: 0 3px 1px -2px rgb(0 0 0 / 20%), 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%);
    border-radius: 4px;
    background-color: #fff;
    color: rgba(0,0,0,.87);
    width: 1140px;
    margin: 0 auto;
}
.ack-container {
    padding-top: 100px;
    padding-bottom: 100px;
    width: 80%;
    margin: 0 auto;
}
h2.ack-title {
    text-align: center;
}
h4.ack-sub-heading {
    margin-top: 30px;
    margin-bottom: 20px;
    line-height: 1.5;
    font-family: sans-serif;
}

.effect-2{
    border: 0; 
    padding: 7px 0; 
    border-bottom: 1px solid #ccc;
}
.effect-2:focus{
    outline: none;
}
.sign-date-section {
    display: flex;
    justify-content: space-between;
    margin-top: 120px;
    margin-bottom: 40px;
}
.input-col {
    display: flex;
    flex-direction: column;
    width: 30%;
}
p.end-para {
    margin-top: 60px;
    font-weight: 500;
}

/*******Agreement form styles*******/
.agree-para-section {
    margin-top: 40px;
}
.date-name-section {
    display: flex;
    flex-direction: row;
}
.agreement-para {
    margin-top: 50px;
    font-size: 16px;
}
p.agree-end-para {
    font-weight: 600;
}
.input-col1 {
    font-size: 16px;
}
p.agree-subheading {
    font-size: 16px;
}
/********Non-compete-agreement-form*******************/
p.compete-para {
    font-size: 16px;
}
p.text-align-compete {
    text-indent: 25px;
}
p.company-text {
    font-weight: 600;
    font-size: 16px;
    float: right;
}
/***********checklist-form styles*******************/
input.checklist-checkbox {
    width: 18px;
    height: 18px;
}
td.checkbox-cell {
    text-align: center;
}
.checklist-table tr:nth-child(even) {
    background-color: rgba(0,0,0,.02);
}
th.checklist-top-row {
    background-color: white;
}
h2.checklist-title {
    text-align: center;
    margin-bottom: 35px;
}
.checklist-container {
    padding-top: 70px;
    padding-bottom: 100px;
    width: 80%;
    margin: 0 auto;
}
.fields-inputs-section {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 25px;
}
.emp-input-size {
    font-size: 14px;
}
table.table.table-bordered.checklist-table-top {
    margin-top: 50px;
}
input.checklist-input {
    outline: none;
}
input#dateofbirth {
    border-bottom: 1px solid gray;
}
.ack-form-section {
    display: flex;
    flex-direction: row;
    
}
.accept-form{
    margin-top: 40px;
}
/********employee induction css styles*********/
.checkbox-address {
    display: flex;
    margin-bottom: 0;
    margin-top: 25px;
}
input.btn-primary.submit-checklist {
    padding: 10px;
    border-radius: 5px;
    width: 10%;
    font-size: 16px;
    font-weight: 700;
    float: right;
}

/************ Toggle Button **********/
form.toggle-input-form {
    display: contents;
}
.cm-toggle {
	-webkit-appearance: none;
	-webkit-tap-highlight-color: transparent;
	position: relative;
	border: 0;
	outline: 0;
	cursor: pointer;
}

.cm-toggle:after {
	content: '';
    width: 60px;
    height: 12px;
    display: inline-block;
    background: rgba(196, 195, 195, 0.55);
    border-radius: 18px;
    clear: both;
    vertical-align: middle;
}

.cm-toggle:before {
	content: '';
    width: 30px;
    height: 30px;
    display: block;
    position: absolute;
    left: 0;
    border-radius: 50%;
    background: rgb(255, 255, 255);
    box-shadow: 1px 1px 3px rgb(0 0 0 / 60%);
    content: 'OFF';
    color: black;
    text-align: center;
    padding: 2px;
}

.cm-toggle:checked:before {
	left: 32px;
    box-shadow: -1px 1px 3px rgb(0 0 0 / 60%);
    content: 'ON';
}

.cm-toggle:checked:after {
	background: #467fcf;
}

/* Transition for smoothness */
.cm-toggle,
.cm-toggle:before,
.cm-toggle:after,
.cm-toggle:checked:before,
.cm-toggle:checked:after {
	transition: ease .3s;
	-webkit-transition: ease .3s;
	-moz-transition: ease .3s;
	-o-transition: ease .3s;
}
.address-row {
    display: flex;
    line-height: 1.2;
    justify-content: space-between;
}
@media print {
    .noPrint{
      display:none;
    }
    .submit-checklist{
        display: none;
    }
  }

  .pdf_btn.col-md-2.pdf-print-btn {
    float: right;
    margin-top: 15px;
}

/****leave form styles*******/
.card.leave-section-card {
    box-shadow: 0 0.46875rem 2.1875rem rgb(4 9 20 / 3%), 0 0.9375rem 1.40625rem rgb(4 9 20 / 3%), 0 0.25rem 0.53125rem rgb(4 9 20 / 5%), 0 0.125rem 0.1875rem rgb(4 9 20 / 3%) !important;
    padding: 40px;
}
.container.leave-container {
    width: 70%;
}
.padding-remove {
    padding-bottom: 0 !important;
    padding-top: 0 !important;
}
.cancel-leave-btn{
    margin-left: 10px;
    border: 1px solid darkgray;
}
.add-space-above{
    margin-top: 20px;
    margin-bottom: 20px;
}
.leave-request-container {
    margin: 40px;
}
.req-heading {
    margin-bottom: 30px;
}
.req-card {
    padding: 30px;
    width: 60%;
}
.align-component{
    display: block;
}
p.days-heading {
    font-size: 16px;
    margin-right: 8px;
}
p.total_days {
    font-size: 16px;
    font-weight: 600;
}
.totalday{
    font-size: 16px;
    font-weight: 600;
}
.v-alert.success-msg {
    width: 60%;
}
.circle-close {
    cursor: pointer;
}
.heading-icon {
    display: flex;
    width: 100%;
    justify-content: space-between;
}
.card-class {
    display: flex;
    width: 100%;
}
.leave-balance-table {
    width: 40%;
    margin-left: 30px;
}
.cal-btn-text{
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
    align-items: center;
}
.radio-group-list .v-input--radio-group__input {
    justify-content: space-between;
    flex-direction: unset !important;
}
button.approve-btn {
    margin-right: 30px;
}

.table-scroll{
    display: block;
    empty-cells: show;
    border-spacing: 0;
  }
  .table-scroll thead{
    background-color: #f1f1f1;  
    position:relative;
    display: block;
    width:100%;
  }
  
  .table-scroll tbody{
    display: block; position:relative;
    width:100%; overflow-y:scroll;
    border-top: 1px solid rgba(0,0,0,0.2);
  }
  
  .table-scroll tr{
    width: 100%;
    display:flex;
  }
  
  .table-scroll td,.table-scroll th{
    flex-basis:100%;
    flex-grow:2;
    display: block;
    padding: 1rem;
    text-align:left;
  }
  .body-half-screen{
    max-height: 35vh;
  }
  tbody.body-half-screen::-webkit-scrollbar {
    width: 6px;
}

.width-msg{
    width: 60%;
}
.transparant-div{
    content:'';
    display:block;
    position:absolute;
    left:48%;top:40%;
    width:80px;height:80px;
    border-style:solid;
    border: 5px solid black;
	border-top-color: #6CC4EE;
    border-width: 7px;
    border-radius:50%;
    -webkit-animation: spin .8s linear infinite;
    
    /* Lets make it go round */
    animation: spin .8s linear infinite;
    z-index: 99999;

}
.nottransparant-div{
    width:100%;
	
	/*-Lets Center the Spinner-*/
    position:fixed;
    left:0;
    right:0;
    top:0;
    bottom:0;
    
    /*Centering my shade */
    margin-bottom: 40px;
    margin-top: 60px;
    
    background-color: rgba(255,255,255,0.7);
    z-index:9999;
    display: none; 
}

@-webkit-keyframes spin {
	from {-webkit-transform:rotate(0deg);}
	to {-webkit-transform:rotate(360deg);}
}

@keyframes spin {
	from {transform:rotate(0deg);}
	to {transform:rotate(360deg);}
}

.body-overlay{
  position: fixed;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.5);
}
.tracker_data.column-layout {
    display: flex;
    width: 100%;
}
.firstdiv {
    width: 50%;
}
.seconddiv {
    width: 50%;
}

span.text-size {
    font-size: 13px;
}

/*hide backpack lincense popup*/
#noty_layout__topRight{
    display: none !important;
}