.loading,
.loadingoverlay {
    position: fixed;
    z-index: 9999;
    animation-fill-mode: both;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    background: #3f6ad8;
    animation: square-spin 1s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
}


.backgroudMask {
    background: url(../../../assets/images/website-img/background-mask-20.png) !important;
    background-size: auto;
    background-size: cover;
}

.hide {
    display: none !important;
}

.container {
    max-width: 98% !important;
}

.table .thead-color th {
    color: #fff !important;
    background-color: #d2d2d2 !important;
    border-color: #f5f7fb !important;
}



/* .nav-tabs {
 color: #000;
} */

/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2015 Daniel Eden
*/

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}

.animated.bounceIn,
.animated.bounceOut {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
}

.animated.flipOutX,
.animated.flipOutY {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
}

@-webkit-keyframes shake {

    from,
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
}

@keyframes shake {

    from,
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
}

.shake {
    -webkit-animation-name: shake;
    animation-name: shake;
}

@-webkit-keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

@-webkit-keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

@keyframes fadeOutDown {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutUp {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

@keyframes fadeOutUp {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp;
}

/* .alert span.alertHeading{
    font-weight: 600;
    font-size: 20px;
}
.alert span[data-notify="icon"] {
    font-size: 30px;
    display: block;
    left: 15px;
    position: absolute;
    top: 50%;
    margin-top: -15px;
}

.alert i.nc-simple-remove {
    font-size: 12px !important;
    font: bold normal normal 14px/1 'nucleo-icons';
}

.alert button.close {
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -13px;
    z-index: 1033;
    background-color: #FFFFFF;
    display: block;
    border-radius: 50%;
    opacity: .4;
    line-height: 9px;
    width: 25px;
    height: 25px;
    outline: 0 !important;
    text-align: center;
    padding: 3px;
    font-weight: 300;
}

.alert button.close:hover {
    opacity: .55;
}

.alert .close~span {
    display: block;
    max-width: 89%;
}

.alert[data-notify="container"] {
    padding: 10px 10px 10px 20px;
    border-radius: 4px;
}

.alert.alert-with-icon {
    padding-left: 65px;
}

.alert-primary {
    background-color: #4091e2;
    color: #fff !important;
}

.alert-info {
    background-color: #63d8f1;
    color: #fff !important;
}

.alert-success {
    background-color: #a1e82c;
    color: #fff !important;
}

.alert-warning {
    background-color: #ffbc67;
    color: #fff !important;
}

.alert-danger {
    background-color: #fc727a;
    color: #fff !important;
} */



/*Paggination CSS*/
ul.tsc_pagination li a {
    border: solid 1px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    padding: 6px 9px 6px 9px;
}

ul.tsc_pagination li {
    padding-bottom: 1px;
}

ul.tsc_pagination li a:hover,
ul.tsc_pagination li a.active {
    color: #FFFFFF;
    box-shadow: 0px 1px #EDEDED;
    -moz-box-shadow: 0px 1px #EDEDED;
    -webkit-box-shadow: 0px 1px #EDEDED;
}

ul.tsc_pagination {
    margin: 4px 0;
    padding: 0px;
    height: 100%;
    overflow: hidden;
    font: 12px 'Tahoma';
    list-style-type: none;
}

ul.tsc_pagination li {
    float: left;
    margin: 0px;
    padding: 0px;
    margin-left: 5px;
}

ul.tsc_pagination li a {
    float: left;
    color: black;
    display: block;
    text-decoration: none;
    padding: 7px 10px 7px 10px;
}

ul.tsc_pagination li a img {
    border: none;
}

ul.tsc_pagination li a {
    color: #0A7EC5;
    border-color: #8DC5E6;
    background: #F8FCFF;
}

ul.tsc_pagination li a:hover,
ul.tsc_pagination li.active a {
    text-shadow: 0px 1px #388DBE;
    border-color: #3390CA;
    background: #58B0E7;
    background: -moz-linear-gradient(top, #B4F6FF 1px, #63D0FE 1px, #58B0E7);
    background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0.02, #B4F6FF), color-stop(0.02, #63D0FE), color-stop(1, #58B0E7));
}


.form-required {
    color: red;
}

.m-0 {
    margin: 0px !important;
}

.noPadding {
    padding: 0px !important;
}

.noLeftPadding {
    padding-left: 0px;
}

.pb10 {
    padding-bottom: 10px;
}

.pl10 {
    padding-left: 10px;
}

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

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

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

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

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


/*** TABLE CSS ***/
.table-fixed table th {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
}

.table-fixed table tfoot th {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
}

.table-fixed table tfoot td {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
}

/* == Just general styling, not relevant :) == */


.table-fixed th {
    background-color: #6398c3;
    color: #fff;
}

.table-fixed .table td {
    padding-left: .55rem !important;
    padding-right: .55rem !important;
}

.table-fixed table,
.table-fixed tr td {
    border: 1px solid #e0e0e061;
}

.table-fixed thead {
    /*width: calc( 100% - 1em );/* scrollbar is average 1em/16px width, remove it from thead width */
    background: #6398c3;
    color: #fff;
}

.table-fixed tbody::-webkit-scrollbar {
    width: 0.5em;

}

.table-fixed tbody::-webkit-scrollbar-track {
    /* box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); */
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    transition: background-color .2s linear, width .2s ease-in-out;
    width: 6px;
    right: 2px;
    position: absolute;
}


.table-fixed tbody:hover::-webkit-scrollbar-thumb {
    /* background-color:#6398c3; */
    /* outline: 1px solid #fff; */
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    transition: background-color .2s linear, width .2s ease-in-out;
    width: 3px;
    right: 2px;
    position: absolute;
}

.table-fixed tbody tr.success {
    background: #dff0d8;
}

.col-fixed table thead th:first-child {
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    z-index: 2;
}

.col-fixed table tbody tr td:first-child {
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    background: #d0eaff;
    z-index: 1;
}

.col-fixed {
    width: 100%;
    height: 400px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar
}

/*** INVOICE ***/


.invoice .table-fixed tfoot,
.invoice .table tfoot {
    background: #6398c3;
    color: #fff;
    display: table;
    width: 100%;
    /*width:calc(100% - 18px);*/
}



/*** journal side bar table ***/

.journal-sidebar .table tbody tr {
    display: revert;
    width: 100%;
    table-layout: fixed;
}

.journal-sidebar .table thead {
    background: #6398c3;
    color: #fff;
    display: revert;
    width: 100%;
    /* width:calc(100% - 18px); */
}


.txCenter {
    text-align: center !important;
}

.txtCenter {
    text-align: center !important;
}

.txtRight {
    text-align: right !important;
}

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

.txtSearch {
    margin-left: auto;
}


.Sub-Heading h3 {
    border-bottom: 2px solid #b0bec5;
    padding-left: 5px;
    margin-bottom: 15px;
    margin-top: 0px;
    font-size: 1.4em;
}

.Sub-Heading h3>span {
    border-bottom: 2px solid #b0bec5;
    display: inline-block;
    padding: 0 5px 5px;
}


.metismenu-icon {
    color: #3e67d3 !important;
}

.tooltip {
    position: relative;
    display: inline-block;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;

    /* Position the tooltip */
    position: absolute;
    z-index: 1;
}

.modal-backdrop {
    z-index: 0 !important;
    background-color: #fff !important;
}

.modal {
    top: 50px !important;
}

.z-index-0 {
    z-index: 7 !important;
}

.remove-header-overlay {
    padding-top: 0px !important;
    margin-top: 0px !important;
    z-index: auto !important;
}

.invoiceDetails tbody tr td {
    font-size: 16px;
    font-weight: 600;
    line-height: 25px;
}

/** Loader CSS **/

/** Loader 1 CSS **/
.load-loader1 {
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid blue;
    border-bottom: 16px solid blue;
    width: 120px;
    height: 120px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/** Loader 1 CSS END **/
.load-loader {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 60px;
    width: 60px;
    margin: 0px auto;
    -webkit-animation: rotation .6s infinite linear;
    -moz-animation: rotation .6s infinite linear;
    -o-animation: rotation .6s infinite linear;
    animation: rotation .6s infinite linear;
    border-left: 6px solid rgba(0, 174, 239, .15);
    border-right: 6px solid rgba(0, 174, 239, .15);
    border-bottom: 6px solid rgba(0, 174, 239, .15);
    border-top: 6px solid rgba(0, 174, 239, .8);
    border-radius: 100%;
}

@-webkit-keyframes rotation {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(359deg);
    }
}

@-moz-keyframes rotation {
    from {
        -moz-transform: rotate(0deg);
    }

    to {
        -moz-transform: rotate(359deg);
    }
}

@-o-keyframes rotation {
    from {
        -o-transform: rotate(0deg);
    }

    to {
        -o-transform: rotate(359deg);
    }
}

@keyframes rotation {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(359deg);
    }
}

#duplicateWindowID {
    font-family: roboto;
    color: #222;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: table;
    z-index: 1000;
}

#loadingId {
    font-family: roboto;
    color: #222;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: table;
    z-index: 1000;
}

#dataLoaderCentered {
    display: table-cell;
    vertical-align: middle;
    padding: 20px;
}

#dataLoaderContent {
    text-align: center;
}

#loadingId.hide {
    opacity: 0;
    transition: opacity 0.2s ease-out;
    pointer-events: none;
}

#loadingId.hide #dataLoaderCentered {
    transform: scale(0.8);
    transition: transform 0.2s ease-out;
}

#loadingId.show {
    opacity: 1;
    transition: opacity 0.2s ease-in;
}

#loadingId.show #dataLoaderCentered {
    transform: scale(1);
    transition: transform 0.2s ease-in;
}


/****** salil ******/
.require {
    color: #ff0000;
}

.pointer {
    cursor: pointer;
}

#priceEntryDate {
    font-size: 14px;
}

#perSheetDiscount {
    color: #1e6641 !important;
    font-size: 12px;
    padding: .5rem .25rem;
    margin-bottom: 0rem;

}

#perSheetDiscount span {
    font-size: 14px;
    font-weight: 600;
}

.quick-links .btn-icon-vertical {
    padding-top: 0.1rem;
    padding-bottom: 0.1rem;
}

.financial-year .selected {
    background: #3e69d7 !important;
    border-radius: 30px;
    color: #fff;
}

.financial-year a {
    text-decoration: none !important;
}

.square-menu>div {
    background-color: rgba(255, 255, 255, 0.7) !important;
    width: 3px;
    height: 3px;
    border-radius: 100%;
    margin: 1px;
    animation-fill-mode: both;
    float: left;
    animation-name: ball-grid-pulse;
    animation-iteration-count: infinite;
    animation-delay: 0;
}

.square-menu {
    width: 30px;
    padding-left: 12px;
}

#profileImage {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: #5379DC;
    font-size: 24px;
    color: #fff;
    text-align: center;
    line-height: 42px;
    /* margin: 20px 0; */
}

.remove-header-overlay {
    padding-top: 0px !important;
    margin-top: 0px !important;
    z-index: auto !important;
}

.b-dotted-3 {
    border-top: 3px dotted #999;
}

.invoicePopover td:last-child {
    padding-right: 10px;
}

.dropdown-menu-header .dropdown-menu-header-inner {
    margin: -1px -1px 0;
    padding: 0.5rem .5rem;
    position: relative;
}

.datepicker-days table.table-condensed {
    border-collapse: unset !important;
}

td.disabled.day {
    text-decoration: line-through !important;
}

.datepicker .datepicker-switch:hover,
.datepicker .prev:hover,
.datepicker .next:hover,
.datepicker tfoot tr th:hover {
    background-color: #3f6ad8 !important;
    border-color: transparent;
    color: #fff;
    border-radius: .25rem;
}

.datepicker table tr td.day:hover,
.datepicker table tr td.focused {
    background-color: #3f6ad8 !important;
    cursor: pointer;
    border-color: transparent;
    color: #fff;
    border-radius: .25rem;
}

.daterangepicker td.in-range {
    background-color: #ec975c;
    border-color: transparent;
    color: #fff;
    border-radius: 0;
}

.daterangepicker td.active,
.daterangepicker td.active:hover {
    background-color: #f67116;
    border-color: transparent;
    color: #fff;
    border-radius: .25rem;
}

/* start date in daterange picker
.daterangepicker td.active.start-date.available{
    background-color: #f67116;
    border-color: transparent;
    color: #fff;
    border-radius: .25rem;
} */

.accounting .item {
    padding-bottom: 5px;
}

.accounting .cardHeader {
    background: #eee;
    padding-bottom: 5px;
    padding-top: 5px;
}

.font-bold {
    font-weight: bold;
}

/**** Excel import Error Table *****/

.error-table {
    margin: 0 0 40px 0;
    width: 100%;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);

}

.error-table .row {
    display: table-row;
    background: #f6f6f6;
}

.error-table .row:nth-of-type(odd) {
    background: #e9e9e9;
}

.error-table .row.header {
    font-weight: 900;
    color: #ffffff;
    background: #ea6153;
}

.error-table .row.green {
    background: #27ae60;
}

.error-table .row.blue {
    background: #2980b9;
}


#profileImage {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: #fff;
    font-weight: 600;
    font-size: 18px;
    color: #254989;
    text-align: center;
    line-height: 38px;
    margin: 0px 0;
}

#detailedProfileImage {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #fff;
    font-size: 23px;
    color: #244886;
    text-align: center;
    line-height: 50px;
    margin: 10px 0;
}