body{
    height: 100%;
    width: 100%;
    overflow-x: hidden;
    font-size: 18px;
    display: block;
}

body, .page-sidebar,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar,
.page-sidebar-closed .page-sidebar,
.page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed,
.page-footer{
    background: #1f1f1f;
}

body.nobackground{
    background: transparent;
}

body.nobackground .backstretch{
    display: block;
}

body .backstretch{
    display: none;
}

body.noScroll{
    overflow: hidden;
    display: table;
}

.form-group.form-md-line-input.has-error .help-block{
    opacity: 1;
    font-size: 13px;
}

.page-header.navbar.navbar-fixed-top, .page-header.navbar.navbar-static-top{
    z-index: 70;
}

md-sidenav{
    z-index: 100;
}

md-backdrop._md-dialog-backdrop{
    z-index: 101;
}

md-select-menu md-option{
    min-height: 24px;
    height: auto;
}

md-select md-select-value ._md-container{
    display: none;
}

.md-dialog-container{
    z-index: 105;
    height: 500px !important;
    position: fixed;
    transform: translate(-50%);
    left: 50%;
    top: 20% !important;
}

.no-padding-tab-form{
    padding: 0;
}

.portlet.box>.portlet-title{
    color: inherit;
    position: relative;

}

.main-report-table  .portlet > .portlet-title > .tools ,
.main-report-table  .portlet.box > .portlet-title > .actions {
    padding: 0;
    margin-top: 7px;
}

.portlet.light{
    padding: 5px;
    margin-bottom: 5px;
}

.portlet.box{
    margin-bottom: 0;
}

.portlet.box.blue-chambray{
    border-top: 1px solid #3e5871;
}

.portlet.light .portlet-body{
    padding: 0;
}

.page-content-wrapper .page-content{
    padding: 5px;
}

.page-footer{
    z-index: 99;
    position: relative;
}

.page-content-wrapper{
    width: 98%;
}

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
    display: none !important;
}

.jquery-notific8-container.top.right{
    display: none;
}

#notification-container{
    position: absolute;
    top: 5px;
    height: 30px;
    overflow: hidden;
    left: 22%;
    transform: translate(-50%, 0);
    font-size: 15px;
    display: none;
}

#notification-container.accountbook-notification{
    width: 50%;
    left: 22%;
}

#notification-container .alert{
    margin: 0;
    padding-bottom: 0;
    padding-top: 0;
    line-height: 25px;
    background: none;
    box-shadow: 0 0 0;
}

#notification-container .alert span{
    vertical-align: middle;
}

#notification-container .alert button{
    top: 7px;
}

#notification-container .alert i{
    margin-right: 15px;
    line-height: 30px;
}

.portlet.light.bordered>.portlet-title .auto-complete-search{
    display: inline-flex;
    vertical-align: top;
}

.portlet.light.bordered>.portlet-title .auto-complete-search .form-control{
    height: 30px;
}

.portlet.light.bordered>.portlet-title .auto-complete-search .input-group-addon{
    display: table;
    padding: 7px 12px;
    width: 35px;
}

.portlet.light.bordered>.portlet-title .auto-complete-search input, .find-float-label-autocomplete md-autocomplete{
    height: 30px;
}

.find-user-autocomplete{
    width: 250px;
    border: 1px solid #ccc;
    height: 30px;
}

.find-user-autocomplete .autocomplete-container, .find-user-autocomplete md-autocomplete md-autocomplete-wrap{
    height: 28px;
}

.find-user-autocomplete button{
    padding: 0;
    margin: 0;
}

.find-user-autocomplete md-input-container, .find-float-label-autocomplete md-input-container{
    margin: 0;
    padding: 0;
}

.find-float-label-autocomplete .form-control{
    padding: 0;
    overflow: hidden;
}

.find-float-label-autocomplete md-input-container label{
    display: none;
}

.find-float-label-autocomplete md-input-container{
    height: 72px;
}

.auto-complete-search md-content{
    overflow: hidden;
}

.autocomplete-custom-template li {
    border-bottom: 1px solid #ccc;
    height: auto;
    padding: 5px;
    white-space: normal;
}
.autocomplete-custom-template li:last-child {
    border-bottom-width: 0;
}
.autocomplete-custom-template .item-title,
.autocomplete-custom-template .item-metadata {
    display: block;
    line-height: 24px;
}

.autocomplete-custom-template .item-title{
    font-size: 16px;
}

.autocomplete-custom-template .item-metadata{
    font-size: 12px;
}

.md-virtual-repeat-container.md-autocomplete-suggestions-container{
    height: 185px !important;
}

.md-virtual-repeat-container .md-virtual-repeat-sizer{
    height: auto !important;
}

.md-virtual-repeat-container.md-autocomplete-suggestions-container li img{
    width: 50px;
    display: block;
    margin: 0 auto;
}

.md-sidenav-right h3{
    margin-top: 5px;
    margin-bottom: 0;
}

.md-sidenav-right .md-toolbar-tools h3{
    margin-top: 0;
}

.md-sidenav-right .form-group.form-md-line-input{
    margin-bottom: 10px; ;
    padding-top: 0;
}

.form-group.form-md-line-input .form-control.input-sm,
.form-group.form-md-line-input .form-control{
    font-size: 20px; 
}

.control-label {
    margin-top: 5px;
    font-weight: normal;
}

.progressBarTab  .control-label {
    margin-top: 10px;
    font-weight: normal;
}

.md-sidenav-right .portlet.light>.portlet-title>.caption button{
    padding: 5px 10px;
}

.page-lock .page-lock-info .login-form{
    margin: 25px 0 0 0;
}

.page-lock.lock-view .login-form{
    margin: 30px 0 0 0;
}

.login-form .login-message{
    margin-bottom: 0;
    margin-top: 0;
    height: 25px;
    overflow: hidden;
}

.page-lock.lock-view .login-form .login-message{
    margin-top: 6px;
}

.login-form .relogin{
    min-height: 19px;
}

.login-form .input-medium{
    width: 275px !important;
}

.login-form .btn.green:not(.btn-outline){
    border-color: transparent;
}

#clock{
    color: rgb(230, 230, 230);
    text-align: center;
    padding: 11px 5px;
}

#clock #time{
    font-size: 18px;
}

#clock #date{
    font-size: 10px;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:last-child{
    padding: 15px;
}

.page-header.navbar .page-logo-visible {
    display: block;
    height: 50px;
    width: 200px;
    float: left;
    padding-left: 20px;
    padding-right: 20px;
}

.page-header.navbar .page-logo-visible a{
    position: relative;
}

.page-header.navbar .page-logo-visible img {
    margin: 10px 0 0;
}

.page-header.navbar .page-logo-visible span{
    position: absolute;
    bottom: -20px;
    font-size: 10px;
    right: 0;
    pointer-events: none;
    cursor: default;
    text-decoration: none;
    color: #fff;
    right: -25px;
}

.page-header .navbar-collapse{
    margin-top: 0;
}

.navbar.mega-menu{
    float: left;
}

.page-sidebar .page-sidebar-menu{
    margin-top: 60px;
}

.page-sidebar-closed .page-sidebar .sidebar-toggler{
    margin-right: 2px;
}

.page-sidebar-closed .page-content-wrapper .page-content{
    margin-left: 35px!important;
}

.page-sidebar-closed .page-sidebar, .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed{
    width: 35px!important;
}

.page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed>li>a{
    padding-left: 5px;
}

.page-content-wrapper .page-content, .page-sidebar-menu.page-sidebar-menu-hover-submenu>li:hover>.sub-menu{
    margin-left: 35px;
}

.page-sidebar-menu.page-sidebar-menu-hover-submenu>li:hover>.sub-menu{
    left: 204px;
}

.page-sidebar{
    width: 204px;
    position: fixed;
    z-index: 105;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.page-sidebar.navbar-collapse.collapse{
    height: 100% !important;
}

.page-content .page-title.dashboard-title{
    margin-top: 0;
    margin-bottom: 10px;
}

.page-content .dashboard-title small{
    display: block;
    color: #989898;
}

.dashboard-stat{
    position: relative;
    text-decoration: none !important;
    transition: box-shadow .28s cubic-bezier(.4,0,.2,1);
}

.dashboard-stat .overlay{
    position: absolute;
    width: 100%;
    height: 100%;
}

.dashboard-stat:hover{
    box-shadow: 0 3px 6px rgba(0,0,0,.2), 0 3px 6px rgba(0,0,0,.26);
}

.dashboard-stat:hover .overlay{
    background: rgba(0, 0, 0, 0.12);
}

.dashboard-stat .details{
    position: initial;
    padding-top: 8px;
}

.dashboard-stat .details .number{
    padding-top: 0;
    text-transform: uppercase;
}

.dashboard-stat .details .desc{
    position: absolute;
    bottom: 5px;
    right: 15px;
    font-size: 20px;
    font-weight: 400;
}

.dashboard-stat .details .counter{
    position: absolute;
    text-align: center;
    width: 70%;
    top: -15px;
    font-size: 100px;
    color: #fff;
}

.listings-page .dashboard-stat .details .counter{
    top: 0;
    width: 100%;
    font-size: 50px;
    line-height: 120px;
}

.portlet.calendar.light .fc-button{
    border-bottom: 2px solid transparent;
}

.portlet-reports{
    position: relative;
}

.show-all-options{
    position: absolute;
    display: block;
    top: 75px;
    left: 9px;
    width: 98.2%;
    z-index: 103;
    background: #e6e6e6;
    max-height:0;
    overflow:hidden;
    -webkit-transform:perspective(400) rotate3d(1,0,0,-90deg);
    -webkit-transform-origin:50% 0;
    -webkit-transition:350ms;
    -moz-transition:350ms;
    -o-transition:350ms;
    transition:350ms;
    box-shadow: 0 5px 8px rgba(0, 0, 0, 0.3);
}

.hideReportOptions .show-all-options{
    max-height:0 !important;
    -webkit-transform:perspective(400) rotate3d(1,0,0,-90deg) !important;
}

.enable-all-options .show-all-options{
    max-height:1000px;
    -webkit-transform:perspective(400) rotate3d(0,0,0,0);
}

.portlet-reports.portlet.box>.portlet-title>.actions{
    padding: 0;
}

.portlet-reports .portlet-title{
    position: absolute;
    right: 0;
    top: -3px;
    z-index: 1;
    min-height: 20px;
}

.portlet-reports .portlet-reports-buttons{
    text-align: right;
    margin-top: 22px;
}

.portlet-reports .form-group.form-md-line-input{
    margin: 0 0 5px;
}

md-sidenav.md-sidenav-right{
    width: 90%;
    max-width: 100%;
    position: fixed;
}

md-sidenav.md-sidenav-right.md-sidenav-right-calendar{
    z-index: 71;
}

md-sidenav.md-sidenav-left{
    width: 50%;
    z-index: 999;
    max-width: 100%;
}

.md-sidenav-right .portlet.light>.portlet-title>.caption, .md-sidenav-right .portlet.light>.portlet-title>.actions{
    padding: 0;
}

md-sidenav .portlet.light>.portlet-title{
    margin-bottom: 0;
    min-height: 37px;
}

#rich-file-manager .portlet-title{
    min-height: 40px;
    padding: 3px 3px;
}

#rich-file-manager .portlet-title>.caption{
    float: left;
    display: inline-block;
}

#rich-file-manager .portlet-title>.actions{
    float: right;
    display: inline-block;
}

.portlet-title .float-left {
    float: left;
}

.portlet-title .float-left h2{
    line-height: 40px;
    font-weight: bold;
    font-size: 28px;
    text-transform: uppercase;
}

.invoices-view .portlet-title h2{
    line-height: 40px;
    font-weight: bold;
    font-size: 28px;
    text-transform: uppercase;
    margin-right: 20px;
}

.invoices-view .portlet-title > div > *{
    display: inline-block;
    vertical-align: middle;
}

.invoices-view .portlet-title .field-separator{
    margin: 0 10px;
}
.invoices-view .portlet-title .form-group label{
    margin-top: 8px;
    margin-right: 10px;
}

.invoices-view .portlet-title .form-group.form-md-line-input{
    margin-bottom: 0;
}

.portlet-title .float-right{
    float: right;
}

.tabsStaticTabs md-content md-tabs md-tab-content {
    padding: 0;
    z-index: 9;
}
.tabsStaticTabs md-content md-tabs md-tab-content, .tabsStaticTabs md-content md-tabs md-tab-content input {
    background-color: #e6e6e6; }


.tabsStaticTabs  .md-padding{ padding: 0; }

.tabsStaticTabs .after-tabs-area > span {
    margin-top: 25px;
    padding-right: 15px;
    vertical-align: middle;
    line-height: 30px;
    height: 35px; }

.tabsStaticTabs .after-tabs-area > md-checkbox {
    margin-top: 26px;
    margin-left: 0;
    height:  400px;
}

md-tabs.md-default-theme.md-accent > md-tabs-wrapper, md-tabs.md-accent > md-tabs-wrapper {
    background: #2C3E50;
}

md-toolbar.md-default-theme:not(.md-menu-toolbar), md-toolbar:not(.md-menu-toolbar), md-tab-item.md-tab.md-active, .tabsStaticTabs .overlay{
background: #3949ab;
}

md-toolbar.md-default-theme:not(.md-menu-toolbar), md-toolbar:not(.md-menu-toolbar){
    min-height: 30px;
}

.md-toolbar-tools{
    height: 30px;
    font-size: 17px;
    text-indent: 7px;
}

md-tabs-canvas, md-pagination-wrapper{
    height: 30px;
}

md-tab-item.md-tab{
    padding: 3px 24px;
}

md-tabs.md-default-theme.md-accent > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]), md-tabs.md-accent > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]) {
    color: #FFF;
}

md-tabs .md-tab[disabled]{
    color: #CCC;
}

.tabsStaticTabs{
    position: relative;
}

/*.tabsStaticTabs .reports-table-outer-wrapper{*/
    /*margin-top: 25px;*/
/*}*/



.tabsStaticTabs .tab-form-height {
    transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.3s;
    overflow: hidden;
    width: 98%;
    margin: 0 auto;
    padding: 20px 0;
}

.tabsStaticTabs .tab-form-height .row{
    margin-left: 0;
    margin-right: 0;
}

.portlet-body.form{
    margin-bottom: 10px;
    margin-top: 10px;
    position: relative;
}

.portlet-body.form .date-block{
    position: absolute;
    right: 0;
    bottom: 0;
}

.portlet-body.form .date-block .form-group{
    text-align: right;
}

.tabsStaticTabs .tab-form-height .form-group div[class*="col-"], .tabsStaticTabs .tab-form-height .row > div[class*="col-"],
.md-checkbox{
    margin-bottom: 5px;
}

.tabsStaticTabs .tab-form-height .row > div[class*="col-"]{
    padding: 0;
}

.tabsStaticTabs .reports-table-container{
    padding: 0 !important;
}

.tabsStaticTabs .tab-form-height.ng-hide {
    height:0 !important;
}

.tabsStaticTabs .overlay{
    position: absolute;
    width: 100%;
    height: 30px;
    top: 30px;
    z-index: 9;
}

.tab-form-height .date-picker .btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all) {
    padding: 5px 10px;
}

.main-report-table .row{
    margin: 0;
}

.main-report-table .form-group.form-md-line-input .form-control.input-sm,
.main-report-table .form-group.form-md-line-input .form-control{
    font-size: 20px; 
    font-weight: normal;
}

.main-report-table .reports-table-container{
    position: inherit;
    padding: 0;
}

.main-report-table .reports-table-container div {
  
    padding: 0; 
    margin: 0 !important;
    border: 0;
 
}

.main-report-table .reports-table-container .dataTables_scrollHead {
    border-bottom: 0 !important;
}


.main-report-table .reports-table-container tr.green td ,
{
    background: rgba(0, 128, 0, 0.29) !important;
}

.main-report-table .reports-table-container .dataTables_wrapper .row:first-child,
.main-report-table .reports-table-container .dataTables_wrapper #reportReportReinvoicedCosts-results-table_filter,
.main-report-table .reports-table-container .dataTables_wrapper #reportReportLawyerFees-results-table_filter,
.main-report-table .reports-table-container .dataTables_wrapper #reportReportExpenses-results-table_filter{
    position: absolute;
    width: 50%;
    top: 0;
    right: 463px;
    line-height: 40px;
    color: #fff;
}

.main-report-table .reports-table-container .dataTables_wrapper #reportReportReinvoicedCosts-results-table_filter,
.main-report-table .reports-table-container .dataTables_wrapper #reportReportLawyerFees-results-table_filter,
.main-report-table .reports-table-container .dataTables_wrapper #reportReportExpenses-results-table_filter{

    right: 465px;
}

.main-report-table .reports-table-container .dataTables_wrapper .row:first-child .dataTables_filter input,
.main-report-table .reports-table-container .dataTables_wrapper #reportReportReinvoicedCosts-results-table_filter input,
.main-report-table .reports-table-container .dataTables_wrapper #reportReportLawyerFees-results-table_filter input,
.main-report-table .reports-table-container .dataTables_wrapper #reportReportExpenses-results-table_filter input{
    height: 14px;
    background-color: #e6e6e6;
    font-size: 14px;
}

.input-group-sm>.input-group-btn>select.btn, .input-group-sm>select.form-control, .input-group-sm>select.input-group-addon, select.input-sm {
    background-color: #e6e6e6;
    font-size: 14px;
    height: 26px;
    line-height: 1.1;
}

.main-report-table  .portlet > .portlet-title > .caption {
    float: left;
    display: inline-block;
    font-size: 14px;
    line-height: 1.1;
    text-transform: uppercase;
    padding: 10px 0;
}

.main-report-table   .portlet > .portlet-title > .caption > i {
    float: left;
    margin-top: 1px;
    display: inline-block;
    font-size: 13px;
    margin-right: 5px;
    color: #666;
}

.main-report-table div.dataTables_info{
    font-size: 12px;
    padding: 5px;
}

.main-report-table div.dataTables_wrapper div.dataTables_paginate ul.pagination{
    margin: 0;
    padding: 5px;
}


.main-report-table .pagination li a{
    padding: 0 5px;
    float: none;
    line-height: 30px;
}

.main-report-table .dataTables_paginate {
    text-align: right;
}

.main-report-table .dataTables_filter label{
    width: 96.6%;
}

.reports-table-container  div.dataTables_wrapper div.dataTables_length select, 
.reports-table-container  .dataTables_filter input{
    width: 100% !important;
    background:  #e1e5ec !important;
    border-radius: 0;
    color: #000;
    border: 0;
}

.main-report-table .dataTables_wrapper > .row .col-md-6:first-child{
    padding-right: 0;
}

.main-report-table .dataTables_wrapper > .row .col-md-6:last-child{
    padding-left: 6px;
}

.main-report-table .dataTables_wrapper .dataTables_length{
    text-align: right;
}

.main-report-table .portlet.box .portlet-body, .tabsStaticTabs .main-report-table .portlet.box .portlet-body{
    padding: 0 0;
    background-color: #e7e7e7;
}

.main-report-table .table-scrollable{
    margin: 0 0 10px 0!important;
    border: 1px solid #717171;
}

.main-report-table .table-invoice-details{
 
    border: 0;
}

.main-report-table table.table-striped{
    width: 100% !important;
}

.main-report-table .inner-reload{
    display: none;
}

.tabsStaticTabs .inner-reload{
    display: block;
    text-align: right;
}

.main-report-table tr:focus{
    outline: none;
}

.listings-init-title{
    height: 100px;
}

.main-report-table .reports-table-container   .treeTable tr[class^="child-of-"] td a {
    position: sticky;
    right: -25px;
    height: 19px;
    z-index: 9;
}


.table-scrollable > .table-bordered > thead > tr:last-child > th, .table-scrollable > .table-bordered > tbody > tr:last-child > th,
 .table-scrollable > .table-bordered > tfoot > tr:last-child > th, .table-scrollable > .table-bordered > thead > tr:last-child > td,
  .table-scrollable > .table-bordered > tbody > tr:last-child > td, .table-scrollable > .table-bordered > tfoot > tr:last-child > td {
    /* border: 1px solid #717171; */
  
}

.main-report-table .reports-table-container   .table-scrollable > .table-bordered {
    border: 1px solid;
}

.main-report-table .reports-table-container    table {
    table-layout:fixed ;
}

/* колони */
.reports-table-container   table>tbody>tr>td ,
.reports-table-container   table>thead>tr>th  {

     
        
        /* text-overflow: ellipsis; */
        white-space: nowrap;
        overflow: hidden;;
}

.main-report-table .reports-table-container    table>tbody>tr>td  {

    font-size: 14px;
    line-height: 1.1;
    padding: 4px !important;
    vertical-align: middle !important;
    overflow:hidden; 
    white-space:nowrap;
    font-weight: 600;
    color: #000;
    border-left-width: 0px !important;
}

.reports-table-outer-wrapper  .portlet > .portlet-title > .actions > .btn,
.reports-table-outer-wrapper  .portlet > .portlet-title > .actions > .btn.btn-sm,
.reports-table-outer-wrapper  .portlet > .portlet-title > .actions > .btn-group > .btn,
.reports-table-outer-wrapper .portlet > .portlet-title > .actions > .btn-group > .btn.btn-sm {
    padding: 4px 4px;
    font-size: 12px;
    line-height: 1.1;
}

.table-bordered, .table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, 
.table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, 
.table-bordered>thead>tr>th {
    
    background: #e8e8e8;
    vertical-align: middle;
    
}


.table-invoice-details .table-bordered, 
.table-invoice-details.table-bordered>tbody>tr>td, 
.table-invoice-details.table-bordered>tbody>tr>th, 
.table-invoice-details.table-bordered>tfoot>tr>td, 
.table-invoice-details.table-bordered>tfoot>tr>th, 
.table-invoice-details.table-bordered>thead>tr>td, 
.table-invoice-details.table-bordered>thead>tr>th {
    
    background:  #FFF;
    vertical-align: middle;
    
}

.wreportsInvoice .table-bordered, 
.wreportsInvoice.table-bordered>tbody>tr>td, 
.wreportsInvoice.table-bordered>tbody>tr>th, 
.wreportsInvoice.table-bordered>tfoot>tr>td, 
.wreportsInvoice.table-bordered>tfoot>tr>th, 
.wreportsInvoice.table-bordered>thead>tr>td, 
.wreportsInvoice.table-bordered>thead>tr>th {    
    background:  #FFF;
    vertical-align: middle;    
}

.table-hover > tbody > tr:hover, 
.table-hover > tbody > tr:hover > td ,
.table-hover > tbody > tr:hover > td span {
 
    background: #2C3E50 !important;
    color: #FFF !important;
}

.reports-table-container  table.dataTable thead .sorting:after, 
.reports-table-container  table.dataTable thead .sorting_asc:after, 
.reports-table-container  table.dataTable thead .sorting_desc:after, 
.reports-table-container  table.dataTable thead .sorting_asc_disabled:after, 
.reports-table-container  table.dataTable thead .sorting_desc_disabled:after {
 
    bottom: 3px; 
}


.table.table-bordered thead>tr>th {
    border-bottom: 0;
    background: #717171;
    color: #fff; 
    padding:  2px 4px 2px 4px;
    text-indent: 5px;
    font-size: 14px;}

.page-sidebar .page-sidebar-menu>li.active.open>a,
 .page-sidebar .page-sidebar-menu>li.active>a, 
 .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.active.open>a, 
 .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.active>a {
    background: #466fb2;
}


.page-sidebar .page-sidebar-menu>li.active.open>a:hover, 
.page-sidebar .page-sidebar-menu>li.active>a:hover, 
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.active.open>a:hover, 
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.active>a:hover {
    background: #466fb2;
}

.reports-table-container .table-bordered, 
.reports-table-container .table-bordered>tbody>tr>td, 
.reports-table-container .table-bordered>tbody>tr>th, 
.reports-table-container .table-bordered>tfoot>tr>td,
.reports-table-container .table-bordered>tfoot>tr>th,
.reports-table-container .table-bordered>thead>tr>td, 
.table-bordered>thead>tr>th {

    border-color:  #717171; 
}

.reports-table-container table.dataTable{
    
    margin-top: 0px !important;   
    /* width: auto !important;    */
}

.reports-table-container div.dataTables_scrollBody {
    background:  transparent !important;
}

.reports-table-container table.dataTable2{
    
    /* margin-top: 0px !important;    */
    width: auto !important;   
}


/* px варианта на таблицата */
.reports-table-container .table-pixel {

    table-layout: fixed  !important;  
    margin-bottom: 10px !important;
   word-wrap:break-word;  
}


.reports-table-container  table.dataTable.no-footer {
    border: 1px solid  #717171;
    margin-bottom: 0 !important;
}

.reports-table-container input{
    height: 25px;
}

.reports-table-container .form-group    .input-group{
    margin-top: 0 !important;
}

.reports-table-container  .form-control  {
    background: transparent !important;
    border: 1px solid #a7a7a7 !important;
}

.reports-table-container  .btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all).btn-xs{
    padding: 0px 8px 0px 8px;
    border: 1px solid #bbbbbb !important;
    padding: 2px 8px 2px 8px;
    /* background: #fff; */
}

.reports-table-container  .input-group-addon{
        padding: 0px 12px;
}

.md-checkbox{
    margin-top: 0px;
}


.md-whiteframe-4dp{
    background: #e6e6e6;
}

#clearListingsProjectsTypes li{
    display: inline-block;
    margin-left: 35px;
}


.calendar-page ._md-select-menu-container{
    left: 48px !important;
}

.input-right {
    text-align: right;
}

.main-report-table .pagination>.disabled>a, 
.main-report-table .pagination>.disabled>a:focus, 
.main-report-table .pagination>.disabled>a:hover, 
.main-report-table .pagination>.disabled>span, 
.main-report-table .pagination>.disabled>span:focus, 
.main-report-table .pagination>.disabled>span:hover {
    color: #fff;
    background-color: #2d2e30;
    border-color: #2c3e50;
    cursor: not-allowed;
}

.main-report-table .pagination>.active>a, 
.main-report-table .pagination>.active>a:focus, 
.main-report-table .pagination>.active>a:hover, 
.main-report-table .pagination>.active>span, 
.main-report-table .pagination>.active>span:focus, 
.main-report-table .pagination>.active>span:hover {
    z-index: 3;
    color: #fff;
    background-color: #2d2e30;
    border-color: #2c3e50;
    cursor: default;
}

.main-report-table .pagination>li>a, .pagination>li>span {
    
    color: #717171;
    background-color: #fff; 
    font-size: 15px;
}

 

.fa-lock{
    color: #e43a45;
}


.fa-lock-green{
    color: #12792a;
}

.fa-money{
    color: #498665;
}

.listing-users-rates-table{
    width: 500px;
}

.listing-users-rates-table thead>tr>th, .listing-users-rates-table tbody>tr>td {
    vertical-align: middle;
    line-height: 14px;
}

.listing-users-rates-table .form-group.form-md-line-input{
    margin-bottom: 0;
}

.listing-users-rates-table,
.listing-users-rates-table>tbody>tr>td,
.listing-users-rates-table>tbody>tr>th,
.listing-users-rates-table>tfoot>tr>td,
.listing-users-rates-table>tfoot>tr>th,
.listing-users-rates-table>thead>tr>td,
.listing-users-rates-table>thead>tr>th {
    background: inherit;
}

.listing-users-rates-table .help-block{
    left: 130px;
    width: 300px;
    top: 5px;
}

#notification-container.calendar-notification{
    position: initial;
    text-align: center;
    transform: none;
}

.calendar-multi-select{
    position: fixed;
    right: 1%;
    top: 18% !important;
    z-index: 101;
    left: auto !important;
}

.calendar md-input-container{
    display: block;
}

.calendar .btn{
    width: 100%;
    margin: 10px 0 0 0;
}

#fullCalendar .fc-row .fc-bg,
#fullCalendar .fc-row .fc-content-skeleton{
    z-index: unset;
}

#fullCalendar .fc-row .fc-bg td:not(.fc-today){
    position: relative;
    z-index: 1;
}

.portlet.calendar .fc-widget-header{
    padding: 2px 0;
}

.portlet.calendar .fc-day-number.fc-fri.fc-past{
    color: #666;
}

.calendar md-input-container md-select-value {
    padding: 10px 0 !important;
}

.calendar-reminder-weeks-container .md-checkbox-inline .md-checkbox{
    margin-right: 5px;
    margin-bottom: 5px;
}

.calendar-reminder-months-container .md-checkbox-inline .md-checkbox[ng-class="low"]{
    margin-right: 20px;
}

.calendar-reminder-months-container .md-checkbox-inline .md-checkbox[ng-class="high"]{
    margin-right: 10px;
}

.form-group label{
    float: left;
    padding-right: 30px;
}

.invoices-summary{
    width: 100%;
    /* height: 300px; */
    border: 1px solid #ccc;
    background: #fff;
    padding: 10px 0px;
}

.invoices-summary .row{
    margin: 0 0 5px 0;
}

.invoices-view .form-group label{
    min-width: 140px;
    padding-right: 0;
}

.invoices-view .form-group label.date-label{
    float: none;
}

.invoices-view .form-group label.width100{
    width: 100px;
    padding-right: 0;
}

.invoices-view .first-half div:not(.col-md-12) .form-group,
.invoices-view .first-half div:not(.col-md-12) .form-group .input-group{
    width: 100%;
}
.invoices-view .first-half div.md-checkbox-width .form-group .input-group{
    width: calc(100% - 30px);
}

.invoices-view .form-group.form-md-line-input .form-control.input-sm,
.invoices-view .form-group.form-md-line-input .form-control{
    border: 1px solid #ccc;
    background: #fff;
    padding: 0 5px;
}

.date-picker input{
    text-align: center;
}

.date-picker{
    width: 180px;
}

.invoices-view .table-scrollable table td{
    /* background: #fff !important; */
    padding-bottom: 0;
}

.invoices-view .table-scrollable .wreportsInvoice td{
    padding-bottom: 8px;
}

.invoices-view .table-scrollable table .form-group{
    margin: 0;
}

.invoices-view .table-scrollable .form-group.form-md-line-input .form-control.input-sm,
.invoices-view .table-scrollable .form-group.form-md-line-input .form-control{
    border: 0;
}

.invoices-view md-input-container .md-errors-spacer{
    min-height: inherit;
}

.invoices-view .find-float-label-autocomplete md-input-container{
    height: 30px;
}

.invoices-view .form-group.form-md-line-input{
    margin-bottom: 5px;
}

.autocomplete-label label{
    color: #327ad5;
    font-size: 13px;
    opacity: 1;
    position: absolute;
}

.autocomplete-label .form-group{
    padding-top: 25px;
}

.autocomplete-label md-content{
   background: transparent;
}

.summary-reports-autocomplete-label label{
    font-size: 16px;
    top: 25px;
    transition: 0.2s ease all;
    color: #999 !important;
    width: 100%;
    position: absolute;
    bottom: 0;
    pointer-events: none;
}

.md-virtual-repeat-container.md-autocomplete-suggestions-container{
    z-index: 105;
}

.invoices-view .advance{
    position: absolute;
    left: 15px;
}

.invoices-view .i8042_12 .form-group , .invoices-view .i8042_22 .form-group{
    float: left;
}

.invoices-view .i8042_12 .form-group:first-child,
.invoices-view .i8042_22 .form-group:first-child{
    margin-right: 20px;
}

.payments .payments-info .float-left{
    float: left;
    margin-right: 20px;
}

.payments h2{
    margin: 5px 0;
}

.payments .payments-info .total{
    display: inline-block;
    margin-top: 5px;
}

.payments .payments-info .row .float-left:first-child{
    width: 330px;
    margin-top: 10px;
}

.payments .payments-info .input-group{
    width: 250px;
}

.payments .payments-info .md-checkbox{
    margin-top: 7px;
}

.tab-form-height .md-radio-list{
    margin: 50px;
}

#buttons-container{
    padding-right: 10px;
}

.payments-static .row span:first-child{
    min-width: 190px;
    display: inline-block;
    margin-right: 30px;
}

.payments-static .row{
    margin-bottom: 5px;
}

#fileupload .profile-userpic{
    height: 200px;
    width: 200px;
    margin: 0 auto 20px auto;
}

#fileupload .profile-userpic img {
    float: none;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    -webkit-border-radius: 50%!important;
    -moz-border-radius: 50%!important;
    border-radius: 50%!important;
}

#fileupload .progress-striped{
    margin-bottom: 0;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle > img{
    width: 29px;
}

.report-users-avatar{

    margin-right: 5px;
    height: 29px;
    width: 29px;
    display: inline-block;
    border-radius: 50%;
    vertical-align: middle;
}

.dtp > .dtp-content > .dtp-date-view > header.dtp-header,
.dtp div.dtp-date, .dtp div.dtp-time,
.dtp .dtp-actual-meridien a.selected,
.dtp .dtp-picker-time > a.dtp-select-hour.selected,
.dtp .dtp-hand.on,
.dtp table.dtp-picker-days tr > td > a.selected{
    background: #3598dc;
}

.font-size-15{

    font-size: 15px !important;
}

.page-header .navbar .navbar-nav>li>a {
    color: #a9afb4;
    font-size: 14px;
}

.reports-container ._md-select-value._md-select-placeholder,
.reports-container md-select:not([disabled]):focus ._md-select-value{
    padding-bottom: 4px;
}

.reports-container md-input-container{
    display: block;
}

.reports-container .show-all-options{
    padding-left: 5px;
}

.reports-container md-select:not([disabled]):focus ._md-select-value{
    border-bottom-width: 1px;
}

.reports-container md-input-container>md-select{
    height: 33px;
    overflow: hidden;
}

.reports-container .date-picker{
    width: 100%;
}

.reports-container ._md-select-menu-container,
.projects-page ._md-select-menu-container,
.reinvoicedcosts-page ._md-select-menu-container{
    z-index: 107;
}

md-select-menu md-select-header{
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1), 0 0 0 0 rgba(0, 0, 0, 0.14), 0 0 0 0 rgba(0, 0, 0, 0.12);
    padding-left: 12px;
    margin-bottom: 4px;
    padding-bottom: 4px;
    cursor: pointer;
    position: relative;
    display: block;
    font-size: 23px;
}

md-select-menu md-select-header span{
    margin-right: 10px;
}

md-select-menu md-select-header span.all{
    color: rgba(63,81,181,0.87);
}


.md-filter-multiselect {
    margin: 0;
}

.tile__list{
    cursor: move;
}

.h1, h1 {
    font-size: 36px;
}

.toast-top-right {
    top: 50px;
    right: 12px;
}


.portlet.box.blue-chambray > .portlet-title {
    /* background-color: #1f1f1f; */
}
.modal-backdrop {
    z-index: -1;
}
.modal-dialog-file {
    width: min(900px, 80%);
    height: min(800px, 90%);
}

.modal-header-file {
    display: flex;
    align-items: center;
}
.modal-close {
    margin-left: auto;
}
.modal-content-file {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.modal-body-file {
    flex: 1;
}

/* -----------------[ AGGRID CSS CODES ] ----------------- */

.ag-cell-wrapper .ag-cell-value div span[style*="font-size: 10px"] {
    display: block;
    position: relative;
    top: -35px;
    margin-bottom: -15px;
}

.ag-cell-wrapper .ag-cell-value div {
    position: relative;
}

/* Separate styles for lock and money icons */
.ag-cell-wrapper .ag-cell-value div .fa-lock {
    vertical-align: middle;
}

/* Specific positioning for money icon */
.ag-cell-wrapper .ag-cell-value div .fa-money {
    vertical-align: middle;
    position: relative;
    margin-right: 5px;
    left: -5px; /* Increased left offset */
}

/* Moves money icon to left*/
.ag-cell:has(span[style*="font-size: 10px"]) .fa-money {
    margin-right: 5px;
    left: -35px;
    position: relative;
}

.ag-cell:has(span[style*="font-size: 10px"]) {
    min-width: 140px !important;
    padding-right: 10px !important;
}

/* Changes height size of rows that have span font-size: 10px */
.ag-cell span[style*="font-size: 10px"] {
    line-height: 1 !important;
    margin-top: 38px !important;  
}

/* Changes height size of rows that have fa fa-money and span font-size: 10px */
.ag-cell:has(.fa-money) span[style*="font-size: 10px"] {
    line-height: 1 !important;
    margin-top: 23px !important;  
}

/* Reduces empty space from above of row to first text */
.ag-cell span {
    line-height: 1 !important;
    margin-top: 2px !important;  
}

.ag-theme-alpine .ag-cell[col-id="Час Мину..."],
.ag-theme-alpine .ag-cell[col-id="Сума"],
.ag-theme-alpine .ag-cell[col-id="ДДС"] {
    justify-content: center !important;
}

.ag-cell-wrapper .ag-cell-value div:has(.fa-lock + span .fa-money) {
    display: flex;
    align-items: center;
    gap: 4px;
}

.ag-cell-wrapper .ag-cell-value div:has(.fa-lock + span .fa-money) .fa-lock,
.ag-cell-wrapper .ag-cell-value div:has(.fa-lock + span .fa-money) .fa-money {
    position: static;
    margin: 0;
    left: 0;
}

.ag-cell-wrapper .ag-cell-value div:has(.fa-lock + span .fa-money) span {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    margin: 0;
}