@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900');

body {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    overflow-y: scroll;
}

/* Generated by Glyphter (http://www.glyphter.com) on  Fri Jun 07 2019*/
@font-face {
    font-family: 'Glyphter';
    src: url('../fonts/Glyphter.eot');
    src: url('../fonts/Glyphter.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Glyphter.woff') format('woff'),
         url('../fonts/Glyphter.ttf') format('truetype'),
         url('../fonts/Glyphter.svg#Glyphter') format('svg');
    font-weight: normal;
    font-style: normal;
}
[class*='icon-']:before{
	display: inline-block;
   font-family: 'Glyphter';
   font-style: normal;
   font-weight: normal;
   line-height: 1;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale
}
.icon-calendar:before{content:'\0041';}
.icon-meeting:before{content:'\0042';}
.icon-close:before{content:'\0043';}


/*Heak CSS*/

@media screen and (-webkit-min-device-pixel-ratio:0) {
    /* Safari 5+ ONLY */
    ::i-block-chrome,
    .img-bordered-sm {
        border: 0;
        padding: 0px;
    }
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    /* Safari 5+ ONLY */
    ::i-block-chrome,
    .vendor-select {
        width: 80%
    }
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    /* Safari 5+ ONLY */
   
    ::i-block-chrome,
    .input-group.date .input-group-addon {
        height: 20px!important;
    }

    ::i-block-chrome,
    .input-group.dolar .input-group-addon {
        height: 20px!important;
    }
}


@media all and (-ms-high-contrast:none)
     {
     .notify-sidenav li p span { float: none; } /* IE10 */
     *::-ms-backdrop, .notify-sidenav li p span { float: none; } /* IE11 */
}

.wrapper {
    overflow-y: hidden;
}

.h-40 {
    height: 40px !important;
}

.p-tb-10 {
    padding-top: 10px;
    padding-bottom: 10px;
}

.t-b-15 {
    padding-top: 15px;
    padding-bottom: 15px;
}

/*General CSS  */

.main-header .logo {
    line-height: 59px;
}

.content-wrapper {
    position: relative;
    /*    z-index: 795;*/
    background-color: #f1f1f1;
}

.content {
    padding: 15px 30px 15px 30px;
}

.content-header {
    padding: 15px 28px 0px 28px;
}

.content-in {
    margin: 5px;
    padding: 15px;
    background: #ffffff;
    box-shadow: 0 0 5px 0 rgba(12, 6, 14, .1);
    -webkit-box-shadow: 0 0 5px 0 rgba(12, 6, 14, .1);
    -moz-box-shadow: 0 0 5px 0 rgba(12, 6, 14, .1);
}

.w-100 {
    width: 100%
}

.w-47 {
    width: 47%
}

.padding-0 {
    padding: 0 !important;
}

.btn {
    font-weight: 400;
    text-align: center;
    padding: 0 10px;
    height: 34px;
    line-height: 27px;
    font-size: 14px;
    border-radius: 0;
    position: relative;
    -moz-transition: all .4s ease;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    text-transform: capitalize;
    letter-spacing: 0.5px;
}

.bg-orange,
.save-button {
    background: #f47422;
    color: #fff;
}

.bg-orange-outline.btn {
    background: #fff;
    color: #f47422;
    border: solid 1px #f47422;
}

.bg-orange-outline.btn:hover {
    background: #f47422;
    color: #fff;
    border: solid 1px #f47422;
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.1), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}

.save-button:hover,
.save-button:focus {
    color: #fff;
}

.cancel-button {
    background: #fff;
    border: solid 1px #ccc;
    margin-left: 7px;
    color: #000;
}

.btn:hover {
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.1), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}

.btn.active,
.btn:focus {
    box-shadow: none !important;
}

.search-new-btn {
    background: #fff;
    color: #474747
}

.border-none,
.border-none:hover,
.border-none:focus,
.border-none.active,
.border-none .chosen-container-single .chosen-single {
    border: 0 !important
}

.navbar-static-top .form-control,
.navbar-static-top .form-control:focus {
    border: 0 !important;
}

button.close {
    border: transparent;
    outline: none;
}

.btn.cancel-btn:hover,
.btn.cancel-btn.active,
.btn.cancel-btn:focus,
.btn.close-btn:hover,
.btn.close-btn.active,
.btn.close-btn:focus {
    background: #fff;
    color: #28333d;
    border: 2px solid #28333d;
}

.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn.focus:active,
.btn:active:focus,
.btn:focus {
    outline: none;
}

.h-100 {
    height: 100px;
}

.h-100 textarea {
    height: 60px;
}

.display-none {
    display: none !important;
}

.content {
    background: #f1f1f1;
}

.form-group.h-30 {
    height: 40px;
    min-height: 40px;
}

.bottom-space img {
    width: 150px;
    height: 30px;
}

.bottom-space label,
.bottom-space img {
    margin-bottom: 10px;
    font-weight: 500
}

.bottom-space .panel {
    margin: 10px 0
}

.bottom-space p {
    font-weight: normal;
}

.line-30 {
    line-height: 30px;
}

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

.pm-view-box {
    border-bottom: solid 1px #eee;
    padding: 0;
    border-radius: 0;
    background-color: #fafafa;
    padding: 20px 15px 15px;
    display: inline-block;
    width: 100%;
    border-radius: 0;
    box-shadow: 0 0 5px 0 rgba(12, 6, 14, .1);
    -webkit-box-shadow: 0 0 5px 0 rgba(12, 6, 14, .1);
    -moz-box-shadow: 0 0 5px 0 rgba(12, 6, 14, .1);
    margin: 10px 0;
}

.form-control {
    border: 1px solid #e0e0e0;
    border-radius: 0;
    padding: 0 6px;
    color: #666;
    box-shadow: none;
}

.bootstrap-select.btn-group .dropdown-menu li a span.text {
    display: inline-block;
    color: #666;
}

.form-control:focus {
    border-color: #ccc;
    box-shadow: none;
}

.chosen-container-single .chosen-single {
    height: 34px;
    line-height: 33px;
}

.in-shadow .input-group,
.in-shadow>.form-control,
.in-shadow>.chosen-container {
    box-shadow: 0px 0px 10px 0px rgba(12, 6, 14, 0.1);
    border: none;
}

.input-group.date .form-control {
    border-right: 0;
    border-left: solid 1px #ccc;
}

.input-group.dolar .form-control {
    border-left: 0
}

.input-group.date .input-group-addon i {
    width: 13px;
    height: 13px;
}

.input-group.date .input-group-addon {
    font-size: 13px;
    background: #eee;
    height: 34px;
}

.input-group.dolar .input-group-addon {
    font-size: 12px;
    padding-top: 6px;
    background: #eee;
    height: 34px;
}

.search-new-btn {
    margin: 0;
    height: 30px;
    line-height: 26px;
    width: 30px;
    padding: 0;
}

span.errorMsg {
    color: red;
    margin-top: -1px;
    display: block;
    line-height: 18px;
    font-size: 13px;
    text-align: left;
}

label {
    min-height: 20px;
    display: block;
    margin-bottom: 0px;
    color: #000;
    text-align: left;
    font-size: 13px;
    text-transform: capitalize;
    margin-top: 0;
    font-weight: 400;
}

a.active,
a:hover,
a:focus,
input:focus {
    text-decoration: none;
    color: #666;
    outline: none;
}

sup {
    color: #ea0e0e;
    font-size: 18px;
    top: -1px;
}

input,
select {
    height: 34px;
    min-height: 34px;
}

input,
select,
textarea {
    width: 100%;
    padding: 5px;
    color: #555;
    border: 1px solid #ccc;
    font-size: 13px;
    display: block;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: -webkit-focus-ring-color auto 0;
    min-height: 34px;
    line-height: 22px;
    background: #fff;
}

ul,
li {
    list-style: none;
}

.input-group .input-group-addon.color-readonly {
    background-color: #eee;
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
    box-shadow: none;
}

textarea {
    resize: none;
}

.sidebar-menu li.active a .left-icon .fa-angle-down:before {
    content: "\f106";
}

/* Breadcumb */

.content-header {
    min-height: 40px;
}

.breadcrumb {
    background: #f1f1f1;
    margin-bottom: 0;
    padding: 0;
}

.content-header>.breadcrumb {
    float: left;
    background: transparent;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 12px;
    padding: 2px;
    position: initial;
    right: 0;
    top: 0;
    border-radius: 2px;
}

.breadcrumb-item a {
    color: #000;
    font-size: 10px;
    text-transform: uppercase;
}

.breadcrumb>.active {
    color: #f47422;
    text-transform: uppercase;
    font-size: 10px;
}

.content-header>.breadcrumb>li+li:before {
    content: "→\00a0";
    padding: 0 5px;
    color: #777777;
}

@media (max-width: 991px) {
    .content-header>.breadcrumb {
        left: 0;
        background: #f1f1f1;
        padding-left: 0;
    }
}

/* scroll */

.tab-scroll,
.tab-scroll-ver {
    overflow-x: auto;
    overflow-y: hidden;
    margin-bottom: 0;
}
.tab-scroll-expense {
    overflow-y: auto;
    min-height:35vh;
}
.tab-scroll-expense table {
    margin-bottom: 30px !important;
}
.tab-scroll {
    margin: 0 20px;
}

body::-webkit-scrollbar {
    width: 4px;
    border-radius: 10px;
    height: 20px
}

.chosen-results::-webkit-scrollbar,
.dropdown-menu.inner::-webkit-scrollbar,
.nice-select .list::-webkit-scrollbar,
.table-y-scroll::-webkit-scrollbar,
table.scroll tbody::-webkit-scrollbar,
.scroll-table-ver::-webkit-scrollbar {
    width: 4px;
    border-radius: 10px;
    height: 20px
}

.chosen-results::-webkit-scrollbar-track,
.nice-select .list::-webkit-scrollbar-track,
.table-y-scroll::-webkit-scrollbar-track,
body::-webkit-scrollbar-track,
table.scroll tbody::-webkit-scrollbar-track,
.dropdown-menu.inner::-webkit-scrollbar-track,
.scroll-table-ver::-webkit-scrollbar-track {
    border: 1px solid #fff;
    border-radius: 10px;
}

.chosen-results::-webkit-scrollbar-thumb,
.nice-select .list::-webkit-scrollbar-thumb,
.table-y-scroll::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb,
table.scroll tbody::-webkit-scrollbar-thumb,
.dropdown-menu.inner::-webkit-scrollbar-thumb,
.scroll-table-ver::-webkit-scrollbar-thumb {
    background-color: #cfcfcf;
    border-radius: 10px
}

.tab-scroll::-webkit-scrollbar {
    width: 9px;
    height: 9px
}

.tab-scroll::-webkit-scrollbar-thumb {
    background-color: #cfcfcf;
    border-radius: 9px
}

.tab-scroll::-webkit-scrollbar-track {
    border: 1px solid #cfcfcf
}

/* Table */

table {
    background-color: #fff;
}

.table>thead>tr>td,
.table>thead>tr>th {
    border-top: solid 1px #f1f1f1;
    font-size: 13px;
    text-transform: uppercase;
    color: #000;
    vertical-align: middle;
    text-align: left;
    border-top: transparent;
    padding: 8px 0px 8px 8px;
    border-bottom: 0;
    color: #000;
    font-weight: 500;
    position: relative
}

.table>tbody>tr>td {
    border-top: solid 1px #f1f1f1 !important;
    font-size: 13px;
    color: #000;
    vertical-align: middle;
    text-align: left;
    border-top: transparent;
    padding: 8px 15px 8px 8px;
    border-bottom: 0;
}

.hotel-subtitle-main,
.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th {
    vertical-align: middle;
    word-wrap: break-word;
}

.total-b td {
    color: #707cd2;
    font-weight: 500;
    font-size: 14.5px;
}

.user-table {
    display: block;
    margin: 30px 0 20px;
    padding: 15px;
    box-shadow: 0 0 5px 0 rgba(12, 6, 14, .1);
    -webkit-box-shadow: 0 0 5px 0 rgba(12, 6, 14, .1);
    -moz-box-shadow: 0 0 5px 0 rgba(12, 6, 14, .1);
    background: #fff;
}

.user-table table {
    /* margin-top: 15px; */
    border-top: solid 1px #ececec;
}

.user-table h3 {
    position: relative;
    margin-bottom: 0;
    padding: 20px;
    background: 0;
    text-align: left;
    margin-top: 0;
    text-transform: uppercase;
    color: #000;
    font-weight: 500;
    font-size: 13px;
    border-bottom: solid 1px #eee;
}

.search-box .input-group-btn .btn {
    border: 1px solid #ccc;
    height: 34px;
    width: 34px;
}

.search-box .input-group-btn .btn i {
    font-size: 18px;
    line-height: 34px;
}

.tbl-header {
    padding: 10px 20px;
}

.tbl-header .nice-select {
    max-width: 90px;
}

/* 
.sorting:after {
    content: "\f0dc";
    color: #d1d1d1;
}

.sorting-desc:after {
    content: "\f0dd";
    color: #000000;
}

.sorting-asc:after {
    content: "\f0de";
    color: #000000;
}

.sorting:after,
.sorting-asc:after,
.sorting-desc:after {
    cursor: pointer;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    cursor: pointer;
    width: 15px;
    height: 18px;
    position: absolute;
    top: 50%;
    right: 0;
    bottom: 8px;
    display: block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
} */

.sorting:after {
    content: "\f0dc";
    color: #c5c5c5;
}

.sales-tab .sorting:after { font-size: 12px; color: #c5c5c5; }

.fastival-l .sorting:after {
    color: #c5c5c5;
    font-size: 14px;
}

.sorting-desc:after {
    content: "\f0dd";
    color: #888888!important;
}

.sorting-asc:after {
    content: "\f0de";
    color: #888888!important;
}

.sorting:after,
.sorting-asc:after,
.sorting-desc:after {
    float: right;
    cursor: pointer;
    float: none;
    padding-left: 4px;
    font-family: fontawesome;
}

.total-index {
    display: block;
    padding: 5px;
    text-align: left;
    font-size: 14px;
    color: #f47422;
    margin-top: 10px;
    font-weight: 500;
}

.table .edit-btn,
.table .del-btn,
.table .pdf-btn {
    background-color: transparent;
    color: #fff;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    border-radius: 0;
    padding: 0;
    height: 30px;
    vertical-align: super !important;
    border: none;
    margin: none;
    padding: none;
}

.table .pdf-btn:hover,
.table .pdf-btn:focus,
.table .pdf-btn.active,
.table .edit-btn:hover,
.table .edit-btn:focus,
.table .edit-btn.active,
.table .del-btn:hover,
.table .del-btn:focus,
.table .del-btn.active {
    border: none;
    box-shadow: none;
    border: none;
    margin: none;
    padding: none;
}

.table .del-btn i,
.table .edit-btn i,
.table .pdf-btn i {
    font-size: 19px;
    padding: 0;
    color: #707cd2;
}

.table .del-btn:hover i,
.table .edit-btn:hover i,
.table .pdf-btn:hover i {
    color: #28333d;
}

td>label.switch {
    margin-top: 0;
}

label.switch {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 21px;
}

.switch input {
    display: none;
}

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

.slider:before {
    position: absolute;
    content: "";
    height: 21px;
    width: 21px;
    left: 0px;
    bottom: 0px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
    border: 1px solid #f47422;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.1);
}

input:checked+.slider {
    background-color: #4caf50;
    border: 1px solid rgba(76, 175, 80, .6);
}

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

input:checked+.slider:before {
    -webkit-transform: translateX(19px);
    -ms-transform: translateX(19px);
    transform: translateX(19px);
    border: 1px solid #bbb;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.1);
    height: 19px;
    width: 19px;
}



.table-data tr td,
.table-data tr th {
    min-width: 115px
}

.table-data-index tr td,
.table-data-index tr th {
    min-width: 115px;
}

#demo .table-data-index tr th.w-350,
#demo .table-data-index tr td.w-350 {
    min-width: 350px;
    max-width: 350px;
}

.table-data-index tr td:first-child,
.table-data-index tr th:first-child {
    min-width: 115px;
    max-width: 115px;
}

.addIncomePage .table-data-index tr td:first-child,
.addIncomePage .table-data-index tr th:first-child {
    min-width: 65px;
    max-width: 115px;
}

#demo .table-data-index tr td,
#demo .table-data-index tr th {
    min-width: 120px;
}

/* Rounded sliders */

.slider.round {
    border-radius: 30px;
}

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

/*pagination*/

.pagination-nav {
    padding: 5px 0;
    margin-bottom: 25px;
}

.pagination-nav .pagination {
    padding-left: 0;
    margin: 0;
    border-radius: 0;
    float: right;
}

.pagination>li>a {
    background: #fff;
    color: #a0acb9;
    font-weight: 400;
    padding: 5px 10px;
    font-size: 12px;
}

.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover {
    color: #2b387c;
    background-color: #eeeeee;
    border-color: #dddddd;
    z-index: 2;
}

.pagination>li :last-child>a,
.pagination>li:last-child>a,
.pagination>li:last-child>span .pagination>li :last-child>span,
.pagination>li:first-child>a,
.pagination>li:first-child>span {
    border-radius: 0;
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
    background: #3f51b5;
    border-color: transparent;
}

/*datepicker*/

.datepicker.dropdown-menu {
    border-radius: 0;
    z-index: 9 !important;
}
.modal-open .datepicker.dropdown-menu{z-index: 9999 !important;}

.datepicker .table>thead>tr>td,
.datepicker .table>thead>tr>th {
    text-align: center;
    text-transform: capitalize;
}

.datepicker table tr td span {
    border-radius: 0;
}

.datepicker table tr td.day:hover,
.datepicker table tr td.day.focused {
    color: #000000;
}

.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
    color: #ccc;
}

.datepicker table tr td.old,
.datepicker table tr td.new {
    color: #ccc;
}

/* panel */

.panel-group .panel {
    border-radius: 0;
    box-shadow: 0px 0px 10px 0px rgba(12, 6, 14, 0.1);
    background-color: #fff;
    /* margin: 0 0 15px 0; */
    padding: 15px 20px 0 20px;
}

.panel-group .panel-heading+.panel-collapse>.list-group,
.panel-group .panel-heading+.panel-collapse>.panel-body {
    border-top: 1px solid #ececec;
}

.panel-body {
    background: #fff;
    padding: 15px 0;
}

.panel-heading {
    border-bottom: solid 1px #eee;
    padding: 0;
    border-radius: 0;
    background-color: #fff;
    padding: 0 0 15px;
    display: inline-block;
    width: 100%;
}

.panel-title {
    font-size: 14px;
    font-weight: 400;
    color: #000;
    text-transform: uppercase;
}

.panel-title>.small,
.panel-title>.small>a,
.panel-title>a,
.panel-title>small,
.panel-title>small>a {
    color: #666;
    color: #000;
    font-weight: 500;
    font-size: 13px;
}

.down-angle {
    position: relative;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    line-height: 1.4;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 25px;
    font-weight: 700 !important
}

.down-angle-minus:before,
.down-angle-plus:before,
.down-angle-remove:before {
    right: 0;
    font-weight: 400;
    text-decoration: inherit;
    position: absolute;
    color: #28333d;
    font-family: FontAwesome;
    font-style: normal
}

.down-angle-minus,
.down-angle-plus {
    -webkit-transition: all ease 5s;
    transition: all ease 5s
}

.down-angle-plus:before {
    content: "\f106";
    font-size: 25px;
    top: -6px;
    -webkit-transition: all ease 5s;
    transition: all ease 5s
}

.close-accordian:before,
.down-angle,
.more-less {
    color: #777;
}

.down-angle,
.more-less {
    float: right;
}

.down-angle-minus:before {
    content: "\f107";
    font-size: 25px;
    top: -8px;
}

.down-angle-minus:before,
.down-angle-plus:before,
.down-angle-remove:before {
    right: 0;
    font-weight: 400;
    text-decoration: inherit;
    position: absolute;
    color: #28333d;
    font-family: FontAwesome;
    font-style: normal;
}

/* checkbox */

.check-box {
    display: inline-block
}

.checkbox input[type="checkbox"] {
    display: none
}

.checkbox label:after,
.radio label:after {
    content: '';
    display: table;
    clear: both
}

.checkbox .cr,
.radio .cr {
    position: relative;
    display: inline-block;
    border: 1px solid #a9a9a9;
    border-radius: 0;
    width: 20px;
    height: 20px;
    margin-right: 10px;
    background: #fff;
    vertical-align: middle;
    margin-top: 0
}

.radio .cr {
    border-radius: 50%
}

.checkbox .cr .cr-icon,
.radio .cr .cr-icon {
    position: absolute;
    font-size: 1em;
    line-height: 0;
    top: 50%;
    left: 12%;
    font-weight: 100
}

.fa-check:before {
    content: "\f00c";
    color: #3f51b5;
    font-weight: 300
}

.radio .cr .cr-icon {
    margin-left: .04em
}

.checkbox label input[type="checkbox"],
.radio label input[type="radio"] {
    display: none
}

.checkbox label input[type="checkbox"]+.cr>.cr-icon,
.radio label input[type="radio"]+.cr>.cr-icon {
    -webkit-transform: scale(3) rotateZ(-20deg);
    transform: scale(3) rotateZ(-20deg);
    opacity: 0;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in
}

.checkbox label input[type="checkbox"]:checked+.cr>.cr-icon,
.radio label input[type="radio"]:checked+.cr>.cr-icon {
    -webkit-transform: scale(1) rotateZ(0deg);
    transform: scale(1) rotateZ(0deg);
    opacity: 1
}

.checkbox label input[type="checkbox"]:disabled+.cr,
.radio label input[type="radio"]:disabled+.cr {
    opacity: .5
}

/* nice-select */

.nice-select {
    background-color: #fff;
    box-sizing: border-box;
    cursor: pointer;
    font-family: inherit;
    font-size: 14px;
    line-height: 32px;
    text-transform: capitalize;
    outline: none;
    font-weight: 400;
    position: relative;
    text-align: left !important;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    min-width: 90px;
    height: 34px;
    margin-right: 0;
    color: #999;
    -webkit-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    border: solid 1px #ccc;
    padding: 0 40px 0 6px;
}

.nice-select span.current {
    color: #666;
}

.nice-select:hover {
    border-color: #ccc
}

.nice-select.open,
.nice-select:active,
.nice-select:focus {
    border-color: #ccc
}

.nice-select:after {
    content: '';
    background: url(../images/dropdown-icon.svg) no-repeat;
    display: block;
    height: 5px;
    margin-top: -2px;
    pointer-events: none;
    position: absolute;
    right: 8px;
    top: 50%;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    width: 10px;
}

.nice-select.open:after {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.nice-select.open .list {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
    display: block;
}

.no-scroll .list {
    overflow-y: hidden !important
}

.nice-select.disabled {
    border-color: #ededed;
    color: #999;
    pointer-events: none
}

.nice-select.disabled:after {
    border-color: #ccc
}

.nice-select.wide {
    width: 100%
}

.nice-select.wide .list {
    left: 0 !important;
    right: 0 !important
}

.nice-select.right .list {
    left: auto;
    right: 0
}

.nice-select.small {
    font-size: 12px;
    height: 36px;
    line-height: 34px
}

.nice-select.small:after {
    height: 4px;
    width: 4px
}

.nice-select.small .option {
    line-height: 34px;
    min-height: 34px
}

.nice-select .list {
    background-color: #fff;
    box-shadow: 0 0 0 1px rgba(68, 68, 68, .11);
    margin-top: 1px;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    pointer-events: none;
    position: absolute;
    top: 100%;
    left: 0;
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform: scale(.75) translateY(-21px);
    transform: scale(.75) translateY(-21px);
    -webkit-transition: all .2s cubic-bezier(.5, 0, 0, 1.25), opacity .15s ease-out;
    transition: all .2s cubic-bezier(.5, 0, 0, 1.25), opacity .15s ease-out;
    z-index: 199;
    width: 100%;
    max-height: 155px;
    overflow-y: scroll;
    display: none;

}

.nice-select .option {
    cursor: pointer;
    line-height: 30px;
    list-style: none;
    min-height: 30px;
    outline: 0;
    padding-left: 18px;
    padding-right: 29px;
    text-align: left;
    -webkit-transition: all .2s;
    transition: all .2s;
    border-bottom: solid 1px #f1f1f1;
    float: none;

}

.nice-select .option.focus,
.nice-select .option.selected.focus,
.nice-select .option:hover,
.nice-select .option.active {
    background-color: #f5f5f5;
    color: #262626
}

.nice-select .option.disabled {
    background-color: transparent;
    color: #999;
    cursor: default
}

.chart-box {
    background-color: #fff;
    display: block;
    width: 100%;
    height: 100%;
}

.h-74 {
    min-height: 70px;
    height: 70px;
}

.h-50 {
    min-height: 50px;
}

/*Modal used in dashboard and notification  */

.main-td #dash-exp-modal thead td,
.main-td #dash-exp-modal thead tr {
    padding-top: 0;
}

#invoiceDisplay tr {
    width: 100%;
    text-align: center;
}

.main-td>table thead td {
    width: 100% !important;
    text-align: center;
    display: inline-block;
    font-size: 17px;
    font-weight: 400;
    border-bottom: solid 1px #ccc;
    text-transform: uppercase;
    color: #707cd2;
}

.dash-tab-dialog table {
    margin-bottom: 0;
}

.main-td>table tbody {
    padding: 0 10px;
}

.no-data {
    width: 100%;
    display: table;
}

.table .no-data td {
    text-align: center !important;
    width: 100% !important;
    display: table-cell;
    font-size: 15px;
    font-weight: 400;
    color: #28333d;
}

.main-td #dash-exp-modal tbody td:first-child,
.main-td #dash-exp-modal tbody td:last-child,
.main-td #dash-exp-modal tbody td:nth-child(2) {
    width: 130px;
}

.main-td #dash-exp-modal tbody td:nth-child(3) {
    width: 245px;
}

.main-td #dash-exp-modal tbody td:nth-child(4) {
    width: 230px;
}

.main-td #dash-rem-modal tbody td:first-child,
.main-td #dash-traf-modal tbody td:first-child {
    width: 345px;
    padding: 5px;
    text-align: left
}

.main-td #dash-rem-modal tbody td:nth-child(2),
.main-td #dash-traf-modal tbody td:nth-child(2) {
    width: 365px;
    padding: 5px;
    text-align: left
}

.main-td #dash-rem-modal tbody td:last-child,
.main-td #dash-traf-modal tbody td:last-child {
    width: 130px;
    padding: 5px;
    text-align: left
}

.dash-tab-dialog table tfoot td {
    font-size: 15px;
    color: #002b5d;
    font-weight: 400;
    padding: 0 15px;
}

.open .dropdown-menu.top-menubar,
table.scroll tbody,
table.scroll thead {
    display: block;
}

.main-td>table thead tr {
    display: block;
    padding: 5px 5px 10px;
}

.main-td table tbody tr td {
    min-width: 125px;
    padding: 5px;
}

td.main-td {
    display: block;
    width: 100%;
}

.table tbody tr.total-b td b {
    display: block;
    padding: 0px;
}

.table tbody tr td b {
    display: block;
    padding: 20px;
    text-align: center;
}

/*chosen select  */

.chosen-container-single .chosen-drop {
    z-index: 4
}

@media (max-width: 480px) {
    .content {
        padding: 15px;
    }
    .content-header {
        padding: 15px 15px 0 15px;
    }
    .width-xs {
        width: 100%;
    }
    h4 {
        font-size: 16px;
    }
}

@media (max-width: 767px) {
    .content {
        padding: 15px 20px 15px 20px;
    }
    .content-header {
        padding: 0px 18px 0px 18px;
    }
    .margin-top-xs {
        margin-top: 15px;
    }
}

@media (min-width: 1200px) {
    .col-5 {
        padding: 0px 15px;
        width: 19.5%;
    }
}

/* START CODE FOR REMOVE MODAL CROSS SIGN AND REMOVE TODAY FROM DATEPICKER AND SHOW ONLY CURRENT MONTH DATES*/

/* remove cross sign */

/* .modal-header .close {
    display: none;
} */

/* remove today form datepicker */

.today {
    display: none !important;
}

/* show only curront month dates */

/* .datepicker table tr td.old, .datepicker table tr td.new {
    visibility: hidden;
} */

/* END CODE FOR REMOVE MODAL CROSS SIGN AND REMOVE TODAY FROM DATEPICKER AND SHOW ONLY CURRENT MONTH DATES*/

/* start: This css for change password tooltip */

#pswd_info {
    position: absolute;
    bottom: -81px;
    bottom: -115px\9;
    /* IE Specific */
    right: 0px;
    width: 250px;
    padding: 7px;
    background: #e9e9e9;
    font-size: .875em;
    border-radius: 5px;
    box-shadow: 0 1px 3px #ccc;
    border: 1px solid #ddd;
    z-index: 1000000;
    opacity: 0.9;
}

#pswd_info h5 {
    margin: 0 0 10px 0;
    padding: 0;
    font-weight: normal;
}

#pswd_info::before {
    content: "\25B2";
    position: absolute;
    top: -12px;
    left: 45%;
    font-size: 14px;
    line-height: 14px;
    color: #ddd;
    text-shadow: none;
    display: block;
}

.invalid:before {
    content: "\f00d";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    margin-right: 5px;
}

.invalid {
    /* background:url(../images/invalid.png) no-repeat 0 50%; */
    line-height: 24px;
    color: #ec3f41;
}

.valid:before {
    content: "\f00c";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    margin-right: 5px;
}

.valid {
    /* background:url(../images/valid.png) no-repeat 0 50%; */
    line-height: 24px;
    color: #3a7d34;
}

#pswd_info {
    display: none;
}

/* end: This css for change password tooltip */

/* Start Global Loader */

.loader-bg {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    top: 0;
    left: 0;
    position: fixed;
    z-index: 100000000;

    background: rgba(0, 0, 0, 0.35);
}

.loader-back {
    height: 100px;
    width: 100px;
    text-align: center;
    vertical-align: middle;
    border-radius: 10px;
    padding: 9px;
    top: 50%;
    left: 50%;
    position: absolute;
    z-index: 10000000000;
    transform: translateX(-50%) translateY(-50%);
}

/* 
@-webkit-keyframes load3 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes load3 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
} */

.sk-circle {
    margin: 40px auto;
    width: 50px;
    height: 50px;
    position: relative;
}

.sk-circle .sk-child {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.sk-circle .sk-child:before {
    content: '';
    display: block;
    margin: 0 auto;
    width: 15%;
    height: 15%;
    background-color: #fff;
    border-radius: 100%;
    -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
    animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
}

.sk-circle .sk-circle2 {
    -webkit-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    transform: rotate(30deg);
}

.sk-circle .sk-circle3 {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg);
}

.sk-circle .sk-circle4 {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.sk-circle .sk-circle5 {
    -webkit-transform: rotate(120deg);
    -ms-transform: rotate(120deg);
    transform: rotate(120deg);
}

.sk-circle .sk-circle6 {
    -webkit-transform: rotate(150deg);
    -ms-transform: rotate(150deg);
    transform: rotate(150deg);
}

.sk-circle .sk-circle7 {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.sk-circle .sk-circle8 {
    -webkit-transform: rotate(210deg);
    -ms-transform: rotate(210deg);
    transform: rotate(210deg);
}

.sk-circle .sk-circle9 {
    -webkit-transform: rotate(240deg);
    -ms-transform: rotate(240deg);
    transform: rotate(240deg);
}

.sk-circle .sk-circle10 {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
}

.sk-circle .sk-circle11 {
    -webkit-transform: rotate(300deg);
    -ms-transform: rotate(300deg);
    transform: rotate(300deg);
}

.sk-circle .sk-circle12 {
    -webkit-transform: rotate(330deg);
    -ms-transform: rotate(330deg);
    transform: rotate(330deg);
}

.sk-circle .sk-circle2:before {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
}

.sk-circle .sk-circle3:before {
    -webkit-animation-delay: -1s;
    animation-delay: -1s;
}

.sk-circle .sk-circle4:before {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}

.sk-circle .sk-circle5:before {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
}

.sk-circle .sk-circle6:before {
    -webkit-animation-delay: -0.7s;
    animation-delay: -0.7s;
}

.sk-circle .sk-circle7:before {
    -webkit-animation-delay: -0.6s;
    animation-delay: -0.6s;
}

.sk-circle .sk-circle8:before {
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s;
}

.sk-circle .sk-circle9:before {
    -webkit-animation-delay: -0.4s;
    animation-delay: -0.4s;
}

.sk-circle .sk-circle10:before {
    -webkit-animation-delay: -0.3s;
    animation-delay: -0.3s;
}

.sk-circle .sk-circle11:before {
    -webkit-animation-delay: -0.2s;
    animation-delay: -0.2s;
}

.sk-circle .sk-circle12:before {
    -webkit-animation-delay: -0.1s;
    animation-delay: -0.1s;
}

@-webkit-keyframes sk-circleBounceDelay {
    0%,
    80%,
    100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    40% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes sk-circleBounceDelay {
    0%,
    80%,
    100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    40% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

/* End Global Loader */

/* css for notification invoice wise data modal (created by nikhil makwana) */

#invoiceWiseDataDisplay .main-td #noti-exp-modal {
    margin-bottom: 30px;
}

.main-td #noti-exp-modal thead td,
.main-td #noti-exp-modal thead tr {
    padding-top: 0;
}

.main-td #noti-exp-modal tbody td:first-child,
.main-td #noti-exp-modal tbody td:last-child,
.main-td #noti-exp-modal tbody td:nth-child(2) {
    width: 130px;
}

.main-td #noti-exp-modal tbody td:nth-child(3) {
    width: 245px;
}

.main-td #noti-exp-modal tbody td:nth-child(4) {
    width: 230px;
}

/*--------------------------------------------------------*/

.main-td #notification-exp-modal thead td,
.main-td #notification-exp-modal thead tr {
    padding-top: 0;
}

#invoiceWiseDataDisplay .main-td #notification-exp-modal tbody td:first-child {
    min-width: 100px;
}

#invoiceWiseDataDisplay .main-td #notification-exp-modal tbody td:nth-child(2) {
    min-width: 100px;
}

#invoiceWiseDataDisplay .main-td #notification-exp-modal tbody td:nth-child(3) {
    min-width: 150px;
}

#invoiceWiseDataDisplay .main-td #notification-exp-modal tbody td:nth-child(4) {
    min-width: 150px;
}

#invoiceWiseDataDisplay .main-td #notification-exp-modal tbody td:nth-child(5) {
    min-width: 100px;
}

#invoiceWiseDataDisplay .main-td #notification-exp-modal tbody td:nth-child(6) {
    min-width: 100px;
}

#invoiceWiseDataDisplay .main-td #notification-exp-modal tbody td:last-child {
    min-width: 29px;
}

#getInvoiseWiseData .dash-tab-dialog table tfoot td {
    margin-right: 58px;
    display: block;
}

#getInvoiseWiseData .exp-ract {
    background-color: #f39c12;
}

.rejected-n b {
    background-color: #f39c12 !important;
    /*yellow*/
    height: 40px;
    width: 5px;
    padding: 0px !important;
    /* #ffa5004d //orange */
}

.approved-n b {
    background-color: #0080004d !important;
    /*green*/
    height: 40px;
    width: 5px;
    padding: 0px !important;
}

.pending-n b {
    background-color: #d22e36 !important;
    /*red*/
    height: 40px;
    width: 5px;
    padding: 0px !important;
}

.chosen-container.chosen-with-drop .chosen-drop {
    z-index: 199
}

/* pm box */

h4.sub-heading {
    position: relative;
    color: #28333d;
    border-top: 1px solid #f1f1f1;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 7px;
    background: 0;
    text-align: left;
    font-size: 14px;
    font-weight: 400;
    text-transform: capitalize;
    padding-top: 15px;
}

.browse-border {
    border: solid 1px #ccc
}

.sign-box {
    height: 200px;
    width: 100%;
    display: block;
    border: solid 1px #ccc
}

.prew-img img {
    max-height: 113px;
}

.prew-img {
    height: 113px;
    border: solid 1px #ccc;
    margin-top: 0px;
}

.mar-bot-10 {
    margin-bottom: 15px !important;
}

::placeholder {
    color: #ccc;
    opacity: 1;
    /* Firefox */
}

:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #ccc;
}

::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #ccc;
}

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

.excel-btn {
    height: 30px;
    width: 100%;
    line-height: 27px;
    max-width: 100px;
    float: right;
}

.btn-room-group {
    background-color: #fff;
    padding: 15px 20px;
    margin: 0 15px;
    border-radius: 0;
    box-shadow: 0 0 5px 0 rgba(12, 6, 14, .1);
    -webkit-box-shadow: 0 0 5px 0 rgba(12, 6, 14, .1);
    -moz-box-shadow: 0 0 5px 0 rgba(12, 6, 14, .1);
    border-bottom: solid 1px #eee;
}

.btn.room-btn {
    background: #eee;
    color: #666666;
    min-width: 150px;
}

.btn.room-btn:hover {
    background: #eee;
    border-color: #eee;
    color: #666666;
    min-width: 150px;
}

.btn.room-btn.empty {
    background-color: #ff7676;
    color: #ffff;
}

.btn.room-btn.pending {
    background-color: #ffc36d;
    color: #ffff;
}

.btn.room-btn.full {
    background-color: #9ccc66;
    color: #ffff;
}

.btn.room-btn.empty:hover {
    border-color: #ff7676;
    background: #fff;
    color: #666666;
}

.btn.room-btn.pending:hover {
    border-color: #ffc36d;
    background: #fff;
    color: #666666;
}

.btn.room-btn.full:hover {
    border-color: #9ccc66;
    background: #fff;
    color: #666666;
}

.dot {
    height: 15px;
    width: 15px;
    border-radius: 0;
    display: inline-block;
    margin: 0px 2px 0px 10px;
}

.dot.full {
    background-color: #9ccc66;
}

.dot.pending {
    background-color: #ffc36d;
}

.dot.empty {
    background-color: #ff7676;
}

.dot-note {
    padding: 0 30px;
}

.dot-note p {
    display: inline-block;
    line-height: 20px;
    font-size: 15px;
}

p.text-indent {
    text-indent: 50px;
    text-align: justify;
}

.statusComplete {
    color: green;
}

.statusIncomplete {
    color: red;
}

.disabled_menu {
    display: none;
}

/* header switch */

.skin-blue .sidebar-menu>li>a i img {
    max-width: 25px;
}



.saveBtn.reset_sign {
    min-height: 20px;
    display: block;
    margin-bottom: 0px;
    color: #707cd2;
    text-align: left;
    font-size: 15px;
    text-transform: capitalize;
    margin-top: 0;
    font-weight: 500;
}

.grey-box {
    background: #f0f3f6;
    padding: 15px;
    text-transform: uppercase;
    text-align: justify;
}

.jSignature {
    max-height: 200px !important;
    height: 200px !important;
}

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

.sidebar-collapse .sidebar .user-panel {
    text-align: center !important
}

.sidebar-collapse .sidebar .user-panel .image {
    float: none !important
}

.tax_p_date_text {
    display: inline !important;
    width: auto;
    border-left: none;
    border-right: none;
    border-top: none;
    border-bottom: 1px solid #000;
    min-width: 175px;
}

.mqy-panel .nice-select {
    margin-top: 5px;
}

.datetimepicker table tr td.active:active,
.datetimepicker table tr td.active:hover:active,
.datetimepicker table tr td.active.disabled:active,
.datetimepicker table tr td.active.disabled:hover:active,
.datetimepicker table tr td.active.active,
.datetimepicker table tr td.active:hover.active,
.datetimepicker table tr td.active.disabled.active,
.datetimepicker table tr td.active.disabled:hover.active,
.datetimepicker table tr td span.active:active,
.datetimepicker table tr td span.active:hover:active,
.datetimepicker table tr td span.active.disabled:active,
.datetimepicker table tr td span.active.disabled:hover:active,
.datetimepicker table tr td span.active.active,
.datetimepicker table tr td span.active:hover.active,
.datetimepicker table tr td span.active.disabled.active,
.datetimepicker table tr td span.active.disabled:hover.active {
    background-color: #f47422 !important;
    background-image: none;
    border-radius: 0;
}

.datetimepicker td,
.datetimepicker th,
.datetimepicker table tr td span {
    border-radius: 0 !important;
}

.pag-box {
    padding: 0 15px 5px;
}

.mlink {
    position: relative;
    overflow: hidden;
    transition: all 0.2s ease;
}

.ink {
    display: block;
    position: absolute;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 100%;
    transform: scale(0);
}

.animate {
    animation: ripple 0.65s linear;
}

@keyframes ripple {
    100% {
        opacity: 0;
        transform: scale(2.5);
    }
}

/* Switch */

.switch-field {
    display: inline-block;
    overflow: hidden;
    box-shadow: 0px 0px 10px 0px rgba(12, 6, 14, 0.1);
}

.switch-title {
    margin-bottom: 6px;
}

.switch-field input {
    position: absolute !important;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    width: 1px;
    border: 0;
    overflow: hidden;
}

.switch-field label {
    float: left;
}

.switch-field label {
    display: inline-block;
    background-color: #e4e4e4;
    color: rgba(0, 0, 0, 0.6);
    font-size: 14px;
    font-weight: normal;
    text-align: center;
    text-shadow: none;
    padding: 6px 10px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

.switch-field label:hover {
    cursor: pointer;
}

.switch-field input:checked+label {
    background-color: #A5DC86;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.switch-field label:first-of-type {
    border-radius: 4px 0 0 4px;
}

.switch-field label:last-of-type {
    border-radius: 0 4px 4px 0;
}

.content-header .switch-field {
    border: solid 4px #3f51b5;
}

.content-header .switch-field input:checked+label {
    background-color: #f47422;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff;
    border-radius: 0;
    border-color: transparent;
    text-transform: uppercase;
}

.content-header .switch-field label {
    background-color: #3f51b5;
    color: #fff;
    border-radius: 0;
    border-color: transparent;
    box-shadow: none;
    text-transform: uppercase;
    padding: 4px 12px;
}

.index-top ul li {
    float: left;
}

.m-r-10 {
    margin-left: 10px;
}

.index-top .switch-field {
    margin-left: 10px;
}

.index-top .switch-field label {
    font-size: 13px;
    background: #fff;
    border-radius: 0;
    padding: 0 10px;
    line-height: 30px;
    border: 0 !important;
    box-shadow: 0px 0px 10px 0px rgba(12, 6, 14, 0.1) !important;
    height: 30px;
    color: #444;
}

.index-top .switch-field input:checked+label {
    color: #fff;
    background-color: #f47422;
    border-color: #f47422;
}

.index-title {
    line-height: 30px;
    font-weight: 500;
    font-size: 14px;
}

.index-top button.btn {
    border: 0 !important;
    box-shadow: 0px 0px 10px 0px rgba(12, 6, 14, 0.1) !important;
}

.index-top .index-dierction button {
    max-height: 30px;
    line-height: 33px;
    width: 30px;
    padding: 0;
    margin: 0;
}

ul {
    padding: 0;
}

.margin-tb-15 {
    margin-top: 7px;
    margin-bottom: 5px;
}

.margin-t-15 {
    margin-top: 15px;
}

.bootstrap-select.btn-group .dropdown-menu li {
    position: relative;
    width: 100%;
    text-align: left;
    padding: 0;
}

.bootstrap-select.btn-group .dropdown-menu li a {
    padding: 5px 11px;
}

.ver-list li {
    float: left;
}

.browse-lbl {
    display: inline;
    margin-left: 10px;
}

.browse-lbl .btn {
    margin-bottom: 8px;
    height: 23px;
    line-height: 21px;
    font-size: 12px;
}

.dis-inline-block {
    display: inline-block;
}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:focus,
.dropdown-menu>.active>a:hover {
    color: #262626;
    text-decoration: none;
    background-color: #f5f5f5;
    outline: 0;
}

tfoot.down-scroll {
    display: none;
}

.bdr-none {
    border: none;
}

.r-dolar span.input-group-addon {
    background: #f5f5f5;
    padding: 6px 12px;
    border-left: solid 1px #ccc;
    border-top: 0;
    border-bottom: 0;
    font-size: 12px;
}

.r-tab-bg>.row {
    background: #fafafa;
    border: solid 1px #e5e5e5;
    margin-left: 7px;
    margin-right: 7px;
}



.inp-bor .form-control:focus {
    border: 1px solid #3f51b5;
}

.inp-bor input { cursor: pointer; color: #3f51b5; }
a.add-department-dot {
    font-size: 15px;
    background: #f47422;
    display: inline-block;
    color: #fff;
    padding: 5px 14px 5px 14px;
    margin-right: 15px;
}
a.add-department-dot:hover {
    color: #fff;
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.1), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
    cursor:pointer;
}

.inp-frisko{ width: 162px!important; }



.check-allocation {
    width: 30px!important;
    margin: 0px!important;
    padding: 0px!important;
    margin-right: 0px!important;
    float: right!important;
}
.inp-bud{ width: 85%!important; }




.nav-tabs-custom>.nav-tabs>li.active {
    border-top-color:transparent;

}

.nav-tabs-custom>.nav-tabs>li.active a {
    background: #f47422;
    color: #fff;
    border: 1px solid #f47422;

}
.nav-tabs-custom>.nav-tabs>li.active a:hover {
     background: #f47422;
    color: #fff;
    border: 1px solid #f47422;

}
.nav-tabs-custom>.nav-tabs>li{ border-right: 1px solid transparent; }
.nav-tabs-custom>.nav-tabs>li>a {
    color: #444;
    border-radius: 0;
    background: #fff;
    font-size: 16px;
    padding: 0px;
    width: 108px;
    height: 47px;
    line-height: 47px;
    text-align: center;
}
.nav-tabs-custom>.nav-tabs>li>a:hover {
    color: #444;
    border-radius: 0;
    background: #fff;
    font-size: 16px;
    padding: 0px;
    width: 108px;
    height: 47px;
    line-height: 47px;
}

/*.nav-tabs-custom>.nav-tabs>li a:hover {
    background: #f47422;
    color: #fff;
}*/

.nav-tabs-custom>.nav-tabs>li>a:hover {
    color: #444;
}

.nav-tabs-custom>.tab-content {
    padding: 20px 0px;
}

.thumb-not{ width: 48px; height:auto; border-radius: 100px;  }
.pl{ float: initial; padding-left: 60px; }

.nav-tabs-custom>.nav-tabs>li {
    margin-right: 0px;
    border-top: 0px;
    box-shadow: 0px 0px 10px 0px rgba(12, 6, 14, 0.1);
}

.tab-not{ margin-top: 50px; }

.nav-tabs-custom>.tab-content {
    text-align: left;
}

.notification-right p {
    font-weight: 600!important;
}

.content-white{ background: #fff; margin-top: 10px; padding: 22px 25px 14px 0; box-shadow: 0 0 5px 0 rgba(12, 6, 14, .1); margin-bottom: 20px; }

.notification-right span a {
    color: #303f9f;
}

.nav-tabs-custom>.tab-content {
    background: transparent;
}
.nav-tabs-custom { background: transparent; }

.pad-top-reject{ padding-top: 15px; }

.nav-tabs-custom {
    box-shadow: none;

}

.mar-0 { padding-right: 0px; width: 4.33%; }
.mar-1 { padding-right: 0px; width: 94.66%; }

.nav-tabs-custom table {
    background-color: transparent;
}
.cls-btn{ font-size: 18px;  }

.dollar-sign {  margin-top: 20px; margin-bottom: 11px; }

.tasks-menu .label {
    position: absolute;
    top: 13px;
    right: 14px;
    text-align: center;
    font-size: 9px;
    padding: 2px 3px;
    line-height: .9;
     height: 18px;

}
.pos-scrl{ position: relative; }




.budget-notification {
    width: 320px;
    padding: 20px;
    margin: 0px;
    border-radius: 0px 0px 5px 5px;
    border-top: 0px;
}
.budget-notification li ul li div { font-size: 17px; font-weight:normal; margin-top: 2px; padding-bottom: 5px; color: #f47422; text-align: left; padding: 0px; margin-bottom: 5px; }
.budget-notification li ul li div a{ color: #f47422; text-align: left; padding: 0px; }
.budget-notification p { font-size: 12px; margin: 0 0 3px 0px;  }
.budget-notification span {
    font-size: 11px;
    text-align: right;
    display: block;
}
.notifi-line-btm li{ padding-bottom: 15px; border-bottom: 1px solid #e5e5e5; }
.bor-btm{ border-bottom: 1px solid #e5e5e5; padding-bottom: 15px; padding-top: 3px; font-size: 16px; font-weight: 600; color: #404040;  }


a.all-view {
    display: block!important;
    padding: 8px 20px!important;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #fff!important;
    white-space: nowrap;
    background: #f47422;
    margin-top: 15px;
}
a.all-view:hover {
    background: #f47422!important;
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.1), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}

.tab-notifi{ border: 1px solid #e5e5e5; border-bottom: 0px; }
.tab-notifi tr td:first-child{ background: #f5f5f5; border-right: 1px solid #e5e5e5; }
.tab-notifi tr td { width: 50%; font-size: 14px; padding: 6px 12px; }
.tab-notifi tr  { border-bottom: 1px solid #e5e5e5; }

.tab-f{ font-size:13px;  }

img{ max-width: 100%; height:auto; }

/*@media (min-width: 1400px) and (max-width: 1700px) {

.thumb-not {
    margin-right: -7px;
}

}

@media (min-width: 1200px) and (max-width: 1400px) {

.scroll-table-ver tr td:nth-child(5) div.sals-gaf {
    margin-right: 9px;
}
.tab-scroll-profit tr td:nth-child(6) div.gaf-prof5 {
    margin-right: 9px;
}

.tab-scroll-wid tr td:nth-child(7) div.gaf-exp4 {
    margin-right: 9px;
}

.responsive-tab { overflow-y: hidden; }

.responsive-tab table { width: 1200px; }
.responsive-tab .scroll-table-ver {
    width: 1198px;
}

#formExpense .col-lg-2 { width: 25%!important; }

.inp-bud {
    width: 82%!important;
}

.txt-fastive {
    font-size: 15px!important;
}

.thumb-not {
    margin-right: -7px;
}

}

@media (min-width: 1025px) and (max-width: 1199px) {

.mar-0 {
    padding-right: 0px;
    width: 10.33%;
}

.mar-1 {
    padding-right: 0px;
    width: 89.66%;
}

.mar-1 {
    padding-right: 0px;
    width: 87.66%;
}

.inp-bud {
    width: 75%!important;
}

}


@media (min-width: 992px) and (max-width: 1024px) {

.inp-bud {
    width: 70%!important;
}


.mar-0 {
    padding-right: 0px;
    width: 10.33%;
}

.mar-1 {
    padding-right: 0px;
    width: 89.66%;
}

.mar-1 {
    padding-right: 0px;
    width: 87.66%;
}
}

@media (min-width: 768px) and (max-width: 991px) {

.mar-0 {
    padding-right: 0px;
    width: 10.33%;
}

.mar-1 {
    padding-right: 0px;
    width: 89.66%;
}
.mar-1 {
    padding-right: 0px;
    width: 87.66%;
}

}




@media (max-width: 767px) {

.mar-0 {
    padding-right: 0px;
    width: 10.33%;
}

.mar-1 {
    padding-right: 0px;
    width: 87.66%;
}

}*/






.check-stl {
    display: inline-block;
    position: relative;
    /* padding-left: 35px; */
    /* margin-bottom: 12px; */
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    float: right;
    width: 30px;
}

.check-stl.invoice-check {
    float: none;
    text-align: center;
}

/* Invoice Approval modal */
.invoice-modal .modal-sm{width: 600px;}
.invoice-modal .modal-header h4 {text-align: center;}
.invoice-modal .modal-header .close {top: 13px; right: 13px;}
.invoice-modal .modal-body {
    padding-bottom: 15px;
    height: 100%;
    max-height: 380px;
    /* max-height: calc(100% - 327px); */
    overflow: auto;
}
.invoice-modal .modal-b-inner {text-align: center;}
.modal-body .invoice-form {margin: 15px 0 15px 0;}

.invoice-form label {
    color: #333333;
    font-size: 14px;
    margin-bottom: 5px;
}

/* Hide the browser's default checkbox */
.check-stl input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 4px;
    left: 0px;
    height: 26px;
    width: 28px;
    background-color: #fdfdfd;
    border: 1px solid #d8d8d8;
    transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;
    /* z-index: 999; */
}
/* input[type=checkbox][disabled]{
    background: #eee;
    cursor: not-allowed;
  } */
/* 
  input[type=checkbox][disabled]::after{
    background: #ccc;
    cursor: not-allowed;position: absolute; co
  } */
/* On mouse-over, add a grey background color */
.check-stl:hover input ~ .checkmark {
    /*background-color: #ccc;*/
}

/* When the checkbox is checked, add a blue background */
.check-stl input:checked ~ .checkmark {
    background-color: #f47422;
    border: 1px solid #f47422;
    transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.check-stl input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.check-stl .checkmark:after {
/*    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);*/

    content: "\f12c";
    font-family: "Material Design Icons";
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
/*--adjust as necessary--*/
    color: #fff;
    font-size: 17px;
    padding-right: 0.5em;
    position: absolute;
    top: 1px;
    left: 5px;

}



.pad-das{ padding: 0px!important; }
.pad-das .panel-body{ border-top: 0px!important;}
 .pad-das .panel-title{ padding: 15px 20px 15px 20px ; border-bottom: 1px solid #ececec; }
 .pad-das .panel-collapse{ padding: 0px 10px 10px 10px ; background: #f7fafc; }
 .pad-das  .panel-body {
    background:transparent;
}
 .pad-das table {
    background-color: transparent;
}
.gaf-td{ height: 8px; padding: 0px!important; }

.table-bor-dash {  color: #000; /* background: #fff;*/ }
/*.table-bor-dash { border: 2px solid #dfe1e3; margin-bottom: 8px; padding: 17px 0px; color: #000; background: #fff; }*/
/*.table-bor-dash td {  padding: 17px 0px; }*/
.tab-gaf {  padding: 0px 15px; }
.tab-gaf2 {  padding: 0px 30px 0px 5px; }

.progress {
    height: 5px!important;
    margin-bottom: 20px;
    overflow: hidden;
    background-color: #eeeff0!important;
    border-radius: 0px;
   /* -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
    box-shadow: inset 0 1px 2px rgba(0,0,0,.1);*/
}

.progess-red{ background:#f54432!important;  }
.percnt-red{ color: #f54432!important;  }

.progess-org{ background:#ff9801!important;  }
.percnt-org{ color: #ff9801!important;  }

.dash-amt{ display: inline-block; }
.progress-bar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: #3da041;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    -webkit-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease;
}



.progress-main{ position: relative; }

.progress-main span {
    position: absolute;
    color: #3da041;
    bottom: -21px;
    left: 0px;
}

.pos-pertage-txt{ bottom: -9px!important;}

.txt-fastive {
    color: #000;
    padding-bottom: 11px;
    font-size: 18px;

}
.progress .progress-bar, .progress>.progress-bar {
    border-radius: 0px!important;
}
.bor-pannel{ border-bottom: 1px solid #ececec!important; }

.progress-bar {
  width: 0;
  -webkit-animation: progress 1.5s ease-in-out forwards;
          animation: progress 1.5s ease-in-out forwards;
}
.pad-fastiv-div {
    display: block;
    /* padding: 10px 10px 10px 10px; */
    background: #fff;
    margin-top: 10px;
    /* border: 1px solid #ececec; */
    /* box-shadow: 0px 0px 5px 0px rgba(12, 6, 14, 0.09); */
}
.progress-bar .title {
  opacity: 0;
  -webkit-animation: show 0.35s forwards ease-in-out 0.5s;
          animation: show 0.35s forwards ease-in-out 0.5s;
}

@-webkit-keyframes progress {
  from {
    width: 0;
  }
  to {
    width: 100%;
  }
}

@keyframes progress {
  from {
    width: 0;
  }
  to {
    width: 100%;
  }
}
@-webkit-keyframes show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}


.month-analys {
    display: inline-block;
    position: relative;
    padding-left: 17px;
    /* margin-bottom: 12px; */
    cursor: pointer;
    /* font-size: 22px; */
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    min-height: 13px;
}

/* Hide the browser's default checkbox */
.month-analys input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom checkbox */
.arro-month {
    position: absolute;
    top: 2px;
    left: 0;
    height: 12px;
    width: 12px;
    background-color: #3ad2d5;
    border-radius: 100px;
}

/* On mouse-over, add a grey background color */
.month-analys:hover input ~ .arro-month {
    /*background-color: #ccc;*/
}

/* When the checkbox is checked, add a blue background */
.month-analys input:checked ~ .arro-month {
    /*background-color: #2196F3;*/
}

/* Create the checkmark/indicator (hidden when not checked) */
.arro-month:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.month-analys input:checked ~ .arro-month:after {
    display: block;
}

/* Style the checkmark/indicator */
.month-analys .arro-month:after {
content: "\f00c";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
/*--adjust as necessary--*/
    color: #fff;
    font-size: 8px;
    padding-right: 0.5em;
    position: absolute;
    top: 1px;
    left: 2px;
}

.year-box {
    width: 214px;
    display: inline-block;
    font-size: 14px!important;
    font-weight: 400;
    color: #000;
    padding: 4px 9px 2px 9px;
    margin-top: 5px;
}
.mar-inp-right{ margin-left:  15px; }
.bg-02{ background: #f9bc7e!important;  }
.bg-03{ background: #6e6ac1!important;  }

.tasks-menu .label {
    padding: 3px 5px!important;
}

.tasks-menu  .label {
    border-radius: 100px;
    }
.vend-model .modal-header{ text-align: left!important; }


/*.fastive-min{ min-height: 509px; }*/



/* ------ 21-05-2018---------*/
.str-name{ display: inline-block; padding-left: 15px; }

.notifi-wid,
.navbar-custom-menu>.navbar-nav>li { width: 60px; }
.notifi-wid a,
.navbar-custom-menu>.navbar-nav>li>a {
    padding: 0px 15px;
    display: block;
    text-align: center;
    position: relative;
    
}

.notifi-h{ min-height: 60px; }
.open .notifi-bg { background: #545cc1; }
.reject-over { background:#e4e7ea;  }

.fastival-d table th { border-right: 1px solid #f1f1f1; padding: 11px 8px;  }
.fastival-d table td { border-right: 1px solid #f1f1f1; padding: 11px 8px;  }
.fastival-d table { border: 1px solid #f1f1f1;  }
.fastival-d table td { font-size: 14px !important; font-weight: 300; }
.fastival-d table th{ font-weight: 600;  /*background-color: #fff;*/ }
.theading  { background: #fff!important; }
.sales-tab .theading  { background:transparent!important; }
.responsive-tab .theading  { background:transparent!important; }
.responsive-tab-exp .theading  { background:transparent!important; }
.responsive-department-tab .theading { background:transparent!important; }
.sales-tab .theading .dashbordTblTH {
    font-size: 12px;
}

input[type=checkbox][disabled] + span.checkmark {
    background-color: #eee;
    cursor: not-allowed;
}

.fastival-d tr:nth-of-type(odd) {
    background-color: #fcfcfc;
}
.pagi-notifi{ margin-right: 5px; }


.fastival-l { font-size: 18px; font-weight: 100!important; background: #f7fafc; padding: 0px 20px;margin-top: -14px; }
.fastival-l th:last-child{ text-align: right; padding-right: 20px; font-weight: 400!important;  }
.fastival-l th:first-child{ padding-left: 20px; font-weight: 400!important; }
.fastival-l th{ padding-top: 15px;  padding-bottom: 12px;  }
.fastiv-bg{  }

.festival-tot .scroll-table-ver { margin: 0px 20px; }

.fastiv-bg .panel-heading { padding-bottom: 6px; background-color: transparent; }
.fastiv-bg .panel-title {
    padding: 0px 0px 0px 0px ;
    border-bottom: 0px!important;
 
}
.festival-scroll tr { display: block; }
.festival-scroll td{
    width: 100%!important;
    float: left;
}
}
.fastiv-pannel {
    padding: 0px 0px 15px 0px;
    min-height: 412px;
}

.bor-btm-fastiv {
    border-bottom: solid 1px #eee!important;
    padding-bottom: 7px!important;
}
.fastiv-anc{ float: left; }
.bor-btm-fastiv ul {
    margin-bottom: 0px;
    margin-top: -7px;
}
.fastiv-bg { padding: 15px 0px 0px 0px!important; height: 478px; }
.fastiv-bg .panel-title {  padding: 0px 20px 0px 20px!important; }

.year-btm-des {
    display: block;
    text-align: center;
    padding-bottom: 20px;
    padding-top: 10px;
}
.tab-gaf4 {
    padding: 0px 10px 0px 7px;
}
.gaf-prof2 { padding-left: 5px!important; }
.gaf-prof3 { padding-left: 8px!important; }
.gaf-prof4 { padding-left: 8px!important; padding-right: 8px!important; }
.gaf-exp1 { padding: 0 30px 0px 3px; }
.gaf-exp2 { padding: 0 30px 0px 5px; }
.gaf-exp3 { padding: 0 30px 0px 6px; }
.gaf-exp4 { padding: 0 10px 0px 9px!important; }
#excelFile {
    min-width: 70px!important;
    margin-top: -3px;
}

.tab-gaf a{ color: #303f9f; }
a.amt-h{ color: #000; }
a.amt-h:hover{ color: #0522e6; text-decoration: underline; }
.bor-tab-pop{ border: 0px!important; }


.notif-search .chosen-search{ display: none!important; }
.up-fastiv{ color: #f47422; font-size: 15px; display: block; padding: 6px 0px 2px 0px; }
.notify-sidenav .active {
    padding: 0px 13px;
}
.notifi-ac{ background: #545cc1 }
.scroll-notifi-height {
    height: 266px!important;
    margin-right: -13px!important;
    padding-right: 9px!important;
}
.pad-pop .scroll-table-ver>table {
    height: auto;
}

.pad-pop .table-bor-dash {
    color: #000;
    /* background: #fff; */
    height: auto;
}

.pad-pop table td {
    border-right: 1px solid #f1f1f1;
    padding: 11px 8px;
    height: auto;
    padding: 0px!important;
    margin: 0px;
    border-top: solid 1px #f1f1f1 !important;
}

.pad-pop tr td:first-child div.tab-gaf {
    border-bottom: 0px solid #dfe1e3!important;
    border-top:0px solid #dfe1e3!important;
    margin-bottom: 0px!important;
    display: block;
    min-height:auto!important;
    background: transparent!important;
}

.pad-pop .scroll-table-ver tr td:first-child div.tab-gaf {
    padding: 0px 20px 0px 13px!important;
    border-left: 0px solid #dfe1e3!important;
}

.pad-pop .tab-gaf {
    padding: 10px 9px;
}

.pad-fastiv{ padding-bottom: 7px; padding-top: 12px;  }

.tab-scroll-wid a{ color: #000 }
.tab-scroll-wid a:hover{ color: #0522e6; text-decoration: underline; }
.depart-gaf a{ color: #0522e6 }
.depart-gaf a:hover{ color: #0522e6 }
.depart-gaf2 a{ color: #000 }
.depart-gaf2 a:hover{ color: #0522e6; text-decoration: underline; }

.tab-scroll-profit a{ color: #000 }
.tab-scroll-profit a:hover{ color: #0522e6; text-decoration: underline; }

.gaf-prof a{ color: #0522e6 }
.gaf-prof a:hover{ color: #0522e6 }

.main-l .panel { background: #f7fafc; }
.pop-m { padding-right: 4px; }

.pad-pop .scroll-table-ver {
    height: 200px;
    padding-right: 4px;
}

.chart-min{ height: 455px; }
.chart-sales-compar{ height: 479px; }


.scroll-table-ver td a{ color: #0522e6 }
.scroll-table-ver td a:hover{ color: #0522e6; text-decoration: underline!important; }
#tableData .tab-gaf a {color: #0522e6;}
#tableData .tab-gaf a:hover {color: #0522e6; text-decoration: none;}

.festival-sign {
    margin-top: 20px;
    margin-bottom: 9px;
    width: 20px;
    height: 20px;
}

.fastival-top-txt  p { font-size: 14px; }
/*.sorting-icn { position: relative; } 
.sorting-icn span{    display: inline-block;
    text-align: center;
}

 .sorting-icn:after, .sorting-icn:after, .sorting-icn:after {
    position: absolute;
    top: 10px;
}*/
.ti-gift {
    color: #fff;
    font-size: 19px;
    margin-top: 21px;
    display: inline-block;
    font-weight: 100;
}
.ti-user {
    color: #fff;
    font-size: 18px;
    margin-top: 21px;
    display: inline-block;
    font-weight: 100;
}

.ti-notification {
    color: #fff;
    font-size: 18px;
    margin-top: 21px;
    display: inline-block;
    font-weight: 100;
}


.fstival .label,
.main-header .navbar .nav>li>a>.label {
    position: absolute;
    top: 13px;
    right: 12px;
    font-size: 8px;
    padding: 0px!important;
    border-radius: 100px;
    padding-left: 4px !important;
    padding-right: 4px !important;
    height: 18px;
    line-height: 18px;
    text-align: center;
    min-width: 18px;
}

.navbar-custom-menu>.navbar-nav>li span {
    margin-left: 0;
    margin-top: 0;
}

.mdi-repeat{ font-size: 24px!important; }

.chart-exp-min {
    height: 476px;
}

.btn-size { width: 80px; }

.fastiv-bg .option {
    display: block;
    width: 100%!important;
}
#OverExpNotificationDiv div { margin-top: 15px; }
.purpleline div.gaf-exp0 {
    border-left: 2px solid #3f51b5!important;
}
.purpleline div.gaf-exp0, .purpleline div.gaf-exp1, .purpleline div.gaf-exp2, .purpleline div.gaf-exp3, .purpleline div.gaf-exp4 {
    border-bottom: 2px solid #3f51b5!important;
    border-top: 2px solid #3f51b5!important;
}
.purpleline div.gaf-exp4 {
    border-right: 2px solid #3f51b5!important;
}
.grayline div.gaf-exp0 {
    border-left: 2px solid #dfe1e3!important;
}

.grayline div.gaf-exp4 {
    border-right: 2px solid #dfe1e3!important;
}
.grayline div.gaf-exp0, .grayline div.gaf-exp1, .grayline div.gaf-exp2, .grayline div.gaf-exp3, .grayline div.gaf-exp4 {
    border-bottom: 2px solid #dfe1e3!important;
    border-top: 2px solid #dfe1e3!important;
}

.sorting-search {    
    width: 300px;
    float: right;
    display: inline-block;
    margin-top: -7px;
    margin-bottom: -9px;
}


.exp-th1{ width: 24%; }
.exp-th2{ width: 12%; }
.exp-th3{ width: 14%; }
/* .exp-th4{ width: 12%; } */
.exp-th4{ width: 13%; }

#tableData1 tbody{ vertical-align: top; }

.depart-scroll-wid tr td {
    float: left;
}

.depart-scroll-wid .table-bor-dash  {
    display: block;
}
.drop-w1 { width: 188px;  }
.drop-w2 { width: 200px; }
.drop-w3 { width: 200px;  }
.drop-w4 { width:150px!important; margin-right: 20px;}


.profit-th1{ width: 25%; }
.profit-th2{ width: 15%; }
.profit-th3{ width: 16%; }
.profit-th4{ width: 14%; }


.sales-th1{ width: 28%; }
.sales-th2{ width: 18%; }
.sales-th3{ width: 18%; }

.expense-sel-vendor { display: block; margin-right: 30px; }

.input-plus-expense {
    position: absolute;
    right: 0px;
    top: 0;
}
.monthly-quater-wid{ width: 200px; }
.monthly-quater-wid2{ width: 200px; }
.analysis-mon{ width:586px; margin-top:-6px; }

.xport-sam {
    height: 31px;
    line-height: 35px!important;
}

body{ padding-right: 0px!important; }
.modal-open { margin-right: 0px!important; 
/*    //overflow: visible!important; */
}

.tab-gaf span{
    display: table-cell;
    vertical-align: middle;
    height: 72px;
}

.not-found-notifi p {
    border-bottom: 0px!important;
    text-align: center;
    height: 248px;  
    line-height: 248px;
    color: #666!important;
    font-size: 14px;
  
}

.chart-min2 {
    height: 519px;
}

.not-found-notifi-overexp p {
    border-bottom: 0px!important;
    text-align: center;
    height: 255px;  
    line-height: 283px;
    color: #666!important;
    font-size: 14px!important;
  
}

.not-found-notifi-overexp { padding-bottom: 0px!important;
    border-bottom: 0px!important; }

.pad-das .tab-scroll {
    padding: 0px 20px;
    margin: 0px;
}

.no-exp-wid{ width: 100%; }
.no-exp{ padding: 11px 0px!important; display: block; }


.noDrop{cursor: no-drop;}



.horizontal-scroll .content { background: transparent!important; padding: 0px!important; }

.horizontal-scroll .content{
    /* overflow: auto; */
    overflow: hidden;
    position: relative;
    /*padding: 20px;*/
    background: #333;
/*    margin: 10px;*/
/*    width: 740px;*/
    max-width: 100%;
    height: 362px;
    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}

.sales-h .content{
    height: 362px;
}
.profit-tab .sales-h .content{
    height: 362px;
}

.horizontal-scroll .scroll-table-ver { 

    overflow-x: inherit;
    overflow-y: hidden;
    height: auto;
    padding-right: 0px;
    padding-bottom: 5px;
        
}
.sale-t { margin-right: 10px; margin-bottom: 10px; }
.profit-t {  margin-bottom: 10px; }
/*.profit-tab .content{ height: 330px; }*/

.exp-top-tab .content{
    height: 381px;
}
.exp-top-tab .mCustomScrollBox { padding-bottom: 40px!important; }

.department-store { margin-bottom: 10px; }
.responsive-department-tab .content {
    height: 332px;
}
.festival-r-scroll { padding: 0px 5px 0px 20px; }
.over-exp-scroll { 
    background: transparent; 
    padding-right: 0px!important; 
    padding: 0px; 
}
.apr-invoice { 
    background: transparent; 
    /* padding-right: 0px!important;  */
    padding: 0px; 
}
#previewHolderHeader:hover { cursor: pointer!important; }
.fileUpload:hover span { cursor: pointer!important; }

.model-h {
    min-height: 167px;
   height: 167px;
    background: transparent;
    padding: 0px;
    padding-right: 4px;
}

.model-h .mCSB_container {
    margin-right: 6px!important;
    margin-bottom: 0px!important;
}
.model-h .mCSB_scrollTools {
    right: -4px;
}
.model-h .mCustomScrollBox {
    padding-bottom: 0px!important;
}
.mar-pop-r{ margin-right: 10px; }
.model-td-bg{ background: transparent!important; }

.pad-pop-gaf .tab-scroll {
    margin: 0 10px 0px 20px;
}

.profit-cogs{ width: 600px; }

.exp-search-box .chosen-container {
    position: absolute;
    display:block;
    width: 87%!important;
}

.exp-search-box .input-group-btn { position: absolute; right: 31px; top: 0px; }
.exp-search-box {
    min-width: 100%!important; position: relative;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    /* Safari 5+ ONLY */
    ::i-block-chrome,
    .exp-search-box .input-group-btn {
        position: relative; right: 0px; top: 0px;
    }
}

a.cur-pointer { cursor: pointer!important; }
a.cur-pointer:hover { cursor: pointer!important; }
.profile-back{ z-index: -1; }
.profile-sec{ bottom: 40px!important; }

.budget-notification .mCSB_container {
    margin-bottom: 0px!important;
}
.budget-notification .mCustomScrollBox { padding-bottom: 0px; }

.festival-n{ position: relative; }
.festival-n { height: 150px; overflow-y: auto; overflow-x:hidden; width: 100%!important; margin-right: 20px; }


.preview {
  width: 76px;
  height: 76px;
  border-radius: 50%;
  cursor: pointer;
}

#upload {
  display: none;
  top: 1%;
}

.upload-image {
  display: block;
}
.upld-btn{ display: none; }
.prfl-img{ margin-bottom: 20px; position: relative; width: 76px; margin: 0px auto 20px; }

.pickup-area {
    position: absolute;
    bottom: -2px;
    right: 0px;
    left: 5px;
    background: url(../../asset/images/profile-pic.png) no-repeat;
    color: #fff;
    font-size: 10px;
    height: 18px;
    cursor: pointer;
    text-align: center;
}

.date-picker-invoice{ width: 200px; float: left; margin-bottom: 20px; }
.calendor-check {
    width: 37px;
    height: 34px;
    background: #f47422;
    color: #fff;
    text-align: center;
    line-height: 33px;
    float: left;
    font-size: 16px;
}

.top-main-invoice{ float: right; }
.mar-invoice{ margin-left: 10px; }
.mdi-arrow-right-bold-circle-outline{ font-size: 22px; }
.close-detail .mdi-arrow-right-bold-circle-outline { transform: rotate(45deg); }
.bor-minus-tab .open-detail:after {
    display: none!important;
}
.bor-minus-tab .close-detail:after {
    display: none!important;
} 
.bor-plus-tab .close-detail:after {
    display: none!important;
}
.bor-plus-tab .open-detail:after { display: none; }

.bor-minus-tab .mar-open { margin-top: -8px; }
.bor-plus-tab .mar-open { margin-top: -8px; }

.mdi-arrow-right-bold-circle-outline:before {  transition: all 0.3s ease-in-out;
    -moz- transition: all 0.3s ease-in-out;
    -webkit- transition: all 0.3s ease-in-out; } 
.close-detail .mdi-arrow-right-bold-circle-outline:before {
    content: "\F057";
    transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transition: all 0.3s ease-in-out;
    -moz- transition: all 0.3s ease-in-out;
    -webkit- transition: all 0.3s ease-in-out; 
}
.bg-invoice{ background: transparent!important; border-bottom: 2px solid #efebeb!important; }
.bor-sub-minus table {  margin-bottom: 0px; background: #f9f9f9!important; }
.bor-sub-plus table {  margin-bottom: 0px; background: #f9f9f9!important; }
.trans-right{ float: right; }
.pad-trans{ padding-right: 20px; }
.trans-right span { color: #f47422; font-size: 16px; padding-left: 2px; }
.bor-sub-minus tr:nth-of-type(odd) {
    background-color:transparent!important;
}
td.bor-sub-minus { padding: 8px 8px 8px 8px!important; }

.invoice-trans tr:nth-of-type(odd) {
    background-color:transparent;
}
/*.invoice-trans table th {
    border-right: 1px solid #e6e6e6;
    }*/
/*.invoice-trans table td {
    border-right: 1px solid #e6e6e6;
     border-top: 1px solid #e6e6e6!important;
}*/
.inv-icn { color: #777; }

.tab-rght-bor tr td:last-child { border-right: 1px solid #f4f4f4!important; }
.tab-rght-bor tr td{ padding: 8px 5px 8px 5px!important; }
.tab-rght-bor tr th {padding: 8px 0px 8px 5px!important; font-size: 12px!important;}

.mar-cap{ margin-bottom: 10px; }
.exp-cat{     

    width: 87%!important;
    position: absolute;
    display: block;
} 
.exp-cat-plus {
    position: absolute;
    right: 17px;
    top: 20px;
    margin-top: 0px!important;
}
.exp-cat-rel{ position: relative;
 }

 a.capital-exp-txt { color: #0522e6; font-size: 16px; padding-top: 16px; display: inline-block; }

.cap-exp-min {
    height: 476px;
     padding: 15px 0px 0px 0px!important;
}
.chart-exp-btm{ margin-top: 25px; }
.cap-exp-min .fastival-l { margin-top: 0px!important; }
.pad-cat-top { padding-top: 20px; }

.sm-dashboard .panel { height: 455px; }
.sm-dashboard .scroll-table-ver { margin-right: 10px; }

.sm-dashboard .sales-th1 { width: 20%!important; }
.sm-dashboard .sales-th2 { width: 20%!important; }
.sm-dashboard .sales-th3 { width: 20%!important; }

.hotel-name-sm{ color: white;font-size:16px;line-height:55px; }
.cap-amnt-txt {  text-align: right; padding-right: 25px; }

.cap-exp-store span {
    bottom: -8px!important;
    right: -35px!important;
    font-size: 15px;
}

.cap-exp-store .mCSB_inside > .mCSB_container {
    margin-right: 0px!important;
    margin-bottom: 20px!important;
}

.festival-sale-scr .mCSB_inside > .mCSB_container {
    margin-right: 0px!important;
    margin-bottom: 20px!important;
}

.festival-sale-scr .pad-fastiv {
    padding-right: 28px;
}
#festivalTableData li { position: relative; }
.ready-fes li{ position: relative; }
.mdi-close-circle-outline{     
    position: absolute;
    right: 0px;
    top: 15px;
    padding: 0px;
    color: #666;
    font-size: 25px;
    font-weight: 300;
    cursor: pointer;
    z-index: 9999999999999;
}

.chk-bx-festival{     
    position: absolute;
    right: 0px;
    top: 22px;
    padding: 0px;
    color: #666;
    font-size: 25px;
    font-weight: 300;
    z-index: 9999999999999;
}


.bs-example-tabs a {
    padding: 10px 0px!important;  
    padding-bottom: 15px;
    padding-top: 3px;
    font-size: 16px;
    font-weight: 600;
    color: #404040;
    border: 0px!important;
}
.bs-example-tabs li { border: 0px; }
.bs-example-tabs li a:hover { 
    font-size: 16px;
    font-weight: 600;
    color: #404040!important; border: 0px!important; }
.bs-example-tabs a:hover { padding: 10px 0px!important;  
    padding-bottom: 15px;
    padding-top: 3px;
    font-size: 16px;
    font-weight: 600;
    color: #404040;
    border: 0px!important;
}

.bs-example-tabs li.active a { 
    font-size: 16px;
    font-weight: 600;
    border: 0px!important;
    background: #3f51b5!important;
    color: #fff!important;

}

.gm-not { padding: 2px 20px 20px 20px; }
.gm-not .nav-tabs>li {
    float: left;
    margin-bottom: -1px;
    width: 50%;
}
.nav-tabs {
    border-bottom: 1px solid #3f51b5;
}

.ready-fest-txt i { color: #f47422; font-size: 13px; font-weight: normal; font-style: normal;  }
.mdi-bank { color: #666!important; }
.ready-fest-txt li { position: relative; }
.ready-fest-txt .mdi-close-circle-outline{     
    position: absolute;
    right: 0px;
    top: 15px;
    padding: 0px;
    color: #666!important;
    font-size: 25px!important;
    font-weight: 300;
    cursor: pointer;
    z-index: 9999999999999;
}
.bor-depency{ border: 1px solid #ccc; height: 20px; }
.allow-over{ padding-right: 10px; }
.head-txt{ font-weight: bold;  padding-top:  10px; }
.depart-budget{ padding-left: 17px;  }

.gm-not .all-view{ font-weight: 400!important; padding: 8px 20px!important; }
.gm-not .all-view:hover{ font-weight: 400!important; padding: 8px 20px!important; }

.ad-exp-tb1{ width: 11%; }
.ad-exp-tb2{ width: 11%; }
.ad-exp-tb3{ width: 11%; }
.ad-exp-tb4{ width: 15%; }
.ad-exp-tb5{ width: 12%; }
.ad-exp-tb6{ width: 9%; }
.ad-exp-tb7{ width: 7%; }
.ad-exp-tb8{ width: 10%; }
.ad-exp-tb9{ width: 9%; }
.ad-exp-tb10{ width: 5%; }

.head-txt .col-md-3 { padding-left: 2px; padding-right: 2px; } 

.r-tab-bg .depart-amt {
    float: none;
    max-width:100%;
    background: #fff;
}


.mar-chat{ margin-top: 10px; }
.chat-avtar {     

    width: 40px;
    height: 40px;
    border-radius: 50px;
    background: #f47422;
    float: left;
    overflow: hidden;
    text-align: center;
    line-height: 42px;
    font-style: normal;
    text-transform: uppercase;
    font-size: 14px;
    color: #fff;

}

.avtar {     

    width: 40px;
    height: 40px;
    border-radius: 50px;
    background: #f47422;
    float: left;
    overflow: hidden;
    text-align: center;
    line-height: 42px;
    font-style: normal;
    text-transform: uppercase;
    font-size: 14px;
    color: #fff;

}

.avtar2 {
    width: 40px!important;
    height: 40px!important;
    border-radius: 50px;
    background: #f47422;
    float: left;
    overflow: hidden;
    text-align: center;
    font-style: normal;
    text-transform: uppercase;
    font-size: 12px!important;
    color: #fff;
    display: flex!important;
    text-align: center!important;
    align-items: center;
    justify-content: center;   
}

.avtar3 {
    width: 76px!important;
    height: 76px!important;
    border-radius: 50px;
    background: #f47422;
    display: inline-block;
    overflow: hidden;
    text-align: center;
    line-height: 78px;
    font-style: normal;
    text-transform: uppercase;
    font-size: 18px!important;
    color: #fff;
}

.chat-avtar-main { width: 45px; height: 45px; border-radius: 50px; float: left; margin-right: 10px; margin-left: 10px; position: relative;   }
.chat-ac { width: 10px; height: 10px; border-radius: 50px; background: #4caf50;  position: absolute;
    right: 7px;
    bottom: 4px; }
.ac-green { background: #4caf50; }
.ac-gray { background: #ccc; }
.ac-orange { background: #f47422; }
.ac-red { background: #f44336; }
.chat-txt p {
    margin: 0px;
    font-weight: bold;
    font-size: 15px;
    height: 65px;
    display: table-cell;
    vertical-align: middle;
    font-style: normal;
}

.chat-txt p u{

    text-decoration: none;
    display: inline-block;
}
.chat-txt p i{ font-style: normal; font-weight: 400; font-size: 12px; width: 70%; float: left; text-overflow: ellipsis;overflow: hidden; white-space:nowrap;}
.chat-txt span {
    margin: 0px;
    font-size: 12px;
    width: 65%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    float: left;
    position: absolute;
}
.lft-chat .chat-avtar-main{ margin-top: 12px;}
.mar-chat li { width: 100%; float: left;  position: relative; height: 65px; }

.just-now{ position: absolute; right: 10px; top: 13px; font-size: 12px; color: #666; }

.mar-chat .scroll-table-ver {
    height: 645px;
    
}
#mCSB_5_container .bg-chat {
    height:auto;
}

.admin-log { font-size: 19px; font-weight: bold;  display: block; height: 61px; background: #f3b28d; display: block; padding: 10px 0px 10px 10px;  }
.bg-chat { padding: 20px 0px;   } /*height: 577px;*/

.chat-txt-avtar { width: 40px; height: 40px; border-radius: 50px; background: #ccc; float: left;  overflow: hidden; }
.chat-body-txt {
    display: inline-block;
    float: left;
    font-size: 12px;
    margin-left: 12px;
    width: 65%;
}
.right-cht-tx {   float: right; text-align: right;
    width: 65%; }
.chat-text {
    background: #f1f1f1 ;
    border-radius: 0 10px 10px;
    display: inline-block;
    padding:15px 15px;
    font-size: 14px;
    position: relative;
}
.right-cht-tx span { padding-right: 12px; padding-top: 3px; font-size: 12px;}
.chat-body-txt span { padding-top: 3px; font-size: 12px;}
.chat-txt-main li { padding: 0px 20px; }
.avtar-fr{ float: right;  }
.chat-fr { display: inline-block;  text-align: right; margin-right: 12px; border-radius: 10px 0px 10px 10px; }
.bg-cht{ background: #e1e3ff ; }
.chat-part .content {
    padding: 15px 0px 15px 0px;
}
.cht-active { background: #d9dce8; }
.cht-inp-txt{ height: 34px; padding-right: 55px; border: 0px; padding-left: 10px; font-size: 18px; margin-top: 5px; }
.send-btn {
    width: auto;
    position: absolute;
    top: 0px;
    right: 35px;
    top: 20px;
}
.lft-chat .content {
    padding: 5px 0px 15px 0px;
}
/*.cht-thumb{ background: url(../../asset/img/avatar5.png); background-size: cover; }*/
.chat-text h4 { margin-top: 0px; }
.chat-text span { font-size: 11px; font-weight: bold; }
.lft-drop{ width: 250px; float: left; text-align: left; }
.mar-exp-detail { margin-top: 7px!important; }

.sendMessage { margin-top: -34px; }
.lft-chat .scroll-table-ver {
    height: 687px;
}
.chat-part .content{

    background:#fff;

}
.chat-part li { margin: 10px 0px; height: auto; }
.chat-part p {     

    margin: 0px;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px; 

}
.mCustomScrollBox { padding-bottom:0px!important; }
.camra-btn { margin-left: 10px; margin-top: -3px; }


.cht-footer{  width: 50px; height: 50px; position: fixed; right: 20px; bottom: 20px; background: #f47422; border-radius: 50px; font-size: 25px; line-height: 50px; color: #fff; text-align: center; cursor: pointer; box-shadow:0 10px 20px 0 rgba(35,50,56,0.3); transition: all 0.5 ease-in-out; z-index:99999999999999999;  }
.cht-footer a { color: #fff;}
.chat-online-top{ background: #fff; display: block; color:#fff; padding: 10px 10px; border-bottom: 2px solid #eaecee;}
.bg-chat-main{ background: #fff; box-shadow: 0 0px 15px 0 rgba(0,0,0,0.10);}
.clr{ clear: both;}
.chat-online-top p { font-size: 18px;  padding-top: 9px; color: #191919;}
.lft-chat .content {  padding-left: 0px;}
.bg-chat-main .col-md-3{ padding: 0px;}
.bg-chat-main .col-md-9{ padding: 0px;}

.chat-online-top .ti-close {
    color: #fff;
    position: absolute;
    right: 32px;
    top: 22px;
    font-size: 19px;
}
.main-bg-inp {
    display: block;
    padding: 20px;
    background: #fff;
    border-top: 1px solid #3f51b5;
    border-left: 0px;
}
.main-bg-inp button {

    position: absolute;
    top: 25px;
    right: 38px;
    font-size: 25px;
    color: #f47422;
    background: transparent;
    border: 0px;

}
.top-admin-txt { font-size: 21px; padding-top: 10px; display: block; padding-left: 15px; color: #191919; font-weight: 500;}
.chat-alert {
    position: absolute;
    top: 34px;
    right: 10px;
    padding: 4px 5px;

}

.heartbit {
    position:absolute;
    top:-10px;
    right:2px;
    height:25px;
    width:25px;
    z-index:10;
    border:5px solid #4caf50;
    border-radius:70px;
    -moz-animation:heartbit 1s ease-out;
    -moz-animation-iteration-count:infinite;
    -o-animation:heartbit 1s ease-out;
    -o-animation-iteration-count:infinite;
    -webkit-animation:heartbit 1s ease-out;
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite
}

.notify .point {
    width: 8px;
    height: 8px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    background-color: #4caf50;
    position: absolute;
    right: 10px;
    top: -1px;
}
@-moz-keyframes heartbit{
    0%{
        -moz-transform:scale(0);
        opacity:0
    }
    25%{
        -moz-transform:scale(.1);
        opacity:.1
    }
    50%{
        -moz-transform:scale(.5);
        opacity:.3
    }
    75%{
        -moz-transform:scale(.8);
        opacity:.5
    }
    100%{
        -moz-transform:scale(1);
        opacity:0
    }
}
@-webkit-keyframes heartbit{
    0%{
        -webkit-transform:scale(0);
        opacity:0
    }
    25%{
        -webkit-transform:scale(.1);
        opacity:.1
    }
    50%{
        -webkit-transform:scale(.5);
        opacity:.3
    }
    75%{
        -webkit-transform:scale(.8);
        opacity:.5
    }
    100%{
        -webkit-transform:scale(1);
        opacity:0
    }
}

.chat-resp-left .scroll-table-ver {
    height: 523px;
}
.chat-resp-right .scroll-table-ver {
    height: 481px;
}

.fa-dollar {
    color: #fff;
    font-size: 19px;
    margin-top: 23px;
    display: inline-block;
    font-weight: 100;
}
.fa-bell {
    color: #fff;
    font-size: 19px;
    margin-top: 17px;
    display: inline-block;
    font-weight: 100;
}

.fa-file-text-o {
    color: #fff;
    font-size: 19px;
    margin-top: 23px;
    display: inline-block;
    font-weight: 100;
}

.paid-exp-notifi div { margin-top: 15px!important; }
.paid-exp-notifi li { position: relative; }

.paid-exp-notifi li .mdi-close-circle-outline{ top: 0px; }

.marexp{ margin-top: 0px; }

.top-mar-status span{

        top:-2px;
         
 }

 .no-value-found{ padding: 10px 0px; display: block; text-align: center; }

 .transfer-inv{ margin-bottom: 0px; }
 .add-new-forcast{ margin-right: 15px; }

 .userlog-mar{ margin-top: 11px; }

 /*#tableBudgetAllocation .col-md-12{ padding-left: 0px; }*/

 .paid-status{ padding-left: 0px; }

 .auto-pay{

    float: left;
 }

 .export-pdf{

    background: #f47422;
    border: 0px;
    color: #fff;
    padding: 10px 15px;
    font-size: 14px;
    position: absolute;
    right: 19px;
    top: 10px;
 }


 #exportinvoice .modal-lg {

    width: 387px;

}

#exportExcel .modal-lg {

    width: 387px;

}

#exportinvoice .chosen-container {

    width: 100% !important;
}
.e-b{
    width: 100%  !important;
    text-align: right;
    background: #fff;
}
.range_inputs .btn-success{

    background: #f47422;
    border-color: #f47422;

}

 
.open>.dropdown-menu {
    
    z-index: 199;

}

.right-arrow{

    padding-left: 10px;
}

.chat-bg{

    background: #eaecee;
}

.chat-date{

    display: block;
    text-align: center;
    background: url(../../asset/images/dot.png) repeat-x center left;
}

.chat-date span{

    background: #fff;
    padding: 5px 15px;
}

.no-date-chat{

    display: block;
    text-align: center;
    font-size: 40px;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 50%;
    margin-top: -40px;

}

.no-date-chat div{

    font-size: 20px;
    margin-top: 20px;

}

.sortname .pickup-area {
    
    bottom: 4px;

}

.exc-btn{

    right: 140px!important;
}

.check-center{

    width: 100%;
    text-align: center;
    clear: both;
    float: left;

}

.check-center .check-stl {

    float: none;
    margin: 10px auto 0px; 

}

.text-over-cent{

    text-align: center;
    
}

.padd-report{

    padding-left: 20px;
    padding-right: 20px;
    
}

.btn-report{

    margin-top: 20px;
    height: 34px!important;
    min-height: 34px!important;

}

.button-report{

    padding:8px 30px 0 30px;
    

}

.reserved-bucket .btn{
        
    padding: 0px 12px!important;

}

.reserve-buck th {

    border-bottom: 0px!important;
}



.week-top-btn .btn {
    padding-right: 25px!important;
}

/*  tooltips */

.tooltip-text {
    position: relative;
    display: inline-block;
    right: 0px;
    top: 1px;
    opacity: 1;
    cursor: pointer;

}

.tooltip-text .tooltiptext-text {

    visibility: hidden;
    width: 147px;
    background-color: #fff;
    color: #666;
    text-align: left;
    padding: 10px 10px;
    position: absolute;
    z-index: 1;
    text-align: center;
    top: 140%;
    left: 50%;
    line-height: 20px;
    font-weight: 400;
    margin-left: -80px;
    opacity: 0;
    transition: opacity 0.3s;
    font-size: 14px;
    box-shadow: 0 0px 15px 0 rgba(0, 0, 0, 0.4) !important;
}
.tooltip-text .tooltiptext-text::after {
    content: "";
    position: absolute;
    top: 0%;
    left: 50%;
    width: 0px;
    height: 0px;
    border-bottom: 8px solid #fff;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    margin-top: -8px;
    }
     
    .tooltip-text:hover .tooltiptext-text {
    visibility: visible;
    opacity: 1;
}

/*  04-02-2019*/
.cls-btn{

    background: #3f51b5;
    border-radius: 50px;
    color: #fff;

  }

  .cls-btn:after{

    color: #fff!important;
  }
 
  .tab-coll{

    padding: 0px!important;
  }
 

  .tab-coll  tr:nth-of-type(odd) {
    background-color: #e8e7e7;
    }
    .tab-coll  tr:nth-of-type(even) {
        
        background-color: #f5f5f5;
    }

.accor-btn button{

            width: 20px!important;
            padding: 0px;
            box-shadow: none!important;
            background: transparent;
            

}
.estiClass {
        background: #f47422;
    color: #fff;
    position: relative;
    overflow: hidden;
    transition: all 0.2s ease;
    line-height: 22px;
    height: 22px;
    font-size: 12px;
    padding: 0 5px;
    cursor: pointer;border: none;box-shadow: none;
}
.float-none{float: none !important;}
.text-center {
    text-align: center !important;
}
/*.tl-35{width: 35px;}*/

.wid-td{

    width: 1%!important;
    max-width:1%!important;
}

/* 04-04-2019 */

.bor-right{

    border-right: 2px solid #ccc;

}

.new-design-scroll .content{

    overflow: hidden!important;

}

.drop-w06 { width:80px!important; margin-right: 6px; margin-top: -5px; }
.drop-w06 select,
.drop-w004 select,
.drop-w03 select {

    padding: 5px 0px!important;
}
.drop-w004 {    

    width: 65px!important;
    margin-right: 6px;
    margin-top: -5px;

}


.drop-w03 {

    width: 120px;
    margin-top: -5px;
   
}

.exp-top-tab2 .content{
    height: 428px;
}
.exp-top-tab2 .mCustomScrollBox { padding-bottom: 40px!important; }

/* .chosen-container-single .chosen-single {

    padding: 0 0 0 2px!important;

} */

.new-scroll tr td:first-child {
    width: 30%!important;
    min-width: auto !important;
}

.new-scroll tr td:nth-child(2) {
    width: 35%!important;;
}

.new-scroll tr td:nth-child(3) {
    width: 35%!important;;
}

.exp-nw1 { width: 30%; }
.exp-nw2 { width: 35%; }
.exp-nw3 { width: 35%; }

/* 04-04-2019 */

.total-ext{

    padding-left: 15px;
}

.padd-r{

    padding-right: 0px!important;
}

/* progressbar */
.multi_step_form {
    background: #f6f9fb;
    display: block;
    overflow: hidden;
  }
  .multi_step_form #msform {
    text-align: center;
    position: relative;
    padding-top: 10px;
    /* min-height: 820px;
    max-width: 810px; */
    margin: 0 auto;
    background: #ffffff;
    z-index: 1;
  }
  .multi_step_form #msform #progressbar {
    margin-bottom: 30px;
    overflow: hidden;
    display: inline-block;
  }
  .multi_step_form #msform #progressbar li {
    list-style-type: none;
    color: #99a2a8;
    font-size: 9px;
    /* width: calc(100%/4); */
    width: 212px;
    float: left;
    position: relative;
    font: 500 13px/1 "Roboto", sans-serif;
    margin-bottom: 20px;
    padding-top: 20px;
  }
  .multi_step_form #msform #progressbar li:nth-child(2):before {
    content: "\F06B";
  }
  .multi_step_form #msform #progressbar li:nth-child(3):before {
    content: "\F06B";
  }
  .multi_step_form #msform #progressbar li:before {

    content: "\F06B";
    font: normal normal normal 30px/50px Material Design Icons;
    width: 50px;
    height: 50px;
    line-height: 50px;
    display: block;
    background: #e6e6e6;
    border-radius: 50%;
    margin: 0 auto 10px auto;

  }
  .multi_step_form #msform #progressbar li:after {
    content: '';
    width: 100%;
    height: 10px;
    background: #e6e6e6;
    position: absolute;
    left: -50%;
    top: 40px;
    z-index: -1;
  }
  /*.multi_step_form #msform #progressbar li:last-child:after {
    width: 150%;
  }*/
  .multi_step_form #msform #progressbar li.active {
    color: #666;
  }
  .multi_step_form #msform #progressbar li.active:before, .multi_step_form #msform #progressbar li.active:after {
    background: #3f51b5;
    color: white;
  }

.red-progress::before{

    background: #f05455!important;
}

.red-progress::after{

    background: #f05455!important;
}

.yellow-progress::baefore{

    background: #ffc107!important;
}

.yellow-progress::after{

    background: #ffc107!important;
}

.green-progress::before{

    background: #00b147!important;
}

.green-progress::after{

    background: #00b147!important;
}

.content-txt{ position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    text-align: center;
}

.sales-th002{ width: 16%; }
.exp-r{ display: block; text-align: right; padding: 17px 20px 0 10px; }
.mdi-menu:before{ font-size: 32px; }

.mar0btm{ margin-bottom: 15px;}
.text-r{ text-align: right;}
.add-btn-algn{ text-align: right;}
.budget-month{ width: 100px!important; }

.profit-titl{ display: flex; padding-top: 0px!important; align-items: center; }
.profilePic{ padding-top: 10px!important;}
.ver-txt{ padding-top: 0px!important; display: flex!important; align-items: center;  }
.txt-ver{ padding-top: 0px!important; display: flex!important; align-items: center;}
.br-height{ max-height: 34px!important;}

.nav-pills {  border-bottom: 1px solid #ababab; }
.nav-pills>li {  float: left;   cursor: pointer; }

.nav-pills>li a {   padding: 10px 15px!important; display: inline-block; margin-bottom: -1px; border-bottom: 3px solid transparent;  border-radius: 0px!important; margin-right: 0px!important; }
.nav-pills>li a:hover {   color: #f47422!important; border-bottom: 3px solid #f47422!important; margin-bottom: -1px; }
.nav-pills>li.active a { color: #f47422!important; border-bottom: 3px solid #f47422!important; }


.sm-header-store-nm { position: absolute; left: 50%; transform: translateX(-50%); max-width: 40%!important; font-size: 12px; }
.filter-data-wid{ width: 100%;}
.sel-all{ padding: 7px 0 0 10px; display: inline-block;}

.margin-b{ margin-bottom: 20px;}
.marleft{ margin-left: 5px;}
.bg-animation{ background: #3f51b5; width: 20px; height: 20px; display: inline-block; border-radius: 50px; text-align: center;}
.quadrat {

   -webkit-animation: NAME-YOUR-ANIMATION 1s infinite; /* Safari 4+ */
    -moz-animation:    NAME-YOUR-ANIMATION 1s infinite; /* Fx 5+ */
    -o-animation:      NAME-YOUR-ANIMATION 1s infinite; /* Opera 12+ */
    animation:         NAME-YOUR-ANIMATION 1s infinite; /* IE 10+, Fx 29+ */
  }
  
  @-webkit-keyframes NAME-YOUR-ANIMATION {
  0%, 49% {
      background-color: #3f51b5;
 
  }
  50%, 100% {
      background-color: #f47422;

  }
  }

.redblink {

    -webkit-animation: red-b 1s infinite; /* Safari 4+ */
     -moz-animation:    red-b 1s infinite; /* Fx 5+ */
     -o-animation:      red-b 1s infinite; /* Opera 12+ */
     animation:         red-b 1s infinite; /* IE 10+, Fx 29+ */
   }
   
   @-webkit-keyframes red-b {

   0%, 49% {
       background-color: #3f51b5;
   }
   50%, 100% {
       background-color: red;
   }
}

  .select-wid{ width:calc(100% - 50px); float: left;}
  .fr { float: right; }
  .martop-gap{ margin-top: 15px; }
  .chk-box{ margin-top: -7px;}
  .chk-box2{ margin-right: 6px;}

  .no-bg{ background: none!important;}
  .btn-refresh{    background: #f47422;
    border: 0px;
    color: #fff;

  }

  .first-r{

        min-width: 50px!important;
        max-width: 50px!important;
  }

  .last-r{     min-width: 80px!important; }




  /* New page css */

  .breadcrumb2{

    margin-top: 13px;

  }

.breadcrumb2>li+li:before {

    content: url(../images/arrow.png) !important;
    padding: 0 12px;
    bottom: -1px;
    position: relative;

}

.breadcrumb2 a{ 

    color: #4155b0;
    font-size: 14px;
    text-transform: none;
    text-decoration: underline;
}

.breadcrumb2 a:hover{ 

    text-decoration: none;
}

.apply-leave{ 

    padding: 0px 60px;
    height: 40px;
    display: inline-block;
    line-height: 39px;
    font-size: 14px;

}

.backgray-bg{    

    background: #dfe1e3;
    width: 40px;
    height: 40px;
    font-size: 17px;
    font-weight: 500;
    border: 0px;

}

.year-schedule{ 

    margin: 0px;
    padding: 0px;
    list-style: none;
    display: inline-block;
}

.year-schedule li {

    float: left;
}

.select-box {
  cursor: pointer;
  position : relative;
  width: 207px;
  margin: 0px 5px;
}

.txt-align{

    text-align: right;

}

.select,
.label {
  color: #414141;
  display: block;
  font: 400 17px/2em 'Source Sans Pro', sans-serif;
}

.select {
  width: 100%;
  position: absolute;
  top: 0;
  /* padding: 5px 0; */
  height: 40px;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  background: none transparent;
  border: 0 none;
}


.label {
  position: relative;
  cursor: pointer;
  padding: 3px 0px;
}
/* .open .label::after {
   content: url(../images/up-r.png);
}
 .label::after {
  content: url(../images/down-a.png);
  font-size: 12px;
  position: absolute;
  right: 0;
  top: 50%;
  padding: 5px 15px;
  margin-top: -9px;

} */

.select-box1 {
    background: #e7e8e9;
    border-radius: 0px;
}

.daymonth {

    box-shadow: none;
    border-radius: 0px;

}

.daymonth label{ 

    background: none;
    box-shadow: none;
    color: #484848;
    border: 0px;
    font-size: 15px;
    border-bottom: 3px solid transparent;
    font-weight: 400;

}

.daymonth input:checked+label {

    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-bottom: 3px solid #f47422;
    color: #f47422;

}

.daymonth label:first-of-type,
.daymonth label:last-of-type {

    border-radius: 0px;

}

.maryear{ 

    display: block;
    margin-left: 15px;
}

.month{ 

    background: #dfe1e3;
    margin-top: 20px;
    text-align: right;
    padding-right: 15px;
}

.month  a { 

    text-align: center;
    color: #666;
    display: inline-block;
    padding: 14px 0px;
    width: 2.90%;

}
.month a:hover { text-align: center; color: #000; background: #c3c3c3; }

 .slick-slide {

    float: left;
    height: 80px;
    font-weight: 400;

}
.slick-slide div {

    margin-top: 11px;
} 

.slick-list {

    padding: 0px 30px 0 100px!important;
}

.white-bg{

    background: #fff;

}
.note-design{

    margin: 0px;
    padding: 0px;
    list-style: none;

}
.note-design li{

    display: inline-block;
}


.note-design li a {

    width: 50px;
    height: 54px;
    background: #eceef7;
    display: inline-block;
    border-top: 2px solid #4155b0;
    margin-top: 3px;
    margin-bottom: 3px;

}

.dailynote{     display: block;
    text-align: right;
    /* padding-top: 20px; */
    background: #eceef7;
    height: 56px;
    border-top: 3px solid #4155b0;
    margin-top: 2px;
}
.daile-n a{

    height: 56px!important;
}
.schedule-accordian{ border-bottom: 2px solid #dfe1e3; }
.bor-top-accordian-main{ border-top: 2px solid #dfe1e3; }
.schedule-accordian .panel{

    box-shadow: none!important;

}

.delete-schedule{

    background: transparent;
    border: 0px;
    margin-left: 5px;
}
.delete-schedule:hover{

    opacity: 0.7;

}

.delete-schedule img{

    width: 18px;
    
}
.delete-schedule{

    float: right;
}


.schedule-accor-arrow{ float: left; margin-left: 30px;}
.title-accor-schedule{ margin-left: 61px; text-transform: none;}
.accor-inp{

    width: 250px;
    display: inline-block;
    margin-left: 10px;
    border: 0px;
    border-bottom: 1px solid #ccc;
    outline: none;
}

.schedule-accordian .panel-heading{ padding-bottom: 0px; }
.schedule-accordian .panel{ padding-bottom: 15px;}
.schedule-accordian .panel-collapse{ margin-top: 20px;}
.schedule-accor-arrow:before {

    top: -2px!important;

}

.add-group-btn{

    background: #eceef7;
    width: 140px;
    height: 40px;
    font-size: 14px;
    color: #535354;
    border: 0px;
    font-weight: 500;
    margin: 20px 0 21px 57px;
    transition: all 0.5s ease 0s;

}

.add-group-btn:hover{

    background: #e3e5ec;

}
.team-member{ 

    margin: 10px 0 0 0;
    padding: 0px;
    list-style: none;
}

.team-member li{

    display: inline-block;
    background: #f0f0f0;
    border: 1px solid #dfe1e3;
    list-style: none;
    vertical-align: top;
    width: 2.70%;

}
.team-member li a{

    height: 64px;
    display: inline-block;

}

.team-m{

    width: 145px;
    display: inline-block;
    border-radius: 50px 0px 0px 50px;
    position: relative;
    background: #f0f0f0;
    border: 1px solid #dfe1e3;
    height: 66px;
    float: left;
    

}

.team-btm{ margin-bottom: 10px;}

.padd-right-mem{

    float: left;
    padding-right: 5px;
}


.thumb-img {

    margin-top: 11px;
    margin-left: 10px;
    float: left;
}

.thumb-img img{

    width: 38px;
    height: 38px;
    border: 1px solid #dfe1e3;
    border-radius: 50px;

}


.delete-btn-mem{
    position: absolute;
    right: 0px;
    bottom: 4px;
}

.txt-m {

    float: left;
    margin: 10px 0 0 10px;

}
.txt-m span{ 
    font-size: 15px;
    font-weight: 500;
    color: #484848;
    display: inline-block;
    width: 81px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.txt-m p{ 

    color: #757575;

}
.txt-m{

    font-size: 11px;
    color: #a2a2a2;
    float: left;
    width: 85px;
    height: 64px;
    margin-top: 0px;
    display: flex;
    justify-content: center;
    flex-direction: column;
        

}
.hid-btn2 {

    display: none;

}
.delete-btn-mem:hover .hid-btn2 {

    display: block;
    opacity: 1;
}

.delete-btn-mem:hover .hid-btn{

    display: none;
}

.member-ac{  
    color: #666;
    font-size: 11px;
    font-weight: bold;
    position: relative;
    padding: 0px;
    margin: 0px;
}

.sername-txt{

    width: 55px!important;
    font-size: 12px!important;
}

.member-ac p{

    position: absolute;
    bottom: 21px;
    right: 1px;
    margin-bottom: 0px;

}

.member-ac span{

    position: absolute;
    bottom: -4px;
    right: 2px;
    font-size: 22px;
    display: none;
}
.member-bl span{

    position: absolute;
    bottom: -4px;
    right: 2px;
    font-size: 22px;

}
.member-bl span{

    position: absolute;
    bottom: -4px;
    right: 2px;
    font-size: 22px;
    display: none;

}

.member-ac:hover span{ display: block; }
.wid-team li:hover span{    display: block; z-index: 99999999999999999999999!important; }
.top-month{
    padding: 0px 20px;
    margin-top: 0px;
    display: flex;
}

.top-month li{

    background: transparent!important;
    border: 1px solid transparent!important;
    text-align: center;
    flex-grow: 1;
    margin-right: 2px
    

}

.top-month li a{

    color: #666;
    display: block!important;
    padding-top: 10px;
    font-weight: 500;

}

.top-month li a:hover{

    color: #666;
    background: #ccc;
    
}

.padd-note{

    padding: 0px 20px;
}

.daile-n li{

    background: transparent!important;
    border: 1px solid transparent!important;
    text-align: center;
}


.daile-n{

    margin-top: 0px;
    display: flex;


}

.daile-n li {

    flex-grow: 1;
    margin-right: 2px;
}
.daile-n li a {

    display: block;
}

.daily-text{

    display: block;
    text-align: right;
    padding: 0px 10px 0px 0;
}




	.modal.left .modal-dialog,
	.modal.right .modal-dialog {
		position: fixed;
		margin:60px auto 0px;
		width: 600px;
		height: calc(100% - 60px);
		-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.right .modal-body {
		padding: 30px 30px 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;
	}

	.add-shift .modal-header {
		border-bottom-color: #EEEEEE;
		background-color: #eceef7;
	}

/* ----- v CAN BE DELETED v ----- */


.add-shift .modal-content {

    padding: 0px!important;
    
}

.add-shift .modal-title{

    font-size: 25px;
    color: #484848;
    font-weight: 600;
    /* height: 100px; */

}

.add-shift .modal-title span{

    font-size: 17px;
    font-weight: 300;
    display: block;

}
.add-shift .close{

    border-radius: 50px;
    top:20px!important;
    right:12px!important;

}
.add-shift .close img{

    width: 10px;

}
.model-sel{ width: 100%!important; margin: 0px;}

.model-sel .select-box1 {

    background: #f3f2f1;
    border-radius: 0px;
    text-align: left;
    padding-left: 10px;
    height: 40px;
    
}

.start-txt{ 

    font-size: 17px;
    color: #484848


}

.owner-t{

    font-size: 21px;
    color: #484848;
    margin-top: 50px!important;
    font-weight: 400;

}

.owner-p{

    font-size: 21px;
    color: #484848;
    margin-top: 15px!important;
    font-weight: 300;
    width: 270px;
    float: left;
    
}

.model-sel2{

    width: 100%;
    margin: 0px;
}

.model-sel2 .label {

    padding: 3px 0px;
}
.model-sel2 .select-box1 {

  /*  background: #66aee7;*/
    border-radius: 0px;
    text-align: left;
    padding-left: 10px;
   /* border-top: 3px solid #0078d7;
    color: #fff;
*/
}

.shift-name{

    width: 100%;
    background: #f3f2f1;
    height: 40px;
    padding: 0px 10px;
    border: 0px;
    color: #666;
    font-size: 15px;

}

.plc-holder ::-webkit-input-placeholder {    color: #666;  }
.plc-holder ::-moz-placeholder {     color: #666;  }
.plc-holder :-ms-input-placeholder {     color: #666;  }
.plc-holder :-moz-placeholder {     color: #666;  }

.text-shift{ height: 80px; }
.mar-shift{ margin-top: 25px; }
.mar-can{ margin-top: 50px; }
.sub-shift{ width: 130px; height: 44px; margin: 0 15px 0 0!important; font-size: 17px; }
.lable-run::after,
.lable-month::after{ font-size: 12px; position: absolute; right: 0; top: 6px; padding: 5px 15px; margin-top: -9px; }
.lable-run::after { content: url(../images/down-w.png); }
.open .lable-run::after { content: url(../images/up-w.png); }

.lable-month::after { content: url(../images/down-a.png); }
.open .lable-month::after { content: url(../images/up-r.png); }
.clear{ clear: both;}
.input-number-group {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
            position: relative;
  }
  
  .input-number-group input[type=number]::-webkit-inner-spin-button,
  .input-number-group input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
            appearance: none;
  }
  
  .input-number-group .input-group-button {
    line-height: calc(80px/2 - 5px);
  }
  
  .input-number-group .input-number {
    width: 80px;
    padding: 0 12px;
    vertical-align: top;
    text-align: center;
    outline: none;
    display: block;
    margin: 0;
  }
  
  .input-number-group .input-number,
  .input-number-group .input-number-decrement,
  .input-number-group .input-number-increment {
    border:0px;
    height: 40px;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    border-radius: 0;
    text-align: left;
    background: #f3f2f1;
  }
  
  .input-number-group .input-number-decrement,
  .input-number-group .input-number-increment {
    display: inline-block;
    width: 40px;
    background: #e6e6e6;
    color: #0a0a0a;
    text-align: center;
    font-weight: bold;
    cursor: pointer;
    font-size: 2rem;
    font-weight: 400;
  }
  
  .input-number-group .input-number-decrement {
    margin-right: 0.3rem;
  }
  
  .input-number-group .input-number-increment {
    margin-left: 0.3rem;
  }
  .input-number-decrement img{

    width: 12px;

  }

.modal.left {
    background: transparent;
}

.modal.left .modal-dialog {
    position: fixed;
    margin: auto;
    width: 600px;
    height: 100%;
}

.modal.left .modal-content {
    height: 100%;
}

.modal.left.fade .modal-dialog {
    left: -320px;
}

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

  .down-num{

    position: absolute;
    bottom: 14px;
    right: 0px;
    background: transparent;
    width: 21px;
    height: 15px;

  }

  .down-num span,
  .up-num span{

    width: 20px!important;
    height: 20px!important;
    background: transparent!important;

  }

  .up-num{

    position: absolute;
    top: -6px;
    right: 3px;
    background: transparent;
    width: 21px;
    height: 14px;

  }
  .drop{

    display: block;
    height: 64px;
    width: 100%;
    box-shadow: none;
    border: 0px;
    background: transparent;
    cursor: pointer;

  }

  .dropbox{

        border: 0px;
  }

  .dropbox a{

    display: block!important;
    height: auto!important;
    color: #666;
    font-weight: 300;
    font-size: 15px;
    line-height: 33px;
    padding-left: 10px;

  }

  .dropbox a:hover{

    color: #000;

  }
  .img-size{

    width: 12px;
    margin-top: -4px;
    margin-right: 3px;

  }

  .dropdown-menu { padding: 14px 7px;}

  .del-op{

    opacity: 0.5;
  }

  .marschedule{ 

    margin-top: 25px;

  }

  .daydesign {

        background: #e7e8e9;
        height: 40px;
        margin: 0px 5px;
        border: 0px;
        width:  calc(100% - 10px);
        position: relative;
        text-align: center;
        outline: none;
  }
  input{ outline: none;}
  textarea{ outline: none;}
  .arrow-d{ position: relative; }
  .arrow-d::before{

        content: "";
        width: 20px;
        height: 20px;
        background: url(../images/down-bg.png) no-repeat;
        top: 15px;
        right: 5px;
        position: absolute;
        z-index: 10;
        
  }

  .dateWeek{ padding-right: 15px; }
  .dateDay{ padding-right: 25px; }

  .bgdate{

    background: #f3f2f1;
    margin: 0px;
  }

  .txt-fn{

        font-size: 20px;
        color: #484848;
        display: block;
        padding-right: 25px;
        margin-bottom: 40px;

  }

  .drag-group{ 

    display: block;
    padding: 14px 20px;
    background: #eceef7;
    border: 1px solid #4155b0;
    color: #484848;
    font-size: 15px;
    font-weight: 400;
    margin-top: 10px;
    min-height: 48px;

  }

  .reorder-grp{

    margin-top: 45px;

  }
  .top-full{ 

      margin: 0px;
      padding: 0px;
      list-style: none;
      display: flex;
      background: #ccc;
      margin-top: 20px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;

  }
  .top-full li { flex-grow: 1; text-align: center; background: #666; margin-right: 2px; min-height: 50px;}
  .note-bg li{ background: #222222 }

  .main-full-wid{

    margin: 0px;
    padding: 0px;
    list-style: none;

  }

  .main-full-wid li{

    display: inline-block;

  }

  .tab-month{ width: 100%;  }
  .marmonth{ margin-top: 30px;}
  .month-b{ background: #dfe1e3;}

  .first-column-box{ 

    width: 150px;
    

  }
  .wid-team {

        display: flex;
        margin: 0px;

  }

  .wid-team li {

        flex-grow: 1;
        margin-right: 4px;
        position: relative;
        height: 64px;

  }

  /* .wid-team .dropdown{ z-index: 9999999999999999999999;} */

  .chosen-container-multi .chosen-choices li.search-choice {

    border: none;
    background-color: #eceef7!important;
    background-image:none!important;
    padding: 8px 30px 8px 10px;
    border-radius: 50px;

}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
    top: 5px;
    right: 5px;
    width: 20px;
    border-radius: 50px;
    height: 20px;
    background:url(../images/close.png) 0px 0px no-repeat!important;

}

.search-choice span{ font-weight: 500;    font-size: 14px;}
.tex-dp{ width: 200px; height: 88px; padding: 0px; background: #f3f2f0; border-top:3px solid #666!important; border-radius: 0px; }
.tex-dp textarea { width:196px; height:85px; border:0px; background:#f3f2f0; }
.dailynote button{ width:100%; height:52px; background:transparent; border:0px;}
.dailynote button:hover, .dailynote button:focus, .noteDate .open>.dropdown-toggle.btn-primary{ background: transparent!important; border: 0px!important; box-shadow:none; }
.dailynote img{ opacity: 0.7; width: 15px; position: absolute; top: 3px; right: 4px;}
.edit-note{ display: block;}
.dailynote .dropdown-menu{ border: 0px;}
.toggle-r{ float: right; top: 20px!important;}
.add-member-b{ margin-top: 50px;}
.note-write{ background: #f0f0f0; border-top: 3px solid transparent; }
.submenu{ width: 200px; height: 100px; background: #fff; display: none; position: absolute; left: 100%; top: 0px; box-shadow: 0 6px 12px rgba(0,0,0,.175); }
.addShift:hover .submenu{ display: block;}
#myModal3 .modal-title,
#myModal5 .modal-title,
#myModal2 .modal-title,
#myModal4 .modal-title{ /* height: 90px;*/ } 
.app-leave{ display: block; padding-top: 8px;}

/* ============================= Meeting Section ========================== */

.daily-meeting { width: 460px; background: #fff; height:calc(100vh - 200px); position: relative; float: left; }
.daily-meeting h2{ display: block; border-bottom: 2px solid #dfe1e3; padding: 23px 0 26px 37px; font-size: 20px; color: #484848;}
.search-mem{ padding: 10px 20px;  display: block;}
.search-auto { background: #f0f0f0 url(../images/search-icon.png) no-repeat right 0; outline: none; margin-bottom: 20px; border: 1px solid #dfe1e3; border-radius: 3px; padding: 13px 40px 13px 15px; height: 38px; line-height: 38px; color: #666; font-size: 14px; }
input.plc-clr::-webkit-input-placeholder { color: #909090!important; font-weight: 300!important}
input.plc-clr:-moz-placeholder { color: #909090!important; font-weight: 300!important}     
input.plc-clr::-moz-placeholder { color:#909090!important; font-weight: 300!important}
input.plc-clr:-ms-input-placeholder { color:#909090!important; font-weight: 300!important}

textarea.plc-clr::-webkit-input-placeholder { color: #909090!important; font-weight: 300!important}
textarea.plc-clr:-moz-placeholder { color: #909090!important; font-weight: 300!important}     
textarea.plc-clr::-moz-placeholder { color:#909090!important; font-weight: 300!important}
textarea.plc-clr:-ms-input-placeholder { color:#909090!important; font-weight: 300!important}


.meeting li{ display: block; font-size: 16px; font-weight: 500; color: #484848; padding: 24px 0px 0px 0px;  }
.meeting li:first-child{ padding-top: 0px;}
li.line-left{ position: relative; padding: 15px 20px; border-bottom: 2px solid #ccc;  transition: all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; }
li.line-left:hover{ background:#eceef7;}
li.line-left::after{ content: ""; width: 3px; height: 47px; background: #f27233; position: absolute; left: 0px; top: 50%; margin-top: -23px;}
li.line-left a { width: 96px; height: 36px; border: 2px solid #f27233; display: inline-block; color: #f27233; background: #fff; text-align: center; line-height: 34px; right: 0px; position: absolute; top: 50%; margin-top: -18px; }
.meeting-t{ display: inline-block; width:calc(100% - 82px); white-space: nowrap; overflow: hidden !important; text-overflow: ellipsis; }
.time-me{ display: block;}
.meeting-min{ font-weight: 300; font-size: 14px; padding-left: 7px; display: inline-block; font-style: normal;}
.daily-meeting .scroll-table-ver { height: calc(100vh - 463px); }
a.meeting-b{ display: block; margin: auto; text-align: center; width: 300px; background: #f47422; padding: 10px; color: #fff; font-size: 15px; z-index: 99999999999;   }
.meeting-right-section{ width: calc(100% - 490px); background: #fff;  height: calc(100vh - 200px); display: block; margin-left: 490px; }
.organizer{ width: 360px; float: right; border-left: 2px solid #dfe1e3; height: calc(100vh - 200px);}
.organizer-in{ display: block; padding: 20px 5px 0 30px;}
.organizer h2{ margin: 0px 0 20px 0; padding: 0px; font-size: 20px; font-weight: 500; color: #484848; }
.organizer-thumb{ width: 50px; height: 50px; border-radius: 50%; float: left; margin-right: 10px; }
.organizer-thumb img{ width: 50px; height: 50px; border-radius: 50px;}
.img-carector{ background: #4155b0; font-size: 19px;    text-align: center;    text-transform: uppercase;    color: #fff;    align-items: center;    justify-content: center;    display: flex;}
.organizer-txt span{ font-weight: 500; margin-top: 5px; display: inline-block; width:calc(100% - 82px); white-space: nowrap; overflow: hidden !important; text-overflow: ellipsis;}
.organizer-txt p{ margin: 0px; width:calc(100% - 95px); white-space: nowrap; overflow: hidden !important; text-overflow: ellipsis; margin-top: -8px;}
.organizer-txt li{ margin-bottom: 20px; position: relative;}
.content-meeting{ width: calc(100% - 370px); float: left;     height: calc(100vh - 204px); position: relative; }
.content-meeting h3{ font-size: 24px; font-weight: 500; margin: 0px; padding: 24px 0 0 40px; color: #484848;     width: calc(100% - 142px); overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.content-meeting span{ font-size: 18px; font-weight: 300; margin: 0px; padding: 0px 0 0 40px; color: #484848;}
.content-meeting span i{ color: #9d9d9d; padding-left: 15px; display: inline-block; font-style: normal; }
.cont-txt{ display: block; border-top: 2px solid #dfe1e3; margin-top: 17px; padding-top: 20px; }
.cont-txt .scroll-table-ver { height: calc(100vh - 504px); }
.cont-txt p{ margin-bottom: 40px; font-size: 18px; padding-right: 50px; padding-left: 40px; }
.meetingtop{ margin: 25px 0 30px 0px;}
.btn-acc{ text-align: right; display: block; padding-right: 20px;}
.btn-acc button{ margin: 0px 10px; padding: 10px 18px; background: #f27233; text-align: center; font-size: 14px; color: #fff; border: 0px; }
.modal-dialog-meeting { width: 1000px; margin: 30px auto; }
.divColor{ padding: 10px 10px; }
.marlab{ margin-top: 25px!important; }
.organizer .scroll-table-ver { height: calc(100vh - 444px);}
.main-nav-pad{ padding-right: 3px;}
.main-nav-pad .scroll-table-ver { height: auto; }
.date-mee input{ border-left: 0px!important; }
.date-mee .input-group-addon{ border: 0px!important; background: #f3f2f1!important; }
.padd-time{ padding-left: 0px;}
.padd-time .lable-month::after { display: none;}
.datepicker-dropdown.datepicker-orient-top:after, 
.datepicker-dropdown.datepicker-orient-top:before {display: none; } 
.meeting-txt{ height: 200px;}

.organizer-pup { width: 100%; border-left: 0px; height: auto; }
.organizer-pup .organizer-in { padding: 20px 5px 0 0px; }
.organizer-pup .scroll-table-ver { height: 296px;}
#teamMeatingModal .modal-title { color: #484848!important; font-size: 24px!important; text-transform: uppercase; }
.organizer h2 { font-weight: 400; font-size: 17px; color: #484848; }
.marlab2{ margin-top: 30px!important; }
.org-mar{ margin-top: 25px!important; }
#teamMeatingModal label{ margin-bottom: 3px!important;}
.org-mar2{ margin-top: 25px!important;}
#teamMeatingModal .modal-dialog-meeting { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); margin: 0px; }
.pop-meeting button{ margin-left: 20px;}
.no-meeting{ width: 100%; height: calc(100vh - 200px); display: block; position: relative; } 
.no-meeting-content{ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center;}
.no-meeting-content span { font-size: 24px; color: #484848; display: block; margin: 20px 0 0 0; } 
.no-meet-display{ display: none;}
.custom-searc{ width: 100%; display: inline-block; background: #f3f2f1; height: 40px; padding: 0px 10px; border: 0px; color: #666; font-size: 15px; text-align: left; line-height: 41px;}
.custom-s .dropdown-menu {  width: 100%; border: 0px; border-radius: 0px; }
.custom-s .dropdown-menu  input{  width: 100%; border: 0px; border-radius: 0px; background: #f3f2f1; }
.organizer-txt .checkmark { width: calc(100% - 0px)!important;}
.organizer-txt .check-stl { position: absolute; right: 1px; top: 0px; }
.custom-s li { position: relative; margin-top: 8px;}
.custom-s span[aria-expanded="true"]{ background:#f3f2f1 url(../images/up-r.png) no-repeat 272px 16px; }
.custom-s span[aria-expanded="false"]{ background:#f3f2f1 url(../images/down-a.png) no-repeat 272px 16px; }
 .close-pop { margin-top: -2px; position: absolute; top: 12px; right: 2px; width: 23px; height: 23px; background: #f47422; line-height: 0; text-align: center; border: 0px; border-radius: 50px;}
 .organizer-txt span { width: calc(100% - 105px);font-size: 16px; }
 .icon-meeting{ line-height:40px!important; }
 .icon-calendar{ line-height: 38px!important;}
 .label-desc{ color:#909090!important; font-weight:300!important}
 .sub-btn{ background: #f47422!important;  margin: auto; }

 .img-none img{ display: none; }
 .checked-meeting{ background: transparent!important; border: 3px solid #f27233!important; color: #f27233!important; padding: 7px 18px!important;}
 .checked-meeting img{ width: 18px; margin-right: 3px; display: inline-block;}
 .cancel-meeting{ background: transparent!important; border: 3px solid #f27233!important; color: #f27233!important; padding: 7px 10px!important;}
 .cancel-meeting img{ width: 16px; margin-right: 3px; display: inline-block;}
 .edit-meeting img{ width: 19px;}
 .ornizer-meet { display: block; margin-bottom: 20px; border-bottom:2px solid #dfe1e3; padding: 0px 0px 20px 0px; }
 .ornizer-meet span{ font-size: 16px; font-weight: 400; color: #6b6a6a; display: block; margin-bottom: 10px; }
 .ornizer-meet-button{ background: transparent; border: 0px; color: #777; font-size: 15px; font-weight: 500;}
 .ornizer-meet-button img{ width: 25px; border: 2px solid #f27233; padding: 5px; margin-right: 3px; margin-left: 36px; }
 .user-menu span{ margin-top: 9px!important; padding-left: 5px;}
 .addbreak { background: transparent; border: 0px; font-size: 15px; float: right; margin-top: 11px; font-weight: 500; }
 .addbreak img { width: 24px; margin-right: 3px; }
 .breaktime-main{ margin-top: 40px; margin-bottom: 30px; }
 .mainlunch{ width: 100%; margin-bottom: 15px; }
 .lunch-inner-same{ width: 29%; display: inline-block; margin-right: 1%; }
 .lunch-inner-same label{ margin-bottom: 3px; }
 .del-break{ display: inline-block; width: 7%; text-align: right;}
 .del-break button{ background: transparent; border: 0px; }
 .del-break button img{ width: 20px; }
 .break-scroll .scroll-table-ver { height: 144px; } 

 /* ============================= File upload ========================== */
 .input-file-container { position: relative; float: right; width: 40px; } 
  .js .input-file-trigger { padding: 8px 10px 9px 10px; }
  .js .input-file-trigger img { width: 20px; } 
  .js .input-file { position: absolute; top: 0; left: 0; opacity: 0; padding: 14px 0; cursor: pointer; display: none; }
  .js .input-file:hover + .input-file-trigger,
  .js .input-file:focus + .input-file-trigger,
  .js .input-file-trigger:hover,
  .js .input-file-trigger:focus { cursor: pointer; }
    .file-return { margin: 0; }
  .file-return:not(:empty) { margin: 1em 0;}
  .js .file-return { font-size: .9em; width: calc(100% - 72px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; float: left; margin-left: 8px; }
  .js .file-return:not(:empty):before { font-style: normal; font-weight: normal;}
  .file-up{ background: #f3f2f1;  }
  

  .dots-drop{  height: 15px; position: absolute; bottom: -62px; right:0px; width: 30px; }
  .search-drop{  height: 15px; position: absolute; bottom: -39px; right:0px; width: 100%; margin: auto; left: 0px; text-align: center; }
  .img-size-search{ width: 14px;}
  .search-drop span{ left: 0px;}
  .dropdown-menu-search { min-width: 222px; border: 0px; padding: 7px 7px;} 
  .dropdown-menu-search input { background: #f0f0f0 url(../images/search.svg) no-repeat 8px 11px; background-size: 18px; width: 79%; position: relative; border: 0px; border-radius: 4px; height: 35px; line-height: 35px; padding: 2px 10px 2px 33px; font-size: 14px; }
  .time-drop{ width: 100%; }
  .time-drop li{ width: 237px; padding: 10px 10px 2px 10px; min-height: 58px; font-size: 12px; margin-top: 5px; border: 0px; height: auto!important; position: relative; }
  .time-drop li p{ margin-bottom: 5px; }
  .time-drop a{ position: absolute; right: 10px; bottom: 10px; height: auto!important;}
  .dropdown-menu-search .scroll-table-ver {    height: 126px; }
  .scroll-table-ver-no {    height: auto; }
 
 /* ============================= Meeting Notification ========================== */

 .notification-icon-meeting .fa-bell-o { color: #fff; margin-top: 14px; margin-right: 5px; }
 .content-outer {display: block!important;}
.content-outer .inline-content { display: inline-block; margin-top: 0!important; }
.meeting-rem{ margin: 0px; padding: 0px; list-style: none;}
.meeting-rem li{ width: 100%; float: left; padding: 5px 0px 5px 0px; }
.bor-reminder{  border-bottom: 1px solid #cccccc!important; padding-top: 10px!important; }
.meeting-rem li:hover{ background: #ecedf7;}
.inner-meeting-reminder{ width: 100%; margin: 0px; padding: 0px;}
.inner-meeting-reminder li{ width:calc(100% - 35px); float: left; }
.inner-meeting-reminder li:first-child{ width: 35px; text-align: center; padding: 0px; }
.inner-meeting-reminder .icon-meeting{ font-size: 22px; color: #f15822;}
.inner-meeting-reminder li h6 { font-size: 14px!important; font-weight: 600; color: #000; margin: 0px; padding: 0px;}
.inner-meeting-reminder li p{ float: left; margin-top: 5px;}
.time-rem{ float: right; margin: 0px 15px 0 0; color: #4152b5!important; font-weight: 600!important; }
#invoice2 .scroll-notifi-height { height: 266px!important; margin-right: -13px!important; max-width: 312px; float: left;}
.thumb-applied-leave{ width: 40px; height: 40px; display: inline-block; background: #f47421; color: #fff!important; text-align: center!important; line-height: 40px; text-transform: uppercase; font-size: 14px!important; border-radius: 50px;}
.inner-meeting-reminder2{ width: 100%; margin: 0px; padding: 0px;}
.inner-meeting-reminder2 li{ width:calc(100% - 50px); float: left; }
.inner-meeting-reminder2 li:first-child{ width: 50px; text-align: center; padding: 0px; }
.inner-meeting-reminder2 .icon-meeting{ font-size: 22px; color: #f15822;}
.inner-meeting-reminder2 li h6 { font-size: 14px!important; font-weight: 600; color: #000; margin: 0px; padding: 0px;}
.inner-meeting-reminder2 li p{ float: left; }
.short-name-applied{ text-overflow: ellipsis; overflow: hidden; width: 65px; height: auto; white-space: nowrap; display: inline-block;}
.month-applied{ font-weight: 400;}
.half-text{ color: #f47421; font-weight: 600; margin: 0px!important;}
.comment-applied{ clear: both; font-size: 12px!important; padding: 0 8px 0 8px; margin-bottom: 8px!important; }
.main-reject-btn{ display: block; border-top: dashed 1px #dcdde1; margin: 0px 10px; padding-top: 8px!important}
.main-reject-btn a{display: inline-block; background: #666; color: #fff!important; font-weight:  400!important; padding: 7px 44px!important; font-size: 14px; margin: 0px 7px; border-radius: 3px; }
.main-reject-btn a:hover{ box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.1), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); display: inline-block; background: #666; color:#fff!important; font-weight: 400!important; padding: 7px 44px !important; font-size: 14px!important; margin: 0px 7px; border-radius: 3px; }
a.rejct-btn{ background: #ff4954;text-decoration: none;}
a.rejct-btn:hover{ background: #ff4954;}
a.rejct-btn:hover u{ color:#fff; text-decoration: none;}
a.accpt-btn{ background: #43cd80;text-decoration: none;}
a.accpt-btn:hover{ background: #43cd80;}
a.accpt-btn:hover u{ color:#fff; text-decoration: none;}
a.rejct-btn u, a.accpt-btn u{ text-decoration: none;}
.main-reject-btn a:first-child{ margin-left: 0px!important;}
.main-reject-btn a:last-child{ margin-right: 0px!important;}
#paid2 .scroll-notifi-height { max-width: 312px; float: left;}
.accpt-done{ background: transparent; border: 0px; color: #43cd80!important; font-size: 12px!important; font-weight: 400!important; }
.accpt-done img{ margin-right: 5px; }
.reject-done{ color: #ff4954!important;}
.thumb-applied-leave img{ border-radius: 50px; width: 40px; height: 40px;}
.img-thumb-applied{ background: transparent;}
.icon-d{ text-align: center;}
.hover-pop{ position: absolute; top: -69px; width: 200px; background: #ccc; padding: 9px 10px; display: none; left: 0px; z-index: 99999999999;}
.hover-pop span { display: block;} 
.hover-pop::before { width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #cce4f6; content: ""; position: absolute; bottom: -10px; left: 0px; }
/* .team-member li:hover .hover-pop, .team-member li:hover .hover-pop-week { display: block; } */
.hover-pop-week{ position: absolute; top: 0px; background: #ccc; padding: 12px 10px; display: none; left: 0px; z-index: 99999999999; right: 0px; bottom: 0px;}
.tooltips-hide{ display: none;}
.test1111{display: none !important;}
.pending-done img{ width:20px; margin-top: -2px; }
.pending-done{ color:#0078d7!important;}
.hover-pop-week p{ display: block; text-align: left; margin: 0px;}
.hover-pop-week p i { display: inline-block; width:54%; overflow:hidden; font-size: 14px; white-space:nowrap; text-overflow: ellipsis; font-style: normal; line-height: 10px; }
.open .hover-pop-week { display: none!important; }
.hover-pop-week p u{ text-decoration: none; font-size: 12px;}
.join-meeting { width: 96px; height: 36px; border: 2px solid #f27233; display: inline-block; color: #f27233; background: #fff; text-align: center; line-height: 34px; right: 41px; position: absolute; font-weight: 500; top: 27px; font-size: 16px;}
.join-meeting:hover,.join-meeting:focus { color: #f27233; }
.chat-participants{ border: 3px solid #f27233; display: block; text-align: center; color: #f27233!important; line-height: 33px; font-size: 16px; font-weight: 500; margin-right: 20px; }
.chat-participants:hover{ background: #f27233; color: #fff!important;}
.bfr-accept .scroll-table-ver { height:calc(100vh - 426px); }
.bfr-accept2 .scroll-table-ver { height:calc(100vh - 404px); }
.accpt-txt{ text-align-last: right;font-size: 16px; display: block; padding-right: 31px; padding-bottom: 6px;}
.selectexp .niceselect{ display: inline-block;}
.selectexp .nice-select { max-width: 48px; width: 48px; min-width: 72px; padding: 0 28px 0 6px;}
.selectexp .save-button{ float: right;}
/* ============================= OCR css ========================== */
.ocr-bg{  background: #fff;}
.ocr-bg h2{ color: #302e3b; font-size: 30px; display: block; border-bottom: 1px solid #e8e8e8; padding: 30px 0 30px 50px; margin: 0px;}
.padd-ocr{ padding: 40px 50px;}
.ocr-bg label{ color: #3b3c3e; font-size: 15px; padding-bottom: 5px;}
.martop-ocr{ margin-top: 30px;}
.browser-ocr{ width: 100%;}
.browser-ocr .browse-lbl { margin-left: 0px;}
.browser-ocr .btn { background: transparent; color: #fff; border: dashed 1px #c3c3c3; box-shadow: none; color: #666; height: 34px; line-height: 34px;}
.browser-ocr .btn:hover { background: transparent; color: #fff; border: dashed 1px #c3c3c3; box-shadow: none; color: #666; cursor: pointer;}
.browser-ocr span { margin-bottom: 0px!important;}
.ocr-files{ margin: 10px 0 0 0; padding: 0x; }
.ocr-files li { margin-top: 10px; margin-bottom: 20px;}
.ocr-files li img{ width: 25px; }
.ocr-files li span{ padding-left: 15px; }
.ocr-files button { background: transparent; border: 0px; float: right;}
.ocr-files button img { width: 20px;}
.preview-area{ display: block; min-height: 320px; border: 1px solid #e1e1e1; border-radius: 10px;}
.ocr-right{ border-right: 1px solid #f1f1f1; }
.ocr-box1 { display:block; padding-right: 20px; }
.right-ocr{ display: block; padding-left: 20px; }
.upload-btn { text-align: center;}
.expensenone{ display: none !important;}
.redColorFont{ color: #d9534f !important;}
.arrow-r{ float: right;}
.ocr-accor a { color: #757575!important; font-size: 15px; text-transform: none; }
.ocr-main-acr .panel { padding: 15px 0px 0 0px!important; box-shadow: none!important; border-bottom: 1px dashed #e9e9e9; }
.martop-ocr2 { margin-top: 15px; }
.upl-btn{ width: 160px; margin-bottom: 30px;}

.merge2{ width: 6.1%!important; border: 0px!important;}
.merge3{ width: 9.4%!important; border: 0px!important}
.merge4{ width: 12.7%!important;border: 0px!important }
.merge5{ width: 16.1%!important;border: 0px!important }
.merge6{ width: 19.4%!important;border: 0px!important }
.merge7{ width: 22.7%!important;border: 0px!important }
.merge8{ width: 26.1%!important;border: 0px!important }
.merge9{ width: 29.3%!important; border: 0px!important}
.merge10{ width: 32.7%!important; border: 0px!important}
.merge11{ width: 36.1%!important; border: 0px!important}
.merge12{ width: 39.4%!important;border: 0px!important }
.merge13{ width: 42.7%!important; border: 0px!important}
.merge14{ width: 46.0%!important; border: 0px!important}
.merge15{ width: 49.4%!important; border: 0px!important}
.merge16{ width: 52.7%!important; border: 0px!important}
.merge17{ width: 56%!important; border: 0px!important}
.merge18{ width: 59.3%!important; border: 0px!important}
.merge19{ width: 62.6%!important; border: 0px!important}
.merge20{ width: 66%!important; border: 0px!important}
.merge21{ width: 69.4%!important; border: 0px!important}
.merge22{ width: 72.7%!important; border: 0px!important}
.merge23{ width: 76%!important; border: 0px!important}
.merge24{ width: 79.3%!important; border: 0px!important}
.merge25{ width: 82.7%!important; border: 0px!important}
.merge26{ width: 86%!important; border: 0px!important}
.merge27{ width: 89.4%!important; border: 0px!important}
.merge28{ width: 92.7%!important; border: 0px!important}
.merge29{ width: 96%!important; border: 0px!important} 
.merge30{ width: 99.4%!important; border: 0px!important} 


.merge31-2{ width: 5.9%!important; border: 0px!important;}
.merge31-3{ width: 9.2%!important; border: 0px!important}
.merge31-4{ width: 12.4%!important;border: 0px!important }
.merge31-5{ width: 15.6%!important;border: 0px!important }
.merge31-6{ width: 18.8%!important;border: 0px!important }
.merge31-7{ width: 22.1%!important;border: 0px!important }
.merge31-8{ width: 25.3%!important;border: 0px!important }
.merge31-9{ width: 28.5%!important; border: 0px!important}
.merge31-10{ width: 31.7%!important; border: 0px!important}
.merge31-11{ width: 34.9%!important; border: 0px!important}
.merge31-12{ width: 38.2%!important;border: 0px!important }
.merge31-13{ width: 41.4%!important; border: 0px!important}
.merge31-14{ width: 44.6%!important; border: 0px!important}
.merge31-15{ width: 47.8%!important; border: 0px!important}
.merge31-16{ width: 51.1%!important; border: 0px!important}
.merge31-17{ width: 54.3%!important; border: 0px!important}
.merge31-18{ width: 57.5%!important; border: 0px!important}
.merge31-19{ width: 60.6%!important; border: 0px!important}
.merge31-20{ width: 64%!important; border: 0px!important}
.merge31-21{ width: 67.2%!important; border: 0px!important}
.merge31-22{ width: 70.4%!important; border: 0px!important}
.merge31-23{ width: 73.6%!important; border: 0px!important}
.merge31-24{ width: 76.8%!important; border: 0px!important}
.merge31-25{ width: 80%!important; border: 0px!important}
.merge31-26{ width: 83.3%!important; border: 0px!important}
.merge31-27{ width: 86.5%!important; border: 0px!important}
.merge31-28{ width: 89.8%!important; border: 0px!important}
.merge31-29{ width: 92.9%!important; border: 0px!important} 
.merge31-30{ width: 96.3%!important; border: 0px!important} 


.merge28-2{ width: 6.2%!important; border: 0px!important;}
.merge28-3{ width: 9.8%!important; border: 0px!important}
.merge28-4{ width: 13.4%!important;border: 0px!important }
.merge28-5{ width: 16.9%!important;border: 0px!important }
.merge28-6{ width: 20.6%!important;border: 0px!important }
.merge28-7{ width: 24.1%!important;border: 0px!important }
.merge28-8{ width: 27.7%!important;border: 0px!important }
.merge28-9{ width: 31.2%!important; border: 0px!important}
.merge28-10{ width: 34.8%!important; border: 0px!important}
.merge28-11{ width: 38.4%!important; border: 0px!important}
.merge28-12{ width: 42%!important;border: 0px!important }
.merge28-13{ width: 45.5%!important; border: 0px!important}
.merge28-14{ width: 49.1%!important; border: 0px!important}
.merge28-15{ width: 52.6%!important; border: 0px!important}
.merge28-16{ width: 56.2%!important; border: 0px!important}
.merge28-17{ width: 59.8%!important; border: 0px!important}
.merge28-18{ width: 63.4%!important; border: 0px!important}
.merge28-19{ width: 66.9%!important; border: 0px!important}
.merge28-20{ width: 70.5%!important; border: 0px!important}
.merge28-21{ width: 74.1%!important; border: 0px!important}
.merge28-22{ width: 77.6%!important; border: 0px!important}
.merge28-23{ width: 81.2%!important; border: 0px!important}
.merge28-24{ width: 84.8%!important; border: 0px!important}
.merge28-25{ width: 88.3%!important; border: 0px!important}
.merge28-26{ width: 92.0%!important; border: 0px!important}
.merge28-27{ width: 95.7%!important; border: 0px!important}

.week-2{ width: 17%!important;border: 0px!important }
.week-3{ width: 31.2%!important;border: 0px!important }
.week-4{ width: 45.5%!important;border: 0px!important }
.week-5{ width: 59.9%!important;border: 0px!important }
.week-6{ width: 74.1%!important;border: 0px!important }


.day-2{ width: 7%!important;border: 0px!important }
.day-3{ width: 11.2%!important;border: 0px!important }
.day-4{ width: 15.2%!important;border: 0px!important }
.day-5{ width: 19.4%!important;border: 0px!important }
.day-6{ width: 23.5%!important;border: 0px!important }
.day-7{ width: 27.6%!important;border: 0px!important }
.day-8{ width: 31.9%!important;border: 0px!important }
.day-9{ width: 36%!important;border: 0px!important }
.day-10{ width: 40.2%!important;border: 0px!important }
.day-11{ width: 44.4%!important;border: 0px!important }
.day-12{ width: 48.4%!important;border: 0px!important }
.day-13{ width: 52.6%!important;border: 0px!important }
.day-14{ width: 56.8%!important;border: 0px!important }
.day-15{ width: 61%!important;border: 0px!important }
.day-16{ width: 65.1%!important;border: 0px!important }
.day-17{ width: 69.3%!important;border: 0px!important }
.day-18 { width: 73.5%!important;border: 0px!important }
.day-19{ width: 77.6%!important;border: 0px!important }
.day-20{ width: 81.8%!important;border: 0px!important }
.day-21{ width: 90.1%!important;border: 0px!important }
.day-22{ width: 94.2%!important;border: 0px!important }


/* ::-webkit-scrollbar {
    width: 6px;
}
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    -webkit-border-radius: 10px;
    -moz-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    box-shadow: inset 0 0 6px rgba(0,0,0,0.3);  
    -moz-border-radius: 10px;
    border-radius: 10px;
}
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background: rgba(255,0,0,0.8); 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
    -moz-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
    box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
}
::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(255,0,0,0.4); 
} */


.text-department{

    display: block;
    text-transform: none;
    text-decoration: none;
    color: #666;
    font-weight: 400;
    padding-top: 10px;
    margin-top: 10px;
    /* padding-left: 20px; */
    border-top: 2px dashed #3f50b5aa;
}

.arrow-exp-right{ float: right; }
.exp-report{ float: right;}
.custom-s .dropdown-backdrop{ display: none; }
.leftmenuscroll{ height:100%!important;}
.attachedfile img { width: 21px; }
.attachedfile { float: left;  margin-left: 40px!important;}

.new-invoice{ width: 100%!important; }
.new-invoice a{ margin-right: 0px!important; }
.completed-invoice{ color: #00b147; margin-bottom: 2px; }
.borbtminvoice{ border-bottom: 1px solid #ccc; padding-bottom: 4px; }

.left-po{ float: left; padding: 0px 10px;}
.porder{  padding: 0px;}
.email-model .close{ top: 19px!important; right: 16px!important; }
.more-btn{ background: transparent; border: 0px; opacity: 0.7;  margin: 0px 7px;}
.more-btn img { width: 16px; }
.email-model .modal-header { padding: 0px 0px 0 0; border-bottom: 0px solid #e5e5e5; text-align: right; }
.email-model .modal-title{ margin-right: 40px;}

.heading-gmail{ display: block; font-size: 16px; font-weight: 600; text-align: left; color: #666; padding-left: 32px; margin-top: 15px; position: relative;}
.heading-gmail span{ display: block; font-size: 14px; color: #666; font-weight: 400;  }

.heading-gmail i { width: 14px; height: 14px; border-radius: 5px; background: #7984d2; position: absolute; top: 3px; left: 0px;}

.join-hangout{ margin: 20px 0 0 0; padding: 0px; list-style: none; text-align: left; width: 100%; float: left;}
.join-hangout li { float: left; } 
.join-hangout li span { display: block; } 
.join-hangout li:first-child { width: 25px; } 
.delete-icon{ width: 18px; }

.guest li{ height: 45px;}
.delete-email{     width: 100%; height: 40px; display: flex; align-items: center; }

.sub-email { display: block; padding-left: 50px; }
.thumb-gmail{ width: 25px; height: 25px; border-radius: 50px; position: relative; }
.borradius{ width: 25px; height: 25px; border-radius: 50px; overflow: hidden; }
.thumb{ display: flex; height: 40px; align-items: center;}
.sub-email-thum{ margin: 5px 0px 0px 0px;}
.sub-email-thum li:first-child {  width: 40px;}
.sub-email-thum li:last-child { display: flex; align-items: center;}
.main-email{ display: block; padding-top: 10px; width: 100%; float: left;}
.bg-thum { background: #e0e0e0; text-align: center;}
.check-email{ width: 15px; height: 15px; background: #ceead6; position: absolute; right: -6px; bottom: 0px; border-radius: 50px; }
.user-thub{ width: 15px; opacity: 0.5; margin-top: 4px;}
.check-email img{     width: 8px;    position: absolute;    top: 50%;    left: 50%;    margin-top: -4px;    margin-left: -4px;}
.color-hang a{ color: #0078d7; font-weight: 600;  }

.main-email .scroll-table-ver { height: 176px; }
.main-email .content { padding: 0px; background: transparent; min-height: auto; }
.email-model .modal-dialog { position: absolute;  width: auto; margin: 0px; left: 50%; top: 50%; transform: translate(-50%, -50%)!important; }
.goingon{ margin: 0px; padding: 0px; list-style: none; width: 100%; border-top: 1px solid #ccc; margin-top: 20px;}
.goingon li{ display: inline-block; padding: 10px 10px; font-weight: 600; }
.goingon li:first-child{ width: 505px; font-weight: 400; }
.email-model{ background-color:rgba(0, 0, 0, .0)!important; }
.no-border{ border: 0px;}   
.bor-bottm-gray{ border-bottom: 1px solid #eee} 
.payvendor{ padding: 11px 20px 0 10px;}
/* custom select drop down */

.fs-wrap {
    display: inline-block;
    cursor: pointer;
    line-height: 1;
    width: 100%;
    background: #fff;
    z-index: 9!important;
    position: relative!important;
}

.fs-label-wrap {
    position: relative;
    background-color: #fff;
    border: 1px solid #ddd;
    cursor: default;
    background: #fff;
    z-index: 9999999999999999999999999999999!important;
    position: relative!important;
}

.fs-label-wrap,
.fs-dropdown {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.fs-label-wrap .fs-label {
    padding: 9px 22px 9px 8px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.fs-arrow {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #333;
    position: absolute;
    top: 0;
    right: 5px;
    bottom: 0;
    margin: auto;
    transition: ease-in 0.15s;
}

.fs-open .fs-arrow {
    transform: rotate(-180deg);
}

.fs-dropdown {
    position: absolute;
    background-color: #fff;
    border: 1px solid #ddd;
    width: 200px;
    margin-top: 5px;
    z-index: 1000;
}

.fs-dropdown .fs-options {
    max-height: 200px;
    overflow: auto;
}

.fs-search input {
    border: none !important;
    box-shadow: none !important;
    outline: none;
    padding: 6px 0;
    width: 100%;
}

.fs-option,
.fs-search,
.fs-optgroup-label {
    padding: 6px 8px;
    border-bottom: 1px solid #eee;
    cursor: default;
}

.fs-option:last-child {
    border-bottom: none;
}

.fs-search {
    padding: 0 8px;
}

.fs-no-results {
    padding: 6px 8px;
}

.fs-option {
    cursor: pointer;
    word-break: break-all;
}

.fs-option.disabled {
    opacity: 0.4;
    cursor: default;
}

.fs-option.hl {
    background-color: #f5f5f5;
}

.fs-wrap.multiple .fs-option {
    position: relative;
    padding-left: 30px;
}

.fs-wrap.multiple .fs-checkbox {
    position: absolute;
    display: block;
    width: 30px;
    top: 0;
    left: 0;
    bottom: 0;
}

.fs-wrap.multiple .fs-option .fs-checkbox i {
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 14px;
    height: 14px;
    border: 1px solid #aeaeae;
    border-radius: 2px;
    background-color: #fff;
}

.fs-wrap.multiple .fs-option.selected .fs-checkbox i {
    background-color: rgb(17, 169, 17);
    border-color: transparent;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAYAAAD+Bd/7AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAABMSURBVAiZfc0xDkAAFIPhd2Kr1WRjcAExuIgzGUTIZ/AkImjSofnbNBAfHvzAHjOKNzhiQ42IDFXCDivaaxAJd0xYshT3QqBxqnxeHvhunpu23xnmAAAAAElFTkSuQmCC');
    background-repeat: no-repeat;
    background-position: center;
}

.fs-optgroup-label {
    font-weight: bold;
    text-align: center;
    background-color: #f8f8f8;
}

.hidden {
    display: none;
}

.yellow-strip{
 
display: block;
background: #e08246;
height: 30px;
margin-left: 230px;
 
}
 
.yellow-add{
 
padding-top: 90px!important;
}
 
.sub-head{
 
margin:0px 0 0 10px;
padding:4px 0 0 0;
list-style: none;
}
 
.sub-head li {
 
display: inline-block;
margin-right: 15px;
}
 
.sub-head a {
 
color: #fff;
}

.notification01{

    width: 33%;
}
.bornotification{

    /* background: #fff!important; */
}

.bornotification th{

    /* padding: 0px 0px;
    font-weight: 400;
    vertical-align: middle; */

    padding: 0px 0px;
    font-weight: 400;
    vertical-align: middle;
    
    /* border-bottom: 2px solid #dfe1e3;
    border-top: 2px solid #dfe1e3; */
    background: #fff;
    position: relative;
   
}

.bornotification th::before{

    position: absolute;
    content: "";
    height: 2px;
    width: 100%;
    background: #dfe1e3;
    left: 0px;
    bottom: 0px;
    right: 0px;

}

.bornotification th::after{

    position: absolute;
    content: "";
    height: 2px;
    width: 100%;
    background: #dfe1e3;
    left: 0px;
    top: 0px;
    right: 0px;

}

.top-btm-border{

    /* border-bottom: 2px solid #dfe1e3;
    border-top: 2px solid #dfe1e3; */
    /* margin-bottom: 8px; */
    /* min-height: 50px; */
    /* background: #fff; */
    display: flex;
    align-items: center;
    height: calc(100% - 0px);
    box-sizing: content-box;
    padding-top: 10px;
    padding-bottom: 10px;
    
}

.borbtmnotifi{

    border-bottom: 10px solid #f7fafc;
    
}

.borbtmnotifi:last-child{

    border-bottom: 0px;
}

.lft-border{

    border-left: 2px solid #dfe1e3;
}

.rgt-border{

    border-right: 2px solid #dfe1e3;
}
.blinking {
 
    animation: blinkingText 1s infinite;
    background-color: #e08246;
 
}
 
/* Specifies the animation and transparency for the blinking text */
@keyframes blinkingText {
 
    0% {
        opacity: 0;
    }
    50% {
        opacity: .5;
    }
    100% {
        opacity: 1;
    }
}
.dashboard-notificaion-chart{
 
width: 300px;
margin: auto;
 
}
 .dashboard-notificaion-chart .highcharts-container {

    height: 330px!important;
}

.pageTitleHeading{
    color: black;
    font-size: 20px;
    font-weight: bold;
}
.thead-blue th{
    background-color: #3f51b5;
    color: #ffffff !important;
}
.amount-col{
    text-align: right !important;
}
.sales-tab .theading .dashbordTblTH {
    font-size: 12px;
}
.f12 th{
    font-size: 12px !important;
}
.ba-depart-amt{
    background-color: unset !important;
}
.exp-excel-btn{
    background: #3f51b5;
    border: 0px;
    color: #fff;
    padding: 10px 15px;
    position: absolute;
    right: 20px;
}
/* document preview modal START*/
#attchment_preview_modal .attchmentCounts, 
#attchment_preview_modal .attchmentCounts
{
    color: #000;
    margin-right: 10px;
    margin-left: 10px;
}
#attchment_preview_modal .totalAttchments, 
#attchment_preview_modal .currentAttchments
{
    font-size: 15px;
}
#attchment_preview_modal .attch-no-preview-section{
    text-align: center;
    margin-top: 25%;
}
#attchment_preview_modal .no-preview-txt{
    font-size: 25px;
    color: #c5b5b5;
}
/* document preview modal END*/


/* income document preview modal START*/
#income_attchment_preview_modal .attchmentCounts, 
#income_attchment_preview_modal .attchmentCounts
{
    color: #000;
    margin-right: 10px;
    margin-left: 10px;
}
#income_attchment_preview_modal .totalAttchments, 
#income_attchment_preview_modal .currentAttchments
{
    font-size: 15px;
}
#income_attchment_preview_modal .attch-no-preview-section{
    text-align: center;
    margin-top: 25%;
}
#income_attchment_preview_modal .no-preview-txt{
    font-size: 25px;
    color: #c5b5b5;
}
/* income document preview modal END*/

.d-none{
    display: none !important;
}
#export_income_btn{
    margin-right: 10px;
}

.income-already-exist .errorMsg{
    margin-top: 20px !important;
}

#addNotificationForm .fs-dropdown{
    width: 278px;
}

.notificationAlert{
    cursor: grab;
}

.notificationAlert .noti-txt{
   margin: 10px;
}
.notificationAlert .noti-txt{
    margin-top: 5px;
 }
 .notificationAlert .noti-txt.unread{
    font-weight: 600;
 }
 .notificationAlert .noti-date{
   font-size: 10px;
   font-weight: bold;
   text-align: right;
   margin-right: 15px;
 }
 .alert-notifi-line-btm li{ 
    border-bottom: 1px solid #e5e5e5; 
}
.fa-bell.listicon {
    color: #002b5d;
    font-size: 19px;
    margin-top: 17px;
    display: inline-block;
    font-weight: 100;
}
.btnMarkedAsRead{
    font-size: 10px;
    float: right;
    background: #f47422;
    color: white;
    font-weight: 400;
    text-align: center;
    height: 20px;
    border-radius: 0;
    padding: 0px 10px;
    border: 0;   
}
#income_attchment_preview_modal .modal-dialog{
    width: 70% !important;
}

#income_attchment_preview_modal .income-preview,
#income_attchment_preview_modal .bank-preview
{
    height: 550px;
}

#income_attchment_preview_modal .title
{
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 10px;
}

#reconciliationModal .modal-b-inner .reconciliationChat,
#expenseReconciliationModal .modal-b-inner .reconciliationChat
{
    background-color: #dbd7d7;
    border-radius: 10px !important;
    padding: 1px;
    margin: 10px 0 !important;
}

#reconciliationModal .modal-b-inner .comment-text,
#expenseReconciliationModal .modal-b-inner .comment-text
{
   font-size: 14px;
   margin-top: 15px !important;
   margin-left: 10px !important;
}
#reconciliationModal .modal-b-inner .comment-date,
#expenseReconciliationModal .modal-b-inner .comment-date
{
    font-size: 10px;
    margin-right: 10px;
    text-align: right;
 }

 .reconciliationModal .modal-content,
 .expenseReconciliationModal .modal-content
 {
   height: unset !important;
 }

 .reconciliationModal .comment-section,
 .expenseReconciliationModal .comment-section
 {
    height: 64vh;
    overflow: auto;
    padding-left: 15px;
    padding-right: 15px;
 }

 .reconciliationModal .comment-input-section,
 .expenseReconciliationModal .comment-input-section
 {
    margin-top: 10px !important;
    display: flex;
    flex-direction: row;
    margin-right: -1px;
 }

 .reconciliationModal .report-check-section,
 .expenseReconciliationModal .comment-input-section
 {
    margin-top: 10px !important;
    display: flex;
    flex-direction: row;
    margin-right: -1px;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: baseline;
 }

 .reconciliationModal .report-check-label,
 .expenseReconciliationModal .comment-input-section
 {
    margin: 10px;
 }

 .reconciliationModal .no-notes-txt,
 .expenseReconciliationModal .no-notes-txt,
 .expenseReconciliationModal .comment-input-section
 {
    text-align: center;
    margin-top: 20%;
 }





 .addIncomePage .verified{
    background-color: #b2e8b3 !important;
 }

 .addIncomePage .verified{
    background-color: #b2e8b3 !important;
 }

 .addIncomePage .in-progress{
    background-color: #f9f972 !important;
 }


 .fa-10{
    font-size: 14px !important;
 }
 .recon-btn{
    margin-left: 5px;
 }

 .btn-update-cancel{
    margin-left: 5px;
 }

.left-50{
    left: 50px;
}

.btn-blue {
    background: #3f51b5 !important;
    color: #fff;
}

.mt-10{
    margin-top: 20px !important;
}

.fl-right{
    float: right !important;
}
.overExpUserImg{
    border-radius: 50% !important;
    width: 30px !important;
    height: 30px !important;
}
.overExpUser{
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-top: -10px;
}
.overExpUserName{
    margin-left: 10px;
    margin-top: 10px;
}
.radio-section{
    display: flex;
    justify-content: center;
    margin-top: 10px;
}
.radio-btn{
    width: 14px;
}
.radio-lbl{
    display: flex;
    align-items: center;
    font-size: 16px;
}
.export-msg{
    margin-top: 15px;
    font-size: 18px;
}
.dateRangeTxt{
    font-size: 20px;
}

.daterangepicker {
    position: absolute !important;
}



.over-exp-scroll .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{
    margin-right: 4%;
}

.ml-2{
    margin-right: 10px;;
}

.graph-date-input{
    width: 175px;
}

.report-check-section .fa-info-circle{
    margin-left: 20px;
}
#reconciliationModal .modal-footer,
#expenseReconciliationModal .modal-footer
{
    background-color: #a4bcff;
    padding: 0px 11px;
    border-radius: 10px;
}

#reconciliationModal .modal-footer .fa-info-circle,
#expenseReconciliationModal .modal-footer .fa-info-circle
{
    color: gray;
    font-size: 20px;
}


#reconciliationModal .modal-content,
#expenseReconciliationModal .modal-content
{
    background-color: #a4bcff;
    border-radius: 21px;
}

#reconciliationModal .close,
#expenseReconciliationModal .close
{
   margin: 10px;
   border-radius: 50%;
}

#reconciliationModal .recon-modal-sub-heading,
#expenseReconciliationModal .recon-modal-sub-heading
{
    font-size: 13px;
}

#reconciliationModal ::-webkit-scrollbar,
#expenseReconciliationModal ::-webkit-scrollbar 
{
    width: 8px;
}

#reconciliationModal ::-webkit-scrollbar-track,
#expenseReconciliationModal ::-webkit-scrollbar-track 
{
    background: #f1f1f1;
}
  
#reconciliationModal ::-webkit-scrollbar-thumb,
#expenseReconciliationModal ::-webkit-scrollbar-thumb 
{
    background: #888;
}
  
#reconciliationModal ::-webkit-scrollbar-thumb:hover,
#expenseReconciliationModal ::-webkit-scrollbar-thumb:hover 
{
    background: #555;
} 

/* dashboard map start */

#storemap{    
    height: 350px;
    margin-bottom: 20px;
    border: 1px solid;
    border-radius: 5px;
}

.leaflet-control-attribution a {
display: none;
}

.leaflet-popup-content{
    width:340px !important;
}
.leaflet-control{
    background:#fff;
    border:1px solid #fff;
    border-radius:5px;
    padding:2px 10px;
}
    /* Style the map control container */
.leaflet-control-layers {
  background: transparent !important;
  border-radius: 4px;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65);
  padding: 10px;
  width: 150px;
}

.leaflet-control-layers-base{
    display:flex;
}
.leaflet-control-layers{
    width:200px;
    background: transparent;
    border:none;
}
.leaflet-control-zoom {
    background:transparent!important;
}
.leaflet-touch .leaflet-bar {
    border: none !important;
}
.leaflet-control-zoom-in{
    margin: 5px 5px 0px 0px!important;
}
.leaflet-control-zoom-out{
    margin: 0px 5px 5px 0px!important;
}
.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
    background-color: #fff!important;
    border-radius: 2px;
    color: #000 !important;
    font-size: 16px!important;
    height: 25px!important;
    line-height: 25px!important;
    text-align: center;
    width: 25px!important;
}
.leaflet-control-layers-expanded {
    color: #fff!important;
}
.leaflet-control-zoom-in:hover,
.leaflet-control-zoom-out:hover {
  background-color: #f4f4f4;
  color: #333;
}

.leaflet-control-zoom-in:active,
.leaflet-control-zoom-out:active {
  background-color: #e6e6e6;
  box-shadow: none;
}

.leaflet-control-layers{
    background: transparent;
    border:none!important;
}
/* Hide the default radio buttons */
.leaflet-control-layers-selector {
    display: none;
}
.leaflet-right .leaflet-control {
    margin-right: -90px!important;
}
.leaflet-top .leaflet-control {
    margin-top: 4px!important;
}
/* Style the base layer control as a button */
.leaflet-control-layers-base label {
    display: inline-block;
    margin-right: 2px;
    padding: 6px 10px;
    background-color: #4CA456!important;
    font-size: 10px;
    font-weight: 500;
    width:auto;
    text-align:center;
    border-radius: 4px;
    cursor: pointer;
    color: white;
}

.leaflet-control-layers-base label:hover {
    background-color: #4CA456!important;
}

.leaflet-popup-content-wrapper{
    background-color: #f47422!important;
    color: #fff !important;
}

.leaflet-popup-content-wrapper table{
    background-color: transparent !important;
    font-size: 12px !important;
}

.leaflet-popup-content-wrapper table .t-left{
   text-align: left !important;
}

.leaflet-popup-close-button{
    color: #fff !important;
}

/* Style the selected button */
.leaflet-control-layers-base label.selected {
    background-color: #007bff;
    color: #fff;
    border-color: #007bff;
}
 /* dashboard map end */


 .invoiceApproval .active-btn {
    background: #f47422;
    color: #fff;
}
.invoiceApproval .inactive-btn {
    background: #3f51b5 !important;
    color: #fff;
}

.invoiceApproval .selectAllCheckbox {
    margin-right: 10px;
    margin-top: -6px;
}

#expenseReconciliationModal{
    z-index: 999 !important;
}

.attchmentModal{
    height: auto !important;
}

/* PDF VIEWER CSS */
.viewer {
    position: fixed;
    display: flex;
    flex-direction: column;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 70%);
    /* visibility: hidden; */
    opacity: 1;
    z-index: 1000000000;
}
  
.viewer.visible {
    visibility: visible;
    opacity: 1;
    z-index: 10;
}
  
.viewer__toolbar {
    flex: 0 0 auto;
    width: 100%;
    padding: 16px;
    background: #111;
    text-align: right;
}
  
.viewer__content {
    display: flex;
    flex: 1 1 auto;
    align-items: center;
    justify-content: center;
}
  
.viewer .close-preview {
    outline: none;
    border: none;
}
  
.close-preview i.fa.fa-times{
    font-size: 25px;
    color: #000;
}


.blur-bg{
    filter: blur(10px);
}

.attach-full-screen-btn {
    width: 45px;
    border-radius: 41px;
    position: absolute;
    top: 2%;
    left: 87%;
}

.inc-attach-full-screen-btn
{
    width: 45px;
    border-radius: 41px;
    position: absolute;
    top: 1%;
    left: 44%;
}
.bd-attach-full-screen-btn
{
    width: 45px;
    border-radius: 41px;
    position: absolute;
    top: 1%;
    left: 92%;
}
.document-list{margin: 0; padding-left: 20px; position: relative;}
.document-list span{margin: 0; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; height: fit-content; color: #ccc; font-size: 15px;}
.new-code-design{padding-top: 10px; padding-left: 10px; padding-right: 10px;}
.new-code-design .invoice-data-main .list-tabs-main{height: calc(100vh - 215px); overflow: auto;}
.new-code-design .invoice-data-main .pdf-view{height: calc(100vh - 215px); overflow: auto;}
.new-code-design .invoice-data-main .form-view{height: calc(100vh - 215px); overflow: auto;}

.new-code-design .invoice-data-main .pdf-view .pdf-box{height: 98%; width: 100%;}
.new-code-design .invoice-data-main .pdf-view img{max-width: 100% !important; }
.new-code-design .content, .new-code-design .content-header {
    padding: 15px 15px 15px 15px;
}

.new-code-design .list-tabs-main{background: #fff; border-radius: 6px; padding: 10px;}
.new-code-design .list-tabs-main .list-tab ul {margin: 0; padding: 0;}
.new-code-design .list-tabs-main .list-tab ul li{margin: 0; padding: 0; list-style: none; margin: 10px 0;}
.new-code-design .list-tabs-main .list-tab ul li .tab-box{background: #F4F5F6; padding: 15px;}
.new-code-design .list-tabs-main .list-tab ul li .tab-box.active{background: #3F51B5;}
.new-code-design .list-tabs-main .list-tab ul li .tab-box .top-part{display: flex; justify-content: center; align-items: center;}
.new-code-design .list-tabs-main .list-tab ul li .tab-box .top-part .content-part{flex: 1;}
.new-code-design .list-tabs-main .list-tab ul li .tab-box .top-part .arrow-part span{font-size: 24px; font-weight: 700; color: #AAA5B7; display: block; text-align: right;}

.new-code-design .list-tabs-main .list-tab ul li .tab-box .top-part .arrow-part .check-icon{font-size: 17px; display: none; color: #3DA041;}
.new-code-design .list-tabs-main .list-tab ul li .tab-box.done .arrow-part .check-icon{display: block;}
.new-code-design .list-tabs-main .list-tab ul li .tab-box h5{font-family: Poppins; font-weight: 600; font-size: 14px; line-height: 100%; letter-spacing: 0%; color: #190D3E; margin-bottom: 10px; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-top: 0;}
.new-code-design .list-tabs-main .list-tab ul li .tab-box p{color:#000000CF; font-family: Poppins; font-weight: 400; font-size: 12px; line-height: 100%; letter-spacing: 0%; margin-bottom: 0;}

.new-code-design .list-tabs-main .list-tab ul li .action-part{display: none; border-top: 1px solid #7F9DAE; margin-top: 10px; padding-top: 10px;}
.new-code-design .list-tabs-main .list-tab ul li .action-part .action-list{text-align: right;}
.new-code-design .list-tabs-main .list-tab ul li .action-part .action-list .option{display: inline-flex; border-right: 1px solid #fff; padding: 0 7px; cursor: pointer;}
.new-code-design .list-tabs-main .list-tab ul li .action-part .action-list .option:last-child{border: 0; padding-right: 0;}
.new-code-design .list-tabs-main .list-tab ul li .action-part .action-list .option span{font-size: 13px; color: #fff;}
.new-code-design .list-tabs-main .list-tab ul li .action-part .action-list .option p{font-size: 13px; font-weight: 400; color: #fff; margin-left: 5px;}
.new-code-design .list-tabs-main .list-tab ul li .tab-box.active .action-part{display: block;}
.new-code-design .list-tabs-main .list-tab ul li .tab-box.active .arrow-part span.fa-angle-right{display: none;}
.new-code-design .list-tabs-main .list-tab ul li .tab-box.active h5{color: #fff;}
.new-code-design .list-tabs-main .list-tab ul li .tab-box.active p{color: #fff;}
.new-code-design .exp-search-box .chosen-container{width: 100% !important;}

.new-code-design .divider{border-top:1px solid #ccc; margin-bottom: 20px;}

.new-code-design .form-view{background: #fff;}
.new-code-design .form-view section{background: #fff;}

.new-code-design .back-button{background: #fff; padding: 15px; margin-bottom: 10px;}
.new-code-design .back-button h5{font-weight: 600; font-size: 18px; line-height: 100%; letter-spacing: 0%; color: #24135B; margin: 0; position: relative; padding-left: 20px; cursor: pointer; display: inline-block;}
.new-code-design .back-button .back-text{font-weight: 600; font-size: 18px; line-height: 100%; letter-spacing: 0%; color: #000; margin: 0; position: relative; padding-left: 10px; display: inline-block;}
.new-code-design .back-button h5 span{font-size: 24px; color: #24135B; position: absolute; left: 0; top: 0 ; bottom: 0; margin: auto; height: fit-content; display: inline-block;}

.new-code-design .check-stl input{position: relative;}
.new-code-design .left-po{padding: 0 0px; float: none;}
.new-code-design .left-po label{ display: inline-block; vertical-align: middle; float: none;}
.new-code-design .form-group{margin-bottom: 8px;}



.btn-edit:hover .toolnew{​​​​​​​ display: block; ​​​
.toolnew{​​​​​​​ display: none; position: absolute; top: -25px;  right: 33px;  width: 250px;  background: #666;  color: #fff;  padding: 15px;  font-size: 13px;  font-weight: 100;  box-shadow: 2px 1px 9px rgba(68, 68, 68, 0.6);  border-radius: 5px; }​​​​​​​
.toolnew::before {​​​​​​​ position: absolute; right: -15px; top: 20px; width: 0; height: 0;  border-top: 15px solid transparent; content: "";  border-bottom: 15px solid transparent; border-left: 15px solid #666;}​​​​​​​