.history_btn{
    left: 0px !important;
    position: relative !important;
    margin-bottom: 8px;
}
[hidden] {
    display: none !important
}
.fc-border-separate thead tr,.table thead tr{
    font-size:13px !important;
}
#standardDate {
    width:20%;
    float: right;
}
.btnViewAll {
    width:20%;
    float: right; 
}
/* .invoicedDetails {
    margin-left: 4%;
    margin-top: 1%;
} */
.activityContent {
    padding: 7px;
    list-style: none;
}

.contentColor{
    color:#20B2AA;
}
.toggle-demo {
    position: absolute;
    top: 10px;
    right: -8px;
    display: block;
    width: 154px;
    height: auto;
    z-index: 99;
    opacity: .9
}

.toggle-demo:hover {
    opacity: 1
}

.toggle-demo .btn-group {
    width: 100px;
    float: left
}

.toggle-demo>span {
    display: inline-block;
    float: left;
    margin-right: 5px;
    line-height: 21px;
    color: #757575
}

.demo-vertical-uislider {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box
}

.demo-vertical-uislider>div {
    height: 200px;
    margin: 0 0 0 10px;
    display: inline-block
}

.demo-vertical-uislider>:first-child {
    margin-left: 15px
}

.knobs-demo>div {
    display: inline-block;
    margin-left: 30px
}

.knobs-demo>:first-child {
    margin-left: 0
}

.demo label input[type=checkbox].checkbox+span:before,
.demo label input[type=radio].radiobox+span:before {
    border: 1px solid #5E5E5E
}

.demo label:hover input[type=checkbox].checkbox+span:before {
    border-color: #E77317
}

.demo label {
    margin-bottom: 4 !important;
}

.demo .checkbox i {
    border-color: #7A7A7A
}

.demo .checkbox,
.demo .radio {
    padding-left: 22px
}

.demo.activate {
    right: 0 !important;
    box-shadow: -11px 12px 23px rgba(0, 0, 0, .2);
    padding: 5px 10px 10px
}

.demo #demo-setting+form {
    display: none
}

.demo.activate #demo-setting+form {
    display: block
}

.demo {
    position: absolute;
    top: 5px;
    right: 0;
    width: 160px;
    z-index: 902;
    background: #F1DA91
}

.demo>span {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    height: 30px;
    width: 30px;
    border-radius: 5px 0 0 5px;
    background: #F1DA91;
    padding: 2px;
    text-align: center;
    line-height: 28px;
    cursor: pointer
}

.demo>span i {
    font-size: 17px
}

.demo.activate>span i:before {
    content: "\f00d"
}

.demo.activate>span {
    left: -30px
}

.demo>span:hover i {
    color: #333 !important
}

.demo form section {
    margin: 0 !important
}

.demo .btn {
    font-size: 13px !important;
    line-height: 1.5 !important;
    border-radius: 3px !important;
    padding: 3px 7px !important;
    height: auto !important
}

.demo-liveupdate-1 {
    font-size: 12px !important;
    position: absolute !important;
    left: 33px;
    top: 15px;
    display: block;
    z-index: 2;
    font-weight: 700;
    padding: 1px 61px 3px 7px
}

.demo-btns {
    margin: 0;
    padding: 0;
    list-style: none
}

.demo-btns>li {
    display: inline-block;
    margin-bottom: 7px
}

.demo-icon-font {
    font-size: 14px;
    margin-bottom: 6px;
    padding-top: 4px;
    padding-bottom: 4px
}

.demo-icon-font:hover {
    background-color: rgba(86, 61, 124, .1);
    text-decoration: none
}

.demo-modal {
    width: auto;
    max-width: 600px;
    z-index: 1
}

.demo-red {
    color: #DF413E
}

.demo-orange {
    color: #DAA03E
}

.demo-border {
    border: 1px solid rgba(0, 0, 0, .2)
}

.nav-demo-btn {
    display: none
}

body:not(.menu-on-top) .nav-demo-btn {
    display: block;
    padding: 6px 5px;
    margin: 5px 10px;
    width: auto;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    font-size: 12px;
    white-space: normal
}

.fixed-navigation .nav-demo-btn,
.minified .nav-demo-btn {
    display: none !important
}

.smart-rtl .demo .margin-right-5 {
    margin-right: 0 !important
}

.has-danger .form-control,
.has-danger .custom-select,
.has-danger .custom-file-control {
    border-color: #f86c6b;
}

html {
    background: none;
}

.formly .form-group {
    margin-bottom: 0px;
}

.radio,
.checkbox {
    display: inline-block;
    margin-right: 20px;
    margin-bottom: 6px;
    margin-top: 6px;
}

.searchCheckbox input[type=checkbox] {
    width: 20px;
    height: 15px;
}

.company-selection {
    display: inline-block;
    margin: 24px 15px 0px 0px;
    position: relative;
    padding: 0px 12px 0px 0px;
}

.company-selection:after {
    content: "";
    border-left: 1px solid #bfbfbf;
    position: absolute;
    right: 0px;
    top: 0px;
    height: 100%;
    bottom: 0px;
    margin: auto;
}

.company-selection span.project-selector img {
    margin: -2px 5px 0px 0px;
    width: 20px;
    vertical-align: middle;
}

.company-selection .dropdown-menu>li>a img,
.application-selection .dropdown-menu>li>a img {
    margin: 0px 5px 0px 0px;
    width: 24px;
    vertical-align: top;
}

.application-col {
    display: inline-block;
}

.application-icon {
    display: inline-block;
    margin: 0px;
    position: relative;
}

.application-icon a {
    display: inline-block;
    text-align: center;
    padding: 16px 12px;
    padding-bottom: 17px;
    border-left: 1px solid #e9e9e9;
    background: #fff;
}

.application-icon:first-child a {
    border: none;
}

.smart-style-3 .application-icon a {
    background: #ff994d;
    border-color: #be692c
}

.smart-style-0 .application-icon a {
    border-color: #f8f8f8;
}

.smart-style-1 .application-icon a,
.smart-style-1 .application-selection .dropdown-menu>li>a {
    border-color: #0d0f12;
    background: #3a404c;
    color: #909aaf !important;
}

.smart-style-1 .application-icon a span {
    color: #909aaf;
}

.smart-style-1 .application-icon.app_active a,
.smart-style-1 .application-icon a:hover {
    background: #fff;
}

.application-icon a span {
    text-align: center;
    display: inline-block;
    margin: 0px 0px 0px 3px;
    vertical-align: middle;
}

.application-selection {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    margin: 19px 0px 0px 15px;
    padding: 0px 0px 7px 0px;
}

.application-selection span.project-selector {
    border: 1px solid #e9e9e9;
    border-radius: 100%;
    width: 25px;
    height: 25px;
    display: inline-block;
    background: #fff;
}

.application-selection span.project-selector i {
    text-align: center;
    width: 99%;
    margin: 4px 0px 0px 0px;
}

.application-icon .btn-header {
    display: inline-block;
    margin: 0px 1px;
}

#header>div {
    height: 62px;
    display: table;
}

body.fixed #header>div {
    height: 51px;
}

#logo {
    margin: 0;
    vertical-align: middle;
    display: table-cell;
    padding: 7px;
}

#logo-container {
    text-align: center;
}

#logo img {
    width: auto;
    padding-left: 0;
    height: 48px;
}

.redBG {
    background: #b51d2a;
}

body.fixed #logo img {
    height: 35px;
}

#extr-page #header #logo img {
    width: auto;
}

#extr-page .company-login {
    background-position: center;
    background-size: cover;
    min-height: 100vh;
}


/* #extr-page .company-login svg{
position: absolute;
height: 100%;
width: 100%;
} */

#extr-page .company-login .dropdown-menu,
#extr-page .company-login-update .dropdown-menu,
#extr-page .company-login-forgot .dropdown-menu {
    left: inherit;
    right: -1px;
}

#extr-page .company-login #main {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding-top: 71px;
    background: none;
    padding-bottom: 48px;
}

#extr-page .company-login #main #content {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    left: 0;
    right: 0;
}

#extr-page #header>div {
    height: 71px;
}

#extr-page #header #logo {
    margin-top: 0px;
    display: table-cell;
    float: none;
}

.company-login #extr-page-header-space>:first-child {
    margin-right: 0;
}

#extr-page .company-login #header {
    border: none !important;
    background: #f4f4f4 !important;
}

#extr-page .company-login .company-logo {
    position: absolute;
    bottom: 48px;
}

#extr-page .company-login .company-logo img {
    background-color: #fff;
}

#extr-page .company-login .company-logo h3 {
    display: inline-block;
    font-weight: bold;
    margin-bottom: 5px;
    vertical-align: bottom;
    font-size: 32px;
    margin-left: 20px;
}


/* #extr-page .company-login #header .header-dropdown-list>li>.dropdown-toggle{
border: 1px solid #ddd;
padding: 6px;
margin-top: 17px;
}
#extr-page .company-login #main .smart-form{
background: #fff;
}
#extr-page .company-login #main .smart-form footer .btn{
float: none;
margin:0;
}
#extr-page .company-login #main .smart-form header{
background: #3276b1;
border: none;
text-align: center;
}
#extr-page .company-login #main .smart-form fieldset{
padding: 25px 25px 0px 25px;
}
#extr-page .company-login #main .smart-form section{
margin-bottom: 25px;
}
#extr-page .company-login #main .smart-form footer{
border: none;
padding: 0px 25px 25px;
text-align: center;
background: no-repeat;
}
#extr-page .company-login #main .smart-form header h3{
color: #fff;
} */

#extr-page .company-login #footer {
    padding: 15px 30px;
    background: #f4f4f4;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

#extr-page .company-login #footer .footer-menu {
    margin-bottom: 0;
}

#extr-page .company-login #footer .footer-menu li,
#extr-page .company-login #footer .footer-menu li a {
    color: #333333;
}

#header .header-title {
    float: right;
    margin-right: 20px;
    font-weight: 500;
    letter-spacing: 1px;
    margin-top: 22px;
    margin-bottom: 0;
    color: #333;
}

.smart-style-3 #logo img {
    margin-top: 0px;
    width: auto;
    height: 48px;
}

.smart-style-2.menu-on-top .application-col {
    border-bottom: 1px solid #f7f7f7;
}

.smart-style-2.menu-on-top .application-col .application-icon a {
    padding-bottom: 14px;
}

.smart-style-2.menu-on-top.fixed .application-col {
    border-bottom: none;
}

.company-selection span.project-selector {
    font-size: 13px;
    color: #6D6A69;
}

.application-icon .btn-header span a {
    margin: 0px;
}

.action-application>*:first-child>a {
    background-color: #e8e8e8;
    background-image: linear-gradient(to bottom, #5a5a5a 0px, #686868 100%);
    border-color: #494949;
    box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.15) inset;
    color: #fff;
}

.footer-menu {
    display: inline-block;
    padding: 0px 0px 0px 5px;
}

.footer-menu li {
    display: inline-block;
    margin: 0px 14px;
    position: relative;
}

.footer-menu li:first-child {
    margin-left: 0px;
}

.footer-menu li:after {
    position: absolute;
    content: "";
    border-left: 1px solid #ccc;
    left: -14px;
    height: 100%;
    top: 0;
}

.footer-menu li:first-child:after {
    display: none
}

.application-selection .dropdown-menu {
    right: 0px;
    left: inherit;
    padding: 0;
}

.inspector .table .thead tr {
    background: #ccc;
}

.inspector .table .thead tr th {
    color: #333;
}

.inspector .no-padding>table tr th:last-child {
    border: none !important;
}

.inspector .bundle .table thead tr {
    border-bottom: 1px solid #ddd;
}

.smart-style-2 #left-panel,
#left-panel {
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-top: 62px;
    position: fixed;
}

.smart-style-2 .page-footer,
.smart-style-2 #header,
.smart-style-2 aside {
    background: #F7F7F7;
    background: -webkit-gradient(linear, left top, right top, color-stop(99%, #f7f7f7), color-stop(100%, #f7f7f7));
    background: -webkit-linear-gradient(left, #f7f7f7 99%, #f7f7f7 100%);
    background: -webkit-gradient(linear, top left, top right, from(#f7f7f7), to(#f7f7f7));
    background: linear-gradient(to right, #f7f7f7 99%, #f7f7f7 100%)
}

.smart-style-2 .login-info span {
    border-radius: 0px;
    background: transparent;
    padding: 0px 10px;
}

.smart-style-2 .login-info {
    background: #3a3633;
    margin-bottom: 5px !important;
}

.smart-style-2 .login-info a span {
    font-size: 14px !important;
}

.smart-style-2 .login-info a {
    margin-top: 6px;
    color: #c0bbb7;
}

.smart-style-2 .login-info a:hover {
    color: #fff;
}

.smart-style-2 .login-info img {
    width: 25px;
}

.page-footer {
    border-top: 0px;
    height: auto;
}

.smart-style-2 .footer-menu li a,
.smart-style-2 .footer-menu li,
.smart-style-2 .page-footer span {
    color: #333333;
}

.smart-style-2 nav ul li.active>a:before {
    color: #bbb;
}

.application-icon img {
    height: 22px;
}

.smart-style-2 .btn-header>:first-child>a,
.smart-style-2 #hide-menu a:hover i,
.smart-style-2 .btn-header>:first-child>a:hover,
.smart-style-2 #logo-group span#activity,
.smart-style-2 .header-dropdown-list a.dropdown-toggle,
.company-selection span.project-selector,
.application-icon a,
.smart-style-2 .project-selector,
body.smart-style-6 .company-login .header-dropdown-list>li>.dropdown-toggle,
body.smart-style-5 .company-login .header-dropdown-list>li>.dropdown-toggle {
    color: #666 !important;
}

.application-icon.app_active a,
.application-icon a:hover {
    background: #e9e9e9;
}

.smart-style-1 .dropdown-menu,
.smart-style-1 .open>.dropdown-menu {
    padding: 0;
}

.smart-style-1 .dropdown-menu>li>a {
    border-radius: 0;
    margin: 0;
}

.smart-style-1 .application-selection .dropdown-menu>li>a:focus,
.smart-style-1 .application-selection .dropdown-menu>li>a:hover,
.smart-style-1 .application-selection .dropdown-menu>li.app_dropdown_active>a {
    background: #fff !important;
    color: #909aaf !important;
}

.smart-style-1 .application-selection .dropdown-menu>li>a {
    border-color: #0d0f12;
    color: #909aaf !important;
}

.smart-style-1 .application-selection .dropdown-menu>li>a {
    border-color: #0d0f12;
    color: #909aaf !important;
}

.smart-style-3 .application-selection .dropdown-menu>li>a {
    border-color: #be692c;
    color: #fff !important;
}

.smart-style-3 .application-selection .dropdown-menu>li>a:focus,
.smart-style-3 .application-selection .dropdown-menu>li>a:hover,
.smart-style-3 .application-selection .dropdown-menu>li.app_dropdown_active>a {
    background: #be692c !important;
    color: #fff !important;
}

.smart-style-0 .application-selection .dropdown-menu>li>a:focus,
.smart-style-0 .application-selection .dropdown-menu>li>a:hover,
.smart-style-0 .application-selection .dropdown-menu>li.app_dropdown_active>a {
    background: #f8f8f8 !important;
}

.smart-style-0 .application-selection .dropdown-menu>li>a {
    border-color: #f8f8f8;
}

.application-selection .dropdown-menu>li>a:focus,
.application-selection .dropdown-menu>li>a:hover {
    background: #e9e9e9;
    color: #666;
}

.application-selection .dropdown-menu>li.app_dropdown_active>a {
    background: #e9e9e9 !important;
    color: #666 !important;
}

.application-selection .dropdown-menu>li>a {
    color: #666;
    border-bottom: 1px solid #e9e9e9;
    padding: 5px 20px;
    text-align: left;
    border-left: 0;
}

.application-selection .dropdown-menu>li:last-child a {
    border-bottom: 0;
}

.smart-style-3 .application-icon.app_active a,
.smart-style-3 .application-icon a:hover {
    background: #be692c;
}

.smart-style-0 .application-icon.app_active a,
.smart-style-0 .application-icon a:hover {
    background: #f8f8f8;
}

.full-screen.smart-style-2 #fullscreen.btn-header>:first-child>a,
.hidden-menu .smart-style-2 #hide-menu a>i {
    color: #fff !important;
}

#logo-group span#activity:hover {
    box-shadow: none;
}

#header {
    height: 62px;
}

.smart-style-2.minified #left-panel {
    padding-top: 62px !important;
}

#logo-group span#activity {
    margin: 18px 0 0 0px;
    font-size: 22px;
    line-height: 1.42857143;
}

.header-dropdown-list {
    line-height: 1.42857143;
}

.header-dropdown-list>li>.dropdown-toggle,
.smart-style-3 .header-dropdown-list>li>.dropdown-toggle {
    margin-top: 24px;
}

.btn-header>:first-child>a {
    font-size: 19px;
    margin: 18px 0px 0px 0px;
}

.ajax-dropdown {
    top: 62px;
}

.smart-style-2 .btn-header>:first-child>a {
    border: 1px solid #EAEADA !important;
}

.application-icon a .apps-icon {
    width: 29px;
    height: 29px;
    display: inline-block;
    vertical-align: middle;
}

.application-icon {
    float: left;
}

.application-col:before {
    content: "";
    border-left: 1px solid #eaeaea;
    position: absolute;
    left: 0px;
    top: 2px;
    height: 90%;
    bottom: 0px;
    margin: auto;
}
.application-col{
    float: left;
}
.application-icon a,
.application-col {
    position: relative;
}

.application-icon a:hover::after {
    width: 100%
}

.smart-style-3 .application-icon a span,
.smart-style-6 .application-icon a span,
.darktheme.smart-style-5 .application-icon a span {
    color: #fff;
}

.color-selector i {
    background-image: url(../img/color-picker.svg);
    display: inline-block;
    background-size: 100%;
}

.dashboard-icon {
    background-image: url("../img/application/dashboard.svg");
    background-size: 85% 90%;
    background-repeat: no-repeat;
    background-position: center;
}

.smart-style-1 .dashboard-icon {
    background-image: url("../img/application/dashboard_red.svg");
}

.smart-style-3 .dashboard-icon,
.smart-style-6 .dashboard-icon,
.darktheme.smart-style-5 .dashboard-icon {
    background-image: url("../img/application/dashboard_orange.svg");
}

.social-icon {
    background-image: url("../img/application/social.svg");
}

.smart-style-1 .social-icon {
    background-image: url("../img/application/social_red.svg");
    background-size: 100% 100%;
}

.smart-style-3 .social-icon,
.smart-style-6 .social-icon,
.darktheme.smart-style-5 .social-icon {
    background-image: url("../img/application/social_orange.svg");
    background-size: 100% 100%;
}

.edi-icon {
    background-image: url("../img/application/edi_Network.svg");
}

.smart-style-1 .edi-icon {
    background-image: url("../img/application/edi_Network_red.svg");
    background-size: 100% 100%;
}

.smart-style-3 .edi-icon,
.smart-style-6 .edi-icon,
.darktheme.smart-style-5 .edi-icon {
    background-image: url("../img/application/edi_Network_orange.svg");
    background-size: 100% 100%;
}

.purchase-icon {
    background-image: url("../img/application/purchase_To_Pay.svg");
}

.crm-icon {
    background-image: url("../img/application/crm.svg");
    background-size: 100% 100%;
}

.srm-icon {
    background-image: url("../img/application/srm.svg");
    background-size: 100% 100%;
}

.ant-icon {
    background-image: url("../img/application/analytics.svg");
    background-size: 100% 100%;
}

.smart-style-1 .purchase-icon {
    background-image: url("../img/application/purchase_To_Pay_red.svg");
    background-size: 100% 100%;
}

.smart-style-1 .crm-icon {
    background-image: url("../img/application/crm_red.svg");
    background-size: 100% 100%;
}

.smart-style-1 .srm-icon {
    background-image: url("../img/application/srm_red.svg");
    background-size: 100% 100%;
}

.smart-style-1 .ant-icon {
    background-image: url("../img/application/analytics_red.svg");
    background-size: 100% 100%;
}

.smart-style-3 .purchase-icon,
.smart-style-6 .purchase-icon,
.darktheme.smart-style-5 .purchase-icon {
    background-image: url("../img/application/purchase_To_Pay_orange.svg");
    background-size: 100% 100%;
}

.smart-style-3 .crm-icon,
.smart-style-6 .crm-icon,
.darktheme.smart-style-5 .crm-icon {
    background-image: url("../img/application/crm_orange.svg");
    background-size: 100% 100%;
}

.smart-style-3 .srm-icon,
.smart-style-6 .srm-icon,
.darktheme.smart-style-5 .srm-icon {
    background-image: url("../img/application/srm_orange.svg");
    background-size: 100% 100%;
}

.smart-style-3 .ant-icon,
.smart-style-6 .ant-icon,
.darktheme.smart-style-5 .ant-icon {
    background-image: url("../img/application/analytics_orange.svg");
    background-size: 100% 100%;
}

.inv-icon {
    background-image: url("../img/application/invoice.svg");
    background-size: 100%;
}

.smart-style-1 .inv-icon {
    background-image: url("../img/application/invoice_red.svg");
    background-size: 100% 100%;
}

.smart-style-3 .inv-icon,
.smart-style-6 .inv-icon,
.darktheme.smart-style-5 .inv-icon {
    background-image: url("../img/application/invoice_orange.svg");
    background-size: 100% 100%;
}

.vmi-icon {
    background-image: url("../img/application/vmi.svg");
    background-size: 100%;
}

.smart-style-1 .vmi-icon {
    background-image: url("../img/application/vmi_red.svg");
    background-size: 100% 100%;
}

.smart-style-3 .vmi-icon,
.smart-style-6 .vmi-icon,
.darktheme.smart-style-5 .vmi-icon {
    background-image: url("../img/application/vmi_orange.svg");
    background-size: 100% 100%;
}

.contract-icon {
    background-image: url("../img/application/Contract.svg");
    background-size: 100%;
}

.smart-style-1 .contract-icon {
    background-image: url("../img/application/Contract_red.svg");
    background-size: 100% 100%;
}

.smart-style-3 .contract-icon,
.smart-style-6 .contract-icon,
.darktheme.smart-style-5 .contract-icon {
    background-image: url("../img/application/Contract_orange.svg");
    background-size: 100% 100%;
}

.fixed-header #main {
    margin-top: auto;
}

.smart-style-2 #logo-group span#activity {
    border: 1px solid #EAEADA !important;
}

nav ul li.active>a:before {
    width: auto;
    right: 0;
}

.smart-style-2 #logo-group span#activity i,
#logo-group span#activity i {
    margin-top: -10px;
    vertical-align: middle;
}

.application-selection:hover span,
.application-selection.open span {
    background: #e9e9e9;
}

.smart-style-3 .application-selection span.project-selector {
    background: #ff994d;
    border-color: #be692c;
}

.smart-style-3 .application-selection:hover span,
.smart-style-3 .application-selection.open span {
    background: #be692c;
}

.smart-style-1 .application-selection span.project-selector {
    background: #3a404c;
    border-color: #0d0f12;
    color: #909aaf;
}

.smart-style-1 .application-selection:hover span,
.smart-style-1 .application-selection.open span {
    background: #fff;
}

.smart-style-0 .application-selection span.project-selector {
    background: #fff;
    border-color: #e9e9e9;
    color: #666;
}

.smart-style-0 .application-selection:hover span,
.smart-style-0 .application-selection.open span {
    background: #f8f8f8;
}

.smart-style-2 .minifyme {
    background: #eaeaea;
    border-bottom: 1px solid #eaeaea;
}

.border-top {
    border-top: 1px solid #ddd !important;
}

.jarviswidget-m .jarviswidget {
    margin: 0
}

.ajax-dropdown {
    right: 10px;
    left: inherit;
    line-height: 1.42857143;
}

.ajax-dropdown:before {
    right: 12px;
    left: inherit;
}

.ajax-dropdown:after {
    right: 13px;
    left: inherit;
}

.smart-style-2 nav ul li a {
    font-size: 14px !important;
}

.smart-style-2 nav>ul>li>a {
    padding: 10px 10px 10px 11px;
}

.smart-style-2 nav>ul>li>a b {
    top: 11px;
}

.footer-menu li a,
.footer-menu li,
.page-footer span {
    color: #fff;
}

.smart-style-2 nav ul .active>a {
    font-weight: 400;
}


/* .carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {
width:100%;
} */

.header-search>input[type=text] {
    margin-top: 18px;
}

.header-search>button {
    top: 18px;
}

.flag+span {
    display: none;
}

.project-context {
    padding: 6px 13px 0px;
}

.setting-menu #setting-menu a {
    background-color: #e8e8e8;
    background-image: -moz-linear-gradient(top, #5a5a5a 0, #686868 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5a5a5a), color-stop(100%, #686868));
    background-image: -webkit-linear-gradient(to bottom, #5a5a5a 0, #686868 100%);
    background-image: -o-linear-gradient(to bottom, #5a5a5a 0, #686868 100%);
    background-image: -ms-linear-gradient(to bottom, #5a5a5a 0, #686868 100%);
    background-image: linear-gradient(to bottom, #5a5a5a 0, #686868 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#5A5A5A', endColorstr='#686868', GradientType=0);
    -webkit-box-shadow: inset 0 0 3px 1px rgba(0, 0, 0, .15);
    box-shadow: inset 0 0 3px 1px rgba(0, 0, 0, .15);
    color: #fff !important;
    border-color: #494949
}

#setting-menu a i {
    margin-top: 2px;
}

.activities #logo-group span#activity {
    background: #e8e8e8 !important;
}

.smart-style-2 #ribbon .breadcrumb {
    color: #bbb !important;
}

.smart-style-2 #ribbon .breadcrumb li:last-child {
    color: #bbb !important;
}

.smart-style-2 #ribbon {
    background-color: #474544;
    min-height: 41px;
}

.smart-style-2.fixed-ribbon #content {
    padding-top: 51px;
}

.smart-style-2 .header-search>button {
    color: #6D6A69 !important;
}

.project-context span.label {
    padding: .2em 0em 0.1em;
    font-size: 11px;
    font-weight: 600;
}

nav>ul>li>a>i {
    font-size: 1.33333333em !important;
    float: left;
    margin: 5px 0px 0px 0px;
}

.minified.smart-style-2 nav>ul>li>a>i,
.minified.smart-style-3 nav>ul>li>a>i,
.minified.smart-style-1 nav>ul>li>a>i,
.minified nav>ul>li>a>i {
    float: none;
}

body.setting-menu.menu-on-top .menu-item-parent {
    max-width: inherit;
}

.smart-form.custom-radio .inline-group .radio {
    margin-top: 6px;
}

.analytics .smart-form.custom-select .select {
    width: 150px;
}

nav ul span.menu-item-parent {
    display: block;
    margin: 0px;
    padding: 0px 15px 0px 7px;
}

.smart-style-2 nav>ul>li>ul::before {
    border-left: 1px solid #7A7A7A !important;
}

.smart-style-2 nav>ul ul li::before {
    border-top: 1px solid #7A7A7A !important;
}

.minified.smart-style-2 nav>ul>li>ul::before {
    border-left: none !important;
}

.minified.smart-style-2 nav>ul ul li::before {
    border: none !important;
}

.smart-style-2 nav ul ul li>a {
    padding-left: 42px;
    font-size: 14px;
    font-weight: 400;
}

.project-context {
    padding: 11px 14px 12px 0px;
    margin: 2px 14px 0px 0px;
    position: relative;
    line-height: 1.42857143;
}

.project-context:after {
    content: "";
    border-right: 1px solid #eaeaea;
    position: absolute;
    right: 0px;
    top: 2px;
    height: 92%;
    bottom: 0px;
    margin: auto;
}

.smart-style-2 #shortcut {
    background-color: rgba(255, 255, 255, .98);
}

.smart-style-2 #shortcut ul {
    border-bottom: 1px solid #eaeaea;
}

.smart-style-2 .page-footer {
    box-shadow: inset 1px 3px 2px rgba(0, 0, 0, .03);
}

.formly-header {
    display: block;
    border-bottom: 1px dashed #333;
    background: #fff;
    font-weight: 700;
    color: #333;
    background: #f5f5f5 !important;
    padding-bottom: 7px;
    margin: 0px 14px !important;
}

.formly .input-group {
    display: block;
}

.formly .input-group-addon {
    width: 25px;
    position: absolute;
    right: 1px;
    z-index: 99;
    background: none;
    color: #A2A2A2;
    border: none;
    top: 3px;
}

.input-group-addon {
    padding: 6px !important;
}

.login-form.register .formly .input-group-addon {
    left: 0px;
}

.formly .form-group.has-danger .input-group-addon {
    color: #f86c6b;
}

.formly .input-group .form-control {
    padding-right: 45px;
}

.login-form.register .formly .input-group .form-control {
    padding-left: 45px;
    padding-right: 12px;
}


/* .input-group formly-field-select select.form-control {
-webkit-appearance: none;
-moz-appearance: none;
} */

input[type=text],
input[type=number],
textarea,
input[type=email],
input[type=password] {
    -webkit-appearance: none;
    -moz-appearance: none;
}
select{
    -webkit-appearance: menulist;
   
}

.login-form.register .group-addon-col .input-group-addon,
.group-addon-col .input-group-addon {
    width: 35px;
    position: absolute;
    right: 1px;
    left: inherit;
    z-index: 99;
    background: none;
    color: #A2A2A2;
    border: none;
    top: 3px;
}
#itemForm .group-addon-col .input-group-addon{
    width: 0px;
}

.overview-detail .formly.horizontal .totalinvoice .form-control {
    padding: 6px;
}

.edit-invoicepage tab {
    min-height: 700px;
}

.assignment-page tab {
    min-height: 500px;
}

.login-form.register .group-addon-col .input-group .form-control,
.group-addon-col .input-group .form-control {
    padding-right: 45px;
    padding-left: 10px !important;
    color: #999;
}

.form-control {
    background-color: transparent;
}

.input-group .form-control {
    z-index: 99;
}

.image-jcrop jcrop,
.image-jcrop jcrop-preview {
    display: block !important;
}

input[type=file] {
    padding: 5px 12px;
}

.jcrop-res {
    height: auto !important;
}

.profile-content p.text-muted {
    font-size: 14px;
    position: relative;
    padding: 0px 0px 0px 30px;
}

.profile-content p.text-muted a {
    color: #404040;
}

.profile-content p.text-muted i {
    font-size: 16px;
}

.analytics div.dataTables_wrapper .dt-toolbar {
    display: none;
}

.analytics .smallbox.beautify-jarviswidget.ui-sortable .jarviswidget-sortable>header,
.analytics .smallbox.beautify-jarviswidget.ui-sortable .disable-drag>header {
    height: auto;
    padding: 0;
}

.beautify-jarviswidget.ui-sortable .disable-drag>header,
.large-box.beautify-jarviswidget.ui-sortable .disable-drag>header {
    pointer-events: none !important;
}

.beautify-jarviswidget.ui-sortable .disable-drag>header a,
.large-box.beautify-jarviswidget.ui-sortable .disable-drag>header a {
    pointer-events: auto !important;
}

.beautify-jarviswidget.ui-sortable .disable-drag>header .jarviswidget-ctrls,
.large-box.beautify-jarviswidget.ui-sortable .disable-drag>header .jarviswidget-ctrls {
    pointer-events: auto !important;
}

.analytics .smallbox.beautify-jarviswidget.ui-sortable .disable-drag>header a {
    /* pointer-events: none !important; */
}

.analytics .smallbox.beautify-jarviswidget.ui-sortable .disable-drag {
    pointer-events: none;
}

.disable-drag {
    position: static !important;
}

.disable-drag+.ui-sortable-placeholder {
    display: none;
}

.analytics .smallbox .jarviswidget-loader {
    position: absolute;
    top: 0;
    right: 0;
}

.analytics .smallbox.card-box .well {
    margin: 0;
}

.analytics .smallbox.card-box .jarviswidget {
    margin-bottom: 20px;
    border: none !important;
    box-shadow: none !important;
}

.analytics .smallbox .jarviswidget .widget-body {
    min-height: 0;
}


/* .analytics .card-box{
width: 25%;
} */

.analytics .card-box.large-box .head {
    padding: 19px;
}

.analytics .card-box.large-box .widget-body {
    padding: 30px;
}

.analytics .card-box.large-box .head .icon {
    display: inline-block;
    line-height: 147px;
    margin-left: -19px;
    margin-top: -19px;
    margin-bottom: -19px;
    height: 118px;
    width: 118px;
    text-align: center;
}

.analytics .card-box.large-box .head .des {
    margin-left: 20px;
}

.analytics .card-box.large-box .head .jarviswidget-ctrls {
    margin-top: 24px;
}

.analytics .card-box.large-box .head .jarviswidget-ctrls a {
    color: #fff;
}

.analytics .card-box.large-box .head .des h3 {
    margin: 0;
    font-weight: bold;
    font-size: 36px;
    overflow: hidden;
    color: #fff;
}

.analytics .card-box.large-box .head .des span {
    font-size: 16px;
    display: block;
    line-height: 31px;
    font-weight: 400;
    color: #fff;
}


/* .analytics article.sortable-grid {
min-height: auto;
} */

.analytics #sortable.ui-sortable .ui-sortable-placeholder {
    background-color: #FFC !important;
    border: 1px dashed #A7A7A7 !important;
    height: 120px !important;
    visibility: visible !important;
    display: inline-block !important;
}

.analytics .card-box.large-box .jarviswidget-loader {
    display: none !important;
}

.analytics .card-box.large-box .head .icon i {
    font-size: 50px;
    color: #fff;
}

.analytics .col-sm-6.beautify-jarviswidget .doc-graph {
    width: 100%;
}

.analytics .card-box .well {
    border: 1px solid #ececec;
    box-shadow: 0 0 15px #ececec;
    display: table;
    width: 100%;
    background: #fff;
    border: 1px solid #ececec;
    box-shadow: 0 0 15px #ececec;
}

.beautify-jarviswidget .jarviswidget>header>h2 {
    font-weight: 600;
    margin-top: 0;
    font-size: 19px;
    margin-left: 0;
}

.beautify-jarviswidget .jarviswidget-ctrls .button-icon {
    border: none;
}

.beautify-jarviswidget .jarviswidget-color-white>header>.jarviswidget-ctrls a {
    color: #333 !important;
}

.beautify-jarviswidget .jarviswidget>div {
    border: none;
    background: #fff !important;
    padding: 0px 19px 19px;
}

.beautify-jarviswidget .jarviswidget {
    border: 1px solid #ececec;
    box-shadow: 0 0 15px #ececec;
}

.beautify-jarviswidget .activityContent>div{
    border: 2px solid grey;
    padding: 7px;
    width: 96%;
    margin-left: 2%;
}
.smart-style-0 .beautify-jarviswidget .jarviswidget,
.smart-style-0 .analytics .card-box .well,
.smart-style-1 .beautify-jarviswidget .jarviswidget,
.smart-style-1 .analytics .card-box .well,
.smart-style-6 .beautify-jarviswidget .jarviswidget,
.smart-style-6 .analytics .card-box .well {
    box-shadow: 0 0 15px #cccccc;
    border: 1px solid #dcdcdc;
}

.beautify-jarviswidget .jarviswidget .widget-body {
    padding-bottom: 0;
}

.beautify-jarviswidget .jarviswidget .widget-body.no-padding {
    margin: 0 -19px -19px -19px;
}

.beautify-jarviswidget table.dataTable {
    border: 1px solid #ddd !important;
}

.todo {
    min-height: auto;
}

.beautify-jarviswidget.ui-sortable .jarviswidget-sortable>header,
.beautify-jarviswidget.ui-sortable .disable-drag>header {
    color: #333;
    background: #fff;
    border: none;
    box-shadow: none;
    padding: 19px;
    height: 70px;
}

.large-box.beautify-jarviswidget.ui-sortable .jarviswidget-sortable>header,
.large-box.beautify-jarviswidget.ui-sortable .disable-drag>header {
    height: 118px;
}


/* .disable-drag.ui-sortable-helper {
display: none !important;
opacity: 0 !important;
} */

.beautify-jarviswidget .jarviswidget>header::before,
.beautify-jarviswidget .jarviswidget>header::after {
    display: none;
}

.analytics .card-box .well .des {
    margin-left: 15px;
    text-align: right;
}

.cart * {
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
}

.cart .notification-body>li a.msg {
    padding-left: 60px !important;
    padding-top: 7px;
    padding-bottom: 7px;
}

.cart .ajax-notifications {
    height: 330px;
}

.cart .notification-body .from {
    margin-right: 0;
}

.analytics .card-box .well .icon {
    width: 80px;
    text-align: center;
    height: 80px;
    border-radius: 50%;
    line-height: 97px;
    float: left;
}

.analytics .card-box .well .icon i {
    font-size: 35px;
    color: #fff;
}

.analytics .card-box .well h3 {
    margin: 0;
    color: #333;
    font-weight: bold;
    font-size: 36px;
    overflow: hidden;
}

.analytics .card-box .well span {
    font-size: 16px;
    display: block;
    line-height: 31px;
    color: #888;
    font-weight: 400;
}

.smart-style-2 #hide-menu a>i {
    color: #666 !important;
}

.about_paragraph {
    position: relative;
}

formly-field-multicheckbox {
    display: block;
}

.star-symbol label.form-control-label {
    position: relative;
}

.formmetadata .star-symbol label.form-control-label:before,.star-symbol label.form-control-label:before {
    content: "*";
    position: absolute;
    right: -9px;
    top: 0px;
}
.addAttribute label.multiselect, .editAttribute label.multiselect{
    position: absolute;
}
/* .metadata .infoIcon label.form-control-label:after {
    content: "\f05a";
    position: absolute;
    right: -26px;
    top: 0px;
} */

/* .infoIcon label.form-control-label {
    position: relative;
}

.metadata  .infoIcon label.form-control-label:after {
    content: "\f05a";
    position: absolute;
    right: -26px;
    top: -1px;
    font-family: "FontAwesome";
	font-weight: 400;
}

formly-field .infoIcon label.form-control-label {
    display: inline-block;
} */

.fixed #header {
    width: 100%;
    height: auto;
    position: fixed !important;
    top: 0px;
    left: 0px;
    z-index: 939;
    box-shadow: 1px 3px 2px rgba(70, 65, 65, 0.08);
    background-color: #0683c9;
    -webkit-transition: height 800ms ease-in-out 0s;
    -moz-transition: height 800ms ease-in-out 0s;
    -ms-transition: height 800ms ease-in-out 0s;
    -o-transition: height 800ms ease-in-out 0s;
    transition: height 800ms ease-in-out 0s;
}

.fixed .btn-header>:first-child>a {
    margin: 10px 0px 0px 0px;
}

.fixed .header-dropdown-list>li>.dropdown-toggle {
    margin-top: 15px;
}

.fixed .header-search>input[type=text] {
    margin-top: 10px;
}

.fixed .header-search>button {
    top: 10px;
}

.fixed #logo-group span#activity {
    margin: 10px 0 0 0px;
}

.fixed .application-selection {
    margin: 14px 0px 0px 20px;
}

.fixed .application-icon a {
    padding: 11px 12px;
}

.fixed #logo {
    margin-top: 11px;
}

sa-activities {
    margin-right: 3px;
}

sa-activities .ajax-dropdown {
    right: 45px;
}

sa-header {
    line-height: 0;
}

.fixed .application-icon a span {
    display: none;
}

.fixed .project-context {
    padding: 6px 14px 6px 0px;
}

.fixed .project-context:after {
    height: 84%;
}

.fixed .application-col:before {
    height: 85%;
}


/* .formly .input-group-addon:before {
border-right: 1px solid #BDBDBD;
position: absolute;
height: 82%;
top: 0px;
left: 0px;
margin: auto;
content: "";
bottom: 0px;
} */

.login-form.register .formly .input-group-addon:before {
    right: 0px;
}

.login-form.register .formly .group-addon-col .input-group-addon:before {
    left: 0px;
    right: initial;
}

.hidelabel formly-field label.form-control-label {
    display: none;
}

.formly .form-control::-webkit-input-placeholder {
    /* WebKit browsers */
    color: transparent;
}

.formly .form-control:-ms-input-placeholder {
    /* IE browsers */
    color: transparent;
}

.formly .form-control:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: transparent;
    opacity: 1;
}

.formly .form-control::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: transparent;
    opacity: 1;
}

.showplaceholder.formly .form-control:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #999 !important;
}

.showplaceholder.formly .form-control::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #999;
}

.showplaceholder.formly .form-control:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #999;
    opacity: 1;
}

.showplaceholder.formly .form-control::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #999;
    opacity: 1;
}


/* .showplaceholder.formly .form-control:-ms-input-placeholder { 
color:#999;
} */

.login-form.register .formly .form-control::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #A2A2A2;
}

.login-form.register .formly .form-control:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #A2A2A2;
    opacity: 1;
}

.login-form.register .formly .form-control::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #A2A2A2;
    opacity: 1;
}

.login-form.register .formly .form-control:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #A2A2A2;
}

.sparks-info {
    min-width: auto;
}

.btn-col {
    padding: 4px 8px !important;
    margin: 0px 0px 0px 12px;
    display: inline-block;
}

.fa-spin {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
}

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

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

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

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

.portlet-title>.caption {
    float: left;
    display: inline-block;
    padding: 10px 0;
    color: #666;
}

.portlet-title {
    border-bottom: 1px solid #e5e6ea;
    padding: 0px;
    margin-bottom: 10px;
    min-height: 40px;
}

.portlet-title>.caption.caption-md>.caption-subject {
    font-size: 18px;
    line-height: 18px;
    text-transform: uppercase;
}

.profile-img img {
    border: 0px solid transparent !important;
    max-width: 100%;
    left: 0px;
    margin-bottom: 0px;
    top: 0px;
}

.profile-content .text-muted {
    color: #494949;
}

.profile-content .text-muted i {
    color: #999;
    margin-right: 0px;
    width: 25px;
    text-align: center;
    position: absolute;
    left: 0px;
    top: 1px;
}

.margin-right-8 {
    margin-right: 8px !important;
}

.margin-left-8 {
    margin-left: 8px !important;
}

.margin-left-3 {
    margin-left: 3px;
}

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

.profile-content h1 {
    font-size: 28px;
    margin: 6px 0px 0px 0px;
}

.profile-info h1 {
    margin: 0px 0px 3px;
}

.company-info-col {
    color: #404040;
    font-size: 14px;
    line-height: 50px;
    border-bottom: 1px dashed #e5e6ea;
}

.company-info-col i {
    color: #666;
    font-size: 15px;
    margin: 0px 5px 0px 0px;
    padding: 5px 0px;
    border-radius: 2px;
    line-height: 16px;
}

.margin-y-15 {
    margin-top: 8px;
    margin-bottom: 8px;
}

.margin-top-15 {
    margin-top: 15px !important;
}
.margin-top-10 {
    margin-top: 10px;
}
.margin-top-16 {
    margin-top: 16px;
}

.margin-top-20 {
    margin-top: 20px;
}

.margin-top-30 {
    margin-top: 30px;
}

.deletebtn-popup .over-btn {
    margin-top: 23px;
}

ul.dropdown-suba {
    margin: 0px;
    padding: 0px;
}

ul.dropdown-suba li {
    list-style: none;
    cursor: pointer;
    line-height: 22px;
    font-size: 14px;
    padding: 1px 10px;
}

ul.dropdown-suba li:hover {
    color: #0090ca;
    background-color: #ecf3f8;
}

.dataTables_wrapper span.dropdowna {
    padding: 0px;
    width: 24px;
    height: 22px;
}


/* .dataTables_wrapper table tr td {
position: relative;
} */

.dataTables_wrapper table tr td ul.dropdown-suba {
    position: absolute;
    width: 75px;
    background: #fff;
    border: 1px solid #ccc;
    left: 0px;
    z-index: 10;
    padding: 0px;
}

.ui-datepicker {
    z-index: 100 !important;
}

.padding-bottom-15 {
    padding-bottom: 15px;
}

.table-group>tbody>tr>td {
    border-top: 1px solid transparent;
}

.table-group>tbody>tr>td {
    padding: 3px 0px;
}

.sticky-notes {
    position: fixed;
    right: -73px;
    top: 68px;
    display: block;
    height: 30px;
    width: 110px;
    border-radius: 5px 0 0 5px;
    background: #F1DA91;
    padding: 2px;
    text-align: center;
    line-height: 28px;
    cursor: pointer;
    transition: all 0.5s ease 0s;
}

.sticky-notes:hover {
    right: 0px;
}

.sticky-notes a {
    width: 26px;
    height: 26px;
    display: inline-block;
}

.sticky-notes a:first-child {
    cursor: default;
}

.sticky-notes a:nth-child(2) {
    margin: 0 5px;
}

.sticky-notes i {
    font-size: 17px;
   /*  margin-left: -30px; */
}

.notes.notes-box.hideshow {
    display: none;
}

notes-container.active {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(170, 170, 170, 0.3);
}

notes-container .creator {
    width: 500px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 50%;
    transform: translate(0, -50%);
    box-shadow: 0 2px 15px rgba(0, 0, 0, .5);
    display: none;
}

.note-creator .form-group input {
    border: none;
    color: #737373;
    font-size: 14px;
}

.note-creator form button.btn,
.note-creator form button.btn:focus {
    background: none;
    border: none;
    box-shadow: none;
    text-transform: uppercase;
    font-weight: bold;
    color: #737373;
    font-size: 14px;
}

.note-creator form button.btn:hover {
    background: #f1f1f1;
}

.note-creator form .form-group:first-child input {
    font-weight: bold;
}

.note-creator .form-control:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #737373;
}

.note-creator .form-control::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #737373;
}

.note-creator .form-control:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #737373;
    opacity: 1;
}

.note-creator .form-control::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #737373;
    opacity: 1;
}

.note-creator .form-control:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #737373;
}

.inforuser .dropdown-menu {
    right: 0px;
    left: inherit;
}

.table-group tbody tr td {
    font-size: 14px;
}

.profile-content h2 {
    margin: 6px 0px 0px 0px;
}

.txt-searchdetail,
.txt-searchdetail b {
    font-size: 14px;
}

.searchdetail-content span.txt-searchdetail {
    line-height: 30px;
}

.padding-bottom-20 {
    padding-bottom: 20px;
}

.table-lists .dt-toolbar {
    display: none;
}

.table-lists table tr td:last-child {
    text-align: center;
}

.table-lists table.dataTable[_ngcontent-c3] {
    margin-top: 0px !important;
}

.advancefield,
.advancefieldza,
.advancefieldpm {
    display: none;
    border-bottom: 1px solid #CCC;
}

.search-btn {
    margin-bottom: 10px;
}

.advance-col {
    display: none;
}

.search-table {
    display: none;
}

.search-table h2 {
    margin-top: 0px;
}

.search-table .dt-toolbar {
    background: none;
    padding: 0px;
    border: none;
}

.search-table table.table-bordered.dataTable {
    border: 1px solid #DDD !important;
}

.search-table .dt-toolbar-footer {
    background: none;
    margin-bottom: 30px;
    border: none;
}

.font-300 {
    font-size: 300%;
}

.searchdetail-content address {
    margin-bottom: 0px;
}

.margin-bottom-15 {
    margin-bottom: 15px !important;
}
.margin-bottom-12 {
    margin-bottom: 12px !important;
}
.margin-bottom-8 {
    margin-bottom: 8px !important;
}
.margin-bottom-20 {
    margin-bottom: 20px;
}

.margin-bottom-25 {
    margin-bottom: 25px;
}

.margin-bottom-30 {
    margin-bottom: 30px;
}

.table-content>tbody tr:last-child td {
    border-bottom: 1px solid #ddd;
}

.table-total>tbody>tr>td {
    border-top: none;
}

.table-total>tbody>tr>td {
    padding: 3px 10px;
}

.bg-color-gray {
    background-color: rgb(243, 243, 243);
}

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

.min-height {
    min-height: 110px;
}

.document_table_left .table>tbody>tr>td,
.document_table_left .table>tbody>tr>th,
body.smart-style-6 .document_table_left .table>tbody>tr>td,
body.smart-style-6 .document_table_left .table>tbody>tr>th {
    border: 1px solid transparent;
    padding: 0px;
}

.document_table_left .table>tbody>tr>th,
body.smart-style-6 .document_table_left .table>tbody>tr>th {
    padding-right: 20px;
}

.table-total>tbody>tr>td:last-child {
    min-width: 100px;
}

tr.table-border>td:last-child {
    min-width: 100px;
}

tr.table-border>td {
    border-top: 0px solid transparent !important;
    padding: 2px 10px !important;
    padding-left: 0 !important
}

.table-cursor .table>tbody>tr>td {
    cursor: default;
}

.pagination_hide .dt-toolbar-footer {
    display: none;
}

.pagination_hide .widget-body {
    min-height: auto;
}

.table-lists table.dataTable[_ngcontent-c3] {
    margin-bottom: 0px !important;
}

.table-lists table tr td:nth-child(5n) {
    text-align: center;
}

.smart-form footer .btn {
    margin-left: 10px;
    padding: 0px 15px;
    font: 400 13px Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
    height: 27px;
}

.table_center_lasttd tbody tr td:last-child {
    text-align: center;
}

.doctable table tbody tr {
    cursor: pointer;
}

.packages_content .well {
    padding: 20px 0px;
}

.packages_content .well {
    background-color: #fff;
}

.packages_content .the-price h1 {
    font-weight: 400;
}

.credit,
.invoice {
    display: none;
}

jcrop-option-input div .form-control {
    height: auto;
}

.collapsed.table thead tr .hasinput {
    display: none !important;
}

.margin-left-5 {
    margin-left: 5px !important
}

.margin-right-15 {
    margin-right: 15px;
}

.smart-style-2 .packages_content .bg-color-blue {
    background-color: #57889c !important;
}

.smart-style-2 .packages_content .bg-color-primary {
    background-color: #3276b1 !important;
}

.font-22 {
    font-size: 22px;
}

.ui-dialog-buttonpane .ui-dialog-buttonset .ui-button {
    color: #fff;
    background-color: #428bca;
    border-color: none;
}

.ui-dialog .ui-dialog-titlebar {
    background: #b7eb00;
    color: #000;
    border-bottom-color: #b7eb00;
}

.smart-style-6 .ui-dialog .ui-dialog-titlebar {
    background: #2196F3;
    color: #fff !important;
    border-bottom-color: #2196F3;
}
.smart-style-6 .ui-dialog .ui-dialog-title {
    color: #fff;
}
/* .smart-style-6 .invoiceSelected {
    background: #2196F3 !important;
    color: #fff !important;
} */
.ui-widget {
    font-family: "Open Sans", Arial, Helvetica, Sans-Serif
}

.ui-dialog-titlebar-close:before {
    content: "";
    height: 10px;
    width: 10px;
    background: url(../img/close.svg) no-repeat;
    -webkit-text-fill-color: #fff;
    display: inline-block;
    background-size: 10px;
    filter: brightness(100) invert(1);
}

.ui-dialog .ui-dialog-titlebar-close {
    text-shadow: none;
    opacity: 1;
    margin-top: -10px
}

.ui-dialog .table td {
    padding: 2px 0px !important;
    padding-right: 20px !important;
    font-size: 14px;
}

.ui-dialog .alert {
    margin-bottom: 10px;
    margin-top: 10px;
}

.ui-dialog #package-message.ui-dialog-content {
    padding-bottom: 0px;
}

.ui-dialog .smart-form .label {
    font-size: 14px;
}

.ui-dialog .ui-dialog-title {
    color: #000;
    width: 95%;
}

.ui-dialog hr {
    margin-top: 0px;
    margin-bottom: 5px;
}

.fixed #main {
    padding-top: 62px;
}

.flag.flag-dan {
    background-position: -112px -33px;
}

.flag.flag-du {
    background-position: -96px -88px;
}

.ui-dialog #validatesignature {
    overflow-y: hidden;
}

.smart-style-3.menu-on-top aside#left-panel nav>ul>li {
    border-bottom: none;
}

.page-footer {
    position: fixed;
    z-index: 999;
    padding-top: 18px;
    padding-left: 17px;
}

/* .minified.smart-style-2 nav>ul>li>ul {
    margin-top: 9px;
} */

.minified.smart-style-2 nav ul li a {
    font-size: 13px !important;
}

.minified.smart-style-2 nav ul .active>a {
    font-weight: 700;
}

.smart-style-2.minified nav>ul>li>ul>li>a {
    padding-top: 7px;
    padding-bottom: 7px;
}

.fixed-ribbon #ribbon {
    top: 62px !important;
}

.smart-style-2.fixed-ribbon #ribbon {
    border-bottom: 0px solid transparent;
}

.fixed-header #header {
    position: relative;
    border-bottom: 0px solid transparent;
}

.fixed.fixed-navigation.smart-style-2 #left-panel,
.fixed.fixed-navigation.smart-style-3 #left-panel,
.fixed.fixed-navigation.smart-style-1 #left-panel,
.fixed.fixed-navigation #left-panel {
    padding-top: 50px !important;
}

.fixed.fixed-ribbon #ribbon {
    top: 50px !important;
}

.spin-loader {
    background: url(../img/spin-loader_small.svg) no-repeat;
    height: 25px;
    width: 25px;
    display: inline-block;
    margin: 13px 0px 0px 10px;
}

.spin-select:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: url(../img/spin-loader_small.svg) no-repeat;
    height: 100%;
    width: 100%;
    display: block;
    background-position: calc(100% - 19px) calc(100% - 4px);
    z-index: 99;
}

.big-spin-loader {
    background: url(../img/spin-loader.svg) no-repeat;
    width: 50px;
    height: 50px;
    position: absolute;
    left: 0px;
    right: 0px;
    margin: 5% auto;
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    top: 50%;
}

formly-field .star-symbol label.form-control-label {
    display: inline-block;
}

.loginInput {
    display: none;
}

.login formly-field-radio .radio:first-child .custom-radio,
.login formly-field-radio .radio:nth-child(2) .custom-radio,
.login formly-field-radio .radio:nth-child(3) .custom-radio,
.login formly-field-radio .radio:nth-child(4) .custom-radio {
    background-image: url(../img/io.svg);
    width: 55px;
    background-size: 35px 35px;
    background-repeat: no-repeat;
    background-position: 20px 0px;
    height: 40px;
}

.login formly-field-radio .radio:nth-child(2) .custom-radio {
    background-image: url(../img/google.svg);
    background-size: 32px 32px;
    background-position: 20px 3px;
}

.login formly-field-radio .radio:nth-child(3) .custom-radio {
    background-image: url(../img/facebook.svg);
    background-size: 33px 33px;
    background-position: 18px 2px;
}

.login formly-field-radio .radio:nth-child(4) .custom-radio {
    background-image: url(../img/twitter.svg);
    background-size: 36px 36px;
    background-position: 20px 2px;
}

formly-field .login .radio input[type=radio] {
    margin-top: 12px;
}

formly-field .login .radio {
    margin-right: 20px;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
    -webkit-text-fill-color: #555 !important;
}

#extr-page input:-internal-autofill-previewed,
#extr-page input:-internal-autofill-selected,
#extr-page textarea:-internal-autofill-previewed,
#extr-page textarea:-internal-autofill-selected,
#extr-page select:-internal-autofill-previewed,
#extr-page select:-internal-autofill-selected {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}

.dropdown.exportdata {
    float: right;
}

.exportdata .ajax-dropdown {
    top: 35px;
    cursor: pointer;
    width: 255px;
    height: auto;
    padding: 10px 0px;
    right: 5px;
}

.exportdata .ajax-dropdown>li {
    padding: 0px 12px;
    color: #333;
}

.exportdata .ajax-dropdown h5 {
    padding: 0px 12px;
    margin: 0px;
    color: #333;
}

.exportdata .ajax-dropdown h5.font-md {
    font-size: 110% !important;
}

.exportdata .ajax-dropdown>li>a {
    padding: 5px 8px;
    color: #fff;
}

.exportdata .ajax-dropdown>li label span sup,
.exportdata .ajax-dropdown h5 sup {
    color: #ff0000;
    font-size: 11px;
}

.exportdata .ajax-dropdown .divider {
    height: 1px;
    margin: 5px 0;
    overflow: hidden;
    background-color: #e5e5e5;
}

.exportdata ul {
    list-style: none;
}

.file_msg {
    color: #9498A0;
}

.exportdata label input[type=radio].radiobox:checked+span {
    font-weight: 400;
}

.exportdata input[type=radio] {
    margin-top: 3px;
}

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

table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child::before,
table.dataTable.dtr-inline.collapsed>tbody>tr>th:first-child::before {
    content: "";
    box-sizing: content-box;
    color: #14ad1e;
    content: "\f0fe";
    display: block;
    font-family: "FontAwesome";
    font-size: 18px;
    height: 14px;
    left: 7px;
    line-height: 14px;
    position: absolute;
    text-align: center;
    top: 11px;
    width: 14px;
    background: #fff;
    box-shadow: none;
    border: none;
}

table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child,
table.dataTable.dtr-inline.collapsed>tbody>tr>th:first-child {
    cursor: pointer;
    padding-left: 30px !important;
    position: relative;
}

table.dataTable.dtr-inline.collapsed>tbody>tr>td.child::before,
table.dataTable.dtr-inline.collapsed>tbody>tr>th.child::before,
table.dataTable.dtr-inline.collapsed>tbody>tr>td.dataTables_empty::before {
    display: none !important;
}

table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td:first-child::before,
table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th:first-child::before {
    color: #d33333;
    content: "\f146";
}

table.dataTable>tbody>tr.child ul.dtr-details {
    display: inline-block;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

table.dataTable>tbody>tr.child ul.dtr-details li:first-child {
    padding-top: 0;
}

table.dataTable>tbody>tr.child span.dtr-title {
    display: flex;
    font-weight: bold;
    padding-right: 6px;
    min-width: auto;
    align-items: center;
}
table.dataTable>tbody>tr.child span.dtr-data {
    display: flex;
    align-items: center;
}

table.dataTable>tbody>tr.child span.dtr-title::after {
    content: ":";
    margin-left: 1px;
}

table.dataTable>tbody>tr.child {
    background: #eee;
}

table.dataTable>tbody>tr.child:hover {
    background: #eee !important;
}

table.dataTable.dtr-inline.collapsed>tbody>tr>td.child {
    padding-left: 10px;
}

table.dataTable.dtr-inline.collapsed>tbody>tr>td.child,
table.dataTable.dtr-inline.collapsed>tbody>tr>th.child,
table.dataTable.dtr-inline.collapsed>tbody>tr>td.dataTables_empty {
    cursor: default !important;
    padding-left: 10px !important;
}

table.dataTable>tbody>tr.child ul.dtr-details li:last-child {
    border-bottom: medium none;
}

.headerinfo .invoice-right {
    min-width: auto;
}

.headerinfo h3,
.iteminfo h3 {
    display: inline-block;
}

.customtable .dt-toolbar,
.customtable .dt-toolbar-footer,
.documentfield,
#journal,
.login-form.register formly-field label.form-control-label {
    display: none;
}

.customtable table.dataTable thead .sorting,
.customtable table.dataTable thead>tr>th {
    /* background: none; */
    cursor: default !important;
    border-bottom: 0px solid #ddd;
    padding-right: 16px;
}

.customtable .table-striped>tbody>tr:nth-of-type(even) {
    background: #f9f9f9;
}

.customtable .table-striped>tbody>tr:nth-of-type(odd) {
    background: none;
}

.customtable .table-hover>tbody>tr:hover{
    background: #ecf3f8;
}

.customtable .table thead tr {
    background: #fbfbfb;
}

.customtable .table thead tr th {
    font-size: 13px;
}

.customtable table.dataTable thead .sorting_asc,
.customtable table.dataTable thead .sorting_disabled {
    border-bottom: 0px solid #ddd;
    cursor: pointer;
}

.no-padding .customtable .dataTables_wrapper table tr td:first-child {
    border-color: #ddd;
}

.document_table_left .table {
    width: auto;
    margin-bottom: 0px;
}

.ui-dialog .document_table_left .table {
    width: 100%;
}

.invoice-right {
    min-width: 270px;
}

.login-form .formly,
.forgot-pass .formly {
    background: rgba(255, 255, 255, .9);
}

.forgot-pass .timeline-seperator {
    margin-bottom: 20px;
    margin-top: 5px;
}

.forgot-pass .note {
    margin-top: 0;
    margin-bottom: 20px;
}

.forgot-pass form.formly {
    padding-top: 20px;
}

.text-danger {
    color: #f86c6b;
}

form.formly {
    padding-top: 15px;
    padding-left: 15px;
}

#extr-page #header {
    position: static;
}

.register hr {
    margin: 0px;
    margin-bottom: 15px;
}


/* formly-field,formly-repeat-section formly-form { 
margin: 0px !important; 
} */

formly-field formly-field {
    margin-bottom: 15px !important;
}

.login-form formly-field label.form-control-label {
    display: block;
}

.jarviswidget>header::after {
    /* border-left: 1px solid #c2c2c2; */
    content: "";
    height: 100px;
    left: 0px;
    position: absolute;
}

.jarviswidget>header::before {
    /* border-left: 1px solid #c2c2c2; */
    content: "";
    height: 100px;
    right: 0;
    position: absolute;
}

.jarviswidget.jarviswidget-collapsed>header::before,
.jarviswidget.jarviswidget-collapsed>header::after {
    display: none
}

.btn-action {
    width: 23px;
    padding-left: 0;
    padding-right: 0;
}

.forecasts table.dataTable {
    position: relative;
    padding-bottom: 40px;
}

.forecasts .btndiv {
    display: inline-block
}

.forecasts table.dataTable .smart-form {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    border-top: 1px solid #ddd !important;
    text-align: right;
    padding-top: 7px;
    padding-right: 10px;
}

#taxpopup,
#allowspopup,
#chargespopup,
#editOrderList,
#newOrderList,
#generatearticle,
#editsupplier,
#addsupplier,
#managearticle,
#sender,
#addaddress,
#editaddress,
#manageaddress,
#recipient,
#copyposition,
#editposition,
#createnewposition,
#newaddition,
#vatonall,
#countryoforigin,
#workflowpopup,
#organizecatalog,
#addarticletoclasses,
#organizeclass,
#editcatalog,
#createaddress,
#createcatalog,
#evaluationlist,
#createanalytics,
#upload,
#editcontractgroupsadmin,
#notepopup,
#contractgroups,
#assignmentduepopup,
#assignmentledgerpopup,
#editnotepopup,
#addnotepopup,
#editarticlepopup,
#articlelistpopup,
#bankpopup,
#addbankpopup,
#editbankpopup,
#termsofpaymentpopup,
#edittermsofpaymentpopup,
#addtermsofpaymentpopup,
#addpurchaserpopup,
#purchaserpopup,
#changepassword,
#selectheadertemplate,
#selectitemtemplate,
#downloadpopup,
#preview,
#newcontractgroupsadmin,
#deletesettings,
#createnewgroup,
#editsettings,
#editgroup,
#uploadfile,
#newsettings,
#emailsettings,
#editcontracts,
#package-message,
#new,
#newassignment,
#editassignment,
#assignment,
#group,
#accountassignment,
#companycatalog,
#createcompanycatalog,
#addsubitem,
#addmenuitem,
#editmenuitem,
#editcompanycatalog,
#contractualrules,
#declinemessage,
#singleaccountassignment,
#password-guide,
#addgroupmember,
#editgroupname,
#vmiadministrationdetailviewedit,
#forecastnew,
#forecastedit,
#createadministration,
#vmisystemdetailviewedit,
#newreminder,
#editreminder,
#editfilename,
#viewitemdetail {
    overflow-x: hidden;
}

#taxpopup hr,
#allowspopup hr,
#chargespopup hr,
#editOrderList hr,
#newOrderList hr,
#generatearticle hr,
#editsupplier hr,
#addsupplier hr,
#managearticle hr,
#sender hr,
#addaddress hr,
#editaddress hr,
#manageaddress hr,
#recipient hr,
#copyposition hr,
#editposition hr,
#createnewposition hr,
#newaddition hr,
#vatonall hr,
#countryoforigin hr,
#workflowpopup hr,
#organizecatalog hr,
#addarticletoclasses hr,
#organizeclass hr,
#editcatalog hr,
#createaddress hr,
#createcatalog hr,
#evaluationlist hr,
#createanalytics hr,
#upload hr,
#notepopup hr,
#contractgroups hr,
#editcontractgroupsadmin hr,
#assignmentduepopup hr,
#assignmentledgerpopup hr,
#bankpopup hr,
#addnotepopup hr,
#editnotepopup hr,
#editarticlepopup hr,
#articlelistpopup hr,
#addbankpopup hr,
#editbankpopup hr,
#termsofpaymentpopup hr,
#edittermsofpaymentpopup hr,
#purchaserpopup hr,
#addtermsofpaymentpopup hr,
#addpurchaserpopup hr,
#changepassword hr,
#selectheadertemplate hr,
#selectitemtemplate hr,
#downloadpopup hr,
#preview hr,
#newcontractgroupsadmin hr,
#deletesettings hr,
#createnewgroup hr,
#editsettings hr,
#editgroup hr,
#uploadfile hr,
#newsettings hr,
#emailsettings hr,
#editcontracts hr,
#package-message hr,
#new hr,
#newassignment hr,
#editassignment hr,
#assignment hr,
#group hr,
#accountassignment hr,
#companycatalog hr,
#createcompanycatalog hr,
#addsubitem hr,
#addmenuitem hr,
#editmenuitem hr,
#editcompanycatalog hr,
#contractualrules hr,
#declinemessage hr,
#singleaccountassignment hr,
#password-guide hr,
#addgroupmember hr,
#editgroupname hr,
#vmiadministrationdetailviewedit hr,
#forecastnew hr,
#forecastedit hr,
#createadministration hr,
#vmisystemdetailviewedit hr,
#newreminder hr,
#editreminder hr,
#editfilename hr,
#viewitemdetail hr {
    margin-top: 8px;
    margin-bottom: 18px;
    margin-left: -13px;
    margin-right: -13px;
}

#addgroupmember {
    overflow-y: hidden;
}


/* 
.mulstiselectoption.multiselectAddclass .pure-checkbox {
border-bottom: 1px solid #eee;
}

.mulstiselectoption.multiselectAddclass .pure-checkbox:last-child {
border: none;
} */

#evaluationlist .graphlist .checkbox {
    display: inline-block;
}

#evaluationlist .tabs-left .nav-tabs>li.active>a,
#evaluationlist .tabs-left .nav-tabs>li>a {
    border: none;
    box-shadow: none;
    margin: 0 !important;
    background: inherit;
    padding: 0;
}

#evaluationlist .nav-tabs {
    border: none;
}

.classtreeview .form-check-label.checkbox {
    display: inline-block;
    white-space: normal;
}

.classtreeview {
    /* margin-top: 10px; */
    padding-right: 0;
}

.classtreeview.articlepage {
    padding-right: 13px;
}

.classtreeview ngx-treeview {
    display: inline-block;
    padding-left: 15px;
    width: 98%;
}

.classtreeview .well {
    margin-bottom: 0px;
}

.classtreeview.articlepage ngx-treeview {
    padding-left: 17px;
}

.classtreeview .treeview-container[_ngcontent-c4] {
    max-height: 385px !important;
    padding-right: 10px;
}

.classtreeview .form-check-label.checkbox .fa-compress {
    display: none;
}

sa-nestable-list {
    display: inline-block;
    width: 100%;
    overflow-y: scroll;
    max-height: 400px;
    margin-top: 10px;
}

sa-nestable-list .dd-list li:first-child .dd-handle {
    margin-top: 0;
}

.ui-dialog .table td {
    padding: 8px 10px !important;
    font-size: 13px;
}

#selectheadertemplate .modifyhr hr,
#selectitemtemplate .modifyhr hr {
    margin-left: 0;
    margin-right: 0;
}

#new>.spin-loader {
    position: relative;
    left: 0;
    right: 0;
    margin: 20px auto;
    display: block;
    margin-top: 40px;
}

.ui-datepicker-prev span,
.ui-datepicker-next span {
    background-image: none !important;
}

.ui-datepicker-prev:before,
.ui-datepicker-next:before {
    font-family: FontAwesome;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    font-weight: normal;
    align-items: center;
    justify-content: center;
    background: #f5f5f5;
    z-index: 9;
    padding-top: 4px;
}

.ui-datepicker-prev:before {
    content: "\f053";
}

.ui-datepicker-next:before {
    content: "\f054";
}

.suppliercatalogs .product-content .product-deatil h5 span {
    color: #9aa7af;
    display: block;
    font-size: 13px;
    height: 21px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.suppliercatalogs .product-content .product-deatil h5 p {
    color: #2f383d;
    font-size: 15px;
    line-height: 19px;
    text-decoration: none;
    padding-left: 0;
    margin-left: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.suppliercatalogs .product-content .product-deatil h5 p {
    font-size: 20px;
    font-weight: 600;
    height: 22px;
}

.suppliercatalogs .product-content .product-deatil h5 span {
    font-size: 15px;
    font-weight: 500;
}

.orderlist.suppliercatalogs .product-content .product-deatil h5 span {
    margin-top: 5px;
}

.suppliercatalogs .product-content .product-image {
    min-height: 172px;
    padding: 5px;
    width: 100%;
    border: none;
    text-align: center;
    display: table;
}

input[type=checkbox],
input[type=radio] {
    vertical-align: top;
    margin-top: 3px;
}

#viewitemdetail.shopping-basket .document_table_left .table,
#viewitemdetail.shopping-basket .document_table_left .table>tbody>tr>td,
#viewitemdetail.shopping-basket .document_table_left .table>tbody>tr>th {
    background: none;
}

#viewitemdetail.shopping-basket .document_table_left .table td,
#viewitemdetail.shopping-basket .document_table_left .table th {
    padding: 8px 10px !important;
    border: none !important;
}

#viewitemdetail.shopping-basket .cc {
    position: relative
}

#viewitemdetail.shopping-basket .cc::after {
    position: absolute;
    content: "";
    border-left: 1px solid #ddd;
    height: 100%;
    left: -11px;
}

.faq .form-control {
    width: 38px;
    float: right;
    margin-right: -37px;
    transition: all 0.5s ease 0s;
    height: 38px;
}

.faq .form-control.showsearch {
    width: 300px
}

.faq .btn-default {
    border-radius: 2px !important;
    z-index: 99 !important;
    font-size: 17px;
}

.suppliercatalogs .product-content .description {
    padding: 10px 12px 16px 12px;
}

.suppliercatalogs .product-content .product-deatil {
    padding-left: 12px;
    padding-right: 12px;
    padding-bottom: 5px;
}

.suppliercatalogs .product-content .description h3 {
    margin-bottom: 15px;
    height: 40px;
    overflow: hidden;
    margin-top: 0;
}

.suppliercatalogs .product-content .description p {
    margin-bottom: 15px;
    height: 40px;
    overflow: hidden;
}

.suppliercatalogs.orderlist .product-content .description p {
    height: 55px;
}

.border-left {
    border-left: 1px solid #dfe5e9;
}

.suppliercatalogs .product-content .product-image .img-ver {
    display: table-cell;
    vertical-align: middle;
}

.suppliercatalogs .product-content {
    margin-bottom: 0px;
    margin-top: 0px;
}

.suppliercatalogs .img-ver img.img-responsive {
    max-width: 150px;
    display: inline-block;
}

.popupdatepicker {
    z-index: 9999 !important;
}

#group .smart-form .checkbox,
.shopping-basket .smart-form .checkbox {
    display: table-cell;
}

.suppliercatalogs .jarviswidget-ctrls,
.suppliercatalogs .widget-toolbar {
    display: none
}

.suppliercatalogs .jarviswidget>header {
    border: none;
    height: auto;
}

.supplier-search.header-search>input[type=text] {
    margin-top: 11px;
    background: #f7f7f7;
}

.supplier-search input {
    background: #f7f7f7
}

.supplier-search.header-search>button {
    top: 11px
}

.supplier-search.header-search {
    margin-right: 5px
}

#group .table.has-tickbox thead tr th:first-child {
    width: auto;
}

#group .table-responsive {
    margin-top: 10px;
    margin-bottom: 12px;
    border: 1px solid #ddd;
}

.shopping-basket .table tbody tr td {
    padding: 15px 10px;
    vertical-align: middle;
}

.orderdetail.shopping-basket .table tbody tr td.bundle {
    border: none;
}

.orderdetail.shopping-basket .table tbody tr td.bundle tbody {
    display: none;
}

#createcatalog .suppliercatalogform,
#createcatalog .ociform {
    display: none;
}

.orderdetail.shopping-basket .table tbody tr td.bundle tbody tr td:first-child {
    padding-left: 50px;
}

.shopping-basket .tabs-left p {
    font-weight: 500;
    white-space: normal;
}

.shopping-basket .tabs-left {
    margin-right: 0;
    padding-right: 0;
    border: none;
}

.shopping-basket div.tabs-left {
    display: inline-block;
    width: 100%;
}

.shopping-basket ul.tabs-left {
    height: 100%;
    position: absolute;
    overflow-y: scroll;
    overflow-x: hidden;
    background: #eee;
}

.shopping-basket.basket .jarviswidget>header {
    height: 45px;
}

.shopping-basket.basket .jarviswidget .widget-body {
    padding-bottom: 0;
}

.shopping-basket.basket .jarviswidget>div {
    padding: 0;
}

.shopping-basket.basket header .smart-form {
    display: inline-block;
    margin-top: 6px;
    margin-left: 15px;
}

.shopping-basket .tabs-left .smart-form .checkbox,
.shopping-basket.basket header .smart-form .checkbox {
    float: left;
    margin-top: 0;
    padding-left: 10px;
}

.shopping-basket.basket .tabs-left>.nav-tabs li:last-child>a {
    margin-bottom: 0;
}

.shopping-basket.basket .tabs-left>.nav-tabs li>a {
    padding: 11px 15px 13px;
    background: #f7f7f7;
    margin-right: 0px;
    border: none;
    margin-left: 0 !important;
    margin-bottom: 5px;
}

.shopping-basket.basket .tabs-left>.nav-tabs li.active>a {
    background: ghostwhite;
    margin-right: -1px;
    box-shadow: 4px 0 0 #57889c inset;
}

.shopping-basket.basket .tabs-left .action {
    margin-top: 6px;
}

.shopping-basket.basket .tabs-left .action a {
    width: 24px;
}

.shopping-basket.basket .tab-container .formly .popup {
    margin-top: 23px !important;
}

.shopping-basket.basket .tabs-left li.first {
    display: none;
}

.shopping-basket.basket.order .tabs-left li.first {
    display: block;
}

.shopping-basket.basket.order .tabs-left>.nav-tabs li>a {
    position: relative;
}

.shopping-basket.basket.order .tabs-left>.nav-tabs li>a .badge {
    position: absolute;
    top: 0;
    right: 0;
    text-transform: capitalize;
}

.shopping-basket.basket.order .tabs-left>.nav-tabs li>a .ins-btn {
    position: absolute;
    top: 10px;
    right: 15px;
}

.shopping-basket.basket.order .tabs-left>.nav-tabs li>a .ins-btn .btn {
    width: 25px;
}

.shopping-basket.basket.order .jarviswidget-ctrls {
    display: none;
}

.shopping-basket.basket.order .tabs-left>.nav-tabs li>a address {
    font-weight: 500;
    margin-bottom: 0;
}

.shopping-basket.basket.order .dt-toolbar {
    width: auto;
    padding: 0;
    margin-top: 6px;
    margin-left: 15px;
    border: none;
}

.shopping-basket.basket.order .dt-toolbar .dataTables_filter .input-group-addon,
.shopping-basket.basket.order .dt-toolbar .dataTables_filter .input-group-addon+.form-control {
    height: 31px;
}

.darktheme.smart-style-5 .shopping-basket.basket.order .dt-toolbar .dataTables_filter .input-group-addon {
    height: 29px;
}

.shopping-basket.basket.order .dt-toolbar div.dataTables_filter input {
    width: 250px;
    background: #fff;
}

.select_supplier .input-group-addon {
    display: none;
}
/* .shopping-basket.basket.order header .formly label.form-control-label {
display: none
} */

.shopping-basket.basket.order header .formly .form-control {
    width: 100%;
    background: #fff;
}

.shopping-basket.basket.order header form.formly {
    padding-top: 6px;
    padding-left: 0;
    padding-right: 0;
}

.shopping-basket.basket.order header .formly .input-group .form-control {
    height: 31px;
}

.shopping-basket.basket.order header form.formly formly-field formly-field {
    margin-bottom: 0 !important;
    width: 194px;
}

.shopping-basket.basket .tabs-left .smart-form .checkbox i {
    top: 0px;
}

.shopping-basket.basket header .smart-form .checkbox {
    margin-top: 4px;
}

.shopping-basket div.tabs-left tabset {
    padding: 0;
}

.shopping-basket .table tr td h4,
.shopping-basket.basket .tabs-left h4 {
    font-size: 15px;
    font-weight: 700;
}

.shopping-basket .table tr td h5 {
    font-weight: 700;
}

.shopping-basket.basket .tabs-left .smart-form .input {
    display: inline-block
}

.shopping-basket.basket .tab-content .table>tbody>tr>td {
    border: none;
    padding: 0px 9px;
}

.padding-left-0 {
    padding-left: 0;
}

.shopping-basket .smart-form .input input {
    width: 50px;
    height: 19px;
    text-align: center;
    padding-top: 2px;
    padding-bottom: 2px;
}

table.dataTable thead>tr>th input[type=checkbox] {
    width: inherit !important;
}

.custom-scroll::-webkit-scrollbar {
    height: 5px;
    width: 5px;
}

.table-responsive.custom-scroll {
    overflow-y: hidden;
}

.table-responsive.custom-scroll::-webkit-scrollbar {
    background-color: #E9E9E9;
    border: 1px solid #dbdbdb
}

.shopping-basket .table tfoot tr {
    background-color: #eee;
    background-image: -webkit-linear-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#fafafa));
    background-image: -webkit-linear-gradient(top, #f2f2f2 0, #fafafa 100%);
    background-image: -moz-linear-gradient(top, #f2f2f2 0, #fafafa 100%);
    background-image: -ms-linear-gradient(top, #f2f2f2 0, #fafafa 100%);
    background-image: -o-linear-gradient(top, #f2f2f2 0, #fafafa 100%);
    background-image: -linear-gradient(top, #f2f2f2 0, #fafafa 100%);
}

.shopping-basket .table thead tr th,
.shopping-basket .table tfoot tr th {
    border: none;
    padding: 12px 10px;
    font-size: 15px;
    vertical-align: middle;
}

.shopping-basket .table tbody tr:first-child td,
.shopping-basket .table tfoot tr td {
    border: none;
}

.vcenter {
    vertical-align: middle !important;
}

.shopping-basket.basket header .custom-select {
    height: 31px;
    width: 160px;
    float: left;
}

.shopping-basket .table tfoot select.form-control,
.shopping-basket.basket header select.form-control {
    background: #fff;
    height: 31px;
    width: 160px;
    float: left;
    margin-right: 10px;
    padding-left: 5px;
}

.shopping-basket .table img {
    height: 50px;
    width: 50px;
}

.shopping-basket.basket .document_table_left .table>tbody>tr>td,
.shopping-basket.basket .document_table_left .table>tbody>tr>th {
    padding: 0px;
    background: transparent;
}

.shopping-basket.basket .document_table_left .table {
    background: transparent;
}

.shopping-basket.basket .document_table_left.ordeoverviewtable .table>tbody>tr>td {
    background: transparent;
}

.shopping-basket.basket .document_table_left .table>tbody>tr>th {
    padding-right: 20px;
}

.shopping-basket.basket .document_table_left.ordeoverviewtable .table>tbody>tr>th {
    padding-right: 120px;
}

.dataTables_processing {
    text-indent: -9999999px;
    border: 0px !important;
    box-shadow: none !important;
    background: url(../img/spin-loader_small.svg) transparent !important;
    background-repeat: no-repeat !important;
    height: 25px !important;
    width: 25px !important;
    margin-left: 0px !important;
    margin-top: -12px !important;
    margin-bottom: 0px !important;
}

div.dataTables_length label {
    float: right !important;
}

.shopping-basket select.form-control.Belegsart {
    width: 200px;
    float: left;
    margin-top: 5px;
    margin-right: 10px;
    background: #f7f7f7;
}

.shopping-basket .smart-form .checkbox input {
    position: relative;
}

.shopping-basket .smart-form.table td .checkbox i {
    top: 3px !important;
    left: 3px;
}

.shopping-basket .note {
    margin-left: 10px;
}

.smart-style-1 .application-icon a::after,
.smart-style-1 .app_active a::after {
    background: #fb3c4a;
}

.smart-style-3 .application-icon.app_active a span {
    color: #fff;
}

.smart-style-2 .dropdown-menu>li.app_dropdown_active>a {
    background-color: #3E90D4;
    color: #fff;
}

.page-title i {
    margin-right: 5px;
}

.companycatalog.shopping-basket .table thead tr {
    border-bottom: 1px solid #ddd;
}

.companycatalog.shopping-basket select.form-control.Belegsart {
    width: 210px;
    margin-top: 0;
    margin-right: 15px;
}

.companycatalog.shopping-basket .supplier-search .input-group {
    width: 250px;
}

.companycatalog.shopping-basket .pagination {
    margin: 0;
}

.companycatalog.shopping-basket .smart-form.Belegsart {
    display: inline-block;
    vertical-align: top;
}

.companycatalog.shopping-basket select.form-control.Belegsart.lines {
    width: auto;
    display: inline-block;
    float: none;
    margin-right: 10px;
    margin-left: 10px;
    vertical-align: top;
}

.companycatalog.shopping-basket .smart-form.Belegsart select.form-control.Belegsart.lines {
    height: 32px;
    width: 60px;
}

.companycatalog.shopping-basket .smart-form.Belegsart .select i {
    right: 20px;
    background: #f7f7f7;
    box-shadow: 0 0 0 9px #f7f7f7;
}

.classification .companycatalog.shopping-basket .smart-form.Belegsart .select i {
    z-index: 1;
    right: 10px;
}

.classification .companycatalog.shopping-basket select.form-control.Belegsart.lines,
.classification .companycatalog.shopping-basket .smart-form.Belegsart label {
    margin-right: 0;
}

.companycatalog.shopping-basket .total {
    margin: 0;
    margin-top: 5px;
    display: inline-block;
    vertical-align: top;
}

.companycatalog.shopping-basket .padding.well {
    padding: 13px;
    padding-bottom: 0;
}

.companycatalog.shopping-basket .suppliercatalogs .product-content .product-image {
    min-height: 197px;
}

.companycatalog.shopping-basket .suppliercatalogs .product-content .product-deatil h5 p {
    margin-bottom: 0;
    height: 21px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.nowrap {
    white-space: nowrap;
}

.companycatalog.shopping-basket .suppliercatalogs .product-content {
    margin-bottom: 30px;
}

.companycatalog.shopping-basket label,
.shopping-basket.orderdetail label {
    margin: 0;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

.companycatalog.shopping-basket label .form-control,
.shopping-basket.orderdetail label .form-control {
    width: 50px;
    height: 22px;
    text-align: center;
}

.imagepopup.ui-dialog .ui-dialog-content {
    padding: 15px;
}

.imagepopup.ui-dialog .ui-dialog-title,
.activedeactive.ui-dialog .ui-dialog-title,
.deletegroupmember.ui-dialog .ui-dialog-title {
    display: none;
}

.imagepopup.ui-dialog .ui-dialog-titlebar,
.activedeactive.ui-dialog .ui-dialog-titlebar,
.deletegroupmember.ui-dialog .ui-dialog-titlebar {
    border: none;
}

.imagepopup.ui-dialog {
    border-radius: 0;
}

.imagepopup.ui-dialog .ui-dialog-titlebar-close {
    background-color: #3b9ff3;
    border-color: #3292E2;
    right: 0;
    padding: 0;
    width: 40px;
    height: 40px;
    margin: 0;
    top: 0;
    z-index: 9999;
}

#companycatalog h5 {
    margin-top: 0;
    margin-bottom: 15px;
}

.well.catalog-tree {
    padding: 0;
    overflow: hidden;
    border-top: 0;
}

.well.catalog-tree .widget-body {
    overflow-x: scroll
}

.catalog-tree .tree li span {
    border: none;
    position: relative;
    padding-right: 0;
    padding-left: 20px;
}

.catalog-tree .tree li.parent_li ul i.sa-icon {
    left: -26px;
}

.catalog-tree .tree li.parent_li ul i.sa-icon.fa-caret-right {
    left: -23px;
}

.smart-style-6 .catalog-tree .tree li.parent_li:nth-child(1n),
.smart-style-0 .catalog-tree .tree li.parent_li:nth-child(1n),
.smart-style-2 .catalog-tree .tree li.parent_li:nth-child(1n) {
    background: #fff;
}

.smart-style-6 .catalog-tree .tree li.parent_li:nth-child(2n),
.smart-style-0 .catalog-tree .tree li.parent_li:nth-child(2n),
.catalog-tree .tree li.parent_li:nth-child(2n) {
    background: #fbfbfb;
}

.catalog-tree .tree li.parent_li li {
    background: inherit;
    line-height: 2;
}

.catalog-tree .tree li:after,
.catalog-tree .tree li:before {
    display: none
}

.catalog-tree .tree ul ul {
    padding-top: 0px;
    padding-bottom: 5px
}

.catalog-tree .tree li.parent_li ul li {
    padding-top: 0px;
}

.catalog-tree .tree li.parent_li ul li span {
    padding: 0px;
}

.catalog-tree .tree li.parent_li>span:hover,
.tree li.parent_li>span:hover+ul li span:not(.label_confirmation) {
    background: none ! important;
    border: none;
    color: #000;
}
.tree li.parent_li>span:hover+ul li span.label_confirmation {
    background-color: #DF8505 !important;
    border: 1px solid #C67605 !important;
    color: #fff !important;
}
.tree li.parent_li>span:hover+ul li span.descLbl{
    background: none ! important;
}
.tree li.parent_li>span.descLbl:hover{
    background: none ! important;
    border: none;
    color: #000;
}
.darktheme.smart-style-5 .tree li.parent_li>span.descLbl:hover{
    color: #fff !important;
}
.tree li.parent_li>span:hover+ul li span.label-success{
    background-color: #739e73 !important;
    color: #fff !important;
}
.tree li.parent_li>span:hover+ul li span.label-default{
    background-color: #999 !important;
    color: #fff !important;
}
.tree li.parent_li>span:hover+ul li span.label-warning{
    background-color: #c79121 !important;
    color: #fff !important;
}
.tree li.parent_li>span:hover+ul li span.label-info{
    background-color: #57889c !important;
    color: #fff !important;
}
.tree li.parent_li>span:hover+ul li span.label-pending{
    background-color: #eb1c00 !important;
    border: 1px solid #eb1c00 !important;
    color: #fff !important;
}
.tree li.parent_li>span{
    cursor: pointer !important;
    padding: 9px !important;
    font-size: 12px !important;
}
.tree li span.descLbl{
    border: none !important;
}
.catalog-tree .tree ul ul li:hover {
    background: none
}

.catalog-tree .tree li.parent_li i {
    margin-right: 5px;
}

.catalog-tree .tree li.parent_li i.sa-icon {
    position: absolute;
    left: -6px;
    float: right;
    margin-top: 3px;
    margin-right: 10px;
    top: 6px;
}

/* .catalog-tree .tree li.parent_li li i.sa-icon {
    margin-top: 6px;
} */

.catalog-tree .tree li.parent_li i.sa-icon.fa-caret-right {
    left: -3px;
}

.catalog-tree .tree li.parent_li a {
    color: #666;
}

.catalog-tree .tree li.parent_li a:hover {
    color: #000;
}

.catalog-tree .tree li.parent_li a i {
    font-size: 6px;
    margin-top: 0;
    margin-right: 2px;
    vertical-align: middle;
}

.catalog-tree .tree ul ul ul {
    padding-left: 10px;
    padding-bottom: 0px;
    margin-top: 5px;
}

.catalog-tree .tree li.parent_li ul li:last-child {
    padding-bottom: 0px;
}

.catalog-tree .tree li {
    /* white-space: nowrap; */
    position: static;
}

.catalog-tree .tree>ul {
    display: inline-block;
    min-width: 100%;
}

.catpadd .col-sm-2 {
    padding-right: 0
}

.jarviswidget>.group_listbox {
    border-width: 0px !important;
    padding: 0px 13px 0 !important;
}

.shopping-basket .document_table_left .table>tbody>tr>td,
.shopping-basket .document_table_left .table>tbody>tr>th {
    padding: 0px;
    background: rgb(243, 243, 243);
}

.shopping-basket .document_table_left .table {
    background: rgb(243, 243, 243);
}

.shopping-basket .document_table_left .table>tbody>tr>th {
    padding-right: 20px;
}

.btn-updown {
    line-height: 1.2;
}

.formly header.selectcrop {
    margin-bottom: 0px;
}
.darktheme.smart-style-5 #editUserInfoForm.formly header,.darktheme.smart-style-5 #editUserProfileForm.formly header{
    border-bottom: 1px dashed #999 !important;
    background: transparent;
    color: #fff;
}
#editUserInfoForm.formly header,#editUserProfileForm.formly header{
    display: block;
    padding: 8px 0px;
    font-size: 16px;
    font-weight: 700;
    margin: 0 14px 20px;
    border-bottom: 1px dashed #000;
}

.no-padding {
    padding: 0px;
}

.right_side {
    float: right;
}

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

.mt-0,
.mb-0 {
    margin: 0px;
}

.jarviswidget-ctrls .button-icon.jarviswidget-delete-btn {
    display: none !important;
}

.menu-on-top.smart-style-2 nav>ul ul li::before,
.menu-on-top.smart-style-2 nav>ul>li>ul::before {
    border: none !important;
}

.menu-on-top.smart-style-2 #left-panel {
    padding-top: 62px !important;
}

.smart-style-2.menu-on-top .menu-item-parent,
.smart-style-3.menu-on-top .menu-item-parent,
.smart-style-1.menu-on-top .menu-item-parent,
.menu-on-top .menu-item-parent {
    padding: 0px;
    font-size: 13px;
}

.menu-on-top #mobile-profile-img a.userdropdown img {
    margin-top: 12px;
    margin-left: 12px;
}

.menu-on-top aside#left-panel nav {
    padding-bottom: 69px;
}

.smart-style-3.menu-on-top aside#left-panel nav {
    background: rgb(239, 240, 240);
}

.flag.flag-en {
    background-position: -144px -154px;
}

.smart-style-2 nav>ul>li>a>i {
    font-size: 18px !important;
}

.smart-style-3 nav>ul>li>a>i {
    margin: 0px !important;
}

.suppliercatalogs .ui-sortable-placeholder {
    background-color: #FFC !important;
    border: 1px dashed #A7A7A7 !important;
    height: 174px !important;
    visibility: visible !important;
    display: inline-block !important;
}

.suppliercatalogs .ui-state-default {
    margin-bottom: 26px;
    background: none;
    border: none;
}

.suppliercatalogs .ui-state-default a {
    color: #fff;
}

.suppliercatalogs .ui-state-default p {
    margin: 0px;
    margin-bottom: 9px;
}

#password-guide ul li ul {
    padding: 0 0 0 15px !important;
}

#password-guide ul {
    list-style: none !important;
    padding-left: 20px !important;
}

#password-guide ul li {
    position: relative;
}

#password-guide ul li::before {
    position: absolute;
    content: "\f101";
    left: -14px;
    font-family: FontAwesome;
}

#password-guide ul ul li::before {
    content: "\f105";
    left: -12px;
}

#password-guide .btn-danger {
    float: right;
}

.smart-style-0 #logo-group span#activity {
    color: #6D6A69;
}

#sparks li:last-child {
    border-left: none;
    vertical-align: top;
    margin-top: 3px;
}

.profile-content p.text-muted {
    font-size: 14px;
    position: relative;
    padding: 0px 0px 0px 50px;
    border-bottom: 1px dashed #EEE;
    margin-top: 10px;
    width: 80%;
    height: 63px;
    overflow: hidden;
}

.profile-content p.text-muted.noborder {
    border: none;
}

.profile-content p.text-muted span {
    font-size: 15px;
    width: 100%;
    float: left;
}

.profile-content p.text-muted i {
    font-size: 16px;
    font-size: 16px;
    background: #EEE;
    height: 40px;
    width: 40px;
    padding-top: 12px;
    border-radius: 100%;
}

.smart-style-1 #logo-group span#activity {
    background: #fb3c4a;
    border: 1px solid #fb3c4a;
    color: #fff !important;
    cursor: pointer !important;
}

#password-guide-child fieldset {
    border: none !important;
    background: none !important;
    font-size: 14px;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    margin: 0 2px;
    width: 47%;
}

.group-mamber .message img {
    border-radius: 100%;
    width: 50px;
    position: relative;
}

.groupbtn {
    margin-top: 23px;
}

.formly header.groupdetail {
    display: none;
}

.group-mamber .message i {
    position: absolute;
    left: 48px;
    font-size: 14px;
    background: #DB4A67;
    color: #fff;
    height: 20px;
    width: 20px;
    border-radius: 100%;
    text-align: center;
    padding-top: 3px;
    top: -5px;
}

.group-mamber .message .message-text {
    font-weight: 700;
    font-size: 14px;
    letter-spacing: -1px;
}

.group-mamber .message p {
    display: inline-block;
    margin: 0;
    vertical-align: middle;
    margin-left: 10px;
}

.group-mamber .message {
    padding-bottom: 20px;
    border-bottom: 1px dashed #eee;
    margin-bottom: 20px;
    width: 80%;
}

.group-mamber .message.noborder {
    border: none;
    margin-bottom: 0;
}

.fixMultiSelect {
    display: block !important;
    position: static !important;
}

.addmember .arrow-up {
    display: none !important;
}

.addmember .c-angle-up,
.addmember .c-angle-down {
    display: none !important;
}


/*
.addmember .arrow-up, .addmember .selected-list .fa-angle-down, .addmember .selected-list .fa-angle-up {
display: none !important;
}

.addmember .selected-list .c-list .c-token .c-label {
font-size: 13px;
}

.addmember .c-btn {
box-shadow: none !important;
border-radius: 0 !important;
margin-top: 10px !important;
padding-bottom: 0 !important;
min-height: 42px !important;
}

.addmember .list-area {
box-shadow: none !important;
border-radius: 0 !important;
margin-bottom: 10px !important;
}

.addmember .c-list .c-token {
background: #3b9ff3 !important;
margin-bottom: 5px !important;
}

.addmember .c-list .c-token:last-child {
margin-bottom: 10px !important;
}

.addmember .pure-checkbox input[type="checkbox"]+label:before {
color: #3b9ff3 !important;
border-color: #3b9ff3 !important;
}

.addmember .pure-checkbox input[type="checkbox"]:checked+label:before {
background: #3b9ff3 !important;
}

.addmember .list-filter .fa {
z-index: 9;
} */

.formly textarea {
    resize: none;
}

.setting-menu.fixed-navigation nav>ul {
    height: auto;
}

body.menu-on-top.fixed-header {
    padding-top: 0px !important;
}

.myprofilepass {
    position: absolute;
    margin-left: 95px !important;
    margin-top: 19px !important;
    z-index: 99;
}

.reset-password-dialog .widget-header h4 {
    display: inline-block
}

.reset-password-dialog a.password-guide-button {
    color: #fff;
    margin-left: 10px;
}

.editwebedi .no-padding .dataTables_wrapper table,
.editwebedi .no-padding>table {
    border: 1px solid #ddd !important;
}

#extr-page #header.not-fixed,
.fixed #header.not-fixed {
    position: relative !important;
    box-shadow: none;
    overflow: visible;
}

.resetpass .dropdown-menu {
    right: 0px;
    left: inherit;
}

.profile-content .chatinfo p.text-muted {
    border: none;
}

.profile-content .chatinfo.noborder {
    border-bottom: 0;
}

.chatinfo {
    padding-top: 25px;
    margin-bottom: 8px;
    position: relative;
}

.chatinfo::after {
    position: absolute;
    content: "";
    border-bottom: 1px dashed #EEE;
    top: 0;
    width: 90%;
}

.chatinfo::before {
    position: absolute;
    content: "";
    border-top: 1px dashed #EEE;
    bottom: 0;
    width: 90%;
}

.noborder.chatinfo::before {
    border: none;
}

.noborder.chatinfo {
    margin-bottom: 0;
}

.userinformation .chatinfo::before,
.userinformation .chatinfo::after {
    width: 93.50%;
}

.editgroup .edit,
body.smart-style-6 .bg-color-blueLight.edit {
    line-height: 21px;
    width: 35px;
    height: 100%;
    background: #eee !important;
    color: #999 !important;
    box-shadow: none;
    position: absolute;
    top: 0;
    right: 0;
    left: inherit;
}

.editgroup .edit i,
body.smart-style-6 .bg-color-blueLight.edit i {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translate(0, -50%);
}

#editgroupname .spin-loader,
#addgroupmember .spin-loader {
    margin: 0;
}

h2.editgroup {
    display: inline-block;
    position: relative;
    padding-right: 40px;
    padding-bottom: 5px;
}

h2.editgroup::after {
    position: absolute;
    content: "";
    border-bottom: 2px solid #eee;
    bottom: 0;
    width: 100%;
    left: -1px;
}

.cont-title {
    padding-right: 35px;
    padding-left: 35px;
}

.forecasts .amtchange {
    padding: 5px;
}

.forecasts .amtchange input {
    height: 24px;
    width: 80px !important;
    background: #FFF;
}

.companyaddress .smart-form .checkbox input+i:after {
    color: #fff !important;
}

.vmidetailview .profile-content p.text-muted {
    margin-top: 5px;
    height: 70px;
    margin-bottom: 0;
    width: 100%;
    word-break: break-word;
    margin-bottom: 5px;
}

.bold~span,
i.bold {
    font-weight: bold;
    color: #000;
}

.createnewdocument .vmidetailview .profile-content p.text-muted {
    height: 66px;
}

.createnewdocument .vmidetailview .profile-content p.text-muted small {
    font-size: inherit;
}

.createnewdocument .companyaddress .well.well-light.well-sm {
    position: relative;
    overflow: hidden;
}

.createnewdocument .companyaddress .opencontractclose {
    position: absolute;
    top: 0;
    right: 0;
    left: inherit;
    padding: 8px 15px;
    font-size: 20px;
    margin: 0 !important;
    z-index: 1;
}

.showversionopencontract,
.showremindersview,
.showremindersopencontract,
.showopencontract,
.showsearchcontract,
.contractparties,
.affectedinternalparty,
.contractdurationtermination,
.compensation,
.additions,
.extended {
    display: none;
}

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

.smart-style-1 #header {
    background-color: #22262e !important;
}

.smart-style-1 #logo-group {
    background: transparent !important;
}

.smart-style-0 .project-context>:first-child {
    color: #666;
}

.smart-style-1 .project-context>:first-child {
    color: #fff;
}

.smart-style-2 .project-context>:first-child {
    color: #555;
}

.fixed-navigation aside#left-panel nav {
    background: transparent;
}

.smart-style-2 .fixed-ribbon #ribbon {
    top: 131px;
}

.smart-style-2 nav ul ul ul li a {
    padding-left: 60px;
}

nav>ul ul ul li::before {
    width: 15px;
    left: 24px;
}

.select_costcentre {
    width: 330px !important;
    border: none !important;
    position: absolute !important;
    top: 40px;
    background: #fafafa !important;
    padding: 0px !important;
    left: 234px;
    z-index: 1;
    height: auto !important;
    overflow-y: hidden !important;
    margin-left: 10px !important
}

.select_costcentre .form-control,
.select_costcentre .smart-form .select select {
    background-color: #fafafa;
}

.select_costcentre .smart-form .select i {
    background-color: #fafafa;
    box-shadow: 0 0 0 9px #fafafa;
}

.select_costcentre.webedilist {
    top: 0;
    margin-left: -10px;
}

.select_costcentre.catalogdetail {
    top: 6px;
}

.select_costcentre.webedilist select {
    width: 100%;
}

.createcontract h5 {
    font-size: 20px;
    font-weight: 700;
    height: 30px;
    overflow: hidden;
}

.createcontract h3 {
    margin-top: 0;
    font-weight: 700;
    font-size: 22px;
}

.form-bootstrapWizard {
    margin-top: 20px;
}

.intervaldet {
    padding-top: 5px;
}

#newreminder .note,
#editreminder .note,
#contractualrules .note {
    margin-top: -10px;
    margin-bottom: 10px;
}

.createnewdocument .bootstrapWizard li .step {
    display: inline-block;
    padding: 8px 0 0;
    margin-top: -10px;
    width: 40px;
    height: 40px;
}

.createnewdocument .bootstrapWizard li .step i {
    font-size: 17px
}

.createnewdocument .bootstrapWizard li .title {
    margin-top: -10px;
}

.shownextprev.customtable .dt-toolbar-footer {
    display: block;
    background: none;
    border: none;
    padding-left: 0;
    padding-right: 0;
}

#newreminder .formly .custom-control input,
#editreminder .formly .custom-control input {
    vertical-align: top;
}

#newreminder .formly .group-addon-col .form-control[disabled],
#editreminder .formly .group-addon-col .form-control[disabled] {
    z-index: -1;
}

.ng-selectcustom>div {
    position: relative;
    margin: 0;
    z-index: 9;
    height: 0;
}

.ng-selectcustom>div label {
    margin-left: 12px;
}

/* ng-select .ng-arrow-zone {
    display: none !important;
} */

ng-select .ng-control {
    min-height: 32px !important;
    border-radius: 0 !important;
    margin-top: 23px;
}

ng-select .ng-menu-outer {
    z-index: 100 !important;
    border-radius: 0 !important;
    margin-top: 0 !important;
}

ng-select .ng-control:hover {
    box-shadow: none !important;
}

ng-select .ng-option, .ng-select-dropdown-outer .ng-select-dropdown .ng-option {
    color: #999 !important;
    padding: 0px 10px !important;
}

ng-select.opened>.ng-control,
ng-select.opened .ng-menu-outer {
    border-color: #66afe9 !important;
}

ng-select .ng-option.marked,.ng-select-dropdown-outer .ng-select-dropdown .ng-option.marked {
    background-color: #1f93ff !important;
    color: #fff !important;
}

ng-select .ng-option:last-child {
    border-radius: 0 !important;
}

ng-select .ng-clear-zone span{
    right: 34px;
    top: 1px;
}

ng-select.ng-multiple .ng-control .ng-value-container .ng-value .ng-value-wrapper.default {
    background-color: #3276b1 !important;
    border-radius: 0 !important;
    border: 1px solid #2a6395 !important;
    color: #fff !important;
}

ng-select.ng-multiple .ng-control .ng-value-container .ng-value .ng-value-wrapper.default .ng-value-icon:hover {
    background-color: rgba(0, 0, 0, .3) !important;
}

ng-select.ng-multiple .ng-control .ng-value-container .ng-value .ng-value-wrapper.default .ng-value-icon.left {
    border-color: #2a6395 !important;
}

ng-select .ng-option.selected, .ng-select-dropdown-outer .ng-select-dropdown .ng-option.selected {
    background-color: #1f93ff !important;
    color: #fff !important;
}

ng-select.ng-multiple .ng-control .ng-value-container {
    height: 26px;
    overflow: hidden;
    padding-right: 40px;
}

.classification .ui-treetable table {
    width: 100%;
}

.classification .ui-treetable .ui-treetable-row {
    display: table-row;
}

.classification .ui-treetable table tbody td,
.classification .ui-treetable table tbody th,
.classification .ui-treetable table thead td,
.classification .ui-treetable table thead th {
    padding: 8px 10px;
    font-size: 12px;
    vertical-align: top;
    width: 14.28%;
}

.classification .ui-treetable table tbody td {
    font-size: 13px;
}

.classification .ui-treetable table thead tr th {
    background-color: #eee;
    font-weight: 600;
}

.classification .ui-treetable .ui-treetable-child-table-container {
    padding: 0;
    border: none;
}

.classification .ui-treetable tbody>.ui-treetable-row {
    border-bottom: 1px solid #ddd;
}

.classification .ui-treetable tbody>.ui-treetable-row td,
.classification .ui-treetable thead th {
    border-right: 1px solid #ddd !important;
}

.classification .ui-treetable tbody>.ui-treetable-row td:last-child,
.classification .ui-treetable thead th:last-child {
    border-right: none !important;
}

.classification .ui-treetable .ui-treetable-child-table-container tbody:last-child>.ui-treetable-row:last-child {
    border-bottom: none;
}

.classification .ui-treetable .ui-widget-content {
    border: none
}

.classification .ui-treetable table .ui-state-default,
.classification .ui-treetable .ui-widget-content table .ui-state-default,
.classification .ui-treetable .ui-widget-header table .ui-state-default {
    border-left: none;
    border-top: none;
    border-right: none;
}

.classification .ui-treetable tbody.ui-widget-content.ui-treetable-even {
    background-color: #f9f9f9;
}

.classification .ui-treetable select.ui-paginator-rpp-options,
.classification .dt-toolbar .counter select.ui-paginator-rpp-options {
    height: 32px;
    padding: 6px 12px;
    font-size: 13px;
    background: #f7f7f7;
    color: #999;
    margin-left: 15px;
}

.classification .ui-treetable .ui-paginator-bottom {
    padding: 5px 10px;
    background: #fafafa;
    text-align: right;
}

.classification .ui-treetable .ui-paginator-bottom a {
    border: none !important;
    background: transparent !important;
    width: 32px;
    height: 29px;
    display: inline-block;
    margin: 0 5px;
    text-align: center;
}

.classification .ui-treetable .ui-paginator-bottom a:hover,
.classification .ui-treetable .ui-paginator-bottom a.ui-state-active {
    background: #3b9ff3 !important;
    color: #fff;
}

.classification .ui-treetable .ui-paginator-bottom a.ui-state-disabled:hover {
    background: transparent !important;
    color: #333 !important;
}

.classification .ui-treetable .ui-paginator-bottom .ui-paginator-pages a,
.classification .ui-treetable .ui-paginator-bottom a span {
    line-height: 29px;
}

.contractsearchdetail .bootstrapWizard li {
    width: 12.5%;
}

.contractsearchdetail .form-bootstrapWizard {
    margin-top: 24px;
}

.new-number,.tpiCompany-btn {
    margin-top: 23px;
    padding-left: 1px;
    padding-right: 1px;
}

.no-padding-left {
    padding-left: 0
}

.custom-access .ajax-dropdown {
    display: block;
    position: static;
    box-shadow: none;
    border-color: #ddd;
}

.permissiongroups .custom-access .ajax-dropdown {
    width: auto;
}

.permissiongroups .custom-access.dropdown.exportdata {
    float: none;
}

.custom-access .ajax-dropdown li:last-child {
    margin-top: 10px;
}

.custom-access .ajax-dropdown:before {
    display: none;
}

.permissiongroups .profile-content p.text-muted {
    width: 100%;
    height: auto;
    border: none;
    margin-top: 0;
}

.reminders-status {
    width: 200px;
    float: right;
    margin-bottom: 10px;
}

.reminders-status.smart-form .select select {
    background: #f7f7f7;
}

.reminders-status.smart-form .select i {
    background: #f7f7f7;
    box-shadow: 0 0 0 9px #f7f7f7;
}

.bootstrap-duallistbox-container select {
    height: 287px !important;
}

.swipe-div {
    height: 287px;
    display: table;
    margin-top: 117px;
}

.swipe-div div {
    display: table-cell;
    vertical-align: middle;
}

.bootstrap-duallistbox-container option {
    padding: 2px 12px;
}

.table td.action,
.classification .ui-treetable table td.action {
    padding-bottom: 0px !important;
}

td.action .btn {
    margin-bottom: 8px;
}

.permissiongroups .customtable .dt-toolbar {
    display: block;
    border: none;
    padding: 0;
    background: no-repeat;
}

.smart-style-1 .application-icon,
.smart-style-1 .application-col:before,
.smart-style-1 .project-context:after {
    border-color: #0d0f12;
}

.smart-style-3 .application-icon,
.smart-style-3 .application-col:before,
.smart-style-3 .project-context:after {
    border-color: #f09d61;
}

.smart-style-3 .page-footer {
    background: #f2f2f2;
}

.smart-style-3 .footer-menu li a,
.smart-style-3 .footer-menu li,
.smart-style-3 .page-footer span {
    color: #3D3B39;
}

.smart-style-3 .footer-menu li:after {
    border-color: #ddd
}

body.menu-on-top.fixed-header.fixed-navigation.fixed-ribbon #ribbon {
    top: 131px !important;
}

body.menu-on-top.fixed-header.fixed-navigation.fixed.fixed-ribbon #ribbon {
    top: 118px !important;
}

.smart-style-2.menu-on-top aside#left-panel,
.smart-style-3.menu-on-top aside#left-panel {
    background: #fff;
}

.smart-style-3 .header-dropdown-list>li>.dropdown-toggle.userdropdown {
    background: none;
    padding: 0;
    border: none;
}

.menu-on-top nav ul b {
    display: none;
}

.menu-on-top #mobile-profile-img a.userdropdown img {
    margin-left: 5px;
}

.menu-on-top #setting-menu {
    margin-left: 0;
}

.fixed.menu-on-top #mobile-profile-img a.userdropdown img {
    margin-top: 5px;
}

.menu-on-top nav ul span.menu-item-parent {
    margin: auto;
}

.smart-style-3 .application-icon a::after {
    background: #4E361B;
}

.addsuccessfully .SmallBox .foto {
    font-size: 46px;
}

.addsuccessfully .SmallBox .textoFoto {
    width: 100%;
}

.addsuccessfully .SmallBox {
    width: max-content;
}

.shopping-basket .fa-flag {
    color: #c79121;
}

.hoverclick.customtable .table-hover>tbody>tr:hover {
    background: #ecf3f8 !important;
}

.smart-style-2 .login-info {
    min-height: 39px;
}

.companydirectory {
    overflow: hidden;
}

.companydirectory div a {
    float: left;
    width: 100%;
    padding: 20px;
    margin: 15px 0;
    font-size: 14px;
    line-height: 1.4;
    text-align: center;
    background: #fbfbfb;
    color: #333;
    position: relative;
}

.companydirectory .glyphicon-class {
    display: block;
    text-align: center;
}

.companydirectory div img {
    max-width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    padding: 0 15px;
}

.companydirectory .directorylogo {
    width: 192px;
    height: 120px;
    display: inline-block;
    float: left;
    margin-right: 20px;
    position: relative;
    background: #fff;
}

.companydirectory.shopping-basket .table img {
    max-width: 100%;
    height: initial;
    width: initial;
    padding: 0;
}

.companydirectory.shopping-basket .directorylogo {
    background: none;
    margin-right: 0;
    float: none;
}

.companydirectory .glyphicon-class {
    display: block;
    text-align: center;
    font-weight: 600;
    font-size: 18px;
    text-align: left;
    margin-bottom: 10px;
    height: 25px;
    overflow: hidden;
}

.companyprofile .col-lg-offset-1 {
    margin-left: 12.5%;
}

.companyprofile #myCarousel {
    height: 140px;
    border-bottom: 1px solid #e2e2e2;
    padding: 10px 0;
    display: table;
    width: 100%;
}

.nooverflow .ui-datepicker {
    z-index: 9999 !important;
}

.companyprofile .profile-carousel .carousel-inner {
    display: table-cell;
    vertical-align: middle;
}

.companyprofile #myCarousel .item img {
    width: initial;
    margin: auto;
}

.companyprofile #myCarousel .item h2 {
    font-size: 44px;
}

.companydirectory.shopping-basket .glyphicon-class {
    text-align: center;
    color: #333;
    margin-bottom: 0;
}

.companydirectory div a:hover {
    background-color: rgba(86, 61, 124, .1);
}

.companydirectory .info {
    display: block;
    margin-bottom: 5px;
    color: #98a0a5;
    text-align: left;
    font-size: 13px;
}

.companydirectory .info i {
    margin-right: 5px;
    width: 15px;
    text-align: center;
}

.companydirectory .info-desc {
    float: left;
    text-align: left;
    color: #69737A;
    margin-top: 10px;
    margin-bottom: 0;
}

.companydirectorylist .pagination {
    margin-top: 0;
}

.companydirectorylist .pagination>li>a,
.companydirectorylist .pagination>li>span {
    box-shadow: none;
    -webkit-box-shadow: none;
    text-align: center;
    border: none;
}

.companydirectorylist .pagination>li {
    display: inline-block;
    margin: 0 -2px;
}

.chat-body li.message .message-text.main {
    min-height: 45px;
    display: block;
    padding-top: 9px;
}

.chat-body li.message {
    margin: 0;
}

.profile-message li.message.message-reply {
    margin-left: 45px !important;
}

.timeline-seperator:after {
    display: none;
}

.timeline-seperator>:first-child {
    border: none;
}

.timeline-seperator {
    margin: 0;
}

.chat-body li.message img.post-img {
    position: static;
    display: block;
    margin: auto;
    border: none;
}

.profile-message .wall-comment-reply {
    margin-left: 0;
    padding-left: 45px;
}

.profile-message .wall-comment-reply img {
    float: left;
    position: absolute;
    left: 0;
    width: 35px;
}

.chat-body ul.comment-post {
    border-top: 1px solid #f7f7f7;
    border-bottom: 1px solid #f7f7f7;
    margin: 20px 0;
    padding: 10px 0;
}

.chat-body ul.comment-post li:first-child {
    margin-top: 0px;
}

.chat-body ul.comment-post li::after {
    position: absolute;
    top: 2px;
    bottom: 0;
    right: -2px;
    border-left: 1px solid #ccc;
    height: 80%;
    content: "";
}

.chat-body ul.comment-post li {
    position: relative;
}

.chat-body ul.comment-post li:last-child::after {
    border: none;
}

.profile-message.chat-body {
    width: 100%;
}

.timeline-seperator {
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 99;
}

.timeline-seperator .btn-default {
    margin-right: 0;
}

.timeline-seperator .btn-group {
    padding: 0;
}

.timeline-seperator .btn-group.open .dropdown-toggle {
    box-shadow: none;
}

.timeline-seperator .btn-group a i {
    font-size: 20px;
    color: #999;
    display: inline-block;
    line-height: 0;
}

.chat-body li.message .message-text.main a.username {
    display: inline-block
}

.chat-body li.message .message-text span {
    display: block
}

.replay-txt .input-xs {
    height: 22px
}

.replay-txt.input-group .form-control {
    background: #fff
}

.profile-message .wall-comment-reply.replay-txt {
    margin-bottom: 0
}

.dataTable tbody .shown+tr>td>table.invoicelist tbody tr {
    background: none !important;
}

.invoicelist.table>tbody>tr>td,
.invoicelist.table>tbody>tr>th,
.invoicelist.table>tfoot>tr>td,
.invoicelist.table>tfoot>tr>th,
.invoicelist.table>thead>tr>td,
.invoicelist.table>thead>tr>th {
    border-top: none !important;
    padding: 2px 10px !important;
}

.invoicelist.table>tbody>tr:first-child>td,
.invoicelist.table>tbody>tr:first-child>th,
.invoicelist.table>tfoot>tr:first-child>td,
.invoicelist.table>tfoot>tr:first-child>th,
.invoicelist.table>thead>tr:first-child>td,
.invoicelist.table>thead>tr:first-child>th {
    padding-top: 10px !important;
}

.invoicelist.table>tbody>tr:nth-last-child(2)>td,
.invoicelist.table>tbody>tr:nth-last-child(2)>th,
.invoicelist.table>tfoot>tr:nth-last-child(2)>td,
.invoicelist.table>tfoot>tr:nth-last-child(2)>th,
.invoicelist.table>thead>tr:nth-last-child(2)>td,
.invoicelist.table>thead>tr:nth-last-child(2)>th {
    padding-bottom: 10px !important;
}

.dataTable tbody .shown+tr>td>table.invoicelist>tbody>tr:first-child {
    border-top: 1px solid #c2c2c2;
}

.invoicelist.table>tbody>tr.footer>td,
.invoicelist.table>tbody>tr.footer>th,
.invoicelist.table>tfoot>tr.footer>td,
.invoicelist.table>tfoot>tr.footer>th,
.invoicelist.table>thead>tr.footer>td,
.invoicelist.table>thead>tr.footer>th {
    border-top: 2px solid #c2c2c2 !important;
    padding: 15px 10px !important;
    vertical-align: middle;
}

.dataTable tbody .shown+tr>td>table.invoicelist tbody tr .project-members img,
.overview-detail .project-members img {
    width: 35px;
    margin-right: 10px;
}

.dataTable tbody .shown+tr>td>table.invoicelist tbody tr .project-members p,
.overview-detail .project-members p {
    font-size: 9px;
    margin: 0px;
    margin-top: 2px;
    margin-left: -18px;
    width: 55px;
    text-align: center;
}

.dataTable tbody .shown+tr>td>table.invoicelist tbody tr .project-members a,
.overview-detail .project-members a {
    float: left;
    margin: 0;
    position: relative;
    overflow: visible;
    cursor: default;
}

.overview-detail .project-members a.currentStep {
    cursor: pointer;
}

.dataTable tbody .shown+tr>td>table.invoicelist tbody tr .project-members a:after,
.overview-detail .project-members a:after {
    position: absolute;
    content: "";
    left: 35px;
    /* border-top: 1px solid #c2c2c2; */
    right: 0;
    top: 16px;
}

.overview-detail .project-members a:after {
    left: 45px;
    top: 22px;
}

.dataTable tbody .shown+tr>td>table.invoicelist tbody tr .project-members a:last-child:after,
.overview-detail .project-members a:last-child:after {
    display: none;
}

.overview-detail .project-members {
    display: inline-block;
    margin: 10px auto;
    margin-left: 10px;
}

.overview-detail .project-members p {
    width: 88px;
    font-size: 13px;
}

.overview-detail .project-members img {
    width: 45px;
    margin-right: 45px;
}

.overview-detail .project-members a:last-child img {
    margin-right: 0;
}

.overview-detail.ui-dialog-content .formly .hidelabel .form-control-label {
    display: none;
}

.away {
    color: #ffc40d;
}

.busy {
    color: #ed1c24;
}

.online {
    color: #40ac2b;
}

.offline {
    color: #ddd;
}

.dt-toolbar-footer {
    margin-top: -6px;
}

.invoicetable .smart-form .checkbox,
.invoicetableAccounting .smart-form .checkbox,
.invoicetablearchive .smart-form .checkbox,
.invoicetablecancel .smart-form .checkbox {
    margin-right: 0;
    width: 20px;
    margin: auto;
}

.application-icon a {
    padding: 8px 12px;
    min-width: 100px;
    padding-bottom: 15px;
}

.dygraph-legend {
    top: -30px !important;
}

.smart-style-6 .application-icon a,
.smart-style-3 .application-icon a {
    padding-bottom: 16px;
}

.smart-style-6.fixed .application-icon a,
.smart-style-3.fixed .application-icon a {
    padding-bottom: 12px;
}

.fixed.smart-style-6 .application-selection .dropdown-menu>li>a {
    padding: 5px 20px;
}

.application-icon a .apps-icon {
    display: block;
    margin: auto;
    margin-bottom: 8px;
}

.fixed .application-icon a .apps-icon {
    margin-bottom: 0;
}

.application-icon .dropdown-menu a .apps-icon {
    display: inline-block;
    margin-bottom: 0;
}

.application-icon a span {
    margin: 0;
}

.invoicetable .dataTables_filter,
.invoicetableAccounting .dataTables_filter,
.invoicetablecancel .dataTables_filter,
.invoicetablearchive .dataTables_filter
 {
    float: none;
}

.invoicetable .dataTables_filter label,
.invoicetableAccounting .dataTables_filter label,
.invoicetablecancel .dataTables_filter label ,
.invoicetablearchive .dataTables_filter label  {
    margin-right: 10px;
}


/* .invoicetable .form-inline .control-label{
margin-right: 5px;
} */

.invoicetable .form-inline select.form-control,
.invoicetableAccounting .form-inline select.form-control,
.invoicetablecancel .form-inline select.form-control,
.invoicetablearchive .form-inline select.form-control
 {
    margin-right: 5px;
    background: transparent;
    padding: 5px 10px;
}

.invoicetable .form-inline .form-group.smart-form .select,
.invoicetableAccounting .form-inline .form-group.smart-form .select,
.invoicetablecancel .form-inline .form-group.smart-form .select,
.invoicetablearchive .form-inline .form-group.smart-form .select {
    display: inline-block;
}

.invoicetable .form-inline .form-group.smart-form .select i ,
.invoicetableAccounting .form-inline .form-group.smart-form .select i ,
.invoicetablecancel .form-inline .form-group.smart-form .select i,
.invoicetablearchive .form-inline .form-group.smart-form .select i{
    right: 15px;
    background: transparent;
    box-shadow: 0 0 0 9px transparent;
}

.invoicetable .form-inline .actiontab select.form-control,
.invoicetable .form-inline .filter select.form-control,
.invoicetableAccounting .form-inline .actiontab select.form-control,
.invoicetableAccounting .form-inline .filter select.form-control,
.invoicetablecancel .form-inline .actiontab select.form-control,
.invoicetablecancel .form-inline .filter select.form-control,
.invoicetablearchive .form-inline .actiontab select.form-control,
.invoicetablearchive .form-inline .filter select.form-control {
    width: 140px;
}
/* .invoicetableAccountingNew .form-inline .filter select.form-control {
    width: 170px !important;
} */
.invoicetableAccountingNew div.dt-buttons{
    width: auto !important;
}
.breadcrumb>li {
    font-weight: 600;
}

.invoicetable,
.invoicetableAccounting,
.invoicetablecancel,
.invoicetablearchive {
    width: 100%;
    overflow: visible;
}

.invoicetable .table.dashboardTableList,
.invoicetable .table.cancelTableList,
.invoicetable .table.archiveTableList,
.invoicetableAccounting .table.dashboardTableList,
.invoicetableAccounting .table.cancelTableList,
.invoicetableAccounting .table.archiveTableList,
.invoicetablecancel .table.dashboardTableList,
.invoicetablecancel .table.cancelTableList,
.invoicetablecancel .table.archiveTableList,
.invoicetablearchive .table.dashboardTableList,
.invoicetablearchive .table.cancelTableList,
.invoicetablearchive .table.archiveTableList,
.invoicetablearchive .table.completedTableList{
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.invoicetable .dt-toolbar-footer,
.invoicetableAccounting .dt-toolbar-footer,
.invoicetablecancel .dt-toolbar-footer,
.invoicetablearchive .dt-toolbar-footer  {
    margin-top: 0;
}

.smart-style-1 .ajax-dropdown {
    background: #fff;
}

body.smart-style-6 .txt-color-blueDark {
    color: #4c4f53 !important
}

body.smart-style-6 #logo img {
    display: inline-block;
}

body.smart-style-6 .dropdown {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    display: inline-block;
}

body.smart-style-6 .project-selector+.dropdown-menu {
    margin-top: -33px;
}

.dropdown-menu {
    left: -1px;
}

.smart-style-6 .application-icon a,
.smart-style-6 .application-selection span.project-selector {
    background: #5AB6FF;
    border-color: #1570B8;
}

.smart-style-6 .application-icon.app_active a,
.smart-style-6 .application-icon a:hover {
    background: #1570B8;
}

.smart-style-6 .application-selection .dropdown-menu>li>a {
    border-color: #1570B8;
    color: #fff !important;
}

.smart-style-6 .application-selection:hover span,
.smart-style-6 .application-selection.open span,
.smart-style-6 .application-selection .dropdown-menu>li>a:hover,
.smart-style-6 .application-selection .dropdown-menu>li.app_dropdown_active>a {
    background: #1570B8 !important;
}

body.smart-style-6 .txt-color-magenta,
body.smart-style-6 nav ul li.active>a:before {
    color: #2196F3 !important;
}

body.smart-style-6 #logo-group span#activity,
body.smart-style-6 .btn-header>:first-child>a {
    box-shadow: none;
    -webkit-box-shadow: none;
}

.hidden-menu .smart-style-6 #hide-menu>:first-child>a,
.hidden-menu.smart-style-6 #hide-menu>:first-child>a,
.smart-style-6.setting-menu #setting-menu a,
.full-screen.smart-style-6 #fullscreen>:first-child>a {
    background: #5AB6FF;
    border-color: #1570B8;
    border-radius: 0;
    color: #1570B8 !important;
    -webkit-box-shadow: inset 0 0 3px 1px rgba(21, 112, 184, .15);
    box-shadow: inset 0 0 3px 1px rgba(21, 112, 184, .15);
    line-height: 27px;
}

.smart-style-6.hidden-menu #hide-menu i {
    color: #1570B8 !important;
}

.smart-style-6.voice-command-active.service-not-allowed #speech-btn>:first-child>a {
    border-radius: 0;
    line-height: 27px;
}

.smart-style-6.setting-menu #setting-menu a {
    line-height: 30px;
}

.smart-style-3 .header-dropdown-list>li>.dropdown-toggle {
    background-color: #DD7C37;
    background-image: -moz-linear-gradient(top, #dd7c37, #b9662b);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b9662b), to(#b9662b));
    background-image: -webkit-linear-gradient(top, #dd7c37, #b9662b);
    background-image: -o-linear-gradient(top, #dd7c37, #b9662b);
    background-image: linear-gradient(to bottom, #dd7c37, #b9662b);
    border: 1px solid #f09d61;
}

.form-control,
.smart-form .input input,
.smart-form .select select,
.smart-form .textarea textarea {
    color: #999;
    border-color: #ccc;
}

.smart-style-6 .formly .input-group-addon:before {
    display: none;
}

.smart-style-6 nav>ul>li>a>i {
    margin-top: 0;
}

.minified nav>ul>li>a>.menu-item-parent {
    width: 171px;
}

.smart-style-1.minified nav>ul>li>ul {
    background: #22262E;
}

body.smart-style-6.minified nav>ul>li>ul {
    background: #fff;
}

.smart-style-3.minified nav>ul>li>ul,
.smart-style-3.minified nav>ul>li>ul>li>ul>li {
    background-color: #454545;
}

body.smart-style-6 .smart-form .checkbox input:checked+i,
body.smart-style-6 .smart-form .radio input:checked+i,
body.smart-style-6 .smart-form .toggle input:checked+i {
    border-color: #bdbdbd;
}

.createanalytics .ca-btn {
    position: fixed;
    right: 20px;
    bottom: 65px;
    width: 50px;
    height: 50px;
}

.createanalytics .ca-btn .caedit-btn,
.createanalytics .ca-btn .cadelete-btn,
.createanalytics .ca-btn .caadd-btn,
.createanalytics .ca-btn .casetting-btn {
    position: absolute;
    bottom: 0;
    transition: all 0.5s ease 0s;
}

.createanalytics .ca-btn:hover {
    height: 170px;
}

.createanalytics .ca-btn:hover .caedit-btn {
    bottom: 60px;
}

.createanalytics .ca-btn:hover .cadelete-btn {
    bottom: 120px;
}

.createanalytics .ca-btn .btn:active {
    top: inherit;
    left: inherit;
}

.smart-style-6 .shopping-basket select.form-control.Belegsart {
    background: #fff;
}

.smart-style-6 div.select_costcentre {
    background-color: #fafafa !important;
    margin-top: 10px;
    margin-left: 30px;
}

.smart-style-6 ng-select .ng-control {
    border-left: none;
    border-right: none;
    border-top: none;
}

body.smart-style-6 .custom-access .ajax-dropdown {
    box-shadow: none;
}

body.smart-style-6 .custom-access.dropdown {
    display: block;
}

body.smart-style-6 #sparks {
    display: block;
}

.ribbon-button-alignment {
    position: absolute;
}

#ribbon .breadcrumb {
    padding: 11px 11px 11px 0 !important;
}

body.smart-style-6 .ribbon-button-alignment {
    display: inline-block;
}

.search-catalog {
    padding-top: 65px;
}

.search-catalog .smart-form section {
    margin-bottom: 30px;
}

.ribbon-button-alignment .tooltip.bottom {
    width: 200px;
}

.search-catalog h3 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0;
    padding: 13px 20px;
    border-bottom: 1px solid #ddd;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 600;
    color: #666;
    background: #eee;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#fafafa));
    background-image: -webkit-linear-gradient(top, #f2f2f2 0, #fafafa 100%);
    background-image: -moz-linear-gradient(top, #f2f2f2 0, #fafafa 100%);
    background-image: -ms-linear-gradient(top, #f2f2f2 0, #fafafa 100%);
    background-image: -o-linear-gradient(top, #f2f2f2 0, #fafafa 100%);
    background-image: -linear-gradient(top, #f2f2f2 0, #fafafa 100%);
}

.isItemShown,
.formly header.isItemShown {
    display: none;
}

body.smart-style-6 .form-control[disabled] {
    color: #555;
}

.smart-style-6 .search-catalog {
    padding-top: 69px;
}

.smart-style-6 .search-catalog h3 {
    padding: 17px 20px;
}

.smart-style-6 .shopping-basket .table tfoot select.form-control {
    background: none;
}

.smart-style-6 .search-catalog .select select {
    background: initial;
}

.darktheme.smart-style-5 .search-catalog .smart-form .select i,
.smart-style-6 .search-catalog .smart-form .select i {
    background: initial;
    box-shadow: inherit;
}

.smart-form .select i:after {
    border-top-color: #A2A2A2;
}

.smart-form .select i:before {
    border-bottom-color: #A2A2A2;
}

div.dataTables_wrapper div.dataTables_length select {
    width: 65px;
    padding: 6px;
    background-color: transparent;
}

div.dataTables_wrapper div.dataTables_length.smart-form .select i {
    top: 11px;
    right: 10px;
    background: transparent;
    box-shadow: 0 0 0 9px transparent;
}

.invoicetable div.dataTables_wrapper div.dataTables_length.smart-form .select i ,
.invoicetableAccounting div.dataTables_wrapper div.dataTables_length.smart-form .select i ,
.invoicetablecancel div.dataTables_wrapper div.dataTables_length.smart-form .select i,
.invoicetablearchive div.dataTables_wrapper div.dataTables_length.smart-form .select i{
    right: 15px;
}

.forecasts .dt-toolbar-footer {
    margin-top: 0;
}

body.smart-style-6 .analytics .bg-color-yellow {
    background: #b09b5b !important;
}

body.smart-style-6 .analytics .bg-color-orange {
    background: #c79121 !important;
}

body.smart-style-6 .page-footer {
    background: #2196F3;
}

body.smart-style-6 #content {
    margin: 0;
}

body.smart-style-6.fixed-ribbon #ribbon {
    background: #fff;
}

.smart-style-6.menu-on-top nav>ul>li>a:after,
.smart-style-6.menu-on-top nav ul ul li:hover>a:after,
.smart-style-6.menu-on-top nav>ul ul>li a:after,
.smart-style-6.menu-on-top nav>ul ul>li a:hover:after {
    transform: scale(1);
    margin-left: inherit;
    margin-top: inherit;
    height: auto;
    width: auto;
    background: none;
    visibility: visible;
    animation: none;
}

.smart-style-6.menu-on-top nav ul ul li:hover>a:after,
.smart-style-6.menu-on-top nav>ul ul>li a:after,
.smart-style-6.menu-on-top nav>ul ul>li a:hover:after {
    left: inherit;
}

.darktheme.smart-style-5 .dataTable a,
.darktheme.smart-style-5 .catalog-tree .tree li.parent_li>span:hover,
.darktheme.smart-style-5 .tree li.parent_li>span:hover+ul li span {
    color: #b7eb00;
}

.darktheme.smart-style-5 #ribbon .breadcrumb li:last-child,
.darktheme.smart-style-5 #ribbon .breadcrumb>.active,
.darktheme.smart-style-5 .open .project-selector,
.darktheme.smart-style-5 .catalog-tree .tree li.parent_li a:hover {
    color: #b7eb00 !important;
}

.darktheme.smart-style-5 .dropdown-list ul li:hover,
.darktheme.smart-style-5 .table-striped>tbody>tr:nth-child(odd),
.darktheme.smart-style-5.fixed-header #header,
.darktheme.smart-style-5 aside#left-panel,
.darktheme.smart-style-5 .page-footer,
.darktheme.smart-style-5 #header {
    background: #424242 !important;
}

.darktheme.smart-style-5 .dt-toolbar,
.darktheme.smart-style-5 .show-stat-microcharts>div,
.darktheme.smart-style-5 .bs-example,
.darktheme.smart-style-5 .well {
    border: 1px solid #333;
    background: #303030 !important;
}
.darktheme.smart-style-5 .jarviswidget>div {
    background: #303030 !important;
}
.darktheme.smart-style-5 .beautify-jarviswidget .jarviswidget>header {
    background: #303030 !important;
}

.darktheme.smart-style-5 #jarviswidget-fullscreen-mode .jarviswidget,
.darktheme.smart-style-5 .dd-handle,
.darktheme.smart-style-5 .dd3-content,
.darktheme.smart-style-5 .classification .ui-treetable tbody.ui-widget-content.ui-treetable-odd,
.darktheme.smart-style-5 .classification .ui-treetable table thead tr th,
.darktheme.smart-style-5 .product-content .description,
.darktheme.smart-style-5 .product-content .product-deatil,
.darktheme.smart-style-5 .product-content .product-image,
.darktheme.smart-style-5 .product-content,
.darktheme.smart-style-5 .forecasts table.dataTable,
.darktheme.smart-style-5 .table-striped>tbody>tr:nth-child(even),
.darktheme.smart-style-5 .fc-border-separate thead tr,
.darktheme.smart-style-5 .table thead tr,
.darktheme.smart-style-5 aside#left-panel,
.darktheme.smart-style-5 .formly header,
#extr-page.darktheme.smart-style-5,
.darktheme.smart-style-5 .MessageBoxContainer,
.darktheme.smart-style-5 .ajax-dropdown,
.darktheme.smart-style-5 .modal-content,
.darktheme.smart-style-5 .jarviswidget header:first-child .nav-tabs li a:hover,
.darktheme.smart-style-5 .jarviswidget header:first-child .nav-tabs li a:focus,
.darktheme.smart-style-5 .open>.dropdown-toggle.btn-default,
.darktheme.smart-style-5 .jarviswidget header .nav-tabs>li.active>a,
.darktheme.smart-style-5 .jarviswidget header .nav-tabs>li.active>a:focus,
.darktheme.smart-style-5 .jarviswidget header .nav-tabs>li.active>a:hover {
    background: #424242
}

.darktheme.smart-style-5 .shopping-basket textarea,
.darktheme.smart-style-5 .application-selection .dropdown-menu>li.app_dropdown_active>a,
.darktheme.smart-style-5.menu-on-top aside#left-panel nav>ul>li ul,
.darktheme.smart-style-5 .invoiceworkflow.table,
.darktheme.smart-style-5 .invoicelist.table,
.darktheme.smart-style-5 .searchdetail-content .well.well-sm.bg-color-darken.txt-color-white.no-border,
.darktheme.smart-style-5 .ui-datepicker,
.darktheme.smart-style-5 .table-hover>tbody>tr:hover,
.darktheme.smart-style-5 #inbox-table tbody tr:hover,
.darktheme.smart-style-5 .table-hover>tbody>tr:hover>td {
    background: #303030 !important;
}

.darktheme.smart-style-5 .jarviswidget header .nav-tabs>li.active>a,
.darktheme.smart-style-5 .jarviswidget header .nav-tabs>li.active>a:focus,
.darktheme.smart-style-5 .jarviswidget header .nav-tabs>li.active>a:hover {
    border-bottom-color: transparent !important;
}
.darktheme.smart-style-5 .panel-title a{
    background-color: #424242 !important;
}
.darktheme.smart-style-5 .application-icon a,
.darktheme.smart-style-5 .application-selection span.project-selector {
    border-color: #303030;
    color: #fff !important;
    background: #3b3b3b;
}

.darktheme.smart-style-5 .bg-color-white,
.darktheme.smart-style-5 .notification-body .unread,
.darktheme.smart-style-5 .dt-toolbar-footer {
    background: #303030 !important;
    border-color: #616161 !important;
}

.darktheme.smart-style-5 .analytics .todo-group-title,
.darktheme.smart-style-5 .jarviswidget>header,
.darktheme.smart-style-5.menu-on-top aside#left-panel nav>ul>li:hover>a,
.darktheme.smart-style-5 .ui-datepicker select.ui-datepicker-month,
.darktheme.smart-style-5 .ui-datepicker select.ui-datepicker-year,
.darktheme.smart-style-5 .classification .ui-treetable .ui-paginator-bottom,
.darktheme.smart-style-5 .shopping-basket.basket .tabs-left>.nav-tabs li>a,
.darktheme.smart-style-5 .search-catalog h3,
.darktheme.smart-style-5 .form-actions,
.darktheme.smart-style-5 .popover,
.darktheme.smart-style-5 .overview-detail .addassignment,
.darktheme.smart-style-5 .overview-detail .formly.horizontal header,
.darktheme.smart-style-5 .overview-detail .formly.horizontal .totalinvoice,
.darktheme.smart-style-5 .shopping-basket .table thead tr,
.darktheme.smart-style-5 .shopping-basket .table tfoot tr,
.darktheme.smart-style-5 .searchdetail-content .table thead tr,
.darktheme.smart-style-5 .searchdetail-content .well-sm,
.darktheme.smart-style-5 .ui-datepicker-prev:before,
.darktheme.smart-style-5 .ui-datepicker-next:before,
.darktheme.smart-style-5 .smart-form footer,
.darktheme.smart-style-5 .ui-widget-content,
.darktheme.smart-style-5 .profile-content p.text-muted i,
.darktheme.smart-style-5,
.darktheme.smart-style-5 .application-icon.app_active a,
.darktheme.smart-style-5 .application-icon a:hover,
.darktheme.smart-style-5 .btn-default,
.darktheme.smart-style-5 .btn-default.active,
.darktheme.smart-style-5 .btn-default:active,
.darktheme.smart-style-5 .btn-default:focus,
.darktheme.smart-style-5 .btn-default:hover {
    background: #303030;
}

.darktheme.smart-style-5 table.dataTable thead .sorting_asc,
.darktheme.smart-style-5 table.dataTable thead .sorting_desc {
    background-color: #303030;
}

.darktheme.smart-style-5 .dataTables_filter .input-group-addon {
    height: 30px;
    margin-top: 1px;
    border: none;
}

.darktheme.smart-style-5 .ui-datepicker select.ui-datepicker-month,
.darktheme.smart-style-5 .ui-datepicker select.ui-datepicker-year,
.darktheme.smart-style-5 .mulstiselectoption.multiselectAddclass .pure-checkbox,
.darktheme.smart-style-5 .form-actions,
.darktheme.smart-style-5 .bootstrapWizard li.active .step,
.darktheme.smart-style-5 .bootstrapWizard li:before,
.darktheme.smart-style-5 .group-mamber .message,
.darktheme.smart-style-5 .profile-content p.text-muted,
.darktheme.smart-style-5 h2.editgroup::after,
.darktheme.smart-style-5 .addmember .select-all,
.darktheme.smart-style-5 .addmember .list-filter,
.darktheme.smart-style-5 .footer-menu li:after,
.darktheme.smart-style-5 .formly .input-group-addon:before,
.darktheme.smart-style-5 .project-context:after,
.darktheme.smart-style-5 #logo-group span#activity,
.darktheme.smart-style-5 .btn-header>:first-child>a,
.darktheme.smart-style-5 .header-search>input[type=text],
.darktheme.smart-style-5 .login-info,
.darktheme.smart-style-5 .formly header {
    border-color: #303030;
}

.darktheme.smart-style-5 .invoicelist .dt-toolbar-footer,
.darktheme.smart-style-5 .invoicelist.table-hover>tbody>tr:hover>th,
.darktheme.smart-style-5 .invoicelist.table-striped>tbody>tr:nth-child(odd)>th,
.darktheme.smart-style-5 #viewitemdetail .table-striped>tbody>tr:nth-child(even),
.darktheme.smart-style-5 .shopping-basket .table,
.darktheme.smart-style-5 .shopping-basket .document_table_left .table>tbody>tr>td,
.darktheme.smart-style-5 .shopping-basket .document_table_left .table>tbody>tr>th,
.darktheme.smart-style-5 .document_table_left .table,
.darktheme.smart-style-5 .searchdetail-content .table {
    background: transparent;
}

.darktheme.smart-style-5 .shopping-basket.basket.order .dt-toolbar,
.darktheme.smart-style-5 .ui-dialog .ui-dialog-content .formly header,
.darktheme.smart-style-5 .customtable .dt-toolbar,
.darktheme.smart-style-5 .invoiceworkflow.table-hover>tbody>tr:hover>th,
.darktheme.smart-style-5 .dataTable tbody .shown+tr>td>table.invoiceworkflow tbody tr,
.darktheme.smart-style-5 .customtable .dt-toolbar-footer,
.darktheme.smart-style-5 .invoicelist.table-hover>tbody>tr:hover,
.darktheme.smart-style-5 .invoicelist.table-hover>tbody>tr:hover>td {
    background: transparent !important;
}

.darktheme.smart-style-5 .dropdown-menu,
.darktheme.smart-style-5 .minifyme,
.darktheme.smart-style-5 .minifyme:hover {
    background: #3b3b3b;
}

.darktheme.smart-style-5 .shopping-basket.basket.order .dt-toolbar div.dataTables_filter input,
.darktheme.smart-style-5 .shopping-basket.basket.order header .formly .form-control,
.darktheme.smart-style-5 .companycatalog.shopping-basket .smart-form.Belegsart .select i,
.darktheme.smart-style-5 .smart-form .select i,
.darktheme.smart-style-5 .addmember .list-filter input,
.darktheme.smart-style-5 .classification .ui-treetable select.ui-paginator-rpp-options,
.darktheme.smart-style-5 .classification .dt-toolbar .counter select.ui-paginator-rpp-options,
.darktheme.smart-style-5 .smart-form .checkbox i,
.darktheme.smart-style-5 .smart-form .radio i,
.darktheme.smart-style-5 .shopping-basket ul.tabs-left,
.darktheme.smart-style-5 .shopping-basket.basket header select.form-control,
.darktheme.smart-style-5 .exportdata .ajax-dropdown .divider,
.darktheme.smart-style-5 .bootstrapWizard li .step,
.darktheme.smart-style-5 ng-select .ng-option,
.darktheme.smart-style-5 ng-select .ng-control,
.darktheme.smart-style-5 .smart-timeline-list:after,
.darktheme.smart-style-5 .overview-detail .formly.horizontal .input-group .form-control,
.darktheme.smart-style-5 .overview-detail .formly.horizontal .form-control,
.darktheme.smart-style-5 .overview-detail .addassignment .formly .form-control,
.darktheme.smart-style-5 .catalog-tree .tree li.parent_li:nth-child(2n),
.darktheme.smart-style-5 .shopping-basket .table tfoot select.form-control,
.darktheme.smart-style-5 .shopping-basket select.form-control.Belegsart,
.darktheme.smart-style-5 .ui-datepicker td .ui-state-active,
.darktheme.smart-style-5 .dt-toolbar option,
.darktheme.smart-style-5 select:not([multiple]) option,
.darktheme.smart-style-5 .addmember .list-area,
.darktheme.smart-style-5 .addmember .c-btn,
.darktheme.smart-style-5 .bootstrap-tagsinput,
.darktheme.smart-style-5 .form-control,
.darktheme.smart-style-5 .input-group-addon,
.darktheme.smart-style-5 .select2-container .select2-choice,
.darktheme.smart-style-5 .select2-container .select2-choice .select2-arrow,
.darktheme.smart-style-5 .select2-container-multi .select2-choices,
.darktheme.smart-style-5 .smart-form .input input,
.darktheme.smart-style-5 .smart-form .select select,
.darktheme.smart-style-5 .invoicetable .form-inline select.form-control,
.darktheme.smart-style-5 .invoicetableAccounting .form-inline select.form-control,
.darktheme.smart-style-5 .invoicetablecancel .form-inline select.form-control,
.darktheme.smart-style-5 .invoicetablearchive .form-inline select.form-control,
.darktheme.smart-style-5 .smart-form .textarea textarea,
.darktheme.smart-style-5 nav ul .active,
.darktheme.smart-style-5 nav ul li:hover,
.darktheme.smart-style-5 .spclAssignmentField,
.darktheme.smart-style-5 .ng-select-dropdown-outer .ng-select-dropdown .ng-option {
    background: #616161;
}

.darktheme.smart-style-5.fixed-ribbon #ribbon, .darktheme.smart-style-5 #ribbon {
    background: #616161 !important;
}

.darktheme.smart-style-5 .shopping-basket .table-hover>tbody>tr:hover,
.darktheme.smart-style-5 .shopping-basket #inbox-table tbody tr:hover,
.darktheme.smart-style-5 .shopping-basket .table-hover>tbody>tr:hover>td {
    background: #3b3b3b !important;
}

.darktheme.smart-style-5 .classification .ui-treetable tbody.ui-widget-content.ui-treetable-even {
    background: #393939;
}

.darktheme.smart-style-5 .list-filter[_ngcontent-c5] .c-search[_ngcontent-c5] svg[_ngcontent-c5] {
    fill: #303030;
}

.darktheme.smart-style-5 .popover.top>.arrow:after {
    border-top-color: #616161;
}

.darktheme.smart-style-5 .border-top {
    border-top-color: #616161 !important;
}

.darktheme.smart-style-5 .analytics .card-box .well,
.darktheme.smart-style-5 .popover.bottom>.arrow:after,
.darktheme.smart-style-5 .inspector .bundle .table thead tr {
    border-bottom-color: #616161;
}

.darktheme.smart-style-5.menu-on-top aside#left-panel nav>ul>li {
    border-right-color: #616161;
}

.darktheme.smart-style-5 .btn-default,
.darktheme.smart-style-5 .jarviswidget>header::before,
.darktheme.smart-style-5 .jarviswidget>header::after,
.darktheme.smart-style-5 .jarviswidget>header,
.darktheme.smart-style-5 .ui-dialog .ui-dialog-content .formly header,
.darktheme.smart-style-5.menu-on-top aside#left-panel nav>ul>li ul,
.darktheme.smart-style-5 .smart-form .select select,
.darktheme.smart-style-5 .invoicetable .form-inline select.form-control,
.darktheme.smart-style-5 .invoicetableAccounting .form-inline select.form-control,
.darktheme.smart-style-5 .invoicetablecancel .form-inline select.form-control,
.darktheme.smart-style-5 .invoicetablearchive .form-inline select.form-control,
.darktheme.smart-style-5 .dd-handle,
.darktheme.smart-style-5 .dd3-content,
.darktheme.smart-style-5 .classification .ui-treetable tbody>.ui-treetable-row,
.darktheme.smart-style-5 .search-catalog .select select,
.darktheme.smart-style-5 .search-catalog h3,
.darktheme.smart-style-5 .custom-access .ajax-dropdown,
.darktheme.smart-style-5 .popover-title,
.darktheme.smart-style-5 .popover,
.darktheme.smart-style-5 .dataTable tbody .shown+tr>td>table.invoicelist tbody tr .project-members a:after,
.darktheme.smart-style-5 .overview-detail .project-members a:after,
.darktheme.smart-style-5 .smart-skin .btn,
.darktheme.smart-style-5 input[type=checkbox].checkbox+span:before,
.darktheme.smart-style-5 .dataTable tbody .shown+tr>td>table>tbody>tr:last-child,
.darktheme.smart-style-5 .dataTable tbody .shown+tr>td>table.invoicelist>tbody>tr:first-child,
.darktheme.smart-style-5 .product-content,
.darktheme.smart-style-5 .border-left,
.darktheme.smart-style-5 .product-content .product-deatil,
.darktheme.smart-style-5 #group .table-responsive,
.darktheme.smart-style-5 .companycatalog.shopping-basket .table thead tr,
.darktheme.smart-style-5 .forecasts table.dataTable .smart-form input.datepicker,
.darktheme.smart-style-5 .ui-datepicker,
.darktheme.smart-style-5 .companyprofile #myCarousel,
.darktheme.smart-style-5 .jarviswidget-ctrls .button-icon,
.darktheme.smart-style-5 .widget-toolbar {
    border-color: #424242;
}

.darktheme.smart-style-5 .classification .ui-treetable select.ui-paginator-rpp-options,
.darktheme.smart-style-5 .classification .dt-toolbar .counter select.ui-paginator-rpp-options,
.darktheme.smart-style-5 ng-select .ng-control,
.darktheme.smart-style-5 .smart-form .input input,
.darktheme.smart-style-5 .forecasts table.dataTable .smart-form .icon-append,
.darktheme.smart-style-5 .addmember .list-area,
.darktheme.smart-style-5 .addmember .c-btn,
.darktheme.smart-style-5 .form-control,
.darktheme.smart-style-5 .formly .input-group .form-control {
    border-color: #424242;
}

.darktheme.smart-style-5 .smart-form .checkbox i {
    border-color: #424242 !important;
}

.darktheme.smart-style-5 .beautify-jarviswidget table.dataTable,
.darktheme.smart-style-5.menu-on-top nav>ul ul ul,
.darktheme.smart-style-5 .classification .ui-treetable thead th,
.darktheme.smart-style-5 .classification .ui-treetable tbody>.ui-treetable-row td,
.darktheme.smart-style-5 .invoicelist.table>tbody>tr.footer>td,
.darktheme.smart-style-5 .invoicelist.table>tbody>tr.footer>th,
.darktheme.smart-style-5 .invoicelist.table>tfoot>tr.footer>td,
.darktheme.smart-style-5 .invoicelist.table>tfoot>tr.footer>th,
.darktheme.smart-style-5 .invoicelist.table>thead>tr.footer>td,
.darktheme.smart-style-5 .invoicelist.table>thead>tr.footer>th,
.darktheme.smart-style-5 .forecasts table.dataTable .smart-form {
    border-color: #616161 !important;
}

.darktheme.smart-style-5 .custom-access .ajax-dropdown:after,
.darktheme.smart-style-5 #header,
.darktheme.smart-style-5 .login-info>span {
    border: transparent;
}

.darktheme.smart-style-5 .smart-form .select i:after {
    border-top-color: #fff;
}

.darktheme.smart-style-5 .smart-form .select i:before {
    border-bottom-color: #fff;
}

.darktheme.smart-style-5 #sparks li {
    border-left: 1px solid #616161;
}

.darktheme.smart-style-5 #sparks li:first-child,
.darktheme.smart-style-5 #sparks li:last-child {
    border-left: none;
}

.darktheme.smart-style-5 .beautify-jarviswidget.ui-sortable .jarviswidget-sortable>header,
.darktheme.smart-style-5 .analytics .card-box .well .icon i,
.darktheme.smart-style-5 .analytics .card-box .well span,
.darktheme.smart-style-5 .analytics .card-box .well h3,
.darktheme.smart-style-5 .inspector .table .thead tr th,
.darktheme.smart-style-5 div.dataTables_wrapper div.dataTables_info,
.darktheme.smart-style-5 .exportdata .ajax-dropdown h5,
.darktheme.smart-style-5 .exportdata .ajax-dropdown>li,
.darktheme.smart-style-5 .dataTables_empty,
.darktheme.smart-style-5 .classification .ui-treetable table thead tr th,
.darktheme.smart-style-5 .classification .ui-treetable .ui-paginator-bottom a,
.darktheme.smart-style-5 .classification .ui-treetable select.ui-paginator-rpp-options,
.darktheme.smart-style-5 .classification .dt-toolbar .counter select.ui-paginator-rpp-options,
.darktheme.smart-style-5 .search-catalog h3,
.smart-style-0 .bold~span,
.smart-style-0 i.bold,
.smart-style-1 .bold~span,
.smart-style-1 i.bold,
.darktheme.smart-style-5 .bold~span,
.darktheme.smart-style-5 i.bold,
.darktheme.smart-style-5 .bootstrapWizard li .title,
.darktheme.smart-style-5 ng-select.ng-multiple .ng-control .ng-value-container .ng-placeholder,
.darktheme.smart-style-5 .catalog-tree .tree li.parent_li a,
.darktheme.smart-style-5 label input[type=checkbox].checkbox:checked+span:before,
.darktheme.smart-style-5 .dataTable a.btn,
.darktheme.smart-style-5 .overview-detail .progress .progress-bar span,
.darktheme.smart-style-5 .suppliercatalogs .product-content .product-deatil h5 span,
.darktheme.smart-style-5 .suppliercatalogs .product-content .product-deatil h5 p,
.darktheme.smart-style-5 .product-content .description,
.darktheme.smart-style-5 .ui-datepicker .ui-datepicker-title,
.darktheme.smart-style-5 .ui-datepicker th,
.darktheme.smart-style-5 .ui-datepicker td .ui-state-default,
.darktheme.smart-style-5 .dataTable .action a,
.darktheme.smart-style-5 .addmember .list-filter .fa,
.darktheme.smart-style-5 .addmember .list-area,
.darktheme.smart-style-5 .addmember .c-btn,
.darktheme.smart-style-5 #sparks li h5,
.darktheme.smart-style-5 .group-addon-col .input-group .form-control,
.darktheme.smart-style-5 .formly header,
.darktheme.smart-style-5 .profile-content .text-muted,
.darktheme.smart-style-5 .profile-content p.text-muted i,
.darktheme.smart-style-5 #ribbon .breadcrumb>.active,
.darktheme.smart-style-5 .open .project-selector {
    color: #fff;
}

.darktheme.smart-style-5 .application-selection .dropdown-menu>li.app_dropdown_active>a,
.darktheme.smart-style-5 .mulstiselectoption.multiselectAddclass .pure-checkbox label,
.darktheme.smart-style-5 .classification .ui-treetable .ui-paginator-bottom a.ui-state-disabled:hover,
.darktheme.smart-style-5 ng-select .ng-option,
.darktheme.smart-style-5 .ng-select-dropdown-outer .ng-select-dropdown .ng-option,
.darktheme.smart-style-5 .flot-text,
.darktheme.smart-style-5 .sparks-info .txt-color-red,
.darktheme.smart-style-5 .sparks-info .txt-color-blue,
.darktheme.smart-style-5 .editgroup .edit,
.darktheme.smart-style-5 .bg-color-blueLight.edit,
.darktheme.smart-style-5 .addmember .pure-checkbox input[type="checkbox"]+label,
.darktheme.smart-style-5 a:hover {
    color: #fff !important;
}

.darktheme.smart-style-5.setting-menu #setting-menu a,
.hidden-menu .darktheme.smart-style-5 #hide-menu>:first-child>a,
.darktheme.smart-style-5.full-screen #fullscreen>:first-child>a {
    background: #fff !important;
}

.darktheme.smart-style-5 .table-striped>tbody>tr.invoiceSelected:nth-child(odd)>td {
    background: inherit;
}

.darktheme.smart-style-5 .invoiceSelected,
.darktheme.smart-style-5 .table-striped>tbody>tr.invoiceSelected:nth-child(odd),
.darktheme.smart-style-5 .shown,
.darktheme.smart-style-5 .table-striped>tbody>tr.shown:nth-child(odd) {
    background: #b7eb00 !important;
    color: #000 !important;
}

.darktheme.smart-style-5 .table-hover>tbody>tr.invoiceSelected:hover,
.darktheme.smart-style-5 .table-hover>tbody>tr.invoiceSelected:hover>td {
    background: #b7eb00 !important;
    color: #000 !important;
}
.darktheme.smart-style-5 .ledger-table>tbody>tr.cancelled-accounting,
.darktheme.smart-style-5 .ledger-table>tbody>tr.cancelled-accounting.shown,
.darktheme.smart-style-5 .ledger-table>tbody>tr.cancelled-accounting:hover,
.darktheme.smart-style-5 .ledger-table>tbody>tr.cancelled-accounting:hover>td{
    background-color: rgb(249, 177, 177) !important;
    color: #000 !important;
}
.darktheme.smart-style-5 .table-striped.ledger-table>tbody>tr.cancelled-accounting>td{
    background: rgba(0,0,0,0);
}
.darktheme.smart-style-5 .ledger-table>tbody>tr:hover .confirm-accounting:hover,.darktheme.smart-style-5 .ledger-table>tbody>tr:hover .cancel-accounting:hover {
    background: #b7eb00 !important;
    color: #000 !important;
}
.darktheme.smart-style-5 .ledger-table>tbody>tr:hover .confirm-accounting,.darktheme.smart-style-5 .ledger-table>tbody>tr:hover .cancel-accounting {
    border: 2px solid #b7eb00 !important;
    color: #fff !important;
    background: transparent !important;
}
.darktheme.smart-style-5 .accounting-table .shown {
    background: transparent !important;
    color: #fff !important;
}
.accounting-table.dataTable tbody .shown, .accountingBookTable.dataTable tbody .shown {
    background: transparent !important;
    color: #000 !important;
}
/* .darktheme.smart-style-5 .ledger-table>tbody>tr.odd:not(.cancelled-accounting):hover>td,.darktheme.smart-style-5 .ledger-table>tbody>tr.even:not(.cancelled-accounting):hover>td {
    background: #b7eb00 !important;
} */
.darktheme.smart-style-5 .ledger-table>tbody>tr:hover>td>table.tableSubtask {
    background: #303030 !important
}
.darktheme.smart-style-5 .smart-skin .txt-color-darken,
.darktheme.smart-style-5.setting-menu #setting-menu a,
.hidden-menu .darktheme.smart-style-5 #hide-menu i,
.darktheme.smart-style-5.full-screen #fullscreen>:first-child>a {
    color: #3b3b3b !important;
}


/* .darktheme.smart-style-5 input:-webkit-autofill, .darktheme.smart-style-5 input:-webkit-autofill:hover, .darktheme.smart-style-5 input:-webkit-autofill:focus, .darktheme.smart-style-5 input:-webkit-autofill:active {
-webkit-text-fill-color: #FFF !important;
} */

.darktheme .formly .input-group-addon {
    color: #303030;
}

.darktheme.smart-style-5 .forecasts table.dataTable .smart-form .icon-append {
    color: #424242;
}

.darktheme.smart-style-5 .login-info>span {
    border: none;
}

.darktheme.smart-style-5 .has-danger .form-control,
.darktheme.smart-style-5 .has-danger .custom-select,
.darktheme.smart-style-5 .has-danger .custom-file-control {
    border-color: #f86c6b !important;
}

.darktheme.smart-style-5 .text-danger {
    color: #f86c6b !important;
}

.darktheme.smart-style-5 .bootstrap-tagsinput>span,
.darktheme.smart-style-5 .open>.dropdown-toggle.btn-primary,
.darktheme.smart-style-5 .select2-container-multi .select2-choices .select2-search-choice {
    background-color: #3276b1;
    border-color: #2c699d;
    text-shadow: none;
}

/* .darktheme.smart-style-5 .bootstrap-tagsinput>span,
.darktheme.smart-style-5 .btn-primary,
.darktheme.smart-style-5 .btn-primary.active,
.darktheme.smart-style-5 .btn-primary:active,
.darktheme.smart-style-5 .btn-primary:focus,
.darktheme.smart-style-5 .btn-primary:hover,
.darktheme.smart-style-5 .open>.dropdown-toggle.btn-primary,
.darktheme.smart-style-5 .select2-container-multi .select2-choices .select2-search-choice {
    background-color: #3276b1;
    border-color: #2c699d;
    text-shadow: none;
} */
.darktheme.smart-style-5 .btn-danger,
.darktheme.smart-style-5 .btn-danger.active,
.darktheme.smart-style-5 .btn-danger:active,
.darktheme.smart-style-5 .btn-danger:focus,
.darktheme.smart-style-5 .btn-danger:hover,
.darktheme.smart-style-5 .open>.dropdown-toggle.btn-danger {
    background-color: #a90329;
    border-color: #900323;
    text-shadow: none;
}

.darktheme.smart-style-5 .bg-color-blueLight {
    border-color: #92a2a8 !important;
    background-color: #92a2a8 !important;
    text-shadow: none;
}

.darktheme.smart-style-5 .analytics .card-box .well,
.darktheme.smart-style-5 .beautify-jarviswidget .jarviswidget {
    border: 1px solid #333;
    box-shadow: 0 0 15px #222;
    background: #303030;
}

.darktheme.smart-style-5 .pagination>li>a,
.darktheme.smart-style-5 .pagination>li>span,
.darktheme.smart-style-5 .pagination>.disabled>a,
.darktheme.smart-style-5 .pagination>.disabled>a:focus,
.darktheme.smart-style-5 .pagination>.disabled>a:hover,
.darktheme.smart-style-5 .pagination>.disabled>span,
.darktheme.smart-style-5 .pagination>.disabled>span:focus,
.darktheme.smart-style-5 .pagination>.disabled>span:hover {
    background: transparent;
    border-color: #666;
    color: #ccc;
}

.darktheme.smart-style-5 .pagination>.active>a,
.darktheme.smart-style-5 .pagination>.active>a:focus,
.darktheme.smart-style-5 .pagination>.active>a:hover,
.darktheme.smart-style-5 .pagination>.active>span,
.darktheme.smart-style-5 .pagination>.active>span:focus,
.darktheme.smart-style-5 .pagination>.active>span:hover .pagination>.active>a {
    color: #303030 !important;
    border-color: #fff;
    background: #fff;
}

.darktheme.smart-style-5 .nav-tabs>li.active>a {
    -webkit-box-shadow: 0 -2px 0 #616161;
    -moz-box-shadow: 0 -2px 0 #616161;
    box-shadow: 0 -2px 0 #616161;
}

.darktheme.smart-style-5 #newreminder .formly .group-addon-col .form-control[disabled],
.darktheme.smart-style-5 #editreminder .formly .group-addon-col .form-control[disabled] {
    z-index: 0;
}


/* placeholder */

.darktheme.smart-style-5 .bootstrap-duallistbox-container .filter::-webkit-input-placeholder,
.darktheme.smart-style-5 .addmember .list-filter input::-webkit-input-placeholder,
.darktheme.smart-style-5 .forecasts table.dataTable .smart-form input::-webkit-input-placeholder,
.darktheme.smart-style-5 .shopping-basket.basket.order header .formly .input-group .form-control::-webkit-input-placeholder,
.darktheme.smart-style-5 textarea::placeholder {
    /* WebKit browsers */
    color: #fff;
}

.darktheme.smart-style-5 .bootstrap-duallistbox-container .filter:-moz-placeholder,
.darktheme.smart-style-5 .addmember .list-filter input:-moz-placeholder,
.darktheme.smart-style-5 .forecasts table.dataTable .smart-form input:-moz-placeholder,
.darktheme.smart-style-5 .shopping-basket.basket.order header .formly .input-group .form-control:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #fff;
    opacity: 1;
}

.darktheme.smart-style-5 .bootstrap-duallistbox-container .filter::-moz-placeholder,
.darktheme.smart-style-5 .addmember .list-filter input::-moz-placeholder,
.darktheme.smart-style-5 .forecasts table.dataTable .smart-form input::-moz-placeholder,
.darktheme.smart-style-5 .shopping-basket.basket.order header .formly .input-group .form-control::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #fff;
    opacity: 1;
}

.darktheme.smart-style-5 .bootstrap-duallistbox-container .filter:-ms-input-placeholder,
.darktheme.smart-style-5 .addmember .list-filter input:-ms-input-placeholder,
.darktheme.smart-style-5 .forecasts table.dataTable .smart-form input:-ms-input-placeholder,
.darktheme.smart-style-5 .shopping-basket.basket.order header .formly .input-group .form-control:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #fff;
}

.darktheme.smart-style-5 .text-success {
    color: #468847;
}

body.darktheme.smart-style-5 .txt-color-orangeDark {
    color: #E65100 !important;
}

body.darktheme.smart-style-5 .txt-color-greenLight {
    color: #43A047 !important;
}

.darktheme.smart-style-5 .bootstrapWizard li.active .step {
    background: #0091d9;
}

.darktheme.smart-style-5 .bg-color-blue {
    background-color: #57889c !important;
    border: transparent !important;
}

.darktheme.smart-style-5 .bg-color-red {
    background-color: #a90329 !important;
    border: transparent !important;
}

.darktheme.smart-style-5 .btn-warning,
.darktheme.smart-style-5 .btn-warning.active,
.darktheme.smart-style-5 .btn-warning:active,
.darktheme.smart-style-5 .btn-warning:focus,
.darktheme.smart-style-5 .btn-warning:hover,
.darktheme.smart-style-5 .open>.dropdown-toggle.btn-warning {
    background-color: transparent;
    border-color: #b7eb00;
}

body.darktheme.smart-style-5 .txt-color-blue {
    color: #2196F3 !important;
}

.darktheme.smart-style-5 .btn-success {
    background-color: #739e73;
    border-color: #659265;
}

.darktheme.smart-style-5 .bg-color-orange {
    background-color: #c79121 !important;
    border: transparent !important;
}

.darktheme.smart-style-5 .bg-color-green {
    background-color: #356e35 !important;
    border: transparent !important;
}
.darktheme.smart-style-5 .bg-color-darken {
    border-color: rgba(0, 0, 0, .23) !important;
    background: rgba(0, 0, 0, .23) !important;
}

.darktheme.smart-style-5 .bg-color-magenta {
    border-color: rgba(76, 38, 78, .43) !important;
    background: rgba(110, 54, 113, .43) !important;
}

body.darktheme.smart-style-5 .txt-color-red {
    color: #F44336 !important;
}

.darktheme.smart-style-5 .bundle .fa-plus-circle.txt-color-green {
    color: #356e35 !important;
}

body.fixed.darktheme.smart-style-5 #header {
    box-shadow: 0px 1px 5px #303030;
}

body.fixed.fixed-ribbon.darktheme.smart-style-5 #header {
    box-shadow: none;
}

.darktheme.smart-style-5 .companycatalog.shopping-basket .smart-form.Belegsart .select i,
.darktheme.smart-style-5 .smart-form .select i {
    box-shadow: 0 0 0 9px #616161;
}

.darktheme.smart-style-5.menu-on-top aside#left-panel nav>ul>li:hover,
.darktheme.smart-style-5 .webediorder .overview-detail .formly.horizontal .totalinvoice,
.darktheme.smart-style-5 .webediorder .overview-detail .formly.horizontal header {
    background: none;
}

.darktheme.smart-style-5 .notes .note-creator form .form-control {
    background: none !important;
}

.darktheme.smart-style-5.menu-on-top nav ul ul,
.darktheme.smart-style-5.menu-on-top nav ul ul ul {
    margin-left: -2px
}

.darktheme.smart-style-5 .notes .note-creator input:-webkit-autofill,
.darktheme.smart-style-5 .notes .note-creator input:-webkit-autofill:hover,
.darktheme.smart-style-5 .notes .note-creator input:-webkit-autofill:focus,
.darktheme.smart-style-5 .notes .note-creator input:-webkit-autofill:active {
    -webkit-text-fill-color: #737373 !important;
}

.darktheme.smart-style-5 .notes .note-card {
    color: #333;
}

.darktheme.smart-style-5 .sticky-notes .txt-color-blueDark {
    color: #4c4f53 !important;
}

.voice-command-active.service-not-allowed #speech-btn>:first-child>a {
    background: #a90329 !important;
    border: 1px solid #8B0913 !important;
    color: rgba(255, 255, 255, .9) !important;
}

body.smart-style-6 .dropdown {
    z-index: 1;
}

.overview-detail .progress .progress-bar {
    position: relative;
    margin-right: 1%;
    box-shadow: none;
    background-image: none;
    background: none;
    text-align: center;
    overflow: visible;
    width: 11.8%;
    cursor: default;
}

.overview-detail .progress {
    background: none;
    box-shadow: none;
    height: auto;
    overflow: visible;
}

.invoicetable .dataTable ul.demo-btns li,
.invoicetableAccounting .dataTable ul.demo-btns li,
.invoicetablecancel .dataTable ul.demo-btns li,
.invoicetablearchive .dataTable ul.demo-btns li {
    position: relative;
}

.invoicetable .dataTable .btn-circle,
.invoicetableAccounting .dataTable .btn-circle,
.invoicetablecancel .dataTable .btn-circle,
.invoicetablearchive .dataTable .btn-circle {
    width: 20px;
    height: 20px;
}

.invoicetable .dataTable .btn-circle.btn-default,
.invoicetableAccounting .dataTable .btn-circle.btn-default,
.invoicetablecancel .dataTable .btn-circle.btn-default ,
.invoicetablearchive .dataTable .btn-circle.btn-default  {
    background: #fff;
}

.invoicetable .dataTable .popover-title,
.invoicetableAccounting .dataTable .popover-title,
.invoicetablecancel .dataTable .popover-title ,
.invoicetablearchive .dataTable .popover-title  {
    width: 170px;
}

.overview-detail .progress .progress-bar .fa-caret-down {
    position: absolute;
    bottom: 40px;
    z-index: 9;
    color:  #e5b400;
    left: 0;
    right: 0;
    font-size: 24px;
    top: -16px;
    animation: MoveUpDown 1s linear infinite;
}

@keyframes MoveUpDown {

    0%,
    100% {
        top: -23px;
    }

    50% {
        top: -16px;
    }
}

@-webkit-keyframes MoveUpDown {

    0%,
    100% {
        top: -23px;
    }

    50% {
        top: -16px;
    }
}

@-moz-keyframes MoveUpDown {

    0%,
    100% {
        top: -23px;
    }

    50% {
        top: -16px;
    }
}
.overview-detail .progress .progress-bar .circle {
    width: 31px;
    height: 31px;
    display: block;
    border-radius: 100%;
    position: relative;
    margin: auto;
}

.overview-detail .progress .progress-bar .line {
    width: 100%;
    display: block;
    height: 5px;
    position: absolute;
    top: 13px;
}

.overview-detail .progress .progress-bar .line.bg-color-blueLight,
.overview-detail .progress .progress-bar .circle.bg-color-blueLight {
    background: #d2dde1 !important;
}

.overview-detail .progress .active.progress-bar .line.bg-color-blueLight,
.overview-detail .progress .active.progress-bar .circle.bg-color-blueLight {
    background: #92a2a8 !important
}

.overview-detail .progress .active.progress-bar .circle {
    width: 21px;
    height: 21px;
    margin-top: 5px;
    z-index: 9;
}

.overview-detail .progress .active.progress-bar .circle:before {
    content: "";
    position: absolute;
    width: 27px;
    height: 27px;
    box-shadow: 0px 0px 0px 2px #92a2a8;
    border-radius: 50%;
    left: -3px;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.overview-detail .progress .progress-bar span {
    color: #333;
    font-weight: 500;
    text-shadow: none;
    font-size: 13px;
    display: inline-block;
    word-break: break-word;
}

.overview-detail .progress .active.progress-bar span {
    margin-top: 5px;
    display: inline-block;
}

.overview-detail .progress .progress-bar span.active {
    font-weight: 700;
}

.overview-detail .formly.horizontal .form-control-label {
    width: 175px;
    float: left;
    margin-top: 7px;
}
.overview-detail .formly.horizontal .unit-field formly-wrapper-addons {
    width: calc(100% - 140px) !important;
    float: left;
}
.overview-detail .formly.horizontal formly-wrapper-addons {
    width: calc(100% - 175px);
    float: left;
}
.overview-detail .formly.horizontal ng-select {
    width: calc(91% - 172px);
    float: left;
}
.overview-detail .formly.horizontal ng-select .ng-control {
    margin-top: 0px !important;
}
.overview-detail .formly.horizontal.itemform formly-field-input,
.overview-detail .formly.horizontal.itemform formly-field-textarea {
    width: calc(100% - 140px);
    float: left;
}

.overview-detail .formly.horizontal.itemform .form-control-label {
    width: 140px;
}

.overview-detail .formly.horizontal .customwidth .form-control-label {
    /* width: 170px; */
    word-break: break-word;
}

/* .overview-detail .formly.horizontal.itemform .customwidth formly-field-input {
    width: calc(100% - 170px);
} */

.webediorder .overview-detail .formly.horizontal .customwidth .form-control-label {
    width: 140px;
}

.webediorder .overview-detail .formly.horizontal.itemform .customwidth formly-field-input {
    width: calc(100% - 140px);
}

.webediorder .overview-detail-add {
    padding-right: 0;
}

.overview-detail .over-btn {
    padding: 3px 10px;
    font-size: 17px;
    color: #999;
}

.overview-detail .formly.horizontal .hidelabel .form-control-label,
.overview-detail .formly.horizontal.itemform .hidelabel .form-control-label,
.overview-detail .formly.horizontal.itemform .hidelabel .form-control-label {
    display: none;
}

.overview-detail .formly.horizontal.itemform .itembottom formly-field-input,
.overview-detail .formly.horizontal.itemform .itembottom formly-wrapper-addons,
.overview-detail .formly.horizontal.itemform .itembottom formly-field-textarea {
    width: calc(100% - 160px);
    float: left;
}

.overview-detail .formly.horizontal .itembottom .form-control-label {
    width: 160px;
}

.overview-detail .vatrepeat .over-btn.chat-btn {
    padding: 0px 4px;
    font-size: 12px;
    margin-top: 7px;
}

.overview-detail .vatrepeat .overview-detail-add {
    /* width:8.33333333%; */
    padding-right: 0;
}

.overview-detail formly-repeat-section .vatrepeat:first-child .overview-detail-add .overview-delete {
    display: none;
}

.overview-detail formly-repeat-section .vatrepeat .form-control-label {
    visibility: hidden;
}

.overview-detail formly-repeat-section .vatrepeat:nth-child(1) .form-control-label {
    visibility: visible;
}

.overview-detail .formly.horizontal .totalinvoice formly-wrapper-addons,
.overview-detail .formly.horizontal .totalinvoice formly-field-input {
    width: calc(100% - 175px);
    float: left;
}

.overview-detail .formly.horizontal .totalinvoice .form-control-label {
    width: 175px;
}

.overview-detail .formly.horizontal .totalinvoice .cashdiscountdays .form-control-label {
    width: 50px;
}

.overview-detail .formly.horizontal .totalinvoice .cashdiscount formly-field-input {
    width: calc(100% - 33.33333333% - 175px);
}

.overview-detail .formly.horizontal .totalinvoice .cashdiscountdays formly-field-input {
    width: calc(100% - 50px);
}

formly-field formly-field.cashdiscountdays {
    margin-bottom: 0 !important;
}

.overview-detail .formly.horizontal .unitwidth .form-control-label {
    width: 60px;
}

.overview-detail .formly.horizontal.itemform .itembottom .unitwidth formly-wrapper-addons {
    width: calc(100% - 60px);
}

.overview-detail .formly.horizontal .totalinvoice .hidelabel formly-wrapper-addons,
.overview-detail .formly.horizontal .totalinvoice .hidelabel formly-field-input,
.overview-detail .formly.horizontal.itemform .hidelabel formly-wrapper-addons,
.overview-detail .formly.horizontal.itemform .hidelabel formly-field-input {
    width: 100%;
}

.overview-detail .formly.horizontal header,
.overview-detail .formly.horizontal .totalinvoice {
    background: #f5f5f5;
    display: block;
}

.webediorder .overview-detail .formly.horizontal .totalinvoice {
    background: none;
    width: 100%;
    margin: 0 !important;
}

.webediorder .overview-detail .formly.horizontal header {
    background: none;
}

.overview-detail .formly.horizontal .totalinvoice .right-text .form-control,
.overview-detail .formly.horizontal .itembottom .right-text .form-control,
.overview-detail .formly.horizontal .right-text .form-control {
    text-align: right;
}
.overview-detail .formly.horizontal .right-text .form-control {
    min-width: 50px;
}
.overview-detail .formly.horizontal .input-group .form-control,
.overview-detail .formly.horizontal .form-control,
.overview-detail .addassignment .formly .form-control {
    background: #fff;
}

.overview-detail .addassignment .formly .form-control[disabled] {
    background: #eee;
}

body.smart-style-6 .overview-detail .formly.horizontal .input-group .form-control,
body.smart-style-6 .overview-detail .formly.horizontal .form-control {
    background: transparent;
}

.overview-detail .formly.horizontal .group-addon-col .input-group-addon,
.overview-detail .addassignment .formly .group-addon-col .input-group-addon {
    z-index: 99;
}

.overview-detail .changeheight .jarviswidget .widget-body {
    padding-bottom: 0;
}

.overview-detail .changeheight .iframe {
    margin: -13px -13px 0 !important;
}

.overview-detail .changeheight .alert-info {
    display: inline-block;
    width: 100%;
}

.overview-detail .workflow-overview,
.overview-detail .journal,
.overview-detail .assignment{
    margin-right: -13px;
    overflow-x: hidden;
    overflow-y: auto;
    padding-right: 13px;
    padding-top: 13px;
    margin-top: -13px;
}
.overview-detail .files {
    margin-right: -13px;
    overflow-y: auto;
    padding-right: 13px;
    padding-top: 13px;
    margin-top: -13px;
}

.overview-detail .changeheight .alert-info h3 {
    margin-top: 3px !important;
}

.overview-detail .smart-timeline-icon {
    left: 100px;
}

.overview-detail .smart-timeline-content {
    margin-left: 143px;
}

.overview-detail .smart-timeline-time {
    width: 90px;
    margin-top: 3px;
}

.overview-detail .smart-timeline-list:after {
    left: 115px;
}

body.smart-style-6 .overview-detail .bg-color-blueLight {
    background-color: #92a2a8 !important;
}

body.smart-style-6 .overview-detail .bg-color-orange {
    background-color: #c79121 !important;
}

body.smart-style-6 #content>.row {
    margin-bottom: 0px;
}

body.smart-style-6 .page-title {
    margin-bottom: 28px;
    margin-top: 12px;
}

.bg-white.customtable .dt-toolbar,
.bg-white.customtable .dt-toolbar-footer {
    display: block;
    background: transparent;
    padding-left: 0;
    border: none;
    padding-right: 0;
}

.bg-white.customtable .dt-toolbar {
    padding-bottom: 10px;
}

.bg-white.customtable .dt-toolbar-footer {
    padding-top: 10px;
}

.ui-dialog-content .btn-add,
.overview-detail .customtable .btn-add {
    position: absolute;
    right: 92px;
    top: 13px;
    z-index: 1;
}

.overview-detail .customtable .btn-add {
    right: 82px;
    top: 6px;
    left: inherit;
}

body.smart-style-6 .ui-dialog-content .btn-add {
    top: 23px;
}

body.smart-style-6 .overview-detail .customtable .btn-add {
    top: 16px;
}

.ui-dialog-content div.dataTables_filter input {
    width: 12em;
}

.overview-detail .overview-detail-add {
    width: 16.66666667%;
    margin-top: 0 !important;
    padding-left: 0;
}

.overview-detail.ui-dialog-content .col-sm-3 {
    width: 29%;
}
.assignment-options{
    margin-right: 0 !important;
}
.assignment-options .col-sm-3,.assignment-options .col-xs-3{
    width: 25% !important;
}

.overview-detail.ui-dialog-content .overview-detail-add {
    width: 13%;
}

.invoiceworkflow.table {
    margin-bottom: 0px;
}

body.smart-style-6 .label-info {
    color: #333;
}

body.smart-style-6 .form-control,
body.smart-style-6 .smart-form .icon-append,
body.smart-style-6 .smart-form .icon-prepend,
body.smart-style-6 .smart-form .select select,
body.smart-style-6 .smart-form .textarea textarea {
    padding-left: 12px;
}

.margin-top-25 {
    margin-top: 25px !important;
}

.overview-detail .addassignment {
    background: #f5f5f5;
    margin-right: 0;
    display: inline-block;
}

.classification .dataTable .second-level td:first-child {
    padding-left: 40px;
}

.classification .dataTable .first-level td:first-child {
    padding-left: 20px;
}

.classification .dataTable .second-level td:first-child:after {
    position: absolute;
    content: "\f111";
    font-family: FontAwesome;
    font-size: 6px;
    left: 28px;
    top: 14px;
}

.classification .dataTable .first-level td:first-child:after {
    position: absolute;
    content: "\f0da";
    font-family: FontAwesome;
    font-size: 14px;
    left: 10px;
    top: 8px;
}

nav>ul>li:last-child.open {
    border-bottom: none;
}

.setting-demo .demo #demo-setting+form {
    display: block;
}

.setting-demo .demo>span {
    display: none;
}

.setting-demo .demo {
    position: static;
    width: auto;
    background: none;
    display: none;
    margin-top: 20px;
}

.setting-demo .demo form section {
    padding: 0 15px
}

.setting-demo .demo legend {
    padding: 5px !important;
    background: #7E7E7E;
    border: none;
    color: #fff;
    padding-left: 15px !important;
}

.setting-demo .demo .smartadmin-skin {
    padding-left: 15px;
}

.setting-demo .demo .btn.txt-color-darken {
    border: 1px solid #ddd;
}

.setting-menu .setting-demo .demo {
    display: block;
}

.smart-skin .btn {
    width: 20px;
    display: inline-block;
    height: 20px;
    vertical-align: top;
    margin-top: -1px !important;
    position: relative;
    margin-right: 5px;
    border-color: #f5f5f5;
    border-radius: 2px;
}

.smart-skin .btn i {
    position: absolute;
    left: 0;
    right: 0;
    top: 3px;
    bottom: 0;
    margin: auto;
}

.smart-skin img {
    width: 100%;
    margin-top: 20px;
}

input[type="file"] {
    padding-top: 4px;
    padding-bottom: 3px;
}

table.dataTable.collapsed>tbody>tr.child ul.dtr-details li {
    border-color: transparent;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 5px 0; 
}

.smallpc.table-responsive>.table>tbody>tr>td,
.smallpc.table-responsive>.table>tbody>tr>th,
.smallpc.table-responsive>.table>tfoot>tr>td,
.smallpc.table-responsive>.table>tfoot>tr>th,
.smallpc.table-responsive>.table>thead>tr>td,
.smallpc.table-responsive>.table>thead>tr>th {
    white-space: nowrap;
}

.smallpc.table-responsive>.table {
    margin-bottom: -2px;
}

.smallpc.table-responsive {
    width: 100%;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    overflow-x: auto;
    min-height: .01%;
    margin-bottom: 20px;
}

.monitoring table.dataTable.collapsed>tbody>tr.child ul.dtr-details li:last-child {
    margin-top: 8px;
}

/* .dataTable tbody tr td input[type='checkbox'] {
    pointer-events: none;
} */

#preview {
    overflow: unset;
}

.CodeMirror {
    height: 100% !important;
}

#preview iframe {
    height: 100%;
}

.donloadVerification i {
    display: none
}

.downloading.donloadVerification i {
    display: inline-block
}

nav>ul ul ul ul li::before {
    width: 30px;
    left: 24px;
}

.smart-style-2 nav ul ul ul ul li a {
    padding-left: 80px;
}

.textareabasket {
    width: 100%;
    height: 85px;
    padding: 12px 20px;
    box-sizing: border-box;
    border: none;
    background-color: rgb(243, 243, 243);
    font-size: 16px;
    resize: none;
}

.textareabasket:hover {
    background-color: white;
}


/* .padding-top-15
{

padding-top: 69px !important;
} */

.no-border {
    width: 100%;
    font-size: 93%;
    text-align: left;
}

tr:first-child {
    border: none !important;
}

.tableContainer {
    padding-left: 15px;
    padding-right: 15px;
}

.bgcolor {
    background-color: none !important;
}

.buttons {
    float: right;
}

.nobgc {
    background: none !important;
    border: none !important;
}

.formlyinput {
    margin-bottom: 5px !important;
}

.editFormBasket {
    padding-top: 0px !important;
    /* padding-bottom: 0px !important; */
}

.popover {
    max-width: 160px;
}
/* .recentAccountingDataTable .popover {
    max-width: 1600px !important;
}
.recentAccountingDataTable>.popover {
    max-width: 1600px !important;
} */
.editFormBasket label {
    display: none;
}

.basketbillingtable .table {
    width: auto !important;
    margin-bottom: 0px;
}

.basketdeliverytable .table {
    width: auto !important;
    margin-bottom: 0px;
}

.basketcheckboxfoot {
    left: 14px !important;
}

.classification .ui-treetable table tbody td,
.classification .ui-treetable table tbody th,
.classification .ui-treetable table thead td,
.classification .ui-treetable table thead th {
    padding: 5px 10px;
    font-size: 12px;
    width: 14.28%;
}

.classification .ui-treetable select.ui-paginator-rpp-options,
.classification .dt-toolbar .counter select.ui-paginator-rpp-options {
    height: 32px;
    padding: 6px 12px;
    font-size: 13px;
    background: #fafafa;
    color: #999;
    margin-left: 15px;
}


/* 
.multiselectAddclassadded {
height: 319px !important;
} */


/* #multiselectAddclassanother {
height: 200px !important;
} */

.classification .dataTable .first-level td:nth-child(2) {
    padding-left: 20px;
}

.classification .dataTable .second-level td:nth-child(2):after {
    position: absolute;
    content: "\f111";
    font-family: FontAwesome;
    font-size: 6px;
    left: 28px;
    top: 14px;
}

.classification .dataTable .first-level td:nth-child(2):after {
    position: absolute;
    content: "\f0da";
    font-family: FontAwesome;
    font-size: 14px;
    left: 10px;
    top: 8px;
}

.classificationn2n>tbody>tr>td,
.classificationn2n>tbody>tr>th,
.classificationn2n>tfoot>tr>td,
.classificationn2n>tfoot>tr>th,
.classificationn2n>thead>tr>td,
.classificationn2n>thead>tr>th {
    padding: 15px 11px !important;
}


/* .shopping-basket.basket .tab-content .table>tbody>tr>td{
border: none;
padding: 10px 15px 10px;
} */


/* .classificationn2n>tbody>tr>td, .classificationn2n>tbody>tr>th, .classificationn2n>tfoot>tr>td, .classificationn2n>tfoot>tr>th, .classificationn2n>thead>tr>td, .classificationn2n>thead>tr>th {
padding: 15px 11px !important;
} */

.classtreeview.articlepage {
    padding-right: 15px;
}

.dd {
    max-height: 385px;
    overflow-y: scroll;
}

.shopping-basket .table thead tr th,
.shopping-basket .table tfoot tr th {
    border: none;
    padding: 12px 10px;
    font-size: 13px;
    vertical-align: top;
    white-space: nowrap;
}


/* .address .formly-field {
width: 16px;
} */

#viewAssignmentDetail.shopping-basket .document_table_left .table td,
#viewAssignmentDetail.shopping-basket .document_table_left .table th {
    padding: 8px 10px !important;
    border: none !important;
}

#viewAssignmentDetail.shopping-basket .cc {
    position: relative
}

#viewAssignmentDetail.shopping-basket .cc::after {
    position: absolute;
    content: "";
    border-left: 1px solid #ddd;
    height: 100%;
    left: -11px;
}

#viewAssignmentDetail.shopping-basket .document_table_left .table,
#viewAssignmentDetail.shopping-basket .document_table_left .table>tbody>tr>td,
#viewAssignmentDetail.shopping-basket .document_table_left .table>tbody>tr>th {
    background: none;
    background-image: none;
    background-position-x: initial;
    background-position-y: initial;
    background-size: initial;
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;
    background-color: initial;
}

.popover {
    min-width: 250px;
    /* max-width: 260px; */
}

.accTable tbody tr {
    padding-left: 0px !important;
}

.accTable {
    padding-bottom: 3px;
    background: #F2F2F2 !important;
}

.shopping-basket .table .accTable tbody tr td {
    padding: 3px 10px;
}

textarea {
    border: none;
    border-radius: 4px;
    background-color: #f3f3f3;
    font-size: 16px;
    resize: none;
}

.invoiceSelected {
    background: #b7eb00 !important;
    color: #000 !important;
}

.catalogDetail>tbody>tr>th,
.catalogDetail>tbody>tr>td {
    border: none;
}

.shopping-basket.basket .tab-content .inspectorTable>tbody>tr>td {
    padding: 0px !important;
}

.percentage {
    width: 3%;
    padding: 0 8px 0 0;
    top: 6px;
    left: 6px;
}

.repeatHeader {
    margin-bottom: 5px !important;
}

.repeatLabel{
    margin-top: 10px !important;
    margin-bottom: -10px !important;
}

.no-width {
    width: 0px;
}

.overlay-layer {
    position: absolute;
    opacity: 1;
    width: 80%;
    z-index: 0;
}

.upload_btn {
    position: absolute;
    width: 80%;
    z-index: 10;
    opacity: 0;
}

#cancelUpload {
    padding-right: 110px;
}

.createInvoicePopupbtn {
    padding-left: 20%;
    padding-bottom: 20px;
}

.newFIleUpload {
    padding: 10px 0;
}

.uploadFileContainer {
    padding: 10px 20%;
}

.CreateInvoiceSelectCompany {
    margin-right: 150px;
    margin-bottom: 10px;
}

.invoiceSelect {
    width: 102%;
}

.CreateInvoiceSelectCompanyDropZone {
    /* margin-top: 12px; */
    margin-bottom: 12px;
}

.ui-dialog-content .btn-add,
.bankTablePopup .customtable .btn-add {
    position: absolute;
    right: 105px;
    top: 13px;
    z-index: 1;
    left: inherit;
}

.loading {
    font-size: 100px;
    position: fixed;
    z-index: 999;
    height: 2em;
    width: 2em;
    overflow: visible;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    color: white;
}

.modal-mask {
    width: 100%;
    z-index: 888;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(51, 51, 51, 0.5);
}

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

.tabs-height {
    min-height: 610px;
}

.item-name {
    position: relative;
    padding-right: 55px;
    display: inline-block;
}

.item-action {
    position: absolute;
    right: 0;
    top: 0;
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
    opacity: .75;
}


/* =================================== */

.start-symbol label.form-control-label {
    position: relative;
}

.start-symbol label.form-control-label:after {
    content: "*";
    position: initial;
    right: -9px;
    top: 0px;
}

formly-field .start-symbol label.form-control-label {
    display: inline-block;
}

.start-symbolColon label.form-control-label {
    position: relative;
}

.start-symbolColon label.form-control-label:after {
    content: ": *";
    position: initial;
    right: -12px;
    top: 0px;
}

formly-field .start-symbolColon label.form-control-label {
    display: inline-block;
}

.colon label.form-control-label {
    position: relative;
}

.colon label.form-control-label:after {
    content: ":";
    position: initial;
    right: -12px;
    top: 0px;
}

formly-field .colon label.form-control-label {
    display: inline-block;
}

.percentColon label.form-control-label {
    position: relative;
}

.percentColon label.form-control-label:after {
    content: " %:";
    position: initial;
    right: -12px;
    top: 0px;
}

formly-field .percentColon label.form-control-label {
    display: inline-block;
}

#content .spins {
    margin-top: 2%;
    margin-left: 45%
}

.invoice-overview .big-spin-loader {
    margin-top: 10%;
}


/* .headTaxRepeat:not(:last-child) formly-form:not(:last-child) .headTax {
display: none;
} */

.headTaxPopup .chat-btn {
    display: none !important;
}

.headVatRepeat .chat-btn {
    padding: 3px 13px !important;
    font-size: 17px !important;
    margin-top: 0px !important;
}

.headVatRepeat .overview-detail-add {
    padding-left: 13px !important;
    width: 25% !important;
}

.headVatRepeat .overview-detail .temp .overview-detail-add {
    padding-right: 0;
}


/* invoice dashboard css */

#invoice-dashboard .large-box.beautify-jarviswidget.ui-sortable .jarviswidget-sortable>header,
#invoice-dashboard .large-box.beautify-jarviswidget.ui-sortable .disable-drag>header {
    height: 70px;
}

#invoice-dashboard .analytics .card-box.large-box .head .icon {
    display: inline-block;
    line-height: 85px;
    margin-left: -3px;
    margin-top: -3px;
    margin-bottom: 0px;
    height: 70px;
    width: 70px;
    text-align: center;
}

#invoice-dashboard .analytics .card-box.large-box .head .jarviswidget-ctrls {
    margin-top: 15px;
}

#invoice-dashboard .purchase-dash .card-box.large-box .head .jarviswidget-ctrls{
    margin-top: 25px;
}

#invoice-dashboard #invoice-dashboard-page .card-box.large-box .head .jarviswidget-ctrls{
    margin-top: 25px;
}

#invoice-dashboard .purchase-dash .card-box.large-box .header-dropdown-list .dropdown-toggle, #invoice-dashboard #invoice-dashboard-page .card-box.large-box .header-dropdown-list .dropdown-toggle{
    color: #FFF !important;
}
#invoice-dashboard .analytics .card-box.large-box .head .icon i {
    font-size: 25px;
    color: #fff;
}

#invoice-dashboard .analytics .card-box.large-box .widget-body {
    padding: 20px;
}

#invoice-dashboard .analytics .card-box.large-box .head {
    padding: 3px;
}

#invoice-dashboard .analytics .card-box.large-box .head .des h3 {
    font-size: 22px;
}


/* #invoice-dashboard canvas {
    height: 315px !important;
} */

#invoice-dashboard .chat-canvas canvas {
    height: auto !important;
}

#invoice-dashboard .analytics .card-box.large-box .chat-canvas.widget-body {
    padding: 20px;
}

#invoice-dashboard .todo>li>p {
    padding: 13px 0 13px 12px;
}

#invoice-dashboard .well {
    padding: 20px;
}

#invoice-dashboard {
    overflow-x: hidden;
}

.readli {
    /* background:#e0e0e0 !important; */
    background: #fff !important;
}

.liNotification {
    /* background: #fff; */
    background: #FFFFE0;
}

.taxField {
    width: 25%;
}

.liNotification :hover {
    background: #F0F4F7 !important;
    /* color: #667F8F; */
}

.menuTooltip {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}


/* to add image to to-do  and giving padding, removed dots in*/

.todo>li {
    background: none;
}

.todo>li>:first-child {
    border-right: none;
    padding: 14px 11px 10px 10px;
}


/* Login style-5 css remove */

body.darktheme.smart-style-5 .company-login .well {
    background-color: #fbfbfb !important;
    border: none !important;
    box-shadow: 0 1px 1px #ececec !important;
    -webkit-box-shadow: 0 1px 1px #ececec !important;
    -moz-box-shadow: 0 1px 1px #ececec !important;
}

body.darktheme.smart-style-5 .company-login .well .smart-form {
    color: #666;
}

body.darktheme.smart-style-5 .company-login .well .smart-form header {
    color: #232323;
}

body.darktheme.smart-style-5 .company-login .well .smart-form fieldset {
    background: rgba(255, 255, 255, .9);
}

body.darktheme.smart-style-5 .company-login .well .smart-form .label {
    color: #333;
}

body.darktheme.smart-style-5 .company-login .well .smart-form .input input {
    color: #999;
    border-color: #ccc;
    background: #fff !important;
}

body.darktheme.smart-style-5 .company-login .well .smart-form .note a {
    color: #3276b1;
    text-shadow: none;
}

body.darktheme.smart-style-5 .company-login .well .smart-form .note a:hover {
    color: #214e75 !important;
}

body.darktheme.smart-style-5 .company-login .well input:-webkit-autofill,
body.darktheme.smart-style-5 .company-login .well input:-webkit-autofill:hover,
body.darktheme.smart-style-5 .company-login .well input:-webkit-autofill:focus,
body.darktheme.smart-style-5 .company-login .well input:-webkit-autofill:active {
    -webkit-text-fill-color: #555 !important;
}

body.darktheme.smart-style-5 .company-login .well .smart-form .input input:focus {
    border-color: #3276B1;
}

body.darktheme.smart-style-5 .company-login .well .smart-form .input input:hover {
    border-color: #5D98CC;
}

body.darktheme.smart-style-5 .company-login .well .smart-form .icon-append {
    color: #A2A2A2;
    border-color: #BDBDBD;
}

body.darktheme.smart-style-5 .company-login .well .client-form header {
    background: rgba(248, 248, 248, .9);
}

body.darktheme.smart-style-5 .company-login .well .smart-form footer {
    background: rgba(248, 248, 248, .9);
}

body.darktheme.smart-style-5 .company-login .well .smart-form footer .btn {
    background-color: #3b9ff3;
    border-color: #3292E2;
}

body.darktheme.smart-style-5 .company-login .well .smart-form footer .btn:hover {
    background-color: #3E90D4;
    border-color: #2F7DBE;
}

.processStepButton {
    pointer-events: none !important;
}

.dz-filename {
    padding-top: 20px;
}

.form-control {
    /* -webkit-appearance: none;*/
    -moz-appearance: none;
    /* -ms-appearance: none; */
    -o-appearance: none;
    /* appearance: none; */
}


/* select::-ms-expand {
display: none;
}  */

#headForm .row.totalinvoice {
    clear: both;
    margin-left: 0px !important;
    margin-right: 0px !important;
}

div>header {
    clear: both;
}

.autoWidth label.form-control-label {
    width: auto !important;
}

.redBG {
    background-color: #B51D2A;
}

.dash-overview {
    margin-top: 15px;
}

.fixed-ribbon .dash-overview {
    margin-top: 55px !important;
}

select.input-sm {
    height: 30px;
    line-height: 20px;
}

input[type=search] {
    height: 32px;
}

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

.privacy-policy {
    padding: 20px;
}

.validationMsgs {
    padding-left: 14px;
    font-family: "Open Sans", Arial, Helvetica, Sans-Serif;
}

.msgDisplay {
    display: none;
}

.darktheme.smart-style-5 .notification-body>li:hover {
    /* background: #F0F4F7 !important; */
    color: #fff !important;
}
.darktheme.smart-style-5 .notification-body>li{
    color: #667F8F;
}
.smart-style-2 .notification-body>li:hover,
.smart-style-0 .notification-body>li:hover,
.smart-style-6 .notification-body>li:hover {
    background: #F0F4F7 !important;
    color: #667F8F !important;
}

.smart-style-2 .notification-body>.read,
.smart-style-0 .notification-body>.read,
.smart-style-6 .notification-body>.read {
    background: white !important;
    display: block !important;
    min-height: 25px !important;
    overflow: hidden !important;
    padding: 8px 10px 0px !important;
    white-space: normal !important;
}

body.smart-style-6 .ajax-notifications {
    background: #D8F4FF;
}

#purchaserpopup table.dataTable.dtr-inline[_ngcontent-c3] {
    margin-top: 0px !important;
}


/* .page-footer .copyright {
padding-left: 70px;
} */

.page-footer .clear-cache {
    text-align: left;
}

.page-footer .copyright {
    text-align: left;
}

.page-footer .powerd-by {
    text-align: right;
}

.shopping-basket .table .btn,
.shopping-basket .smart-form .input input {
    margin-bottom: 5px;
}

.cart-main .page-title {
    float: left;
    width: auto !important;
}

.cart-main .countEn,
.cart-main .countDe,
.cart-main .countFr {
    position: static;
    width: auto;
    margin: 12px 0 28px;
}

.address-column strong.font-md {
    word-break: break-word;
}

.classtreeview .treeview-item i {
    display: inline-block;
    vertical-align: top;
    margin-top: 11px;
}

.classtreeview .treeview-item .checkbox i {
    margin-top: 0;
}

@media (min-width: 1600px) {
    .companydirectory .directorylogo {
        width: 172px;
    }

    .companydirectory .col-lg-6 {
        width: 33.33333333%;
    }

    .wdth-25 {
        width: 25%;
    }

    .wdth-50 {
        width: 50%;
    }

    #invoice-dashboard .wdth-25 .well {
        padding: 30px 23px;
    }

    #invoice-dashboard .wdth-50.beautify-jarviswidget .jarviswidget .widget-body {
        min-height: 393px;
    }

    .centerLabel {
        position: absolute;
        left: 35%;
        top: 35%;
        text-align: center;
        color: grey;
    }
    .createcontract .col-lg-4 {
        width: 20% !important;
    }
}

.companydirectory .directorylogo {
    width: 192px;
}

@media(max-width: 1600px) {

    .invoicetable .form-inline .actiontab select.form-control,
    .invoicetable .form-inline .filter select.form-control,
    .invoicetableAccounting .form-inline .actiontab select.form-control,
    .invoicetableAccounting .form-inline .filter select.form-control,
    .invoicetablecancel .form-inline .actiontab select.form-control,
    .invoicetablecancel .form-inline .filter select.form-control,
    .invoicetablearchive .form-inline .actiontab select.form-control,
    .invoicetablearchive .form-inline .filter select.form-control {
        width: auto;
    }
    .invoicetableAccountingNew .form-inline .filter select.form-control {
        width: 140px;
    }
    .invoicetable .dataTables_filter .input-group-addon+.form-control,
    .invoicetableAccounting .dataTables_filter .input-group-addon+.form-control,
    .invoicetablecancel .dataTables_filter .input-group-addon+.form-control,
    .invoicetablearchive .dataTables_filter .input-group-addon+.form-control {
        width: 130px;
    }

    .tabs-height {
        min-height: 430px;
    }

    .analytics .smallbox-width {
        width: 33.33333333%;
    }
    .show-details-hidden {
        display: none;
    }
}
@media (min-width: 1730px) and (max-width: 1800px) {
    .filter-select-sm {
        width: 130px !important;
    }
}
@media (min-width: 1640px) and (max-width: 1730px) {
    .filter-select-sm {
        width: 120px !important;
    }
}
@media (min-width: 1540px) and (max-width: 1640px) {
    .filter-select-sm {
        width: 110px !important;
    }
}
@media (min-width: 1490px) and (max-width: 1540px) {
    .filter-select-sm {
        width: 100px !important;
    }
}
@media (min-width: 1440px) and (max-width: 1490px) {
    .filter-select-sm {
        width: 95px !important;
    }
}
/* @media (min-width: 1024px) and (max-width: 1620px) {
   .hide-field-1 {
    display:  none !important;
   }
  
}
@media (min-width: 1024px) and (max-width: 1445px) {
    .hide-field-2 {
     display:  none !important;
    }
   
 } */
@media (min-width: 1440px){
    .des span {
        width: 154px !important;
    }
    #invoice-dashboard-page .menuTooltip1{  
        width: 154px !important;
    }
}
@media (max-width: 1440px) {
    .analytics .card-box.large-box .head .des {
        margin-left: 10px;
    }

    .analytics .card-box .well {
        padding: 15px;
    }

    .analytics .card-box .well .icon {
        height: 60px;
        width: 60px;
        line-height: 72px;
    }

    #invoice-dashboard .well {
        padding: 10px;
    }

    .widget-height {
        height: auto;
        margin-bottom: 5px !important;
    }
    .analytics .card-box .well h3 {
        font-size: 26px;
    }

    .analytics .card-box .well span {
        font-size: 14px;
    }

    .analytics .card-box .well .icon i {
        font-size: 30px;
    }
    .filter-select-sm {
        width: 130px !important;
    }
    .filter-select-lg {
        width: 145px !important;
    }
    .pl-0 {
        padding-left: 0px !important;
    }
    .overview-detail .formly.horizontal.itemform .form-control-label {
        /* width: 120px; */
        word-break: break-word;
    }
    .overview-detail .formly.horizontal .totalinvoice .cashdiscountdays .form-control-label {
        width: 40px;
    }
    .jarviswidget header .nav-tabs>li>a {
        padding: 7px 10px 6px;
    }
}

@media (max-width: 1380px) {
    .history-field{
        width: 25%;
    }
    .history_filter{
        left: 194px;
    }
    
    .catpadd .col-sm-2 {
        width: 20.666667%;
    }

    .catpadd .col-sm-10 {
        width: 79.333333%;
    }

    .shopping-basket.companycatalog .suppliercatalogs .col-sm-4.prodres {
        width: 50%;
    }

    .shopping-basket.companycatalog.orderdetail .suppliercatalogs .col-sm-3.prodres {
        width: 33.33333333%;
    }

    .companydirectory .table-responsive {
        overflow-x: auto;
        min-height: .01%;
    }

    .companydirectory .table-responsive>.table>tbody>tr>td,
    .companydirectory .table-responsive>.table>tbody>tr>th,
    .companydirectory .table-responsive>.table>tfoot>tr>td,
    .companydirectory .table-responsive>.table>tfoot>tr>th,
    .companydirectory .table-responsive>.table>thead>tr>td,
    .companydirectory .table-responsive>.table>thead>tr>th {
        white-space: nowrap;
    }

    .companydirectory .table-responsive>.table {
        margin-bottom: -2px;
    }

    .overview-detail .formly.horizontal .custompadding {
        padding: 0;
    }

    .overview-detail .jarviswidget header .nav-tabs>li>a {
        padding: 7px 6px 6px;
    }

    .overview-detail .jarviswidget header .nav-tabs>li>a span {
        font-size: 11px;
    }

    .overview-detail .table-responsive>.table>tbody>tr>td,
    .overview-detail .table-responsive>.table>tbody>tr>th,
    .overview-detail .table-responsive>.table>tfoot>tr>td,
    .overview-detail .table-responsive>.table>tfoot>tr>th,
    .overview-detail .table-responsive>.table>thead>tr>td,
    .overview-detail .table-responsive>.table>thead>tr>th {
        white-space: nowrap;
    }

    .overview-detail .table-responsive>.table {
        margin-bottom: -2px;
    }

    .overview-detail .table-responsive {
        margin-bottom: 18px;
    }

    .dataTables_filter .input-group-addon+.form-control {
        width: 70%;
    }

    /* .overview-detail .progress .progress-bar {
        width: 15%;
    } */

    .overview-detail .fourbtn .btn {
        padding: 6px 10px;
        font-size: 12px;
    }

    .overview-detail.assignment-page .over-btn {
        padding: 3px 8px;
        margin-left: -4px;
        margin-top: -2px;
    }

    .ledger .bg-white.customtable .dt-toolbar-footer .col-sm-6.col-xs-12 {
        width: 100%;
    }

    .ledger .bg-white.customtable .dt-toolbar-footer .col-sm-6.col-xs-12.hidden-xs {
        display: none;
    }

    .invoicetable .actiontab .btn,
    .invoicetableAccounting .actiontab .btn,
    .invoicetablecancel .actiontab .btn ,
    .invoicetablearchive .actiontab .btn  {
        padding: 6px;
    }

    .select_costcentre {
        width: 50% !important;
        left: 200px;
    }

    .analytics .smallbox-width {
        width: 50%;
    }

    .tabs-height {
        min-height: 300px;
    }

    .percentage {
        left: 2px;
    }

    .an-left {
        width: 65%;
    }

    .an-right {
        width: 35%;
    }

    .widget-width {
        width: 100%;
    }

    .large-box.beautify-jarviswidget.ui-sortable .jarviswidget-sortable>header,
    .large-box.beautify-jarviswidget.ui-sortable .disable-drag>header {
        height: 99px;
    }

    .analytics .card-box.large-box .head .icon {
        line-height: 127px;
        height: 98px;
        width: 98px;
    }

    .analytics .card-box.large-box .head .icon i {
        font-size: 40px;
    }

    .analytics .card-box.large-box .head .des h3 {
        line-height: 36px;
    }

    .analytics .card-box.large-box .head .des span {
        font-size: 14px;
    }

    .beautify-jarviswidget .jarviswidget .bg-white.customtable .dt-toolbar-footer {
        margin-bottom: 20px;
    }

    .analytics .card-box.large-box .head .jarviswidget-ctrls {
        margin-top: 14px;
    }

    .analytics.p2p-overview .col-lg-3 {
        width: 33.33333333%;
    }

    #invoice-dashboard .ai-chat-canvas canvas {
        height: auto !important;
    }

    .dash-overview .des span {
        width: 117px;
    }
    #invoice-dashboard-page .menuTooltip1{
        width: 117px !important;
    }
}

@media (max-width: 1360px) and (min-width: 1200px) {
    .vmidetailview .profile-content p.text-muted {
        width: 100% !important;
        height: 80px;
    }

    .vmidetailview .profile-content p.text-muted span {
        font-size: 14px;
    }
}

@media (min-width: 1367px) {
    .packages_content .col-md-3 {
        width: 16.66666667%;
    }

    .createcontract .col-lg-4 {
        width: 25%;
    }
}

@media (min-width: 1200px) {
    .flex {
        display: flex;
        align-items: center;
    }

    .des span {
        width: 117px;
    }
    #invoice-dashboard-page .menuTooltip1{
        width: 125px !important;
    }
}
@media (max-width: 1200px) {
    .supplier-div {
        padding-left: 0px !important;
    }
}
@media (max-width: 1290px) {

    /* .shopping-basket .table .btn,
    .shopping-basket .smart-form .input input {
        margin-bottom: 5px;
    } */
    .companyaddress .profile-content p.text-muted,
    .userinformation .profile-content p.text-muted,
    .group-mamber .message {
        width: 90%;
    }

    .userinformation .chatinfo::before,
    .userinformation .chatinfo::after {
        width: 95%;
    }

    .invoicetable .form-inline .actiontab select.form-control,
    .invoicetable .form-inline .filter select.form-control,
    .invoicetableAccounting .form-inline .actiontab select.form-control,
    .invoicetableAccounting .form-inline .filter select.form-control,
    .invoicetablecancel .form-inline .actiontab select.form-control,
    .invoicetablecancel .form-inline .filter select.form-control,
    .invoicetablearchive .form-inline .actiontab select.form-control,
    .invoicetablearchive .form-inline .filter select.form-control {
        width: 150px !important;
    }
    .invoicetableAccountingNew .form-inline .filter select.form-control {
        width: 120px;
    }
    .invoicetable .dataTables_filter .input-group-addon+.form-control,
    .invoicetableAccounting .dataTables_filter .input-group-addon+.form-control,
    .invoicetablecancel .dataTables_filter .input-group-addon+.form-control,
    .invoicetablearchive .dataTables_filter .input-group-addon+.form-control {
        width: 110px;
    }

    /* .overview-detail .progress .progress-bar {
        width: 14.9%;
    } */

    .analytics .well h5 {
        font-size: 16px;
    }

    .overview-detail .jarviswidget header .nav-tabs>li>a {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 68px;
    }

    .dashpagination .dt-toolbar-footer>:last-child {
        width: 100%;
    }

    .overview-detail .changeheight .alert-info h3 {
        font-size: 16px;
    }

    #invoice-dashboard .analytics .card-box.large-box .chat-canvas.widget-body {
        padding: 35px 20px;
    }
}

@media (max-width: 1199px) {
    .col-lg-6.pull-right.editwebedi {
        float: none !important;
    }

    .shopping-basket.companycatalog .supplier-search .col-lg-6 {
        text-align: center
    }

    .shopping-basket.companycatalog .supplier-search .col-lg-6.text-right {
        text-align: center ! important;
        margin-top: 10px;
    }

    .shopping-basket.companycatalog .supplier-search .search-div {
        display: inline-block;
    }

    .companycatalog.shopping-basket select.form-control.Belegsart {
        display: inline-block;
        float: none;
        vertical-align: top;
    }

    .profile-content p.text-muted,
    .companyaddress .profile-content p.text-muted,
    .chatinfo::before,
    .chatinfo::after {
        width: 100%
    }

    .group-mamber .message {
        width: 90%;
    }

    .companydirectory .directorylogo {
        float: none;
        margin-bottom: 10px;
        margin-right: 0;
    }

    .companyprofile .col-lg-offset-1 {
        margin-left: 0;
    }

    .invoicetable .form-inline select.form-control,
    .invoicetableAccounting .form-inline select.form-control,
    .invoicetablecancel .form-inline select.form-control,
    .invoicetablearchive .form-inline select.form-control {
        margin-bottom: 3px;
        display: inline-block;
    }

    /* .invoicetable .form-inline label.control-label{
    margin-top: -10px
} */
    .invoicetable .form-inline label.control-label,
    .invoicetableAccounting .form-inline label.control-label,
    .invoicetablecancel .form-inline label.control-label,
    .invoicetablearchive .form-inline label.control-label {
        margin-bottom: 0
    }

    .invoicetable .dt-toolbar,
    .invoicetable .dt-toolbar .text-right,
    .invoicetable div.dataTables_wrapper div.dataTables_filter,
    .invoicetableAccounting .dt-toolbar,
    .invoicetableAccounting .dt-toolbar .text-right,
    .invoicetableAccounting div.dataTables_wrapper div.dataTables_filter,
    .invoicetablecancel .dt-toolbar,
    .invoicetablecancel .dt-toolbar .text-right,
    .invoicetablecancel div.dataTables_wrapper div.dataTables_filter ,
    .invoicetablearchive .dt-toolbar,
    .invoicetablearchive .dt-toolbar .text-right,
    .invoicetablearchive div.dataTables_wrapper div.dataTables_filter  {
        /* text-align: center !important; */
    }

    .invoicetable div.dataTables_wrapper div.dataTables_length label,
    .invoicetableAccounting div.dataTables_wrapper div.dataTables_length label,
    .invoicetablecancel div.dataTables_wrapper div.dataTables_length label,
    .invoicetablearchive div.dataTables_wrapper div.dataTables_length label {
        margin-bottom: 0;
        display: inline-block;
    }

    .invoicetable .dt-toolbar>:last-child .dataTables_filter>:only-child,
    .invoicetable .dt-toolbar>:last-child .dataTables_length,
    .invoicetable div.dataTables_length label,
    .invoicetableAccounting .dt-toolbar>:last-child .dataTables_filter>:only-child,
    .invoicetableAccounting .dt-toolbar>:last-child .dataTables_length,
    .invoicetableAccounting div.dataTables_length label,
    .invoicetablecancel .dt-toolbar>:last-child .dataTables_filter>:only-child,
    .invoicetablecancel .dt-toolbar>:last-child .dataTables_length,
    .invoicetablecancel div.dataTables_length label,
    .invoicetablearchive .dt-toolbar>:last-child .dataTables_filter>:only-child,
    .invoicetablearchive .dt-toolbar>:last-child .dataTables_length,
    .invoicetablearchive div.dataTables_length label {
        float: none !important;
    }

    .invoicetable .form-group,
    .invoicetableAccounting .form-group,
    .invoicetablecancel .form-group,
    .invoicetablearchive .form-group {
        margin-bottom: 0;
    }

    .invoicetable .dataTable thead th,
    .invoicetable .dataTable tbody tr td,
    .invoicetableAccounting .dataTable thead th,
    .invoicetableAccounting .dataTable tbody tr td,
    .invoicetablecancel .dataTable thead th,
    .invoicetablecancel .dataTable tbody tr td ,
    .invoicetablearchive .dataTable thead th,
    .invoicetablearchive .dataTable tbody tr td  {
        display: table-cell !important;
    }

    .invoicetable,
    .invoicetableAccounting,
    .invoicetablecancel,
    .invoicetablearchive {
        width: 100%;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
    }

    .invoicetable .table>tbody>tr>td,
    .invoicetable .table>tbody>tr>th,
    .invoicetable .table>tfoot>tr>td,
    .invoicetable .table>tfoot>tr>th,
    .invoicetable .table>thead>tr>td,
    .invoicetable .table>thead>tr>th,
    .invoicetableAccounting .table>tbody>tr>td,
    .invoicetableAccounting .table>tbody>tr>th,
    .invoicetableAccounting .table>tfoot>tr>td,
    .invoicetableAccounting .table>tfoot>tr>th,
    .invoicetableAccounting .table>thead>tr>td,
    .invoicetableAccounting .table>thead>tr>th,
    .invoicetablecancel .table>tbody>tr>td,
    .invoicetablecancel .table>tbody>tr>th,
    .invoicetablecancel .table>tfoot>tr>td,
    .invoicetablecancel .table>tfoot>tr>th,
    .invoicetablecancel .table>thead>tr>td,
    .invoicetablecancel .table>thead>tr>th,
    .invoicetablearchive .table>tbody>tr>td,
    .invoicetablearchive .table>tbody>tr>th,
    .invoicetablearchive .table>tfoot>tr>td,
    .invoicetablearchive .table>tfoot>tr>th,
    .invoicetablearchive .table>thead>tr>td,
    .invoicetablearchive .table>thead>tr>th{
        white-space: nowrap;
    }

    .createanalytics .ca-btn:hover {
        height: 230px;
    }

    .createanalytics .ca-btn:hover .caedit-btn {
        bottom: 120px;
    }

    .createanalytics .ca-btn:hover .cadelete-btn {
        bottom: 180px;
    }

    .createanalytics .ca-btn:hover .caadd-btn {
        bottom: 60px;
    }

    .searchdetail-content .address-column {
        margin-top: 20px;
    }

    .ipad.table-responsive>.table>tbody>tr>td,
    .ipad.table-responsive>.table>tbody>tr>th,
    .ipad.table-responsive>.table>tfoot>tr>td,
    .ipad.table-responsive>.table>tfoot>tr>th,
    .ipad.table-responsive>.table>thead>tr>td,
    .ipad.table-responsive>.table>thead>tr>th {
        white-space: nowrap;
    }

    .ipad.table-responsive>.table {
        margin-bottom: -2px;
    }

    .ipad.table-responsive {
        width: 100%;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        overflow-x: auto;
        min-height: .01%;
        margin-bottom: 20px;
    }

    .widget-body.catalogs .dataTable thead th {
        width: auto !important;
    }

    .new-number {
        font-size: 10px;
        padding-top: 8px;
        padding-bottom: 7px;
    }

    .bootstrap-duallistbox-container select {
        height: 35px !important;
        padding-left: 12px;
    }

    .swipe-div {
        height: auto;
        margin-top: 112px;
    }

    .bootstrap-duallistbox-container option {
        padding-left: 0;
    }

    .shopping-basket.basket.order header form.formly {
        width: auto;
    }

    .shopping-basket.basket.order header form.formly formly-field formly-field {
        width: 174px;
    }

    .overview-detail .changeheight .tab-pane {
        height: 562px !important;
    }

    .analytics .well h5 {
        font-size: 17px;
    }

    .total-order {
        position: absolute;
        top: -40px;
        right: 0px;
    }

    .tabs-height {
        min-height: 400px;
    }

    .invoicetable div.dataTables_filter label,
    .invoicetableAccounting div.dataTables_filter label,
    .invoicetablecancel div.dataTables_filter label,
    .invoicetablearchive div.dataTables_filter label {
        float: none;
    }

    .invoicetable .dt-toolbar,
    .invoicetableAccounting .dt-toolbar,
    .invoicetablecancel .dt-toolbar,
    .invoicetablearchive .dt-toolbar {
        padding-top: 10px;
    }

    .filter-text {
        display: block;
        margin-bottom: 5px;
        font-size: 16px;
    }

   

    .overview-detail .jarviswidget header .nav-tabs>li>a {
        width: 100%;
    }

    .invoicetable .form-inline .actiontab select.form-control,
    .invoicetable .form-inline .filter select.form-control ,
    .invoicetableAccounting .form-inline .actiontab select.form-control,
    .invoicetableAccounting .form-inline .filter select.form-control ,
    .invoicetablecancel .form-inline .actiontab select.form-control,
    .invoicetablecancel .form-inline .filter select.form-control,
    .invoicetablearchive .form-inline .actiontab select.form-control,
    .invoicetablearchive .form-inline .filter select.form-control {
        width: 180px !important;
    }
    .invoicetableAccountingNew .form-inline .filter select.form-control {
        width: 150px;
    }
    .analytics .smallbox-width {
        width: 100%;
    }

    .an-left {
        width: 55%;
    }

    .an-right {
        width: 45%;
    }

    .analytics .dash-dt-toolbar-footer .dt-toolbar-footer div {
        width: 100%;
        padding-right: 0 !important;
        text-align: right;
    }

    .analytics .dash-dt-toolbar-footer .dt-toolbar-footer div.dataTables_paginate {
        margin-top: 10px;
    }

    .analytics.p2p-overview .col-lg-3 {
        width: 50%;
    }

    #invoice-dashboard .analytics .card-box.large-box .chat-canvas.widget-body {
        padding: 20px;
    }

    .companycatalog .supplier-search .total-number {
        margin-top: 20px;
    }
}

@media (max-width: 1160px) {
    .table thead tr th.hasinput {
        display: none;
    }

    .companycatalog .product-wrap div[class*=col-md-5] {
        padding-right: 0;
    }

    .companycatalog .product-wrap div[class*=col-md-7] {
        padding-left: 0;
    }

    .catpadd .col-sm-2 {
        width: 29.666667%;
    }

    .catpadd .col-sm-10 {
        width: 70.333333%;
    }

    .companycatalog .table-responsive>.table>tbody>tr>td,
    .companycatalog .table-responsive>.table>tbody>tr>th,
    .companycatalog .table-responsive>.table>tfoot>tr>td,
    .companycatalog .table-responsive>.table>tfoot>tr>th,
    .companycatalog .table-responsive>.table>thead>tr>td,
    .companycatalog .table-responsive>.table>thead>tr>th {
        white-space: nowrap;
    }

    .companycatalog .table-responsive>.table {
        margin-bottom: -2px;
    }

    .shopping-basket.companycatalog .suppliercatalogs .col-sm-4.prodres {
        width: 100%;
    }

    .shopping-basket.companycatalog.orderdetail .suppliercatalogs .col-sm-3.prodres {
        width: 50%;
    }

    .page-title {
        width: 220px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        line-height: 1.3;
    }

    .cart-main .countEn,
    .cart-main .countDe,
    .cart-main .countFr {
        line-height: 1.3;
    }

    .hidden-menu .smart-style-6 #hide-menu i {
        color: #1570B8 !important;
    }

    .application-icon a {
        border: none;
    }

    .note-card .icon {
        display: block !important;
    }
}

@media (max-width: 1099px) {
    .companycatalog.shopping-basket select.form-control.Belegsart.lines {
        margin-bottom: 10px;
    }
}

@media (max-width: 991px) {
.catalogSearch{
         position: absolute !important;
        left: 30%!important;
        bottom: left!important;
        bottom: 15%!important;
    }
    .margin-y-8 {
        margin-top: 8px;
        margin-bottom: 8px;
    }

    .suppliercatalogs .border-left {
        border: none;
    }

    .suppliercatalogs .product-content .product-image {
        min-height: 150px;
    }

    .companycatalog .suppliercatalogs .border-left {
        border-left: 1px solid #dfe5e9;
    }

    .right_side {
        float: left;
    }

    .suppliercatalogs .ui-sortable-placeholder {
        height: 324px !important;
    }

    .fixed-header #header {
        box-shadow: none;
    }

    .createnewdocument.contractsearchdetail .center-block.label {
        display: inline-block
    }

    #extr-page .company-login #header {
        padding: 0 15px !important;
    }

    .menu-on-top aside#left-panel nav {
        padding-bottom: 0
    }

    .menu-on-top aside#left-panel nav>ul>li>a {
        border-bottom-style: solid;
    }

    .menu-on-top.mobile-detected.fixed-navigation nav>ul {
        padding-right: 0 !important;
    }

    .menu-on-top aside#left-panel nav>ul li:hover>ul {
        display: none !important;
    }

    .menu-on-top aside#left-panel nav>ul li.open>ul {
        display: block !important;
    }

    .smart-style-2.hidden-menu #hide-menu a>i {
        color: #fff !important;
    }

    .smart-style-6.menu-on-top nav>ul>li>a:after,
    .smart-style-6.menu-on-top nav ul ul li:hover>a:after,
    .smart-style-6.menu-on-top nav>ul ul>li a:after,
    .smart-style-6.menu-on-top nav>ul ul>li a:hover:after {
        margin-top: -14px;
        left: auto;
    }

    .fixed-navigation #left-panel {
        position: absolute;
    }

    .smart-style-5.darktheme.menu-on-top nav>ul>li.active>a {
        color: #b7eb00 !important;
    }

    .tabs-height {
        min-height: 610px;
    }

    .dropzone .dz-default.dz-message {
        width: 119%;
        margin-left: 0;
    }

    .catalogpagination .dt-toolbar-footer>:last-child {
        width: 100%;
    }

    .jarviswidget header .btn .visible-sm {
        display: inline-block !important;
    }

    .ajax-dropdown {
        right: 20px;
    }

    sa-activities .ajax-dropdown {
        right: 55px;
    }

    .page-footer {
        height: auto;
    }

    .page-footer .clear-cache {
        text-align: center;
        margin-bottom: 5px;
    }

    .page-footer .copyright {
        text-align: center;
        margin-bottom: 5px;
    }

    .page-footer .powerd-by {
        text-align: center;
    }

    .page-footer .copyright .footer-menu {
        margin-bottom: 0;
    }

    .page-footer {
        padding-top: 8px;
    }

    #main {
        padding-bottom: 70px;
    }
    .dev-option {
        width: 30% !important;
        margin-top: 0px !important;
    }
    .devOptions {
        bottom: 80px !important;
        right: 5px !important;
    }
    .downloadCenter.mainWindow.container {
        bottom: 80px !important;
        right: 5px !important;
    }
    .downloadCenter.mainWindow.container.minWindow {
        width: 90% !important;
    }
    .downloadCenter.mainWindow.container.maxWindow {
        width: 90% !important;
    }
    .fixTopOfFooter {
        margin-top: 0px !important;
    }
}

@media (max-width: 979px) {
    .btn-header a {
        margin-top: 16px !important;
        width: 40px !important;
        height: 35px !important;
        line-height: 31px !important;
    }

    .fixed .btn-header a {
        margin-top: 10px !important;
        width: 30px !important;
        height: 30px !important;
        line-height: 24px !important;
    }

    .profile-pic+div,
    .profile-pic+div+div {
        padding-left: 15px;
        padding-right: 15px;
    }

    .profile-pic {
        text-align: center;
    }

    .profile-pic>img {
        width: 100%;
        margin-right: 0px;
    }

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

    .menu-on-top aside#left-panel nav>ul>li>a>i {
        width: auto !important;
        margin: 1px 5px 4px 0px;
    }

    .menu-on-top .btn-header a {
        margin-right: 3px !important;
        margin-left: 5px !important;
    }

    body.menu-on-top.fixed-header.fixed-navigation.fixed-ribbon #ribbon {
        top: 0px !important;
        position: static !important;
    }

    .fixed-ribbon #content,
    .smart-style-2.fixed-ribbon #content {
        padding-top: 10px;
    }

    html.hidden-menu-mobile-lock body {
        overflow-x: hidden;
    }
    .right-content-box, .view-box {
        width: 100% !important;
        margin: 0 0 3% 0% !important;
    }
}

@media (max-width: 910px) {
    .menu-on-top #mobile-profile-img a.userdropdown img {
        margin-top: 10px;
        margin-left: 5px;
        width: 34px;
    }
}

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

    #hide-menu>:first-child>a,
    .btn-header a {
        margin-top: 10px !important;
        width: 33px !important;
        height: 31px !important;
        line-height: 32px !important;
    }

    .centerLabel {
        position: absolute;
        left: 25%;
        top: 30%;
        text-align: center;
        color: grey;
    }
}

@media (max-width: 800px) and (-webkit-min-device-pixel-ratio:0) {

    .fixed-ribbon .scrollable-table thead th,
    .fixed-ribbon .custom-pagination thead th,
    .fixed.fixed-ribbon.scrollable-table thead th,
    .fixed.fixed-ribbon.custom-pagination thead th {
        top: 0px !important;
    }
}

@media (max-width: 800px) {
    .sparks-info {
        min-width: auto;
    }

    .fixed #header,
    .fixed-ribbon #ribbon,
    .fixed-header #header {
        position: relative !important;
    }

    .fixed-ribbon #ribbon {
        top: 0px !important;
    }

    .fixed.fixed-ribbon #ribbon {
        top: 0px !important;
    }

    .fixed #main {
        padding-top: 0px;
    }

    .fixed .project-context {
        padding: 11px 14px 12px 0px;
    }

    .fixed .header-dropdown-list>li>.dropdown-toggle {
        margin-top: 26px;
    }

    .fixed #logo {
        margin-top: 13px;
    }

    .fixed #logo img {
        width: 165px;
    }

    .fixed .btn-header a {
        margin-top: 16px !important;
    }

    #hide-menu>:first-child>a,
    .btn-header a,
    .fixed .btn-header a,
    .btn-header>:first-child>a {
        margin-top: 14px !important;
        width: 35px !important;
        height: 35px !important;
        line-height: 34px !important;
    }

    #logo-group span#activity {
        height: 28px;
        width: 28px;
        line-height: 32px;
        margin-top: 14px;
    }

    .fixed .project-context:after {
        height: 92%;
    }

    .fixed #header {
        height: 62px;
    }

    .fixed .application-icon a span {
        display: inline-block;
        margin-top: 9px;
    }

    .fixed .application-icon {
        min-width: auto;
        margin: 0;
    }

    .fixed .application-selection {
        margin: 19px 0px 0px 20px;
    }

    .breadcrumb>li {
        max-width: 90px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        margin-bottom: -4px;
    }

    .notification-body>li a,
    .ajax-dropdown>:last-child a {
        margin-top: 0 !important;
        width: auto !important;
        height: auto !important;
        line-height: inherit !important;
    }

    .notification-body>li .btn-action {
        width: 23px !important;
    }

    .cart .ajax-notifications {
        height: 325px;
    }
}

@media (max-width: 767px) {
    .vmidetailview .profile-content p.text-muted {
        height: 60px;
    }

    .smart-style-2 .btn-header>:first-child>a {
        border: none;
    }

    .chat-btn {
        margin-bottom: 15px;
    }

    #header>:first-child {
        width: auto !important;
    }

    .application-selection {
        margin: 22px 0px 0px 14px;
    }

    .btn-header a {
        line-height: 35px !important;
    }

    .header-search>button {
        top: 10px;
    }

    .page-footer .text-left,
    .page-footer .text-right {
        text-align: center !important;
    }

    formly-form.row {
        margin: 0px;
    }

    formly-field {
        margin-bottom: 15px;
    }

    .formly header {
        margin-bottom: 20px;
    }

    jcrop .jcrop-res {
        height: auto !important;
        width: 100% !important;
    }

    .profile-pic>img {
        width: 250px;
    }

    .profile-pic {
        text-align: left;
    }

    .page-title {
        margin: 12px 0 12px;
    }

    .cart-main .countEn,
    .cart-main .countDe,
    .cart-main .countFr {
        margin: 12px 0 12px;
    }

    .advance-btn,
    .advance-btnza,
    .advance-btnpm {
        margin-left: 15px;
        display: none;
    }

    .invoice-right {
        float: none !important;
        margin-top: 10px;
    }

    .searchdetail-content .well.well-sm.bg-color-darken.txt-color-white.no-border {
        margin-top: 10px;
    }

    .fixed-page-footer .page-footer,
    .page-footer {
        position: absolute;
    }

    .login-form formly-field {
        margin-bottom: 0px;
    }

    .smart-form.mobile-margin {
        margin-top: -20px
    }

    .register .smart-form.mobile-margin {
        margin-top: 0px
    }

    .header-credits {
        display: none;
    }

    .editwebedi h3 {
        margin: 10px 0px;
    }

    .btn-res.margin-top-10 {
        margin-top: 0px !important;
    }

    .shopping-basket .invoice-footer .pull-right {
        float: none ! important;
    }

    .companycatalog .product-wrap div[class*=col-md-5] {
        padding-right: 15px;
    }

    .companycatalog .product-wrap div[class*=col-md-7] {
        padding-left: 12px;
    }

    .companycatalog.suppliercatalogs .border-left {
        border: none;
    }

    .catpadd .col-sm-2,
    .catpadd .col-sm-10,
    .shopping-basket.companycatalog .suppliercatalogs .col-sm-4.prodres {
        width: 100%;
        padding-right: 15px;
    }

    .jarviswidget header h2 {
        width: 65%;
    }

    .page-title {
        width: 160px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

    .text-overflow .page-title {
        width: 100%;
    }

    .group-mamber .message {
        width: 100%;
    }

    .editpicture {
        float: left !important;
        text-align: left !important;
        margin-bottom: 15px !important;
    }

    #sparks li {
        margin-bottom: 10px;
    }

    .companyaddress .profile-content p.text-muted,
    .userinformation .profile-content p.text-muted,
    .userinformation .chatinfo::before,
    .userinformation .chatinfo::after {
        width: 100%;
    }

    .createcontract h5 {
        height: auto;
    }

    .swipe-div {
        height: 70px;
        margin-top: 15px;
        width: 100%;
    }

    .bootstrap-duallistbox-container select {
        height: 35px !important;
    }

    .contractsearchdetail .bootstrapWizard li .title {
        display: none
    }

    .project-context .project-selector {
        text-overflow: ellipsis;
        width: 80px;
        overflow: hidden;
        position: relative;
        padding-right: 10px;
    }

    .project-context .project-selector i {
        z-index: 99;
        position: absolute;
        right: 0;
        top: 4px;
    }

    .table-responsive {
        margin-bottom: 0;
        border: none;
    }

    .invoicetable .dataTables_length,
    .invoicetableAccounting .dataTables_length,
    .invoicetablecancel .dataTables_length,
    .invoicetablearchive .dataTables_length {
        display: none;
    }

    .invoicetable .dataTable thead .smart-form .checkbox,
    .invoicetableAccounting .dataTable thead .smart-form .checkbox,
    .invoicetablecancel .dataTable thead .smart-form .checkbox,
    .invoicetablearchive .dataTable thead .smart-form .checkbox {
        position: relative;
        left: 0;
        top: -20px;
    }

    #ribbon {
        border-top: 1px solid #474544;
    }

    .overview-detail .formly.horizontal .totalinvoice .cashdiscount formly-field-input,
    .overview-detail .formly.horizontal.itemform .itembottom formly-field-textarea,
    .overview-detail .formly.horizontal formly-wrapper-addons,
    .overview-detail .formly.horizontal.itemform formly-field-input,
    .overview-detail .formly.horizontal.itemform formly-field-textarea,
    .overview-detail .formly.horizontal .form-control-label,
    .overview-detail .formly.horizontal .customwidth .form-control-label,
    .overview-detail .formly.horizontal.itemform .customwidth formly-field-input,
    .webediorder .overview-detail .formly.horizontal .customwidth .form-control-label,
    .webediorder .overview-detail .formly.horizontal.itemform .customwidth formly-field-input,
    .overview-detail .formly.horizontal .totalinvoice formly-wrapper-addons,
    .overview-detail .formly.horizontal .totalinvoice formly-field-input,
    .overview-detail .formly.horizontal.itemform .itembottom formly-field-input,
    .overview-detail .formly.horizontal.itemform .itembottom formly-wrapper-addons,
    .overview-detail .formly.horizontal .totalinvoice .form-control-label,
    .overview-detail .formly.horizontal .itembottom .form-control-label,
    .overview-detail .formly.horizontal .unitwidth .form-control-label,
    .overview-detail .formly.horizontal.itemform .itembottom .unitwidth formly-wrapper-addons {
      width: 100%; 
    }

    .overview-detail .popup {
        margin-top: 30px !important;
    }

    .overview-detail .workflow {
        float: none !important;
        margin-bottom: 10px;
        display: block;
    }

    .overview-detail .progress .progress-bar span {
        font-size: 12px;
        line-height: 14px;
    }

    .overview-detail .invoicebutton {
        margin-top: 0;
        margin-bottom: 15px;
        float: none !important;
    }

    #search-mobile a {
        line-height: 29px !important;
    }

    .ui-dialog-content .btn-add {
        right: 15px;
    }

    .overview-detail .overview-detail-add {
        width: 100%;
        padding-left: 15px;
    }

    .overview-detail .customtable .btn-add {
        right: 0;
    }

    .overview-detail .progress .progress-bar {
        width: 19%;
    }

    .createanalytics .ca-btn {
        bottom: 105px;
    }

    .smart-style-2 #left-panel,
    #left-panel {
        height: 100%;
        overflow-x: scroll;
    }

    /* .shopping-basket.companycatalog .supplier-search .search-box {
        text-align: center
    } */
    .shopping-basket.companycatalog .supplier-search .search-box.text-right {
        text-align: center ! important;
        margin-top: 10px;
    }

    .shopping-basket.companycatalog .supplier-search .search-div {
        display: inline-block;
    }

    .shopping-basket ul.tabs-left {
        position: static;
        width: 100%;
        height: 325px;
    }

    .shopping-basket div.tabs-left tabset {
        width: 100%;
    }

    .shopping-basket div.tabs-left tabset .table-responsive {
        border: none;
    }

    .document_table_left.pull-right {
        float: none !important;
        margin-top: 10px;
    }

    .classification .table-responsive table tbody td,
    .classification .table-responsive table tbody th,
    .classification .table-responsive table thead td,
    .classification .table-responsive table thead th {
        white-space: nowrap;
    }

    .classification .table-responsive {
        width: 100%;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        overflow-x: auto;
        min-height: .01%;
    }

    .classtreeview {
        padding-right: 15px;
    }

    .select_costcentre {
        width: 161px !important;
        left: 197px;
        top: 40px;
        right: 7px;
    }

    .ui-dialog {
        width: 90% !important;
        left: 0 !important;
        right: 0;
        margin: 0 auto;
    }

    .center-block.label {
        display: inline-block
    }

    .table-responsive>.table {
        margin-bottom: -2px;
    }

    .invoicetable .form-inline .actiontab .btn,
    .invoicetableAccounting .form-inline .actiontab .btn,
    .invoicetablecancel .form-inline .actiontab .btn,
    .invoicetablearchive .form-inline .actiontab .btn {
        margin-bottom: 10px;
    }

    #extr-page .company-login #main #content {
        position: static;
        transform: translate(0, 0);
        padding: 15px;
    }

    #extr-page .company-login #main {
        position: static;
        min-height: auto;
        padding: 30px 0;
    }

    #extr-page .company-login .company-logo {
        position: relative;
        text-align: center;
        bottom: inherit;
        margin-bottom: 20px;
        padding: 0 15px;
    }

    #extr-page .company-login .company-logo img {
        max-width: 100%;
    }

    #extr-page .company-login .company-logo h3 {
        margin-left: 0;
        display: block;
        margin-bottom: 0px;
    }

    #extr-page .company-login #footer {
        position: relative;
    }

    #extr-page .company-login .footer-menu li:after {
        display: none
    }

    notes-container .creator {
        width: 95%;
    }

    #addgroupmember {
        overflow-y: scroll;
    }

    h2.editgroup {
        font-size: 16px;
        display: block;
    }

    h2.editgroup b {
        margin-bottom: 5px;
        display: inline-block;
    }

    .shopping-basket.basket.order header form.formly formly-field formly-field {
        width: 100%;
        margin-top: 5px !important;
        margin-bottom: 5px !important;
    }

    .shopping-basket.basket.order header.header {
        height: 215px;
        padding: 10px;
    }

    .smart-style-3 #logo-group span#activity,
    .smart-style-3 .btn-header>:first-child>a {
        border: 1px solid #f09d61 !important;
    }

    .jarviswidget.jarviswidget-collapsed .btn.btn-primary {
        display: none;
    }

    .smart-style-0 #header {
        background-color: #f3f3f3;
        background-image: -moz-linear-gradient(top, #f3f3f3, #e2e2e2);
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f3f3f3), to(#e2e2e2));
        background-image: -webkit-linear-gradient(top, #f3f3f3, #e2e2e2);
        background-image: -o-linear-gradient(top, #f3f3f3, #e2e2e2);
        background-image: linear-gradient(to bottom, #f3f3f3, #e2e2e2);
        background-repeat: repeat-x;
    }

    .overview-detail.ui-dialog-content .col-sm-3,
    .overview-detail.ui-dialog-content .overview-detail-add {
        width: 100%
    }

    .overview-detail.ui-dialog-content .formly .hidelabel .form-control-label {
        display: block;
    }

    .hidelabel.no-padding {
        padding-left: 13px !important;
        padding-right: 13px !important;
    }

    formly-field formly-field.cashdiscountdays {
        margin-bottom: 15px !important;
    }

    .overview-detail .formly.horizontal .totalinvoice .cashdiscountdays formly-field-input {
        width: calc(100% - 50px);
    }

    .deletebtn-popup .over-btn {
        margin-top: 0px;
        margin-bottom: 0;
    }

    .deletebtn-popup {
        padding-left: 13px !important;
        padding-right: 13px !important;
    }

    .overview-detail .vatrepeat .overview-detail-add {
        width: 100%;
    }

    .overview-detail .vatrepeat .over-btn.chat-btn {
        padding: 3px 10px;
        font-size: 17px;
    }

    .analytics-table .table-responsive>.table-bordered {
        border: 1px solid #ddd;
        margin-bottom: 0;
    }

    .overview-detail formly-repeat-section .vatrepeat .form-control-label {
        visibility: visible;
    }

    .total-order {
        position: static;
    }

    .tabs-height {
        min-height: auto;
    }

    .invoicetable .dataTables_filter .input-group-addon+.form-control,
    .invoicetableAccounting .dataTables_filter .input-group-addon+.form-control,
    .invoicetablearchive .dataTables_filter .input-group-addon+.form-control,
    .invoicetablecancel .dataTables_filter .input-group-addon+.form-control {
        width: 148px;
    }

    .invoicetable .dataTables_filter label,
    .invoicetableAccounting .dataTables_filter label,
    .invoicetablecancel .dataTables_filter label,
    .invoicetablearchive .dataTables_filter label {
        margin-right: 25px;
    }

    .percentage {
        width: 8%;
    }

    .companycatalog.shopping-basket.pull-right {
        float: none !important;
        text-align: right;
    }

    .ws-normal.table-responsive>.table>tbody>tr>td,
    .ws-normal.table-responsive>.table>tbody>tr>th,
    .ws-normal.table-responsive>.table>tfoot>tr>td,
    .ws-normal.table-responsive>.table>tfoot>tr>th,
    .ws-normal.table-responsive>.table>thead>tr>td,
    .ws-normal.table-responsive>.table>thead>tr>th {
        white-space: normal;
    }

    .shopping-basket.companycatalog.orderdetail .suppliercatalogs .col-sm-3.prodres {
        width: 100%;
    }

    .an-left {
        width: 100%;
    }

    .an-right {
        width: 100%;
    }

    .dygraph-legend {
        left: inherit !important;
        right: 0;
        width: 100% !important;
        top: -40px !important;
    }

    .dygraph-legend span {
        font-size: 13px;
    }

    .jarviswidget header .btn .visible-xs {
        display: inline-block !important;
    }

    .analytics.p2p-overview .col-lg-3 {
        width: 100%;
    }

    .ajax-dropdown {
        right: 10px;
    }

    sa-activities .ajax-dropdown {
        right: 19px;
    }

    /* .invoice-dashboard .jarviswidget {
        margin: 0 0 0px 0;
    } */

    .invoice-dashboard .analytics {
        margin: 0;
    }

    .contract-dashboard .contract-container {
        margin-top: 16px !important;
    }
    .contract-dashboard .contract-container .smallbox.card-box:last-child .jarviswidget {
        margin-bottom: 0;
    }
    .contract-dashboard .my-pie-chart article.sortable-grid:last-child .jarviswidget{
        margin: 0 0 0 0;
    }
    .contract-dashboard .contract-container .sum-erinneru article.sortable-grid:last-child .jarviswidget {
        margin-bottom: 0;
    }

    body.smart-style-6 #content {
        margin-left: 13px;
        margin-right: 13px;
    }

    .jarviswidget {
        margin: 0 0 20px;
    }

    .terms-and-conditions-container .agb-cont li:before {
        padding-left: 0;
    }

    .data-tile {
        margin-left: 10px;
    }

    .suppliercatalogs .product-content .description p {
        display: none;
    }

    .col-sm-6.widget-width.doc-graph.dash-dt-toolbar-footer {
        padding-left: 0;
    }

    .overview-detail .invoice-right {
        min-width: auto;
    }

    .companycatalog .supplier-search .supplier-select-box {
        margin-top: 20px;
    }

    .basketcontainer .countEn {
        position: static;
    }
    .devOptions{
        width: 99% !important;
        height: auto !important;
    }
    
    .decodeTextArea {
        width: 97% !important;  
    }
    .devOptions {
        bottom: 137px !important;
        right: 15px !important;
    }
    .downloadCenter.mainWindow.container {
        bottom: 137px !important;
        right: 5px !important;
    }
    .downloadCenter.mainWindow.container.minWindow {
        width: 95% !important;
    }
    .downloadCenter.mainWindow.container.maxWindow {
        width: 95% !important;
    }
}

@media (max-width: 705px) {
    .table_center_lasttd tbody tr td:last-child {
        text-align: left;
    }
}

@media only screen and (max-width: 679px) and (min-width: 0px) {
    .jarviswidget header h2 {
        width: 56%;
    }

    #ribbon {
        border-bottom: 1px solid #474544;
    }
}

@media (max-width: 660px) {
    .application-col {
        float: right;
    }

    #header {
        height: 130px;
    }

    .smart-style-2 .login-info {
        min-height: 40px;
    }

    #header>div {
        width: 100%;
        height: auto;
    }

    .project-context {
        padding: 11px 0px 12px 0px;
        margin: 2px 0px 0px 12px;
    }

    .project-context:after {
        border-right: none;
    }

    .companycatalog.shopping-basket select.form-control.Belegsart {
        width: 160px;
    }

    .smart-style-2 #left-panel,
    #left-panel {
        padding-top: 121px;
    }

    .menu-on-top.smart-style-2 #left-panel {
        padding-top: 121px !important;
    }

    .smart-style-1 .project-context span.label {
        color: #555;
        text-shadow: none;
    }

    /* .smart-style-6 #hide-menu>:first-child>a, .smart-style-6 #setting-menu a, body.smart-style-6 #hide-menu i, body.smart-style-6 #logout a, body.smart-style-6 #search-mobile a {
    color: #1570B8 !important;
} */
    /* .smart-style-6 .project-context span.label {
    color: #1570B8 !important;
} */
    /* .smart-style-6 .project-context .project-selector, body.smart-style-6 .header-dropdown-list>li>.dropdown-toggle {
    color: #5AB6FF !important;
} */
    .smart-style-1 .header-dropdown-list a.dropdown-toggle {
        color: #B9B9B9;
    }

    .ajax-dropdown {
        top: 122px;
    }

    /* .sticky-notes {
        top: 130px;
    } */
}

@media (max-width: 530px) {
    .footer-menu li:last-child {
        margin-top: 5px;
    }
    .width-100{
        width: 100% !important;
    }
}
@media (max-width: 497px) {
    table.dataTable>tbody>tr.child span.dtr-title {
        width: 125px;
    }
}
@media (max-width: 480px) {

    .btn-header a,
    #hide-menu>:first-child>a {
        margin-top: 9px !important;
    }

    .page-footer {
        height: auto;
        padding-bottom: 10px;
    }

    .footer-menu li {
        margin: 0px 10px;
    }

    .footer-menu {
        text-align: center;
    }

    .fixed #header {
        position: relative;
    }

    #header>div {
        height: 62px;
    }

    .btn-header a,
    #hide-menu>*:first-child>a {
        margin-top: 15px !important;
    }

    .smart-style-2 #left-panel,
    #left-panel {
        padding-top: 124px;
    }

    .menu-on-top.smart-style-2 #left-panel {
        padding-top: 124px !important;
    }

    .companycatalog.shopping-basket select.form-control.Belegsart {
        width: 210px;
        margin-bottom: 10px;
    }

    .forecasts table.dataTable {
        padding-bottom: 80px;
    }

    .forecasts table.dataTable .smart-form {
        text-align: center
    }

    .forecasts .btndiv {
        margin-top: 10px;
        display: block
    }

    .companydirectory div {
        width: 100%;
    }

    .createinvoice {
        margin-top: 10px;
    }

    .shopping-basket.basket.order header.header {
        height: 255px;
    }
}

@media only screen and (max-width: 479px) and (min-width: 320px) {
    #sparks li {
        padding: 0px 5px;
    }

    #sparks {
        background: transparent !important;
        padding: 0px 0 5px !important;
        margin-bottom: 0px !important;
    }

    .jarviswidget header h2 {
        width: 40%;
    }

    #ribbon {
        border-bottom: 1px solid #474544;
    }

    .cart .ajax-notifications {
        height: 210px;
    }

    #logo-group {
        width: auto !important;
    }

    .cart-main .page-title {
        display: block;
    }
}

@media (max-width: 430px) {
    .packages_content .col-xs-6 {
        width: 100%;
    }

    #main {
        padding-bottom: 105px;
    }
}
@media (max-width: 400px) {
    table.dataTable>tbody>tr.child span.dtr-title {
        width: 100px;
    }
}
@media (max-width: 380px) {
    .profile-pic>img {
        width: 200px;
    }
}

@media (max-width: 360px) {
    .footer-menu li {
        margin: 0px 14px;
    }

    #ribbon .breadcrumb {
        padding: 11px 0px 11px 15px !important;
    }

    #ribbon .header-dropdown-list {
        margin-left: 10px;
    }

    .demo>span {
        display: none;
    }

    #header>:first-child {
        width: 172px;
    }

    .jarviswidget header h2 {
        width: 105px;
    }

    .select_costcentre {
        width: 106px !important;
    }

    #logo img {
        height: 38px;
    }

    #hide-menu>:first-child>a,
    .btn-header a,
    .fixed .btn-header a,
    .btn-header>:first-child>a {
        margin-top: 14px !important;
        width: 30px !important;
        height: 30px !important;
        line-height: 30px !important;
    }

    body.smart-style-6 #hide-menu>:first-child>a {
        width: 30px !important;
    }

    .ajax-dropdown {
        width: 240px;
    }
/* 
    .profile-content .btn:first-child {
        margin-bottom: 15px;
    } */

    .emptyCartButton {
        width: auto;
    }

    .advanced-checkout-and-create-article {
        width: auto;
        text-align: left !important;
    }

    .emptyCartButton .margin-bottom-10 {
        margin-bottom: 0 !important;
    }
}

@media (max-width: 330px) {
    .application-selection {
        margin: 19px 0px 0px 6px;
    }

    /* .application-icon a {
    padding: 16px 4px;
} */
    .jarviswidget header .btn-xs {
        font-size: 11px;
    }
}


/* Style only for Google Chrome/Opera */

@media screen and (-webkit-min-device-pixel-ratio:0) {

    formly-field,
    formly-repeat-section formly-form {
        margin: 0px !important;
    }

    .carousel-inner>.item>a>img,
    .carousel-inner>.item>img,
    .img-responsive,
    .thumbnail a>img,
    .thumbnail>img {
        width: 100%;
    }
}


/* Style only for Mozilla Firefox */

@-moz-document url-prefix() {

    formly-field,
    formly-repeat-section formly-form {
        margin: 0px !important;
    }

    .carousel-inner>.item>a>img,
    .carousel-inner>.item>img,
    .img-responsive,
    .thumbnail a>img,
    .thumbnail>img {
        width: 100%;
    }
}


/* Style only for Internet Explorer */

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    .popup-open .iframe>iframe {
        display: none !important;
    }

    small.text-muted.text-danger {
        position: absolute;
        left: 12px;
        bottom: -18px;
    }

    formly-field formly-field {
        margin-bottom: 25px !important;
    }

    .select select::-ms-expand {
        display: none;
    }
}

.langMsg {
    padding-left: 14px;
    font-size: inherit;
    color: #f82424;
    font-family: "Open Sans", Arial, Helvetica, Sans-Serif;
}

.terms-and-conditions-container h1.service-heading,
.privacy-policy-container h1.service-heading,
.legal-notice-container h1.service-heading {
    padding: 20px 0 0 0;
    margin-bottom: 20px;
    color: #000;
    /* font: 700 36px/47px "Raleway",sans-serif; */
    position: relative;
}

.terms-and-conditions-container .agb-cont ol {
    list-style-type: none;
    counter-reset: item;
    margin: 0;
    padding: 0;
}

.terms-and-conditions-container .agb-cont ol {
    list-style-type: none;
    counter-reset: item;
    margin: 0;
    padding: 0;
}

.terms-and-conditions-container .agb-cont ol li {
    display: table;
    counter-increment: item;
    margin-bottom: 0.75em;
    font-size: 17px;
    line-height: 47px;
    color: #474544;
    /* font-family: "Ubuntu"; */
    font-weight: 700;
    position: relative;
}

.darktheme.smart-style-5 .terms-and-conditions-container .agb-cont ol li {
    color: #fff;
}

.terms-and-conditions-container .agb-cont ol li ol {
    margin-top: 1rem;
}

.terms-and-conditions-container .agb-cont li li {
    margin: 10px 0;
    color: #717171;
    /* font-family: "Raleway",sans-serif; */
    font-size: 1.5rem;
    line-height: 24px;
    font-weight: 400;
}

.terms-and-conditions-container .agb-cont li li:before {
    content: counters(item, ".") " ";
    padding-left: 0;
}

.terms-and-conditions-container .agb-cont li:before {
    content: counters(item, ".") ". ";
    display: table-cell;
    padding-right: .6em;
    font-weight: 600;
    padding-left: 15px;
}

.terms-and-conditions-container .agb-cont ol li:after {
    content: "";
    width: 100%;
    height: 48px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.terms-and-conditions-container .agb-cont ol li li:after {
    display: none;
}

.terms-and-conditions-container .service-info-text a {
    color: #1570b8;
    font-weight: 700;
    -webkit-transition: all .4s;
    transition: all .4s;
}

.terms-and-conditions-container .service-info-text a:hover {
    color: #000;
}

.terms-and-conditions-container,
.legal-notice-container {
    padding-right: 15px;
    padding-left: 18px;
    font-size: 1.5rem;
}

.privacy-policy-container {
    /* font-family: "Raleway",sans-serif; */
    font-size: 1.5rem;
    line-height: 1.75rem;
    font-weight: 400;
    color: #343e47;
    display: block;
    padding: 0px 15px 0px;
}

.privacy-policy-container li {
    display: list-item;
    text-align: -webkit-match-parent;
}

.privacy-policy-container h4 {
    font-size: 17px;
    line-height: 32px;
    font-weight: 700;
    color: #474544;
    padding-left: 15px;
    padding-right: 15px;
    min-height: 48px;
    display: flex;
    align-items: center;
}

.darktheme.smart-style-5 .privacy-policy-container h4 {
    color: #fff;
}

.privacy-policy-container .our-solution-services.comm-space .services-info-main .service-info-text p {
    color: #717171;
    margin-top: 10px;
    padding-left: 15px;
    padding-right: 15px;
    line-height: 24px;
}

.privacy-policy-container .our-solution-services.comm-space .services-info-main .service-info-text p span,
.privacy-policy-container .our-solution-services.comm-space .services-info-main .service-info-text ul li span {
    line-height: 24px;
}

.privacy-policy-container .our-solution-services.comm-space .services-info-main .service-info-text .well {
    padding: 15px;
}

.privacy-policy-container .our-solution-services.comm-space .services-info-main .service-info-text .well p {
    margin: 5px 0;
    padding-left: 0;
    padding-right: 0;
}

.privacy-policy-container .our-solution-services.comm-space .services-info-main .service-info-text a {
    color: #1570b8;
    font-weight: 700;
    -webkit-transition: all .4s;
    transition: all .4s;
}

.privacy-policy-container .our-solution-services.comm-space .services-info-main .service-info-text a:hover {
    color: #000;
}

.privacy-policy-container .our-solution-services.comm-space .services-info-main .service-info-text ul {
    margin-left: 15px;
    margin-right: 15px;
}

.privacy-policy-container .our-solution-services.comm-space .services-info-main .service-info-text ul li {
    position: relative;
    padding-left: 1.3rem;
    margin-top: 5px;
    color: #717171;
    line-height: 24px;
}

.legal-notice-container .service-info-text h4 {
    font-size: 17px;
    line-height: 32px;
    color: #474544;
    font-weight: 700;
    min-height: 48px;
    display: flex;
    align-items: center;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 10px;
}

.darktheme.smart-style-5 .legal-notice-container .service-info-text h4 {
    color: #fff;
}

.legal-notice-container .service-info-text p {
    padding-left: 15px;
    padding-right: 15px;
    margin: 0 0 15px;
}

.legal-notice-container .service-info-text address {
    margin-bottom: 0;
}

.legal-notice-container .service-info-text .well.auth-rep p {
    margin-bottom: 0;
    font-weight: 700;
}

.legal-notice-container .service-info-text .well p {
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 0;
}

.breadcrumpfile .page-title {
    margin: 10px 0 !important;
}

.form-control[readonly] {
    background-color: #fff;
}

.qtyBorder {
    border: 1px solid red !important;
}

.smart-style-5 .terms-and-conditions-container .agb-cont li li,
.smart-style-5 .privacy-policy-container .our-solution-services.comm-space .services-info-main .service-info-text p>span,
.smart-style-5 .privacy-policy-container .our-solution-services.comm-space .services-info-main .service-info-text ul li,
.smart-style-5 .privacy-policy-container .our-solution-services.comm-space .services-info-main .service-info-text p {
    color: #fff;
}

.smart-style-5 .terms-and-conditions-container .agb-cont ol li:after,
.smart-style-5 .legal-notice-container .service-info-text h4,
.smart-style-5 .privacy-policy-container h4 {
    border: 1px solid #616161;
    box-shadow: none !important;
}

.smart-style-5 .privacy-policy-container .our-solution-services.comm-space .services-info-main .service-info-text a:hover {
    color: #000;
}

.calculateVat div {
    display: inline-block;
    margin-left: 4px;
}
.fileupload div {
    display: inline-block;
    margin-left: 15px;
    margin-top: 14px;
}
.totalinvoice.vatrepeat.headerVat div.overview-detail-add {
    width: auto !important;
}

.taxbaselabel {
    padding-left: 190px !important;
}

.popover {
    background: rgb(116, 116, 116);
    color: #fff;
    z-index: 2000;
    /* text-align: center; */
}

.popover .arrow {
    display: none;
}

.text-danger {
    color: red;
}

.rowPadding {
    padding: 10px 0px 10px 0;
}


/* .ui-dialog {
position: fixed;
top: 25%!important;
left:45%!important;
} */

/*.ui-draggable .ui-dialog-titlebar {
    cursor: default !important;
}*/

.scrollableViewDetail {
    height: 100px;
    display: -webkit-box;
    overflow: overlay;
}

.scrollableViewDetail::-webkit-scrollbar {
    width: 10px;
    background: rgb(249, 249, 249);
}

.scrollableViewDetail::-webkit-scrollbar-thumb {
    background: rgb(230, 230, 230);
}

.formly.horizontal .default-dropdown formly-field-select select,
.default-dropdown .input-group .form-control {
    padding-right: 5px !important;
}

.notification-image {
    margin-bottom: 15px;
}

.invoice-list-widget {
    border: 0px;
}

.invoice-list-widget .invoicetable,
.invoice-list-widget .invoicetableAccounting,
.invoice-list-widget .invoicetablecancel ,
.invoice-list-widget .invoicetablearchive  {
    position: absolute;
    border-width: 1px 1px 1px;
    border-style: solid;
    border-color: #ccc !important;
}
.darktheme.smart-style-5 .invoice-list-widget .invoicetable,
.darktheme.smart-style-5 .invoice-list-widget .invoicetableAccounting,
.darktheme.smart-style-5 .invoice-list-widget .invoicetablecancel ,
.darktheme.smart-style-5 .invoice-list-widget .invoicetablearchive  {
    border-color: #616161 !important;
}

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

.addressPophover .popover__content {
    right: -150px;
    top: -90px;
}

.assignmentPopover .popover__content {
    right: -184px;
    top: -108px;
}

.popover__content {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    background-color: #fff;
    color: #333;
    padding: 9px 14px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    width: auto;
    font-weight: 400;
    letter-spacing: normal;
    line-break: auto;
    line-height: 1.43;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    font-size: 13px;
}

.popover__content:before {
    position: absolute;
    z-index: -1;
    content: "";
    top: 45%;
    left: -11px;
    border-style: solid;
    border-width: 11px 11px 11px 0;
    border-color: transparent #fff transparent transparent;
    /* box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); */
}

.popover__wrapper:hover .popover__content {
    z-index: 10;
    opacity: 1;
    visibility: visible;
}

.cuppa-dropdown .c-btn.form-control {
    height: auto;
}

#addarticletoclasses hr {
    margin-top: 8px;
    margin-bottom: 18px;
    margin-left: -13px;
    margin-right: -13px;
}

.classtreeview {
    margin-bottom: 10px !important;
}


/* #multiselectAddclassanother {
overflow: hidden;
} */


/* .addmember .pure-checkbox input[type="checkbox"]+label:before 
{
color: #3b9ff3 !important;
border: 2px;
border-style: solid !important;
margin-top: -9px;
margin-left: 1px;
} */

.nestableList {
    margin: 30px 0px 30px 0px;
    padding: 0px 50px 0px 50px;
}

.todo li p span.todoName {
    font-size: 13px;
    color: #bfbfbf;
    line-height: 18px;
}

.widget-body.invoicetable,
.widget-body.invoicetableAccounting,
.widget-body.invoicetablecancel ,
.widget-body.invoicetablearchive  {
    position: relative;
    width: auto;
}

select#sender,
select#receiver,
select#status,
select#process,
select#userList,
select#invType,
select#docType,
select#tags {
    background-image: linear-gradient(45deg, transparent 50%, #999 50%), linear-gradient(135deg, #999 50%, transparent 50%), linear-gradient(to right, #fff, #fff);
    background-position: calc(100% - 18px) calc(1em + 0px), calc(100% - 14px) calc(1em + 0px), calc(100% - -9.5em) -16.5em;
    background-size: 4px 4px, 4px 4px, 0px 0.5em;
    background-repeat: no-repeat;
}

.margin-top-24 {
    margin-top: 24px !important;
}

.padTop {
    padding-top: 15px;
}

.addmember .list-message {
    position: relative;
    top: -150px;
    text-align: center;
    /* margin: 0px; */
    padding: 10px 0px;
    font-size: initial;
    /* z-index: 9999; */
}

.addmember ul li label {
    display: unset;
}

.addmember .list-message {
    display: none;
}

.avoid-clicks {
    pointer-events: none;
}

.dropdown-appearance {
    -webkit-appearance: menulist !important;
    -moz-appearance: menulist !important;
    -ms-appearance: menulist !important;
    -o-appearance: menulist !important;
    appearance: menulist !important;
}

#searchClear {
    padding: 10px;
    position: absolute;
    right: 5px;
    top: 0;
    bottom: 0;
    height: 14px;
    font-size: 12px;
    cursor: pointer;
    color: black;
    z-index: 999;
}

.searchClear {
    position: relative;
}

.catalogArticleButton {
    padding: 6px 5px 5px 5px;
    width: auto;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
}

.insteadBrAssignmentPophover {
    margin-bottom: 1px;
    padding-bottom: 1px;
}

#accountAssignment .createaddress-popup {
    margin-top: 23px;
}

.pieDashDashboard {
    display: inline-block !important;
    line-height: 85px !important;
    margin-left: -3px !important;
    margin-top: -3px !important;
    margin-bottom: 0px !important;
    height: 70px !important;
    width: 70px !important;
    text-align: center !important;
}

.dashDashboard .analytics .card-box.large-box .head .jarviswidget-ctrls {
    margin-top: 15px;
}


/* style for express checkout */

.margin-0 {
    margin: 0px;
}

.outer-container {
    padding: 0px;
    border: 1px solid #c2c2c2;
}

.inner-container {
    border: 1px solid #c2c2c2;
    background: #fafafa;
    box-shadow: 0 0 15px #ececec;
    padding: 6px;
}

.expressCheckout select {
    width: 160px !important;
}

.data-tile {
    border: 1px solid #ececec;
    box-shadow: 0 0 15px #ececec;
    padding: 9px 15px;
    background: #fff
}

.data-tile .head {
    border: none;
    height: auto;
    line-height: 25px;
}

.assignment-data {
    background: #fafafa;
    margin: 0px -16px;
    border: 1px solid #ececec;
}

.remove-btn {
    margin-left: 3px;
    margin-top: 2px;
    padding: 2px;
    font-size: 11px;
}

.qty-btn {
    margin-top: -3px;
}

.expressCheckout .qty {
    width: 50px;
    height: 24px;
}

.padding-left-15 {
    padding-left: 15px !important;
}
.padding-right-15 {
    padding-right: 15px !important;
}
.darktheme.smart-style-5 .data-tile {
    background-color: rgb(66, 66, 66) !important;
    border: 1px solid #616161;
    box-shadow: 0 0 15px #424242;
}

.myorder-form .formly.horizontal .form-control-label {
    width: auto;
    float: left;
    padding-right: 1px;
    margin-top: -4px;
    margin-right: 7px;
}

.darktheme.smart-style-5 .inner-container {
    border: 1px solid #616161;
    box-shadow: 0 0 15px #424242;
    background: #303030;
}

.myorder-form .formly.horizontal formly-wrapper-addons {
    width: calc(100% - 35px);
    float: left;
    padding-right: 13px;
}

.darktheme.smart-style-5 .assignment-data {
    border: 1px solid #616161;
    background: #303030;
}

.supplierHidden label {
    display: none
}

.shopping-basket.basket.order header .myorder-form.formly formly-field formly-field {
    padding: 0px 0px 0px 0px;
}

.shopping-basket.basket.order header .myorder-form .supplierHidden .formly formly-field formly-field {
    padding-left: 22px !important;
    width: 220px !important;
}

.shopping-basket.basket.order header .formly .supplierHidden .input-group .form-control {
    height: 31px;
    width: 190px;
}

.shopping-basket.basket.order header .myorder-form form.formly formly-field formly-field {
    margin-bottom: 0 !important;
    width: 200px !important;
    padding: 0px;
}

.shopping-basket.basket.order header .myorder-form form .supplierHidden.formly formly-field formly-field {
    margin-bottom: 0 !important;
    width: 194px;
    padding-left: 6px;
}

.treeNodes {
    width: 200px;
}

.darktheme.smart-style-5 .addmember .list-area .selected-item {
    color: #404040;
}

.tree-title {
    text-align: center;
    border: 1px solid #ddd;
    border-bottom: 0;
    margin: 0px 0px -1px 0px;
    padding: 2px;
    background: #eee;
    color: #666;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#fafafa));
    background-image: -webkit-linear-gradient(top, #f2f2f2 0, #fafafa 100%);
    background-image: -moz-linear-gradient(top, #f2f2f2 0, #fafafa 100%);
    background-image: -ms-linear-gradient(top, #f2f2f2 0, #fafafa 100%);
    background-image: -o-linear-gradient(top, #f2f2f2 0, #fafafa 100%);
    background-image: -linear-gradient(top, #f2f2f2 0, #fafafa 100%);
}

.darktheme.smart-style-5 .shopping-basket div.tabs-left {
    background-color: rgb(66, 66, 66) !important;
}

.darktheme.smart-style-5 .tree-title {
    background: #303030;
    border: 1px solid #616161;
    color: #fff;
}

.darktheme.smart-style-5 .scrollableViewDetail::-webkit-scrollbar {
    width: 10px;
    background: rgb(56, 54, 54);
}

.darktheme.smart-style-5 .addmember .selected-item:hover {
    color: #fff;
}

.asidePanel {
    z-index: 999 !important;
}


/* .clearCacheButton{
color: #666;
} */

.orderTextArea {
    font-size: 13px !important;
}

.clearcachelink {
    padding-left: 0px;
}

.articleSearch {
    width: 162px !important;
    height: 32px !important;
    text-align: left !important;
    background: #fff !important;
}

.orderlistSearch {
    width: 100% !important;
    height: 32px !important;
    text-align: left !important;
    background: #fff !important;
}

.darktheme.smart-style-5 .articleSearch {
    background: #616161 !important;
}

.darktheme.smart-style-5 .orderlistSearch {
    background: #616161 !important;
}

.lookandfeel-submit {
    margin-bottom: 70px !important;
}

.lookandfeel-layout .jarviswidget .widget-body {
    min-height: 57px;
    padding-top: 10px;
}

sa-big-breadcrumbs .page-title {
    width: 460px !important;
}

.legal-notice-container .service-info-text address {
    padding-left: 15px;
}

.add-address-btn {
    margin-top: 23px;
}

@media only screen and (min-width: 1497px) {
    .emptyCartButton {
        margin-left: -5%;
        margin-right: 5%;
    }
}

.paddingRight-18 table.dataTable thead>tr>th {
    padding-right: 18px !important;
}

tr.tableHeadPadding th {
    padding: 12px 0px 10px !important;
}

.dashtable table.dataTable thead>tr>th {
    padding-right: 18px !important;
    vertical-align: middle;
}

.nodeColor {
    color: #666;
}

.nodeselectcolor,
.smart-style-6 .catalog-tree .tree .nodeselectcolor li.parent_li:nth-child(1n),
.smart-style-0 .catalog-tree .tree .nodeselectcolor li.parent_li:nth-child(1n),
.smart-style-2 .catalog-tree .tree .nodeselectcolor li.parent_li:nth-child(1n),
.smart-style-6 .catalog-tree .tree .nodeselectcolor li.parent_li:nth-child(2n),
.smart-style-0 .catalog-tree .tree .nodeselectcolor li.parent_li:nth-child(2n),
.catalog-tree .tree .nodeselectcolor li.parent_li:nth-child(2n),
.catalog-tree .tree .nodeselectcolor li.parent_li a,
.catalog-tree .tree li.parent_li.nodeselectcolor a {
    background: #3276b1 !important;
    color: #fff !important;
}

.darktheme.smart-style-5 .nodeColor {
    color: #fff !important;
}

.darktheme.smart-style-5 .nodeselectcolor,
.darktheme.smart-style-5 .catalog-tree .tree .nodeselectcolor li.parent_li:nth-child(1n),
.darktheme.smart-style-5 .catalog-tree .tree .nodeselectcolor li.parent_li:nth-child(2n),
.darktheme.smart-style-5 .catalog-tree .tree li.parent_li.nodeselectcolor a {
    background: #3276b1 !important;
    color: #fff !important;
}

.columsNotUsed {
    display: none;
}

.emptyCartButton {
    font-size: 15px;
    margin-top: 16px;
}

.clear-filter {
    background: #fff;
}

.darktheme.smart-style-5 .clear-filter {
    background: #616161;
}

.errorMsg {
    color: #b94a48;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .scrollable-table {
        overflow-y: auto;
        height: 100px;
    }

    .scrollable-table > thead th {
        position: sticky !important;
        top: 50px;
    }

    /* .ui-dialog-content .dataTable thead th{
    top: 50px !important;
 } */
 

    .fixed-ribbon .scrollable-table thead th,
    .fixed-ribbon .custom-pagination thead th {
        top: 90px;
    }

    body.menu-on-top.fixed-header.fixed-navigation.fixed-ribbon .scrollable-table thead th,
    body.menu-on-top.fixed-header.fixed-navigation.fixed-ribbon .custom-pagination thead th {
        top: 171px;
    }

    body.menu-on-top.fixed-header.fixed-navigation.fixed.fixed-ribbon .scrollable-table thead th,
    body.menu-on-top.fixed-header.fixed-navigation.fixed.fixed-ribbon .custom-pagination thead th {
        top: 158px !important;
    }

    table.scrollable-table thead .sorting,
    table.scrollable-table thead .sorting_disabled {
        background-color: #eee;
    }

    .darktheme.smart-style-5 table.scrollable-table thead .sorting,
    .darktheme.smart-style-5 table.scrollable-table thead .sorting_disabled {
        background-color: #424242;
    }

    /* .custom-pagination .table-responsive {
        overflow: unset;
    } */
    .custom-pagination thead th {
        /* position: sticky !important; */
        top: 50px;
        background-color: #eee;
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#fafafa));
        background-image: -webkit-linear-gradient(top, #f2f2f2 0, #fafafa 100%);
        background-image: -moz-linear-gradient(top, #f2f2f2 0, #fafafa 100%);
        background-image: -ms-linear-gradient(top, #f2f2f2 0, #fafafa 100%);
        background-image: -o-linear-gradient(top, #f2f2f2 0, #fafafa 100%);
        background-image: -linear-gradient(top, #f2f2f2 0, #fafafa 100%);
    }

    .darktheme.smart-style-5 .custom-pagination thead th {
        background: #303030;
    }
}

.termsOfPaymentTop-70 {
    top: 70px !important;
}

nav ul ul {
    padding: 7px 0 0 0;
}

.darktheme.smart-style-5 .purchaserTable .dataTables_scroll .dataTables_scrollHead {
    background: none !important;
}

/* .darktheme.smart-style-5 input:-webkit-autofill {
    -webkit-text-fill-color: #FFF !important;
} */

#articleProductPriceDetails .col-sm-2.overview-detail-add {
    margin-top: 0px !important;
    margin-bottom: 28px !important;
}

.available-items {
    height: 120px;
}

.darktheme.smart-style-5 .ngx-dropdown-container button,
.darktheme.smart-style-5 .ngx-dropdown-container .ngx-dropdown-list-container {
    background-color: #616161 !important;
    border: 1px solid #616161 !important;
    color: #fff !important;
    overflow-x: hidden !important;
}

.ngx-dropdown-list-container {
    overflow-x: hidden !important;
}

.darktheme.smart-style-5 .ngx-dropdown-container .ngx-dropdown-list-container ul li {
    color: #fff !important;
}

.ngx-dropdown-container button {
    border-radius: 0px !important;
}

/* .darktheme.smart-style-5 input:-webkit-autofill {
    -webkit-text-fill-color: #fff !important;
} */

#assignmentledgerpopup {
    overflow-y: hidden;
}

#assignmentledgerpopup .ngx-dropdown-list-container {
    position: fixed !important;
    width: 29.8% !important;
}

/* .nsdicon-close {
    display: none;
} */

@media (max-width:1281px) {

    /* .countEn {
        right: 90px;
        position: relative;
        top: 3px;
        font-size: 21px;
    }
    .countDe {
        right: 23px;
        position: relative;
        top: 3px;
        font-size: 21px;
    } */
    .smart-style-6 .countEn {
        right: 122px;
        position: relative;
        top: 0px;
        font-size: 21px;
    }

    .smart-style-6 .countDe {
        right: 55px;
        position: relative;
        top: 0px;
        font-size: 21px;
    }
}

@media (max-width:1281px) and (min-width:880px) {
    .centerLabel {
        position: absolute;
        left: 170px;
        top: 100px;
        text-align: center;
        color: grey;
    }
}

@media (max-width:568px) {
    /* .contract-dropdown-menu {
        display: none;
    } */

    .centerLabel {
        position: absolute;
        left: 70px;
        top: 80px;
        text-align: center;
        color: grey;
    }

    #columnChart1,
    #columnChart2,
    #barChart {
        width: 280px !important;
        height: 380px !important;
    }
}
@media (max-width:359px) {   
    #columnChart,
    #columnChart1,
    #columnChart2,
    #barChart {
        width: 280px !important;
        height: 380px !important;
    }
    .col-xs-12.col-sm-12.margin-top-20 {
        padding: 0;
    }
}

@media (min-width: 1600px) {

    /* .countEn {
        right: 195px;
        position: relative;
        top: 3px;
        font-size: 21px;
    }
    .countDe {
        right: 120px;
        position: relative;
        top: 3px;
        font-size: 21px;
    } */
    .smart-style-6 .countEn {
        right: 225px;
        position: relative;
        top: 0px;
        font-size: 21px;
    }

    .smart-style-6 .countDe {
        right: 155px;
        position: relative;
        top: 0px;
        font-size: 21px;
    }
}


/* Style only for Internet Explorer */

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    #searchClear {
        visibility: hidden;
    }

    .qty {
        padding: 2px !important;
    }

    #content {
        margin-right: 10px;
    }

    .fadeInDown #content {
        margin-right: auto !important;
    }

    .orderOverviewArticleDetails table {
        width: 99%;
    }
}

.toSelect {
    border: 1px solid #ccc !important;
    margin: 20px 11px 10px 11px !important;
}

.ccSelect {
    border: 1px solid #ccc !important;
    margin: 20px 11px 10px 11px !important;
}

.toSelect,
.ccLabel {
    bottom: 10px !important;
}

.btnClear {
    margin-right: .5% !important;
}

.row .col-sm-2.overview-detail-add {
    width: auto;
}

.selectFiletype {
    position: relative;
    top: 43px;
}

.filesFileClass {
    margin-top: -1px;
    margin-bottom: 0px;
    font-size: 25px;
    font-weight: bold;
}

.fileHr {
    margin-top: 18px;
    border: 0;
    border-top: 1px dashed black !important;
}

.uploadButton {
    margin-top: 23px !important;
}

.fileSpinloader{
    margin-top: 32px !important;
}
.fileLoader {
    padding-left: 0px !important;
    padding-right: 0px !important;
    width: 3%;
}

.formmetadata  ng-select .ng-control,
.othermetadata  ng-select .ng-control,
.searchcontract ng-select .ng-control,
.selectedUser ng-select .ng-control {
    margin-top: 0px !important;
}

/* .selectedUser formly-field-multi-select label{
    margin-top: 10px;
} */
.calculateVat .uploadButton {
    margin-left: 87%;
}

@media only screen and (max-width: 1860px) {
    .calculateVat .uploadButton {
        margin-left: 16% !important;
    }
}

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

#invoice-dashboard .contract-canvas canvas {
    height: 380px !important;
    width: 380px !important;
    margin: auto;
}

#chartdiv {
    width: 100%;
    height: 400px;
}

.contract-dash-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    text-align: center;
    line-height: 2.5;
    color: #fff;
    font-size: 17px;
    background-color: #16BF8D;
}

.amcharts-chart-div a {
    display: none !important;
}

.horizontal-bar-heading {
    margin-top: 10px;
    height: 55px;
    width: 105%;
    border-bottom: 1px solid lightgrey;
    background-color: white;
    margin-left: -19px;
}

/* .contract-graph-heading {
    font-size: 18px;
    color: grey;
    margin-left: 10px;
    padding-top: 10px;
} */

.editintervaldet {
    margin-top: 5px !important;
}

.fileLable {
    width: 340px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: justify;
}

.createFileLable {
    width: 380px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: justify;
}

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

#invoice-dashboard .contract-canvas canvas {
    height: 380px !important;
    width: 380px !important;
    margin: auto;
}

#chartdiv {
    width: 100%;
    height: 400px;
}

.contract-dash-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    text-align: center;
    line-height: 2.5;
    color: #fff;
    font-size: 17px;
    background-color: #16BF8D;
}

.amcharts-chart-div a {
    display: none !important;
}

.horizontal-bar-heading {
    margin-top: 10px;
    height: 55px;
    width: 105%;
    border-bottom: 1px solid lightgrey;
    background-color: white;
    margin-left: -19px;
}

.contract-graph-heading {
    font-size: 18px;
    color: grey;
    margin-left: 10px;
    margin-top:8px;
    line-height: normal !important;
}

.highcharts-data-label span {
    width: 85px;
    word-break: break-word !important;
    white-space: normal !important;
}

.highcharts-contextbutton,
.highcharts-credits {
    display: none;
}

#contracts-per-orgunits-chart-container svg,
#contracts-per-category-chart-container svg,
#contracts-per-status-chart-container svg {
    height: 370px;
}


/* #myPieChart1,#myPieChart2,#myPieChart3{
    width: 400px !important;
    height: 350px !important;
} */

#columnChart,
#columnChart1,
#columnChart2,
#barChart {
    width: 900px;
    height: 275px;
}

.donutCell {
    position: relative;
    top: 5px;
}


/* .donutDiv {
    width: 256px;
    height: 256px;
} */

.donutDiv>div>div>div {
    margin: auto;
}

.donutCell .centerLabel {
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

#donut .jarviswidget {
    /* width: 50%; */
    overflow-x: hidden;
}

#myPieChart1,
#myPieChart2,
#myPieChart3,
#columnChart,
#columnChart1,
#columnChart2,
#barChart {
    margin: 0 auto;
}

@media (min-width: 768px) and (max-width: 1024px){
    #left-panel {
        left: -200px;
    }
    #main {
        margin-left: 10px;
    }
    .hidden-menu #left-panel {
        left: 0;
    }
    .invoicetable .dataTables_length,
    .invoicetableAccounting .dataTables_length,
    .invoicetablecancel .dataTables_length,
    .invoicetablearchive .dataTables_length {
        margin-top: 0px;
        float: right;
    }
    .invoicetable div.dataTables_wrapper div.dataTables_filter,
    .invoicetableAccounting div.dataTables_wrapper div.dataTables_filter,
    .invoicetablecancel div.dataTables_wrapper div.dataTables_filter ,
    .invoicetablearchive div.dataTables_wrapper div.dataTables_filter  {
        text-align: right !important;
    }
    .invoicetable .dt-toolbar,  
    .invoicetableAccounting .dt-toolbar, 
    .invoicetablecancel .dt-toolbar, 
    .invoicetablearchive .dt-toolbar {
        text-align: left !important;
    }
    #columnChart,
    #columnChart1,
    #columnChart2,
    #barChart{
        width: 650px !important;
        height: 275px !important;
        margin: auto;
    }
    .right-content-box, .view-box {
        width: 100% !important;
        margin: 0 0 3% 0% !important;
    }
}

@media (min-width: 1280px) and (max-width: 1440px) {
    #columnChart,
    #barChart,
    #columnChart1,
    #columnChart2{
        width: 650px !important;
        height: 275px !important;
        margin: auto;
    }
}

@media (min-width: 1440px) and (max-width: 1600px) {
    #columnChart,
    #barChart{
        width: 700px !important;
        height: 275px !important;
        margin-left: 7%;
    }
}

@media (min-width: 1025px) and (max-width: 1440px) {
    .centerLabel {
        position: absolute;
        /* left: 38%;
    top: 33%; */
        left: 100px;
        top: 80px;
        text-align: center;
        color: grey;
    }

    #columnChart,
    #columnChart1,
    #columnChart2,
    #barChart {
        width: 600px !important;
        height: 275px !important;
    }

    .contract-graph-heading {
        font-size: 17px;
    }

    /* #myPieChart1,#myPieChart2,#myPieChart3{
    width: 250px !important;
    height: 250px !important;
} */
}
@media (max-width:568px) {
    .contract-graph-heading {
        font-size: 16px;
    }
    .sum-erinneru header .contract-dash-icon {
        margin-left: 0 !important;
    }
}


/* @media (min-width: 992px) and (max-width: 1024px) {
    #donut {
        width: 100%;
    }
} */


/* @media (min-width: 1024px) and (max-width: 1200px){
.centerLabel {
    left: 22%;
}
} */

svg>g>g:last-child {
    pointer-events: none
}

#donut .jarviswidget-fullscreen-btn {
    color: #fff;
    margin-top: -9px;
}

.contract-dropdown-menu {
    cursor: pointer;
    margin-top: -50px;
    margin-right: 40px;
}

.full-width-navigation .dt-toolbar-footer>div {
    width: 100%;
    text-align: right;
}

.customtable.bg-white.tableone {
    height: 100% !important;
}

.costs-revenues #barChart {
    margin: 30px auto;
}

.pagination>li>a,
.pagination>li>span {
    padding: 6px 9px;
}

.reminderslist {
    min-width: 100px;
    left: inherit;
    right: 0;
}

.reminderslist li label input[type=checkbox].checkbox+span:before {
    margin-right: 8px;
}

.tooltipContract:hover .tooltiptextContract {
    visibility: visible;
  }

.tooltipContract {
    position: relative;
    display: inline-block;
    /* border-bottom: 1px dotted black; */
}

.tooltipContract .tooltiptextContract {
    visibility: hidden;
    width: 125%;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 5px;
    word-break: break-all;
  
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
    position: absolute;
    /* z-index: 1; */
    left: 45%;
    /* bottom: -5%; */
    top: 0%;
}
.tooltipContract .toolTipRight
{
    right: 45% !important;
    padding: 5px 5px !important;
    left:inherit !important;
    width: max-content;
}
.tooltipContract .toolTipRightExternal
{
    right: 45% !important;
    padding: 5px 5px !important;
    left:inherit !important;
    width: 360px;
}
.toolTipHideContract
{
    width: 150px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-bottom: 0;
}
.toolTipHideContractFile
{
    width: 340px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-bottom: 0;
}
.toolTipHideContract-date{
    width: 80px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-bottom: 0;
}
.toolTipHideContractName
{
    width: 60px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-bottom: 0;
}

.toolTipHideContractNumber{
    width: 100px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-bottom: 0;
}
.toolTipHideLabelName
{
    width: 300px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-bottom: 0;
}
.toolTipHideContractDoctitle
{
    width: 250px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-bottom: 0;
}

.tooltipContract .toolTipRightForm{
    right: 40% !important;
    padding: 5px 5px !important;
    left:inherit !important;
    width: max-content;
    z-index: 1000;
}
.tooltipContract .toolTipTaskTitle{
    padding: 5px 5px !important;
    left:inherit !important;
    width: max-content;
    z-index: 1000;
}

.toolTipHideContractReminderDescription {
    width: 500px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-bottom: 0;
}

.tooltipContract .toolTipReminderDescription {
    padding: 5px 5px !important;
    left: inherit !important;
    width: 500;
    z-index: 1000;
}

.tooltipContract .toolTipReminderTitle {
    padding: 5px 5px !important;
    left: inherit !important;
    width: 350px;
    z-index: 1000;
}

.tooltipContract .toolTipRightPermission
{
    right: 45% !important;
    padding: 5px 5px !important;
    left:inherit !important;
    width: 200% !important;
    z-index: 1000;
}

.searchContractInfo{
    position: absolute;
    margin-left: 10px; 
    margin-top: 6px;
}
.inputDisplayAllversion{
    margin-top: 10px!important;
    width: auto!important;
    margin-left: 34px!important;
}
.labelDisplayAllversion{
    margin-top: 6px;
    float: none !important;
}

.alertFile{
    border-color: #953b39;
    color: #fff;
    background-color: #c26565;
    text-shadow: none;
    margin-bottom: 20px;
    margin-top: 0;
    border-width: 0;
    border-left-width: 5px;
    padding: 10px;
}
.expireData form.formly{
    padding-top: 0px;
}
.exportdataul .ajax-dropdown>li {
    padding: 0px 5px;
    color: #333;
}
.bulkImport li{
    width: 50% !important;
}
 .jarviswidget>div.bulkImportUpload{
    border-style: unset !important;
}
.createBulkImportPopup{
    padding-top:0 !important;
}
.bulkImportActions{
    padding-top: 6%;
    border-top: unset;
    background: unset;
}
.bulkImportWidget{
    max-height: 500px;
    height: 500px;
}
path.link {
    fill: none;
    stroke: #666;
    stroke-width: 2.0px;
}

path.link.versionlink {
    stroke-dasharray: 1,5 2;
}

marker#work-forward {
    fill: green;
}

path.link.work-forward {
    stroke: green;
}

marker#work-backward {
    fill: red;
}

path.link.work-backward {
    stroke: red;
}

path.link.links {
    stroke-dasharray: 0,2 1;
}

circle {
    fill: rgb(236, 219, 173);
    stroke: #333;
    stroke-width: 1.5px;
    cursor: pointer;
}

text {
    font: 14px sans-serif;
    pointer-events: none;
}

text.shadow {
    stroke: #fff;
    stroke-width: 3px;
    stroke-opacity: .8;
}
/* svg[aria-label="A chart."] > g > g:last-child { 
    pointer-events: none
}   */
svg > g:last-child > g:last-child { pointer-events: none }
div.google-visualization-tooltip { pointer-events: none }
svg >  g > text { 
    pointer-events: auto;
}
.darktheme.smart-style-5 svg >  g:first-of-type > rect:first-child, .darktheme.smart-style-5 svg > rect  {
    fill: none !important;
}
.darktheme.smart-style-5 svg >  g > text { 
    fill: #ffffff;
    pointer-events: auto;
}
.darktheme.smart-style-5 .noTextLabel pie-chart svg >  g > text { 
    fill: none;
    pointer-events: auto;
}
.darktheme.smart-style-5 .donutCell .centerLabel, .darktheme.smart-style-5 .contract-graph-heading, .darktheme.smart-style-5 #donut .jarviswidget-fullscreen-btn {
    color: #ffffff;
}
svg[aria-label="A chart."] > g > g:last-child { 
    pointer-events: none
}  .searchDetailtooltip {   
    display: inline-block;
  }
  
   .searchDetailText {
    visibility: hidden;
    min-width: 120px;
    max-width: 800px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;  
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
    font-size: 13px;
  }
  .searchDetailvalue{
    visibility: hidden;
    min-width: 120px;
    max-width: 800px;
    background-color: black;
    color: #fff;
    /* text-align: center; */
    border-radius: 6px;
    padding: 5px 0;  
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
    font-size: 13px !important;
    bottom: 0px;
    width: auto !important;
  }
  .searchDetailtooltip:hover .searchDetailText, .searchDetailtooltip:hover .searchDetailvalue{
    min-width: 10px !important;
    max-width: 100% !important;
    min-height: 20px !important;
    max-height: 100% !important;
    /* position: unset !important; */
    /* left:120px !important;
    bottom:30px !important; */
    /* text-align: center !important; */
    border-radius: 6px !important;
    padding: 5px 5px 5px 5px !important;
    visibility: visible;
  }
.catalogSearch{
    position: absolute;
    left: 49.5%;
}
.dz-error-mark svg g{
    fill:red;
}
.test-icon{
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 20px;
}
.multiselect-count{
    right: 6px;
    background-color: #3276b1 !important;
    border-radius: 0 !important;
    border: 1px solid #2a6395 !important;
    color: #fff !important;
    padding: 0px 2px;
    position: relative;
    font-size: 0.9em;
}
.smart-style-6 .test-icon {
    top: 95px;
}
.login-info span{
    position: relative;
}
.bulkImportWizard {
    display: block;
    list-style: none;
    padding: 0 15%;
    position: relative;
    width: 149%;
}
.customDropzone{
    height: 600px;
    padding: 0px;
    overflow:auto;
}


.labelOR{
     margin-top: 25px !important; 
}
.spin-loader.fileUploadSpiner {
    visibility: hidden;
}
.uploadFileFileSection .input-group {
    margin-top: 5px;
}
.bulkImportScrollTable thead th
{
    top: -1px !important;
    z-index: 1;
}
.fixed-ribbon .bulkImportScrollTable thead th,
    .fixed-ribbon .custom-pagination thead th {
        top: 90px;
    }
body.menu-on-top.fixed-header.fixed-navigation.fixed-ribbon .bulkImportScrollTable thead th,
    body.menu-on-top.fixed-header.fixed-navigation.fixed-ribbon .custom-pagination thead th {
        top: 171px;
    }

    body.menu-on-top.fixed-header.fixed-navigation.fixed.fixed-ribbon .bulkImportScrollTable thead th,
    body.menu-on-top.fixed-header.fixed-navigation.fixed.fixed-ribbon .custom-pagination thead th {
        top: 1px !important;    }

    /* file manager css */
.menu-box button {
    padding: 12px 20px;
    font-weight: 700;
    line-height: 16px;
    margin: 0;
    font-size: 13px;
    cursor: pointer;
    position: relative;
    width: 100%;
    text-align: left;
    background: 0 0;
    border: none;
    color: rgba(0,0,0,.5);
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
}
.mat-icon.mat-primary {
    color: #073e84;
}
.menu-box ul {
    display: none;
    height: 0;
    list-style-type: none;
    margin: 0;
    padding: 0px 0px 0px 35px;
    overflow: hidden;
}
.menu-box.sidebar-open ul {
    display: block;
    height: auto;
}
.menu-box button .up-arrow {
    display: none;
}
.shorting-box .header-row .header-cell .header-container .mat-sort-header-button, .shorting-box .mat-row .header-cell .header-container .mat-sort-header-button {
    border: none;
    background: 0 0;
    /* display: -webkit-box; */
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    padding: 0;
    cursor: pointer;
    outline: 0;
    font: inherit;
    color: currentColor;
}
.shorting-box .header-row .header-cell .header-container, .shorting-box .mat-row .header-cell .header-container {
    /* display: -webkit-box; */
    display: flex;
    cursor: pointer;
}
.page-heading {
    /* display: -webkit-box; */
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    margin-bottom: 15px;
}
.page-heading h2{
    font-weight: 400;
    margin: 0px;
}
.shorting-box .header-row, .shorting-box .mat-row {
    /* display: -webkit-box; */
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    min-height: 48px;
}
.shorting-box .header-row .header-cell, .shorting-box .mat-row .header-cell {
    /* -webkit-box-flex: 1;
    flex: 1; */
    overflow: hidden;
    word-wrap: break-word;
    color: #888;
    font-size: 15px;
    font-weight: 500;
    line-height: 23px;
}
.no-data {
    /* display: -webkit-box; */
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
}
.no-data p {
    color: #171717;
    font-size: 20px;
    font-weight: 500;
    line-height: 31px;
    text-align: center;
    margin: 50px 0;
}
.no-data .nodata-btn {
    /* display: -webkit-box; */
    display: flex;
}
.no-data .nodata-btn button:last-child {
    margin-right: 0;
}
.no-data .nodata-btn button {
    font-size: 15px;
    font-weight: 500;
    line-height: 51px;
    width: 100%;
    min-width: 162px;
    margin-right: 60px;
}
.mat-flat-button:not([class*=mat-elevation-z]), .mat-stroked-button:not([class*=mat-elevation-z]) {
    box-shadow: 0 0 0 0 rgba(0,0,0,.2), 0 0 0 0 rgba(0,0,0,.14), 0 0 0 0 rgba(0,0,0,.12);
}

.mat-fab.mat-primary, .mat-flat-button.mat-primary, .mat-mini-fab.mat-primary, .mat-raised-button.mat-primary {
    background-color: #073e84;
}
.mat-fab.mat-accent, .mat-fab.mat-primary, .mat-fab.mat-warn, .mat-flat-button.mat-accent, .mat-flat-button.mat-primary, .mat-flat-button.mat-warn, .mat-mini-fab.mat-accent, .mat-mini-fab.mat-primary, .mat-mini-fab.mat-warn, .mat-raised-button.mat-accent, .mat-raised-button.mat-primary, .mat-raised-button.mat-warn {
    color: #fff;
}
.mat-button, .mat-icon-button, .mat-stroked-button, .mat-flat-button {
    box-sizing: border-box;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    outline: none;
    border: none;
    -webkit-tap-highlight-color: transparent;
    display: inline-block;
    white-space: nowrap;
    text-decoration: none;
    vertical-align: baseline;
    text-align: center;
    margin: 0;
    min-width: 64px;
    line-height: 36px;
    padding: 0 16px;
    border-radius: 4px;
    overflow: visible;
}
.page-heading {
    /* display: -webkit-box; */
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    margin-bottom: 15px;
}
.folder-content .mat-card {
    padding: 0;
    margin-bottom: 30px;
    background-color: #fbfbfb;
    box-shadow: 0 1px 3px rgba(0,0,0,.25);
}
.mat-card {
    transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
    display: block;
    position: relative;
    padding: 16px;
    border-radius: 4px;
}
.mat-card {
    background: #fff;
    color: rgba(0,0,0,.87);
}
.folder-content span {
    color: #000;
    font-size: 10px;
    font-weight: 400;
    line-height: 7.64px;
    text-transform: uppercase;
    display: block;
    text-align: right;
    padding: 10px;
}
.folder-details {
    /* display: -webkit-box; */
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    padding: 10px 10px 15px;
    position: relative;
    cursor: pointer;
}
.folder-details .folder-icon {
    width: 52px;
    min-width: 52px;
    height: 52px;
    background-color: #f0f0f0;
    border-radius: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
}
.folder-details .folder-icon .mat-icon {
    width: 30px;
    height: 30px;
    font-size: 30px;
}
.folder-details .folder-name {
    margin-left: 15px;
}
.folder-details .folder-name h3 {
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
    word-break: break-all;
}

.folder-details .folder-name h3, .folder-details .folder-name h4 {
    margin: 0;
    color: #000;
}
.folder-details .folder-name h4 {
    font-size: 12px;
    font-weight: 400;
}
.folder-content .mat-card mat-card-actions {
    margin: 0!important;
    padding: 0!important;
}
.link-btn {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    justify-content: space-around;
    flex-flow: wrap;
}
.link-btn .mat-button .mat-button-wrapper {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    padding: 7px 10px;
}
.folder-content .mat-card span {
    color: #000;
    font-size: 10px;
    font-weight: 400;
    line-height: 7.64px;
    text-transform: uppercase;
    display: block;
    text-align: right;
    padding: 10px;
}
.link-btn .mat-button .mat-button-wrapper .mat-icon {
    width: 18px;
    height: 18px;
    font-size: 18px;
    margin-right: 5px;
    color: #888;
}
.shorting-box {
    display: block;
}
.shorting-box .mat-row .mat-cell {
    overflow: hidden;
    word-wrap: break-word;
    font-size: 14px;
    color: rgba(0,0,0,.87);
    padding: 10px 10px 10px 0;
    cursor: pointer;
}
.shorting-box .mat-row .mat-cell1, .shorting-box .header-row .header-cell1, .shorting-box .mat-row .header-cell1 {
    width: 25%;
}
.shorting-box .mat-row .mat-cell2, .shorting-box .header-row .header-cell2, .shorting-box .mat-row .header-cell2 {
    width: 30%;
}
.shorting-box .mat-row .mat-cell3, .shorting-box .header-row .header-cell3, .shorting-box .mat-row .header-cell3 {
    width: 15%;
}
.shorting-box .mat-row .mat-cell .folder-details {
    padding: 0 0 0 10px;
}
.link-btn .mat-button {
    color: #000;
    font-size: 10px;
    font-weight: 500;
    line-height: 12.73px;
    text-transform: uppercase;
    margin: 0!important;
    padding: 0;
}
.link-btn .mat-icon-button mat-icon {
    font-size: 20px;
    line-height: 20px;
}
.shorting-box .mat-row {
    box-shadow: 0 1px 3px rgba(0,0,0,.25);
    background-color: #fbfbfb;
    border-radius: 5px;
    margin-bottom: 10px;
}
.link-btn .mat-icon-button {
    line-height: 30px;
    width: 30px;
    height: 30px;
}
.mat-icon-button {
    padding: 0;
    min-width: 0;
    width: 40px;
    height: 40px;
    flex-shrink: 0;
    line-height: 40px;
    border-radius: 50%;
}
.favorite{
    color: #fec36d;
}
.menu-box.sidebar-open .down-arrow {
    display: none;
}
.menu-box.sidebar-open .up-arrow {
    display: block;
}
.sidebar-main {
    position: -webkit-sticky;
    position: sticky;
    top: 25px;
    box-shadow: 0 1px 3px rgba(0,0,0,.25);
    border-radius: 5px;
    background-color: #fbfbfb;
    margin: 25px 15px;
    overflow: hidden;
    height: calc(100% - 50px);
    width: 270px;
}
.shorting-box .mat-row .mat-cell .link-btn {
    -webkit-box-pack: inherit;
    justify-content: inherit;
}
.menu-box .sidebar-list span{
    vertical-align: super;
    font-size: 14px;
}
.folder-icon,.sidebar-list i, .folder-content span i{
    color: #073e84 !important;
}
.sidebar-list i {
    margin-right: 2px;
}
.recent{
    -webkit-box-flex: 0;
    flex: 0 0 25%;
    margin-bottom: 10px;
    height: 150px;
}
.folder-card{
    background-color: #fbfbfb;
    box-shadow: 0 1px 3px rgba(0,0,0,.25);
    padding: 8px;
}
.back-btn button {
    background: #545454;
    display: -webkit-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    border-radius: 50px;
    -webkit-box-pack: center;
    justify-content: center;
    padding: 0;
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    text-transform: uppercase;
    height: 60px;
    min-width: 60px;
    width: 60px;
}
.downlaod:hover {
    background-color: rgba(6,82,150,.8);
    color: #fff;
}
.back-btn {
    text-align: center;
    margin: 50px 0px;
}
.file-icon{
    background-image: url("../img/application/filemanager.svg");
    background-size: 100%;
}
.smart-style-1 .file-icon {
    background-image: url("../img/application/filemanager_red.svg");
    background-size: 100%;
}

.smart-style-3 .file-icon,
.smart-style-6 .file-icon,
.darktheme.smart-style-5 .file-icon {
    background-image: url("../img/application/filemanager_orange.svg");
    background-size: 100%;
}
.darktheme.smart-style-5  .sidebar-list i {
    color: #fff !important;
}
.drop-box {
    position: relative;
}
.hidden-file {
    visibility: hidden;
    width: 1px;
    height: 1px;
}
.drop-box input {
    position: absolute;
}
.drop-zone{
    height: auto!important;
    border: none!important;
    border-radius: 3px!important;
    background-color: #e4e4e4;
}
.drop-box .content{
    color: #040404 !important;
    font-size: 12px;
    margin: 10px 0 0;
}
#dropZone .content{
    display: block;
    text-align: center;
    cursor: pointer;
}
#addFile{
    overflow-x: hidden;
}
#share ng-select .ng-control {
    margin-top: 0px;
}
#file-manager .breadcrumb {
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 1px 3px rgba(0,0,0,.15);
    padding: 10px 15px;
    /* display: -webkit-box; */
    display: flex;
    flex-flow: wrap;
}
.breadcrumb li a {
    color: #919191;
    font-weight: 400;
    font-size: 14px;
    text-decoration: none;
}
.flex-box {
    -webkit-box-pack: center;
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
}
.view-box{
    border: 1px solid #c3c3c3;
    width: 50%;
    margin: 0 0 0 3%;
    /* max-width: 100%; */
    display: inline-block;
    vertical-align: top;
    position: relative;
}
#file-manager .btn-default{
    border-color: transparent;
}
.right-content-box {
    width: 47%;
    vertical-align: top;
    padding: 30px;
    border: 1px solid #c3c3c3;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-flow: column nowrap;
    display: flex;
}
.right-content-box .title {
    font-size: 16px;
    font-weight: 600;
    display: block;
    margin: 0 0 5px;
    line-height: 20px;
    width: 100%;
}
.right-content-box .discription {
    margin: 0 0 15px;
    font-size: 14px;
    width: 100%;
}
.right-content-box .downlaod {
    text-transform: uppercase;
    text-decoration: none;
    background-color: #065296;
    display: block;
    text-align: center;
    padding: 10px;
    color: #fff;
    font-size: 14px;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    cursor: pointer;
    margin-top: 15px;
}
.view-box audio, .view-box video {
    display: block;
    width: 100%;
    border: 1px solid #c3c3c3;
}
.view-box img {
    display: block;
    width: 100%;
}
.file-btn {
    overflow: hidden;
    position: relative;
}
.validate-design {
    cursor: pointer;
}
.pdf-action-btn {
    background-color: #c3c3c3;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    padding: 10px;
}
.pdf-action-btn button {
    background-color: #fff;
    color: #005397;
    width: 35px;
    height: 35px;
    line-height: 35px;
    padding: 0;
    min-width: 0;
    flex-shrink: 0;
    border-radius: 50%;
}
.pdf-action-btn .zoom-btn button {
    margin-left: 5px;
}
.file-validate-icon i.error{
    position: absolute;
    top: 4px;
    left: 10px;
}
.file-validate-icon i.success{
    position: absolute;
    top: 4px;
    left: 2px;
}
.file-validate-icon{
    width: 35px;
    height: 35px;
    border-radius: 50%;
    position: relative;
    margin: 0px auto;
}
.breadcrumb li:last-child a {
    color: #c9c9c9;
    cursor: inherit;
}
.darktheme.smart-style-5 #share ng-select virtual-scroll {
    background: #616161;
}
#share ng-select virtual-scroll {
    min-height: 60px;
    background: #fff;
}
.view-box .ng2-pdf-viewer-container {
    overflow-x: hidden !important;
}
.user-list li{
    border: 1px solid #e2e2e2;
    border-radius: 5px;
    list-style: none;
    justify-content: space-between;
    margin-bottom: 10px;
    position: relative;
    flex-flow: wrap;
    display: flex;
    margin-left: -27px;
}
.user-list li .close-btn {
    height: 45px;
    background: #e0e0e0;
    border-radius: 0;
    width: 35px;
    align-items: center;
    justify-content: center;
    border: none;
}
.accessRemoved{
    background: #e0e0e0;
}
.user-list li .user-info {
    margin: 7px 10px;
}
.title-text{
    font-size: 16px;
    font-weight: 500;
    margin-left: 13px;
}
.user-list li .user-info .img-box {
    background-color: #005395;
    border-radius: 100%;
    width: 30px;
    height: 30px;
    overflow: hidden;
    text-align: center;
    float: left;
    margin-right: 8px;
}
.user-list li .user-info .img-box span {
    font-weight: 700;
    color: #fff;
    font-size: 20px;
}
.user-list li .user-info .img-box img {
    max-width: 100%;
    max-height: 100%;
}
.menu-box {
    width: 250px;
    float: left;
    box-shadow: 0 1px 3px rgba(0,0,0,.25); 
    background-color: #fff;
    position: fixed; 
    top: 113px;
    min-height: 450px;
    overflow-y: auto;
    max-height: 800px;
}
.mat-cell2 .btn, .link-btn .btn {
    text-transform: uppercase;
}
.rowPadding .file-name {
    font-weight: bold;
    font-size: 15px;
}
.owner {
    text-transform: uppercase;
}
.page-filter {
    background-color: #fff;
    padding: 10px;
}
.darktheme.smart-style-5 .page-filter {
    background-color: #424242;
    padding: 10px;
}
.darktheme.smart-style-5 .drop-zone{
    background-color: #616161;
}
.darktheme.smart-style-5 .folder-details .folder-icon {
    background-color: #303030 !important;
    color:  #fff !important;
}
.darktheme.smart-style-5 .folder-card,
.darktheme.smart-style-5 .shorting-box .mat-row,
.darktheme.smart-style-5 .menu-box,
.darktheme.smart-style-5 #file-manager .breadcrumb  {
    background: #424242;
    border-color: #616161 !important;
    color: #fff;
}
.darktheme.smart-style-5 .shorting-box .mat-row .mat-cell, 
.darktheme.smart-style-5 .menu-box button,
.darktheme.smart-style-5 .folder-content span,
.darktheme.smart-style-5 .folder-details .folder-name h3, 
.darktheme.smart-style-5 .folder-details .folder-name h4,  
.darktheme.smart-style-5 .no-data p {
    color:  #fff;
}
.darktheme.smart-style-5 .user-list li .close-btn, .darktheme.smart-style-5 .accessRemoved{
    background: #424242;
}

@media only screen and (max-width: 992px) and (min-width: 800px) {
    .fixed-ribbon #file-manager {
        margin-top: 55px !important;
    }
}
.selectedPermissionGroupUser {
    background-color: rgb(226, 177, 74) !important;
}
.tableContractRemainder .table>tbody>tr>td{
    padding: 8px
}
.file-menu .tree li.parent_li a, .file-menu .tree li span {
   font-size: 14px;
   font-weight: 700;
   color: rgba(0,0,0,.5);
   vertical-align: super;
}
.file-menu .tree li.parent_li {
    padding: 12px 0px;
}
.file-menu .tree li.parent_li i {
    color: #073e84;
}
.darktheme.smart-style-5 .file-menu .tree li.parent_li i{
    color: #fff;
}
.darktheme.smart-style-5 .file-menu .tree li.parent_li:nth-child(2n){
    background: transparent !important;
}
.smart-style-6 .file-menu .tree li.parent_li:nth-child(2n), .smart-style-0 .file-menu .tree li.parent_li:nth-child(2n), .file-menu .tree li.parent_li:nth-child(2n) {
    background: #fff !important;
}
.darktheme.smart-style-5 .file-menu .tree li.parent_li a:hover, .darktheme.smart-style-5 .file-menu .tree li span, .darktheme.smart-style-5 .file-menu .tree li span:hover {
    color: #fff !important;
}
.file-menu .tree li.parent_li a:hover {
    color: rgba(0,0,0,.5) !important;
}
.menu-box::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}
.darktheme.smart-style-5 .menu-box::-webkit-scrollbar-thumb{
    border-radius: 5px;
    background: rgb(54, 54, 54);
}
.menu-box::-webkit-scrollbar-thumb {
    background: rgb(249, 249, 249);
    border-radius: 5px;
}
/* .display-users::-webkit-scrollbar {
    display: none;
}
.display-users{
    overflow-y: scroll;
    height: auto;
    max-height: 500px;
} */
/* .shortCutsDisplay::-webkit-scrollbar {
    display: none;
} */

.shortCutBox{
    padding: 12px 7px 7px 7px !important;
    height: 85px;
    width: 110%;
    padding: 0px;
    /* border-radius: 10px; */
    cursor: pointer;
}
.shortCutsDisplay
{
    overflow-y: auto;
    /* height: 600px;
     */
     height: auto;
      max-height: 400px; 
}
.exportDisplay{
    height: 300px;
}
.shorCutsIcons
{
    font-size: 30px !important;
    height: 19px;
    color: rgb(102, 103, 102);

}
.connect .dashboard-icon {
    background-image: url(../img/application/dashboard.svg) !important;
    background-size: 85% 90%;
    background-repeat: no-repeat;
    background-position: center;
}
.connect .ant-icon {
    background-image: url(../img/application/analytics.svg) !important;
    background-size: 85% 90%;
    background-repeat: no-repeat;
    background-position: center;
}
.darktheme.smart-style-5 .dashboard-icon {
    background-image: url(../img/application/dashboard_orange.svg) !important;
}
.darktheme.smart-style-5 .ant-icon {
    background-image: url(../img/application/analytics_orange.svg) !important;
}

.darktheme.smart-style-5 .shorCutsIcons{
 color:rgb(255, 255, 255);
}
.sticky-shortCuts {
    position: fixed;
    right: -73px;
    top: 107px;
    display: block;
    height: 30px;
    width: 110px;
    border-radius: 5px 0 0 5px;
    background: #F1DA91;
    padding: 2px;
    text-align: left;
    line-height: 28px;
    cursor: pointer;
    transition: all 0.5s ease 0s;
    overflow: hidden;
    padding-left: 13px;
    
}

.sticky-shortCuts:hover {
    right: 0px;
    height: auto;
    max-height: 600px;
    width: 23%;
    /* max-width: 300px; */
    text-align: center;
}

.sticky-shortCuts a {
    width: 26px;
    height: 26px;
    display: inline-block;
}

.sticky-shortCuts a:first-child {
    cursor: default;
}

.sticky-shortCuts a:nth-child(2) {
    margin: 0 5px;
}

.sticky-shortCuts i {
    font-size: 17px;
}
.sticky-shortCuts .bookmarkLink i {
    font-size: 13px;
}
.darktheme.smart-style-5 .sticky-shortCuts .txt-color-blueDark {
    color: #4c4f53 !important;
}
.addLinkText{
    width: auto !important;
    cursor: pointer;
    background-color: transparent;
    padding: 10px;
    border: 1px solid #666;
    margin: 10px 0px;
    font-size: 10px;
}
.shortcutsLabelText{
    font-size: 13px;
    width: 100%;
    padding: 7px 0px 0px 0px;
    overflow: hidden;
    line-height: 20px !important;
    white-space: nowrap;
}
.vmiForecastDate{
    margin-top: -18px !important;
}
#advanceSearch,#advanceSearchNew,#advanceSearchEdit,#advanceSearchCreate{
    min-height: 720px!important;
}

.smart-style-2 nav>ul>.chat-users >ul::before {
    border-left: none !important;
}
.display-users{
    overflow-y: auto;
    height: auto;
    max-height: 400px
}

.fixed-navigation nav>ul {
    height: auto !important;
}

.usr:hover {
    background-color: #4C4F53 !important;
}

.nav-onlineUsers {
    padding-bottom: 0px !important;
}

.fixed-navigation nav>.activeUser-ul {

    overflow: initial;
}

.fixed-navigation .nav-onlineUsers {
    height: auto;
   
}

.fixed-navigation .userUl {
    width: 93%;
}

.fixed-navigation .navigationMenu {
    width: 107%;
    overflow: hidden;
}

.fixed-navigation nav {
    overflow-y: inherit !important;
}

.fixed-navigation .activeUser-ul {
    overflow: inherit !important;
    width: auto !important;
}
.basemetadataCheckbox input,.othermetadataCheckbox input,.invoiceSettingsCheckbox input{
    /* font-size: 43px; */
    float: right;
    margin-top: 34px;
    /* margin-left: -56px; */
    position: absolute;
}
.othermetadataCheckbox label,.basemetadataCheckbox label,.invoiceSettingsCheckbox label {
    white-space: nowrap;
    margin-bottom: 30px;
    position: relative;
}
.user-list li div.form-check{
    margin-right : auto;
}
.smart-style-2 nav.nav-onlineUsers>ul ul li::before{
    border-top: 0px !important;
}
.tableContractRemainder div.dataTables_wrapper .dt-toolbar{
    display: block !important;
}
.tableContractRemainder div.dataTables_wrapper .dt-toolbar .dataTables_length{
    display: none !important;
}
#editDashboard label {
    margin-bottom: 0px !important;
}
.download, .darktheme.smart-style-5 .download:hover {
    /* position: absolute;
    right: 55px;
    top: 10px; */
    background: #fff;
    color: #073e84 !important;
    width: 35px;
    height: 35px;
    line-height: 33px;
    border: 1px solid #073e84;
    line-height: 33px;
}
.validateButton{
    overflow: hidden;
    position: relative;
    background: #073e84;
    color: #fff;
    padding: 7px 10px;
    border-radius: 5px;
    cursor: pointer;
    width: 120px;
    height: 39px;
    font-size: 17px;
}
.validateButton:hover{
    background: #073e84;
    color: #fff;
}
.inputDisplayAllversionSearch{
    margin-top: 10px!important;
    width: auto!important;
    margin-right: 5px!important;
}
.margin-top-2{
    margin-top: 2px;
}
.margin-top-5{
    margin-top: 5px !important;
}
/* Style the search field */
form.example input[type=text] {
    padding: 4px;
    font-size: 17px;
    border: 1px solid grey;
    float: left;
    width: 86%;
    background: #f1f1f1;
  }
  
  /* Style the submit button */
form.example button {
    float: left;
    width: 40px;
    padding: 4px;
    background: #2196F3;
    color: white;
    font-size: 17px;
    border: 1px solid grey;
    border-left: none; /* Prevent double borders */
    cursor: pointer;
}
  
form.example button:hover {
    background: #0b7dda;
}
  
  /* Clear floats */
form.example::after {
    content: "";
    clear: both;
    display: table;
}
.smart-accordion-default .panel-title>a.collapsed>.fa, .smart-accordion-default .panel-title>a>:first-child {
    display: inline-block !important;
}
 #activity{
    cursor: pointer;
}

.create-contract-search .serachValues{
    width: calc(100% - 32px) !important;
}

.darktheme.smart-style-5 .panel-default>.panel-heading {
    background-color: #303030;
    color: #fff;
}
body.darktheme.smart-style-5 .txt-color-green {
    color: #356e35 !important;
}
.createcontract accordion{
    margin-bottom: 0px;
}
.createcontract .panel-title{
    font-size: 16px; 
    font-weight: bold;
}
.create-contract-search .searchClear{
    right: 30px; 
    margin-top: 10px;
}
.create-contract-search .searchClear label{
     width: 90%;
}
.createcontract .panel-body h3{
    text-align: center;
    margin: 0px;
    font-size: 19px;
    font-weight: 400;
}
.accordion-container{
    padding: 20px 25px;
    height: auto;
    margin-bottom: 0px;
}
.implenia {
    background-image: none !important;
    background-color: #e7e7e7;
}
.implenia .company-logo{
    display: none;
}
 .contractNotificationSpan
  {
    display: block;
    width:70%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
.notificationSubject
{
    width:70%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-grid;
}
.darktheme.smart-style-5 .notification-body>li:hover .text-muted {
    color: #eee;
}
.darktheme.smart-style-5 pie-chart text{
    fill: rgb(255,255,255);
}

.accordion__item.state-active {
    width: 100%;
}
.accordion__item {
    /* height: 81vh; */
    width: 100%;
    float: left;
    box-sizing: border-box;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}
.accordion__container{
    min-height: 400px;
    overflow-y: auto !important;
    overflow-x: hidden !important;
}
.accordion__container::after {
    content: ' ';
    display: table;
    clear: both;
}
.accordion-arrow {
    background: #dedede;
    color: #7e7e7e;
    text-align: center;
    padding: 0;
    width: 36px;
    height: 28px;
    display: block;
    border-radius: 5px 0 0 5px;
    cursor: pointer;
    margin-top: 7px;
    font-size: 19px;
}
.accordion-title {
    transform: rotate(90deg); 
    margin: 30vh 27px; 
    white-space: nowrap; 
    font-weight: 600; 
    font-size: 18px; 
    cursor: pointer;
}
.searchdetail-content .jarviswidget {
    margin: 0 0 70px;
}
.darktheme.smart-style-5 .fuelux .wizard{
    background-color: #303030;
    border: 1px solid #616161;
}

.darktheme.smart-style-5 .fuelux .wizard .actions {
    border-left:none;
    background-color:#303030;
}

.darktheme.smart-style-5 .fuelux .wizard ul li.complete {
    color: #fafafa;
    background: #303030;
}

.darktheme.smart-style-5 .fuelux .wizard ul li{
    color: #fbf9f9;
    background: #303030;
}

.darktheme.smart-style-5 .fuelux .wizard ul li.active {
    color: #fafbfb;
    background: #616161;
}

.darktheme.smart-style-5 .fuelux .wizard ul li .chevron{
    position: absolute;
    top: 0;
    right: -14px;
    z-index: 1;
    display: block;
    border: 24px solid transparent;
    border-right: 0;
    border-left: 14px solid #d4d4d4;
    /* color: #fafbfb;
    background: #616161;  */
}
formly-field.langRepeat formly-field,formly-field.inputLabelRepeatForm formly-field {
    margin-bottom: 0px !important;
}
.darktheme.smart-style-5 .spin-loader {
    background: url(../img/spin-loader_small_white.svg) no-repeat !important;
   
}
.darktheme.smart-style-5 .dataTables_processing.panel.panel-default
{
    background: url(../img/spin-loader_small_white.svg) no-repeat !important;
   
}
.forgot-pass label{
    color: #333 !important;
}
.forgot-pass .form-control{
    background: #fff !important;
    border-color: #ccc !important;
    color: #999 !important;
}
.forgot-pass .note a{
    color: #3276b1 !important;
    text-shadow: none;
}
.forgot-pass .note a:hover{
    color: #214e75 !important;
}
.forgot-pass .input-group-addon{
    color: #A2A2A2 !important;
    background: #fff !important;
}
.darktheme.smart-style-5  #forecastInput {
    background: #616161 !important;
    border-color: #424242 !important;
}
table.dataTable tbody tr.selected a{
    color: #3276b1 
}
table.dataTable tbody tr.selected a .fa{
    color: #111;
}
tr.selected .btn-primary{
    border: 2px solid #111 !important
}
.invoicetable table.dataTable tbody tr.selected td.sorting_1 a{
    color: #000;
}
.invoicetableAccounting table.dataTable tbody tr.selected td.sorting_1 a{
    color: #000;
}
table.dataTable tbody tr.selected{
    color: black 
}
.darktheme.smart-style-5 table.dataTable tbody tr.selected a, .darktheme.smart-style-5 .selected .text-muted  .boldColor, .darktheme.smart-style-5 table.dataTable tbody tr.selected{
    color: #000;
    font-weight: 400 !important;
} 
.ghp-header-searchBox {
    border: 0;
    box-sizing: border-box;
    color: #000;
    font: 400 16px Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
    font-size: 16px !important;
    height: 48px;
    margin: 0;
    outline: 0;
    padding: 10px 12px 10px 72px;
    width: 100%;
    filter: alpha(opacity=84);
    opacity: .84;
    /* border: 1px solid; */
}
.ghp-searchResults .ghp-iconTextComponent-label {
    border-bottom: 1px solid  #616161;
    margin-bottom: -1px;
    padding: 10px 0 16px;
}
.ghp-iconTextComponent-label {
    color: #212121;
    display: block;
    font: 400 16px Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
    line-height: 24px;
    margin: 0 0 0 72px;
    padding: 12px 16px 12px 0;
    text-decoration: none;
    word-wrap: break-word;
}
.ghp-iconTextComponent {
    background: none;
    border: none;
    cursor: pointer;
    display: block;
    padding: 0;
    position: relative;
    text-align: left;
    text-decoration: none;
    width: 100%;
    color: black;
}
.ghp-searchResults .ghp-iconTextComponent-icon {
    margin: 10px 0 0 16px;
}
.ghp-iconTextComponent-icon {
    position: absolute;
    left: 0;
    margin: 12px 16px;
}
.ghp-actionIcon, .ghp-articleIcon, .ghp-chatIcon, .ghp-emailIcon, .ghp-enterpriseSupportIcon, .ghp-externalIcon-gray, .ghp-externalIcon, .ghp-supportForumIcon-green, .ghp-supportForumIcon-bluegray, .ghp-forumIcon, .ghp-guidedFlowIcon, .ghp-infoIcon, .ghp-phoneIcon, .ghp-playStoreAppIcon, .ghp-supportForumIcon, .ghp-videoIcon, .ghp-youtubeIcon {
    position: absolute;
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: 100%;
    border: none;
    height: 24px;
    width: 24px;
}
.ghp-iconTextComponent {
    background: none;
    border: none;
    cursor: pointer;
    display: block;
    padding: 0;
    position: relative;
    text-align: left;
    text-decoration: none;
    width: 100%;
}
.ghp-header-searchIcon.ghpv-loaded {
    filter: alpha(opacity=30);
    opacity: .3;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    margin-top: 0px;
    margin-left: 7px;
}
.ghp-header-searchIcon {
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
}
.ghp-header-searchIcon {
    cursor: pointer;
}
.ghp-header-searchIcon, .ghp-header-spinnerContainer {
    left: 14px;
    top: 12px;
    outline: none;
    position: absolute;
    z-index: 1;
    -webkit-transition: transform .15s cubic-bezier(0.4,0.0,1,1);
    -moz-transition: transform .15s cubic-bezier(0.4,0.0,1,1);
    -o-transition: transform .15s cubic-bezier(0.4,0.0,1,1);
    transition: transform .15s cubic-bezier(0.4,0.0,1,1);
}
.ghp-searchIcon {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAQAAABIkb+zAAAAIGNIUk0AAHomAACAhAAA+gAAAIDoAAB1MAAA6mAAADqYAAAXcJy6UTwAAAN7SURBVHja7ZpNSJRBGMd/aixIVKCHiKDSDdFATav1IgVFdNJLBSpaFNEHnereoSCKMJNyXUSLlCjLQ5FSEOGpoKKDUPRhWFDpoSxlNcQP3A4LifPOu66778w6NP+5rTvP/H8488zMMwtWVlZWVlZWVlaJKZ1STnGdZ3xlhGkm+MFHHnGFWtYudfPltDJMJEZ7xxk2LEXrGdTwNqb1uTbLA7YtLfs7eR+n+bn2gPVLw/wKOhZtPtr+cJq0VNvfzKcE7UdbD9mptL+H8aTsR4jQn7pFvZ+ppO1HiDDEplTY3x3Dfj9NVFFMFj58ZFFMFU30u37/O+t02y9kTGplmnYCrr0CtDMt7feelTrtL+eD1MZDchfs66db2rdTJ0CbxMAYtXH3r5Mu/sP6DgyzjsEHKVzkFBx0xBjWk1LT6JPYz1l0nBwJQosOgL2SyVOYYCIQJ9KUjmz02gFQl3CsOkesJtX2t0oyTzLqEaKFyVQLcNWR93OTiud37As1agGGhOHak44onmXvq7Rf4JhAgaRjlgkRR0hXB3DCcebxQuKBfIs6gJCSnBEUoh5SB9ArDFXlSdRqIepFdQBfhKGKPYlaIkS9qw7glzBUlidRs4Woj9UBiFcYnydRfULU56YDvDB9CvWqA/isZRF3mZ5GL5u+kR1VB3Bcy1FCYeE3X8NhboxlKs+jg8qP0w9RqkbHhcbv8YXmoFqAUsck6vb0SjmuvkL30sNL/QFHrJD6qkSlY9DxBMsqRY6yygwbdRS2XntU2BpyxGlDi8o8KC0WSeyHWYMmNUtKs+OLWAsHpMXdk2hTJm+kJfLuOJKq35F5ou2J3ge/AkZdHzjKYky+DpcHju+sRrN2MOH6ZPSJINWUkI0PH9mUUE0w5nvmb3ahXRUxEBJvZ/X+F0aTNjzJpPDJOZ0I+S7LOd72hQDbCQufnteJkEmzZF+I70cfbawCkLz5XNC7GgKS3Xmh9oryf/37JH+/pBchjQpexG3+GZXzevdJv1WvPy9tpoFvC8z5ekktY5/L7tBASpTHMYI8ZYCfTDJDmAF6CXGEPNc+bgiNGCM3hGvmIwRT/7OoZBFC5iO0mI/Qaj7CDZXvl3oQbpqP0GE+wi0yTEe4bT5Cp/kI99QW4dUjdJkDIEMwyr4TwTj78xGMtD+HYKz9KMIdk+1bWVlZWVlZWVn9H/oL4lZGVRbe7H4AAAAASUVORK5CYII=);
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: 100%;
    border: none;
    height: 24px;
    width: 24px;
}

/* .ui-dialog.tutorialItem .ui-dialog-titlebar-close{
margin-top: -45px !important;

} */

.tutorialTitle{
background-color: rgb(117, 117, 117) !important;
cursor: move !important;
padding: 0 8px !important;
position: relative !important;
box-shadow:0 2px 5px 0 rgba(0,0,0,0.258824),
 0 2px 10px 0 rgba(0,0,0,0.156863) !important;
}

.headerSearch{ 
    z-index:999 !important;
}

/* .ui-draggable .ui-dialog-titlebar {
    cursor: default !important;
} */

.ghp-header-row {
    height: 56px;
    line-height: 56px;
    position: relative;
    margin:0 0 !important;
}

.ghp-header-title {
    color: rgb(255, 255, 255);
    font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
    font-size: 21px;
    font-weight: 400;
    left: 8px;
    line-height: 32px;
    margin: 0px;
    max-width: 304px;
    overflow: hidden;
    position: absolute;
    text-overflow: ellipsis;
    top: 12px;
    white-space: nowrap;
}

.ui-dialog-titlebar-close.tutorialTitleClose {
    display: none;
  }
  .tutorialMain{
    width: 100% !important;
  }

  .ghp-header-closeIcon {
    right: 4px;
    position: absolute;
    top: 16px;
}

.ghp-closeIcon {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAQAAABIkb+zAAAAIGNIUk0AAHomAACAhAAA+gAAAIDoAAB1MAAA6mAAADqYAAAXcJy6UTwAAAHKSURBVHja7drRccIwFERR94Apw6b/GdxDoAygh80HHx7GlvGTduUos3EBuickWHqjDl3bT+P5BhhggAEGGGCAAQYYYIABBrQEOGPCIIm54IqTGnDGHcBDQLjgBeAnSsjJh4DwzgeAG3oVYM5nE+b8MCE3n0n4zA8S9i8zYfnzJBCW+QAw8QEDngLCen7gs40sxicU50e/hbgEQn78PcAjUPJz3sQcAik/by+UIoz183M3c2MRgZifvxvNJ1DzS7bTeQRyftl5IE6g55ceaGIEQX75iWxcjXqtECT5jCPlPoIon3Mm/k6Q5bMO9dsEYT5vKpEmSPOZY5UUQZrPnQut/66l+ezB1h4CeZ7BBXwn0CdKbMA2QTAQ4wPSBMU8z4B/9yfU+D9x41+jjb/IUnsexUBSAEhv2QYtQZ3fodMS9PliQo18KaFOvpBQK3+LMB4FiB8WRz6hZr6EUDdfQKidTyfUzycTjsh/E/bOVMkA3piKRDgqn0Y4Lp9EODKfQti/1CQ6W60TrnzACTfR0XD52QbubUUW6j8IugtPoWtnsYVmgu7KWfDWXHShvu1Lfx2av3b55x4DDDDAAAMMMMAAAwwwwAADDMh8fgE+LAS3cx8IRQAAAABJRU5ErkJggg==);
    cursor: pointer;
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: 100%;
    border: none;
    height: 24px;
    width: 24px;
}

.ghp-header-previousIcon {
    left: 4px;
    position: absolute;
    top: 16px;
}

.ghp-previousIcon {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAQAAABIkb+zAAAAIGNIUk0AAHomAACAhAAA+gAAAIDoAAB1MAAA6mAAADqYAAAXcJy6UTwAAAGtSURBVHja7dbLLgVBEMbxQ9zvl1fzOA5nIbGytLS0FhFChBBEEOKNPouzEFElpru6q79JTa+75//LXLoHGHAP8vwABCAAAQhAAAIQgAAEoM+AEfaYASMAwAErYJwPAIeY4AN85wPAESa5AD/zAeAYUzyA3/kAsM8CkPM/sckBqJpvD6icbw2onm8LcMi3BLjk2wGc8q0Abvk2AMd8C4Brfj7AOT8X4J6fB2ggPwfQRH46oJH8VEAz+WmAhvJTAE3ldwc0lt8V0Fx+N0CD+V0ATeb/HyDn17hMAH75JgDPfAOAb34AevAK9eAj7sFv9K+NbINjI9MJH1hnAWiEd0+CzXH6DWssAI3wilUWgEZ4wQoLQCM8Y5kFoBGe6hPSp8qERyyxADTCQ11C3nSZcI9FFoBGuMMCC0Aj3NYiWCwiE24wzwLQCNeYYwFohKvyBLulZMIlZlkAGuGiLMF2OZlwjhkWgEY4K0ewX1ImnGKaBaARTsoQyjxYmbDFA5AI2zyvkEQY8nzEEmFY7i5lN/oxYYdnI5MIuzxHCZcRgAAEIAABCEAAAhCAAAQgeXwBndsFqVWC3e4AAAAASUVORK5CYII=);
    cursor: pointer;
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: 100%;
    border: none;
    height: 24px;
    width: 24px;
}

.ghp-header-title.ghpv-secondary {
    left: 35px !important;
    max-width: 260px !important;
}

.ghp-header-title {
    color: #fff;
    font-size: 21px;
    font-weight: 400;
    left: 8px;
    line-height: 32px;
    margin: 0;
    max-width: 304px;
    overflow: hidden;
    position: absolute;
    text-overflow: ellipsis;
    top: 12px;
    white-space: nowrap;
}

.ghp-header-searchFormContainer, .ghp-header-searchBox {
    border-radius: 2px;
}

.ghp-header-searchRow {
    padding-bottom: 8px;
    overflow-y: auto;
    height: 500px;
}

.ghp-header-searchForm {
    margin: 0;
}

.ghp-header-searchFormContainer {
    align-items: center;
    background-color: #fff;
    border-radius: 2px;
    position: relative;
    width: 100%;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.258824), 0 2px 10px 0 rgba(0,0,0,0.156863);
}

.ghp-content{
    position: relative !important;
    width: 100% !important;
    transition: height .3s cubic-bezier(0.4,0.0,0.2,1) !important;
    height: 555px !important;
    /* overflow-y: scroll !important; */
    padding:unset !important;
    overflow: unset !important;
    display: block !important;
}


.ghp-card {
    /* box-shadow: 0 2px 5px 0 rgba(0,0,0,0.258824), 0 2px 10px 0 rgba(0,0,0,0.156863); */
}

/* .ghp-card-title {
    color: #757575;
    font-style: normal;
    font-variant-ligatures: normal;
    font-variant-caps: normal;
    font-variant-numeric: normal;
    font-variant-east-asian: normal;
    font-weight: 500;
    font-stretch: normal;
    font-size: 14px;
    line-height: normal;
    font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
    margin: 0 16px;
    padding: 12px 0;
} */

.ghp-card-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

/* .ghp-card-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
    margin-top: 16px;
} */

.ghp-card-listItem {
    cursor: pointer;
    display: block;
}

.ghp-articleIcon {
    /* background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAi0lEQVRo3u3ZwQ2AMAiFYUZwJidgKfdkCO+IpgvYVIX6H96xKd+hkBRxd6kcAQAAwMSAdds1YhH/KOfd2gVoxXuSaA/AEgHsFiAOLImKv/IvQEMAAPAkYPRAAgCgGoAuBIA5QBcCwBygCwFgDox/rAAAVAHQhQAAyA+o+70+xYKj/IqJLSUAAABeyQEaEsQIJWwr/wAAAABJRU5ErkJggg==); */
}
.ghp-searchPage-result{
    padding-top: 16px;
    margin-top: 0;
}


.darktheme.smart-style-5 .ghp-contentFrame {
    background: #424242 !important;
}
.ghp-contentFrame {
    overflow-y: auto;
    height: 555px;
    left: 0px;
    top: 0px;
    background: #fff;
    border: 0;
    position: absolute;
    top: 0;
    width: 100%;
    padding: 0 16px !important;
    margin: 0;
    font-style: normal;
    font-variant-ligatures: normal;
    font-variant-caps: normal;
    font-variant-numeric: normal;
    font-variant-east-asian: normal;
    font-weight: 400;
    font-stretch: normal;
    font-size: 14px;
    line-height: 20px;
    font-family: Roboto, "Helvetica Neue", Helvetica, sans-serif;
   

}
.backgroudView{
 filter: blur(5px);
position: absolute;
width: 100%;
}

.foreground {
  backdrop-filter: blur(10px);
  }

/* .ghp-searchPanel-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
} */

/* .ghp-searchPanel-listItem {
    display: block;
} */

/* .ghp-separator {
    border-top: 1px solid #e0e0e0;
} */

.ghp-button.ghpv-alignStart {
    text-align: left;
}

.ghp-button.ghpv-block {
    box-sizing: border-box;
    display: block;
    width: 100%;
}

.ghp-button {
    background: none;
    border: none;
    border-radius: 3px;
    color: #4285f4;
    cursor: pointer;
    display: inline-block;
    font: 500 14px Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
    min-width: 88px;
    padding: 12px 10px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}
.ghp-externalLink::after {
    /* background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAA9klEQVRo3u3ZvRGDMAyGYY/gmTQBo7CE9mCkjOAh1DtNihQ5sOHTj3Mq1JL34WyO4NJ7LytPSUACEvDHAGLZiKURS787P64Juc4l4BPfn44noC0LIJaKiA8F0N6MxHKgl5AZ4Co+NGAkPizgJP4IDziLn/l9F8BVfGjASHxYwGh8SMBMfDjAbHwowJ14yOs0AqAdrwqwiFcDWMWrAFDxLpsYeefNAehlYwrQWPNmAK0NawIgll3raWMFqMTy0nhUWi6hb8QBfO023cSVWHbwn551vkokIAEJMAB4j9vnddA0twMO0GxuR0xP7/xZfJ5SJiABCfCfNz7lKd/8aYIzAAAAAElFTkSuQmCC); */
    background-repeat: no-repeat;
    background-size: 100%;
    content: "";
    display: inline-block;
    height: 13px;
    margin-left: 4px;
    width: 15px;
}
.darktheme.smart-style-5 .ghp-iconTextComponent-label {
    color: #f8f8f8 !important;
}

.helpLoader{
    /* margin: 13px 0px 0px 270px !important; */
    padding: 45%;
}

.darktheme.smart-style-5 .spin-loader.helpLoader  {
    /* margin: 13px 0px 0px 270px !important; */
    padding: 45%;
    background: url(../img/spin-loader_small_white.svg) no-repeat !important;
   
}
.darktheme.smart-style-5 .panel-default {
    border-color: #616161!important;
}
.darktheme.smart-style-5 .orderdetail a{
    color: #FFF !important;
}
.sbdd_a{
  z-index: 1202;
}

.sbdd_a[dir=ltr] .fl, .sbdd_a[dir=rtl] .fr {
    float: left;
}

.sbsb_a {
    background: #424242;
    max-height: 380px;
    overflow-y: auto;
}

.sbdd_b {
    border: none!important;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.258824),0 2px 10px 0 rgba(0,0,0,0.156863)!important;
}

.sbsb_b {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.sbsb_b {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.smart-style-2 .sbsb_a {
    background: white !important;
}

.smart-style-6 .sbsb_a {
    background: white !important;
}

.smart-style-0 .sbsb_a {
    background: white !important;
}

/* ghp-card-list ghp-searchResults:hover{
    color: #f1f3f4 !important;
} */
.ui-dialog.tutorialItem{
    height: 625px !important;
}
.helpContent:hover {
    background-color: #e1e1e1 !important;
    /* border-bottom: #c1c1c1 !important; */
}
.darktheme.smart-style-5 .helpContent:hover {
    background-color: #616161 !important;
    /* border-bottom: #c1c1c1 !important; */
}

.darktheme.smart-style-5 .ghp-content {
    background: #424242 !important;
}
.toolTipPopUp .ui-widget-content {
    height: auto !important;
    max-height: 750px !important;
    overflow: auto;
}

ng-select.ng-single .ng-control .ng-value-label{
    color: #999;
    }
.darktheme.smart-style-5 ng-select .ng-control .ng-value-label, .darktheme.smart-style-5 ng-select .ng-control .ng-value-container .ng-placeholder, .darktheme.smart-style-5 ng-select .ng-control .ng-value-container .ng-input{
    color: #fff;
}
.filePermission .cuppa-dropdown{
    height: 480px;
}
.shortCutsDisplay .deleteShortcut {
    position: absolute;
    top: -3px !important;
    right: 0px !important;
    left: inherit !important;
    margin: 0 !important;
    z-index: 1 !important;
    color: #a90329 !important;
    cursor: pointer !important;
}
.shortCutsDisplay .deleteShortcut:hover {
    color: rgb(102, 103, 102) !important;
}
.darktheme.smart-style-5 .shortcutDark{
    color: #4c4f53;
}
.disableScroll{
    overflow: hidden;
}
.ccItems ng-select .ng-control {
    margin-top: 18px !important;
}

.goog-tooltip {
    color: black;
 }
 ngx-select-dropdown input{
     color: black !important;
 }
 #searchClearDefault {
    padding: 10px;
    position: absolute;
    top: 0;
    bottom: 0;
    height: 14px;
    font-size: 12px;
    cursor: pointer;
    color: black;
    z-index: 999;
}
.searchDefault{    
    margin-left: -37px;
}
.smart-style-0 #left-panel, .smart-style-2 #left-panel, .smart-style-6 #left-panel, .smart-style-5 #left-panel{
    position: fixed;
}
.darktheme.smart-style-5 ng-select .ng-control .ng-value-container .ng-input > input {
    color: white;
}
/* commented forcreditor workflow image change in workflowList table */
/* .workflowImage{
    width: 120px;
}
.workFlowPophover{
    width: 120px;
} */
.updateUserSettings .ngx-dropdown-list-container{
    position: fixed !important;
    width: 57% !important;
}
.darktheme.smart-style-5 ngx-select-dropdown input, .darktheme.smart-style-5 ngx-select-dropdown label{
    color: #fff !important;
}
label input[type=checkbox].checkbox:checked+span{
    font-weight: normal !important;
}
.ui-dialog.tutorialItem.ui-widget.ui-widget-content.ui-front.ui-draggable {
    border-color: #616161;
}
.margin-top-15-important {
    margin: 1px !important;
}
.padding-left-30 {
    padding-left: 30px !important;
}
.addAssignmentPad{
    padding: 10px 0px !important;
    min-height: 200px !important;
}
/* .workflow-overview.ledger{
    overflow-y: hidden !important;
} */
.ngx-dropdown-container .ngx-dropdown-list-container ul.available-items li:hover{
    background-color: #337ab7;
    color:#fff !important;
}
.assignmentFormInvoiceSpinLoader{
    position: absolute;
    height: 100%;
    width: 100%; 
    bottom: 0;
    left: 50%;
    right: 0;
    top: 75%;
    z-index: 9999;;
}
.darktheme.smart-style-5 .big-spin-loader {
    background: url(../img/spin-loader_big_white.svg) no-repeat !important;
   
}
.importTooltipLoader{
    margin-top: 0px !important;
    margin-bottom: 15px !important;
}

.heasderLine{
    padding: 2px;
    border-bottom: 1px solid #aaaaaa;
}

.contentLink{
    color: #b7eb00 !important;
}
.orderWorkTables{
    padding: 13px 13px;
 }
.orderworkflow .jarviswidget>div{
    padding: 13px 13px !important;
}
/* .shopping-basket.basket .jarviswidget>header {
    height: 35px !important;
} */
 .cartWidget{
    margin-bottom: 3px !important;
}
.basketcontainer{
    max-height: 800px;
    height: 775px;
}
.articleListCart{
    max-height: 80%;
    height: 691px !important;
    overflow-y: scroll;
}
/* .cartArticleHeader a{
    height: 32px !important;
} */

.cartFlow{
    margin-top: 17px;
    margin-bottom: 25px;
}
.cartFlowSteps{
    width: 40% !important;
}
.articleListHead .jarviswidget-ctrls .button-icon{
    height: 40px !important;
 }
 .assignmentCart{
     padding:3px !important;
 }
 .shopping-basket.basket.order .jarviswidget>.orderHeader {
    height: 45px !important;
}
.viewOrderTable{
    height: 335px;
    display: block;
    min-height: 0px;
    max-height:335px;
    overflow-y: scroll !important;
}

.font-size-20{
    font-size: 20px;
    font-weight: 400;
}
.darktheme.smart-style-5 .orderWorkNormTable .table-bordered>thead>tr>th {
    border: 1px solid rgba(255,255,225,.15);
    border-left-width: 0 !important;
    border-width: 1px;
}
.darktheme.smart-style-5 .shopping-basket.basket .orderWorkNormTable .table>tbody>tr>td {
    border: 1px solid rgba(255,255,225,.15) !important;
    border-left-width: 0 !important;
    border-bottom-width: 0 !important;
}
.darktheme.smart-style-5 .shopping-basket.basket .orderWorkNormTable.myOrderTables .table>tbody>tr>td {
    border-bottom-width: 1px !important;
}
.orderWorkNormTable .table-bordered>thead>tr>th {
    border: 1px solid #ddd;
    border-left-width: 0 !important;
    border-width: 1px;
}
.shopping-basket.basket .orderWorkNormTable .table>tbody>tr>td {
    border: 1px solid #ddd !important;
    border-left-width: 0 !important;
    border-bottom-width: 0 !important;
    padding: 3px 10px;
}
.shopping-basket.basket .orderWorkNormTable.myOrderTables .table>tbody>tr>td {
    border-bottom-width: 1px !important;
}
.orderWorkNormTable .smart-form .checkbox i {
    top: 3px !important;
}
.cartTable, .cartTable th, .cartTable td {
    border: 1px solid #616161!important;
}
.cartTable td{
    padding: 15px!important;
}
.cartTable  { 
    border-collapse: collapse; width: 100%; 
}
.articleListCart thead th { 
    position: sticky; top: 0; 
}
.articleListCart th { 
    background:#333; 
}
.articleListCart tr:after {
    content: ' ';
    display: block;
    visibility: hidden;
    clear: both;
}
.overviewClass{
    z-index: 999;
}
.viewOrderWorkTable .table tbody tr:first-child td{
    border: 1px solid #ddd !important;
}
.darktheme.smart-style-5 .viewOrderWorkTable .table tbody tr:first-child td{
    border: 1px solid rgba(255,255,225,.15) !important;
}
.viewOrderWorkTable table.table-bordered tbody td{
    border-bottom-width: 1px !important;
}
.viewOrderWorkTable table.table-bordered td:last-child{
    border-right-width: 1px !important;
}
.margin-right-25{
    margin-right: 25px !important;
}
.darktheme .smart-style-5 .cartBasket .tabs-left>.nav-tabs li.active>a {
    box-shadow: 4px 0 0 #fff inset !important;
}
.addressVertical{
    vertical-align: top !important;
}
.goodsReceivedDiv textarea {
    margin-top: -24px;
}
.goodsReceivedDiv input {
    margin-top: -24px;
}
.AddGoodsBtn{
    margin-top: 66px;
}
.invoice-table tr>td:hover{
    cursor: pointer;
}
.amountDiv
{
    width:25% !important;
}
.amountDiv .amount
{
    float: right;
}

h4.clipped-basketName{
    white-space: nowrap;
    width: 255px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.clipped-basketMemo{
    white-space: nowrap;
    width: 255px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.basket-tooltip,.basketmemo-tooltip {
    position: relative;
    display: inline-block;
  }
  
.basket-tooltip .basket-tooltiptext {
    visibility: hidden;
    width: 240px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    font-size: 13px;
    position: absolute;
    z-index: 1;
}

.basketmemo-tooltip .basketmemo-tooltiptext {
    visibility: hidden;
    width: 300px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px;
    font-size: 13px;
    position: absolute;
    z-index: 1;
    left: 0;
    display: block;
    word-break: break-all;
    top: -10px;
}
  
.basket-tooltip:hover .basket-tooltiptext ,.basketmemo-tooltip:hover .basketmemo-tooltiptext{
    visibility: visible;
}
#goodsReceievedPopup .document_table_left tr>td, #changeAccountingPopup .document_table_left tr>td{
    padding: 5px;
}
.smart-style-0 li:not(first) .list-group-item, .smart-style-2 .li:not(first) .list-group-item{
    background: #fff !important;
}
.shopping-basket .smart-timeline-time {
    width: 73px;
}

@media only screen and (max-width: 1500px) {
    h4.clipped-basketName, .clipped-basketMemo{
        width: 200px;
    }
}

.smart-style-0 .articleListCart th, .smart-style-2 .articleListCart th {
    background: #fff;
}
.smart-style-0 li.basket-listItem.active .list-group-item, .smart-style-2 li.basket-listItem.active .list-group-item{
    background: rgba(184,227,243,.43) !important;
}
.smart-style-0 li .list-group-item, .smart-style-2 li .list-group-item{
    background: #fff;
}

.smart-style-2 li:not(.active) .list-group-item.firstItem, .smart-style-0 li:not(.active) .list-group-item.firstItem{
    background : #f8f8ff !important;
}
.smart-style-0 .basket-data, .smart-style-2 .basket-data{
    border-right: 1px solid #ddd !important;
}
.smart-style-2 li:not(.active) .list-group-item, .smart-style-0 li:not(.active) .list-group-item{
    background: #fff !important;

}
.smart-style-0 li:not(first) .list-group-item, .smart-style-2 .li:not(first) .list-group-item{
background: #fff !important;
}

.smart-style-0 .cartTable, .smart-style-0 .cartTable th, .smart-style-0 .cartTable td, .smart-style-2 .cartTable, .smart-style-2 .cartTable th, .smart-style-2 .cartTable td{
    border: 1px solid #ddd !important;
}
.orderHeader .dt-toolbar div.dataTables_filter input {
    width: 250px !important;
}
.notesTable .dataTables_length .form-control{
    display: none;
}

.catalog-list .tree .parent_li .treeNodes{
    width: unset !important;
}
.remarksOrder td{
    padding: 8px 10px !important;
}
.myorder-form .formly.horizontal .orderDateWidth .form-control-label{
    width: 28px !important;
}
.orderListItems{
    padding-top:0px !important;
}

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

.orderlist-tooltip .orderlist-tooltiptext{
    visibility: hidden;
    width: auto;
    max-width: 250px;
    word-break: keep-all;
    background-color: black;
    color: #fff;
    /* text-align: center; */
    border-radius: 6px;
    padding: 5px;
    font-size: 13px;
    position: absolute;
    z-index: 1000;
    top: 100%;
    /* right: 45% !important;
    left: inherit !important; */
}
.orderlist-tooltip:hover .orderlist-tooltiptext {
    visibility: visible;
}
.width-40{
    width: 40% !important;
}
.width-15{
    width: 15% !important;
}

.tpiCompany-btn:first-child{
    margin-right: 2px;
    margin-left: 14px;
}
a.tpiCompany-btn{
    width: 255px !important;
}

@media only screen and (max-width: 1280px) {
    a.tpiCompany-btn{
        width: 'auto';
    }
}

.clipped-attributeData{
    white-space: nowrap;
    width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.clipped-attributeKey{
    white-space: nowrap;
    width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.attr-tololtipKey{
    position: relative;
    display: inline-block;
}
.attr-tololtipKey .attr-tololtipTextKey{
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
    position: absolute;
    z-index: 1;
}
.attr-tololtipKey:hover .attr-tololtipTextKey{
    visibility: visible;
}

.attr-tololtipData{
    position: relative;
    display: inline-block;
}
.attr-tololtipData .attr-tololtipTextData{
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
    position: absolute;
    z-index: 1;
}
.attr-tololtipData:hover .attr-tololtipTextData{
    visibility: visible;
}

.tpiAttributeDetail{
    width: 375px !important;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-bottom: 0;
}

.table-forum tr td>i.apps-icon{
    display: block;
    margin: auto;
    margin-bottom: 8px;
    width: 29px;
    height: 29px;
}    
.analytics ul#sparks li:last-child{
    border-left: 1px solid #616161;
}
.articleExpireMonth sa-widget:first-child>div:first-child {
    height: 543px;
}
.replaceUserContract .deleted{
    color:red;
}
.searchDetailpanewidth{
    width: 14.2% !important;
}

.addAttribute label.form-control-label.multiselect, .editAttribute label.form-control-label.multiselect {
    position: absolute;
}

.expireData .dt-toolbar-footer .dataTables_info{
    width: 400px !important;
    word-wrap: break-word !important;
    white-space: normal;
}
.to-draw-rectangle .rectangle {
    border: 1px solid #0b528c!important;
    background-color: #ccdce9;
    padding: 10px 0!important;
    text-align: left!important;
    line-height: normal;
    height: auto!important;
    min-height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0!important;
}
.to-draw-rectangle .rectangle .change-postion, .to-draw-rectangle .rectangle .remove-postion {
    top: -22px;
    position: absolute;
    background-color: #073e84;
    color: #fff;
    font-size: 15px;
    cursor: pointer;
    border-radius: 2px;
    padding: 0px 3px;
}
.to-draw-rectangle .rectangle .remove-postion {
    left: -1px;
}
.to-draw-rectangle .rectangle .change-postion {
    left: 20px;
}
.to-draw-rectangle .rectangle .user-icon {
    background-color: #ccdce9;
    border: 1px solid #0b528c;
    font-size: 18px;
    color: #0b528c;
    position: absolute;
    right: -35px;
    height: calc(100% + 2px);
    width: 35px;
}
#signature {
    overflow: hidden;
}
.myorderClearBtn{
    margin-bottom: 6%;
}
.darktheme.smart-style-5 .insightGraph #sparks li{
    border-left: 1px solid #616161 !important;
}
.darktheme.smart-style-5 .insightGraph #sparks li:first-child{
    border-left: none !important;
}
.insightGraph.analytics ul#sparks li {
    border-left: 1px solid #616161;
}
.insightGraph.analytics ul#sparks li:first-child{
    border-left: none !important;
}
.darktheme.smart-style-5 .insightGraph #sparks li{
    border-left: 1px solid #616161 !important;
}
.darktheme.smart-style-5 .insightGraph #sparks li:first-child{
    border-left: none !important;
}
.signStatus-box .progress .progress-bar {
    position: static !important;
}
.to-draw-rectangle .rectangle .word-eclips {
    display: inline-block;
    width: 75px;
    white-space: nowrap;
    overflow: hidden!important;
    text-overflow: ellipsis;
    top: 37px;
    position: absolute;
    right: -35px;
    background-color: #ccdce9;
    padding: 2px 7px;
    font-size: 10px;
    font-weight: 500;
    color: #0b528c;
    text-align: center;
    border: 1px solid #0b528c;
}

.highlightedRow td {
    padding: 1em 3em;
    border: 1px solid grey;
    position: relative;
}

.highlightedRow td:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    border-left: 0.5em solid transparent;
    border-top: 0.5em solid red;
}

.folderOptionMenu.dropright .dropdown-menu {
    top: 0;
    right: auto;
    left: 100%;
    margin-top: 0;
    margin-left: 3px;
    padding: 0px;
    width: 130px;
}
.folderOptionMenu .dropdown-menu {
    -webkit-box-shadow: 0 0 15px 1px rgba(80,87,105,.2);
    box-shadow: 0 0 15px 1px rgba(80,87,105,.2);
    -webkit-user-select: text;
    border: 0 solid rgba(0,0,0,.15);
    display: block;
    z-index: auto;
}
.folderOptionMenu .dropdown-item {
    display: block;
    width: 100%;
    padding: 10px 20px;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}
.openMenu, .openMenuFile {
    padding: 10px;
}

.purchaseTodoWidget .widget-body{
    height: 352px !important;
}

#editreminder ng-select .ng-menu, #newreminder ng-select .ng-menu {
    position: fixed;
    width: 272px;
}
.decodeTextArea{
    width: 350px;
    height: 150px;
    float: left;
    margin:10px;
    font-size: 14px;
    padding: 10px;
    color: #666;
    background-color: #f0f0f0;
}
.decodeTextArea::placeholder {
    color: #666 !important;
}
/* .decode {
    color: #fff !important;
} */
/* .darktheme.smart-style-5 .decodeTextArea {
    background-color: #616161 !important;
} */
.devOptions {
    position: fixed;
    bottom: 52px;
    right: 13px;
    width: 750px;
    height: 315px;
    background-color: #fff;
    /* border: 0.5px solid #ddd; */
    z-index: 999;
}
.devOptions .nav-tabs{
    background: #323232 !important;
    color: #fff !important;
}
.devOptions .nav-tabs>li.active>a, .devOptions .nav-tabs>li>a:hover {
    background: rgba(0,0,0,.43) !important;
    color: #fff !important;
    margin-right: 0px;
    /* border: none !important; */
}
.devOptions hr {
    border-top: 1px solid #eee;
}
.devOptions .nav-tabs>li>a {
    color: #fff !important;
    padding: 13px !important;
}
/* .darktheme.smart-style-5 .devOptions {
    background-color: #303030 !important;
    border: 0.5px solid #666;
} */
/* .smart-style-2 .header-dropdown-list a.dropdown-toggle, .header-dropdown-list a.dropdown-toggle{
    color: #ffffff !important;
} */
.dev-option{
    width: 50%;
    margin-top: -25px;
}
.usersGraph .dygraph-legend{
    background: none !important;
}
.darktheme.smart-style-5 .statisticsSideNav{
    background-color: #303030;
}

.downloadCenter.mainWindow.container{
    position: fixed;
    bottom: 45px;
    right: 1px;
    z-index: 9999;
}
.downloadCenter.mainWindow.container .head{
    height: 52px;
    -webkit-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    background-color: #323232;
    border: 1px transparent solid;
    bottom: 24px;
    color: #fff;
    font-size: 14px;
    height: 52px;
    line-height: normal;
}
.downloadCenter.mainWindow.container .head .headControls .col-xs-2:hover{
    background-color: rgb(255, 255, 255,.12);
    color: #fff;
    cursor: pointer;
}
.downloadCenter.mainWindow.container .head .headControls .downloadButton:hover{
    background-color: rgba(11, 66, 37, 0.12);
    color: white;
    cursor: pointer;
}
td.downloadButton {
    cursor: pointer;
    text-align: center;
}

.downloadCenter.mainWindow.container .contentWindow{
    padding: 15px;
    background-color: white;
    color: black;
    overflow-y: auto;
    height: 250px;
    
}
.downloadCenter.mainWindow.container .contentWindow td{
    padding: 10px;
}
.downloadCenter.mainWindow.container .contentWindow th{
    padding: 10px;
}
.downloadCenter .contentWindow table {
    width: 100%;
    table-layout: auto;
}
.downloadCenter .contentWindow thead {
    width: 100%;
    height: 20px;
}
.downloadCenter .contentWindow tbody {
    max-height: 200px;
    width: 100%;
}
.downloadCenter.mainWindow.container.maxWindow{
   width: 50%;
}
.downloadCenter.mainWindow.container.minWindow{
    width: 35%;
 }
 .table-bordered1, .table-bordered1>tbody>tr>td, .table-bordered1>tbody>tr>th, .table-bordered1>tfoot>tr>td, .table-bordered1>tfoot>tr>th, .table-bordered1>thead>tr>td, .table-bordered1>thead>tr>th {
    border: 1px solid #ddd;
}
 @media (max-width: 1270px) and (min-width: 991px){
    .downloadCenter.mainWindow.container.minWindow{
        width: 50% !important;
     } 
 }
.disabledCursor{
    cursor: not-allowed;
    pointer-events: all !important;
    text-align: center;
}
.fixTopOfFooter{
    margin-top: -25px;
} 
.categorySelected {
    background-color: #e2b14a !important;
}
.fileMove{
    color: #073e84 !important;
}
/* Activitylog */
.fileViewEye, .fileViewEye:focus, .fileViewEye:hover{
    /* position: absolute;
    right: 10px;
    top: 10px; */
    background: white;
    color: #073e84;
    width: 35px;
    height: 35px;
    line-height: 33px;
    border: 1px solid #073e84;
}

.darktheme.smart-style-5 .fileViewEye:hover {
    /* position: absolute;
    right: 10px;
    top: 10px; */
    background: white !important;
    color: #073e84 !important;;
    width: 35px;
    height: 35px;
    line-height: 33px;
    border: 1px solid #073e84!important;;
} 

.activity-log-box .activity-head .title {
    margin: 0;
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
    color: #073e84;
}
.activity-log-box .activity-head {
    padding: 10px 20px 0;
    margin-bottom: 10px;
}
.activity-log-box .activity-main-wraper .activity-main .profile {
    margin-bottom: 15px;
}
.activity-log-box .activity-main-wraper .activity-main .profile .image {
    background-color: #005395;
    overflow: hidden;
    height: 40px;
    width: 40px;
    border-radius: 50%;
}
.activity-log-box .activity-main-wraper .activity-main .profile .image span {
    font-size: 14px;
    font-weight: 700;
    color: #fff;
}
.activity-log-box .activity-main-wraper .activity-main .profile .name {
    width: calc(100% - 50px);
    margin-left: 10px;
    font-size: 16px;
    font-weight: 600;
}
.activity-log-box .activity-main-wraper .activity-main .profile .name .name-word {
    display: inline-block;
    width: auto;
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    position: relative;
    padding-right: 25px;
}
.align-items-center {
    align-items: center!important;
}
.justify-content-center {
    justify-content: center!important;
}
.flex-wrap {
    flex-wrap: wrap!important;
}
.d-flex {
    display: flex!important;
}
.justify-content-end{
    justify-content: flex-end !important;
}
.flex-column{
    flex-direction: column !important;
}
.activity-log-box .activity-main-wraper .activity-main .icon-bar .icon {
    font-size: 15px!important;
    /* margin-right: 33px !important; */
    font-weight: 600 !important;
    cursor: pointer !important;
}
.activity-log-box .activity-main-wraper {
    padding: 0 20px 20px;
    overflow-y: auto;
    max-height: 100%;
}
.activity-log-box .activity-main-wraper .activity-main {
    padding: 18px 0;
    border-bottom: 2px dotted #d0d0d0;
}
.activity-log-box .activity-head a .mat-icon {
    font-weight: 600;
    font-size: 30px;
}
.activity-log-box .activity-main-wraper .activity-main .icon-bar .icon .mat-icon {
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 20px;
    color: #9d9d9d;
    margin-right: 3px;
    font-weight: 100;
}
.mat-icon {
    background-repeat: no-repeat;
    display: inline-block;
    fill: currentColor;
    height: 24px;
    width: 24px;
}
.activity-log-box .activity-main-wraper .activity-main .profile .name .email {
    font-size: 14px;
    display: block;
    color: #073e84;
    font-weight: 500;
}
.activity-log-box.activity-log-show {
    transform: translateX(0);
    right: 16px;
}
.activity-log-box {
    display: none;
    background-color: #fff;
    border-radius: 5px;
    -webkit-filter: drop-shadow(0 11px 20px rgba(207,228,242,.52));
    filter: drop-shadow(0 11px 20px rgba(207,228,242,.52));
    width: 375px;
    max-width: 100%;
    height: calc(100% - 110px);
    display: flex;
    flex-direction: column;
    position: relative;
    overflow: hidden;
    position: absolute;
    right: -5px;
    top: 125px;
    transition: all .3s ease;
    transform: translateX(100%);
    z-index: 99;
}
.activity-log-box .activity-main-wraper .activity-main .icon-bar .activity-info {
    padding: 15px;
    border-radius: 10px;
    background-color: #f5f5f9;
    margin-top: 10px;
    width: 100%;
}
.activity-log-box .activity-main-wraper .activity-main .icon-bar .activity-info .info-text {
    margin: 0 0 5px;
    font-size: 13px;
    color: #717171;
    padding: 5px 0;
}
.activity-log-box .activity-main-wraper .activity-main .icon-bar .activity-info .info-text .info {
    max-width: 70%;
}
.activity-log-box .activity-main-wraper .activity-main .icon-bar .activity-info .info-text .info .shared {
    display: inline-block;
    width: auto;
    max-width: 80%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    position: relative;
    padding-right: 20px;
}
.align-items-start {
    align-items: flex-start!important;
}
.justify-content-between {
    justify-content: space-between!important;
}
.activity-log-box .activity-main-wraper .activity-main .icon-bar .activity-info .info-text .info .mat-icon {
    width: 18px;
    height: 18px;
    line-height: 18px;
    font-size: 15px;
    margin-right: 5px;
}
.activity-log-box .activity-main-wraper .activity-main .icon-bar .icon .mat-icon:hover {
    color: #073e84;
}
.activity-log-box .activity-main-wraper .activity-main .icon-bar .icon .mat-icon {
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 20px;
    color: #9d9d9d;
    margin-right: 3px;
    font-weight: 600;
}
.log-icon.active i{
    color: #0a2d61!important;
}
.darktheme.smart-style-5 .activity-log-box {
    background: #616161 !important;
    color: #fff;
    filter: none !important;
}
.darktheme.smart-style-5 .activity-log-box .activity-main-wraper .activity-main .icon-bar .activity-info {
    background: #424242 !important;
}
.darktheme.smart-style-5 .activity-log-box .activity-main-wraper .activity-main .icon-bar .activity-info .info-text {
    color: #eee !important;
}
.darktheme.smart-style-5 .activity-log-box .activity-head .title, .darktheme.smart-style-5 .activity-log-box .activity-main-wraper .activity-main .profile .name .email,
.darktheme.smart-style-5 .activity-log-box .activity-main-wraper .activity-main .icon-bar .icon .mat-icon:hover, .darktheme.smart-style-5 .log-icon.active i {
    color: #b7eb00 !important;
}
.view-box .file-name {
    background-color: #fff;
    border-radius: 5px;
    color: #073e84;
    border: 1px solid #073e84;
    min-height: 30px;
    width: fit-content;
    padding: 5px;
    font-weight: 600;
}
.sticky-count {
    padding: 5px 12px;
    background-color: #073e84;
    color: #fff;
    z-index: 9;
    border-radius: 26px;
    float: right;
    margin-right: 15px;
}
#searchClearContract {
    padding: 10px;
    position: absolute;
    right: 6%;
    top: 0px;
    bottom: 0;
    height: 14px;
    font-size: 12px;
    cursor: pointer;
    color: black;
    z-index: 999;
}
#searchClearSearchContract {
    padding: 10px;
    position: absolute;
    right: 6%;
    top: 0px;
    bottom: 0;
    height: 14px;
    font-size: 12px;
    cursor: pointer;
    color: black;
    z-index: 999;
}
.contractSearchForm .jarviswidget{
    margin-right: -10px;
}
.searchContractInfoIcon{
    margin: -32px 30px 0px 0px;
    float: right;
}
.smart-style-6 .searchButtonIcon{
    margin: -3px 0px 0px -3px;
    padding-bottom: 10px !important;
    border-bottom: 1px solid #ccc !important;
}
.smart-style-2 .searchButtonIcon,.smart-style-0 .searchButtonIcon{
    margin: -3px 0px 0px -3px;
    padding-bottom: 9px !important;
    background-color: #eee !important;
    border-left: 1px solid #ccc !important;
    border-top: 1px solid #ccc !important;
    border-bottom: 1px solid #ccc !important;
}
.darktheme.smart-style-5 .searchButtonIcon{
    margin: -2px 0px 0px -3px;
    padding-bottom: 9px !important;
    color: #fff !important;
    background: #616161 !important;
    border-color: #616161 !important;
}
.formly .input-group-addon.searchButtonIcon{
    left: 4px;
}
.darktheme.smart-style-5.divWidget{
    width: 250px;
    height: 34px;
    color: #fff;
    border: 1px solid #616161;
    font-size: 14px;
    padding-left: 10px;
    line-height: 34px;
    font-weight: 400;
    letter-spacing: 0;
}
.collapsedWidget{
    width: 250px!important;
}
.contractSearchToggle{
    width: 94%;
}
@media screen and (min-width: 1600px) {
    .advanceSearchInput {
      width: 93%;
    }
}
@media (min-width: 1025px) and (max-width: 1440px) { 
    .advanceSearchInput {
        width: 89%;
    }
}
.margin-top-18{
    margin-top: 18px !important;
}
.darktheme.smart-style-5 .shopping-basket.basket .orderWorkNormTable.orderOverviewArticleDetails .table>tbody>tr>td, .shopping-basket.basket .orderWorkNormTable.orderOverviewArticleDetails .table>tbody>tr>td {
    border-bottom-width: 1px !important;
}
.darktheme.smart-style-5 .shopping-basket.basket .orderWorkNormTable.detailsTable .table>tbody>tr>td, .shopping-basket.basket .orderWorkNormTable.detailsTable .table>tbody>tr>td {
    border-bottom-width: 1px !important;
}

.newsection .card,.tab-section .card {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-clip: border-box;
    border: 1px solid #616161 !important;
    border-radius: .25rem;
    -webkit-box-shadow: 0 0 3px #fff;
    box-shadow: 0 0 3px #fff;
    
}

.darktheme.smart-style-5 .newsection .card,.darktheme.smart-style-5 .tab-section .card{
    border: 1px solid #ddd;
}

.newsection .card .card-body,.tab-section .card .card-body{
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem;
    height: 100px;
    margin: auto;
}

.tabdelete-icon{
    margin-right: -8px;
    cursor: pointer;
}
.shopping-basket.basket.order .tabs-left>.nav-tabs li>a .badge.countBadge {
    position: absolute;
    top: -12px;
    right: -19px;
    text-transform: capitalize;
}
.accountingSettColor{
    color: #2f383d
}
.darktheme.smart-style-5 .accountingSettColor{
    color: #FFF;
}
.font-size-14{
    font-size: 14px;
}
.font-size-16{
    font-size: 16px;
}
.ui-dialog .detailsPart .table td{
    padding: 0px !important;
}

div.disableSection{
    pointer-events: none;
    opacity: 0.4;
}
.margin-left-14 {
    margin-left: 14px !important
}
.disableLangSelect select,form.disableInputs input,form.disableInputs select,form.disableInputs textarea{
    pointer-events: none !important;
}
.disableLangSelect,form.disableInputs input,form.disableInputs select,form.disableInputs textarea{
    cursor: not-allowed !important;
}
.stepNameEdit label{
    opacity: 0;
}
.stepDrag #original_items, #cloned_items {
    list-style: none;
}

.stepDrag #original_items a {
    float: left;
    position: relative;
    z-index: 5;
}

.stepDrag div a {
    margin: 3px 3px 3px 0;
    padding: 1px;
    width: 100px;
    height: 90px;
    font-size: 4em;
    text-align: center;
    /* border: solid 1px #333; */
    /* background-color: #ddd !important; */
}

.stepDrag #cloned_items a {
    position: absolute;
    z-index: 1;
}
/* .sortIt { 
    width: 120px;
    float: left; 
    margin: 4px; 
    text-align: center;
} */
.invoiceEditDeleteButtons{
    margin-left: -30px !important
}

.searchcontract.user-search ng-select.ng-multiple .ng-control .ng-value-container .ng-value {
    max-width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
}
.searchcontract.user-search ng-select.ng-multiple .ng-control .ng-value-container .ng-value .ng-value-wrapper .ng-value-label{
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.renameBookmarkLink{
    width: 100%;
    border: 1px solid !important;
}
.darktheme.smart-style-5 .renameBookmarkLink{
    color: #fff;
    width: 100%;
    background: none;
    border: 1px solid #fff !important;
}
.addLoginPopup{
    border: none;
}
.instanceListTable{
    border: 1px solid #F8F8F8 !important;
}

.instanceListTable:hover{
    background: #b7eb00 !important;
    cursor: pointer;
    background: #b7eb00 !important;
    cursor: pointer;
    box-shadow: 0 0 15px #ececec;
    border: 2px solid #ececec !important;
    box-sizing: border-box;
}
.instanceListTable img{
    background: white !important;
}
.addLoginPopup .ui-dialog-titlebar{
    background-color: rgb(66, 139, 202) !important;
    color: #fff !important;
    border-bottom-color: #357ebd !important;

}
.addLoginPopup .ui-widget-content{
    background-color: rgb(255, 255, 255) !important;
    color: #404040 !important;
}
.filter-select-sm {
    width: 140px;
}
.filter-select-lg {
    width: 180px;
}
.getUnitData41 select {
    min-width: 50px;
}
.smart-style-6 .boldColor,.smart-style-0 .boldColor,.smart-style-2 .boldColor{
    color: #333;
}
.dt-toolbar .dt-buttons.btn-group{
    float: right !important;
}
/* Invoice dashboed new design */
.invoice-dash-overview {
    padding: 15px 15px 0px 15px;
}
.px-0 {
    padding-right: 0!important;
    padding-left: 0!important;
}
.px-10{
    padding-right: 10!important;
    padding-left: 10!important;
}
.mx-0{
    margin-right: 0 !important;
    margin-left: 0 !important;
}
.progress-curve{
    position: relative;
    margin: 4px;
    /* float:left; */
    /* text-align: center; */
    /* height: 200px; */
  }
  .barOverflow{ /* Wraps the rotating .bar */
    position: relative;
    overflow: hidden; /* Comment this line to understand the trick */
    width: 100%; height: 45px; /* Half circle (overflow) */
    margin-bottom: -14px; /* bring the numbers up */
    zoom:1.4;
    margin-left: 16px;
    margin: auto;
  }
  .bar{
    position: absolute;
    top: 0; left: 0;
    width: 90px; height: 90px; /* full circle! */
    border-radius: 50%;
    box-sizing: border-box;
    border: 15px solid #eeeeee ;     /* half gray, */
    border-bottom-color: #b7eb00 ;  /* half azure */
    border-right-color: #b7eb00 ;
  }
  .barB{
    position: absolute;
    top: 0; left: 0;
    width: 90px; height: 90px; /* full circle! */
    border-radius: 50%;
    box-sizing: border-box;
    border: 15px solid #eeeeee ;     /* half gray, */
    border-bottom-color: #b7eb00 ;  /* half azure */
    border-right-color: #b7eb00 ;
  }
  .invoicetable .table>thead>tr>th {
    padding-top: 3px !important;
    line-height: 1.8;
}
.projects-table>tbody>tr>td {
    padding: 1px 10px !important;
}
.supplier-table>tbody>tr>td {
    padding: 3px 15px !important;
}
/* .smart-form .checkbox i {
    top: 10px;
} */
.btn-primary, .btn-info, .btn-danger, .btn-success, .btn-warning, .btn-default:not(.summernoteEditor .btn-default),
.btn-primary:focus, .btn-info:focus, .btn-danger:focus, .btn-success:focus, .btn-warning:focus, .btn-default:not(.summernoteEditor .btn-default):focus {
	border-radius: 15px;
	background: transparent !important;
	border: 2px solid #b7eb00 !important;
	font-size: 13px;
	padding: 3px 15px;
	font-weight: 400;
    color: #000;
}
.darktheme.smart-style-5 .client-form .btn-primary,.darktheme.smart-style-5 .login-app-icons .btn, .darktheme.smart-style-5 .list-inline .btn{
    color: #000 !important;
}
.darktheme.smart-style-5 .company-login-forgot .dropdown-toggle{
    color: #666 !important;
}
.btn-circle:not(.btn-lg){
    padding: 3px 0 !important;
}
.darktheme.smart-style-5 .btn-primary, .darktheme.smart-style-5 .btn-info, .darktheme.smart-style-5 .btn-danger,
.darktheme.smart-style-5  .btn-success, .darktheme.smart-style-5 .btn-warning, .darktheme.smart-style-5 .btn-default {
    color: #fff !important;
}
.darktheme.smart-style-5 .btn-primary:hover, .darktheme.smart-style-5 .btn-info:hover, .darktheme.smart-style-5 .btn-danger:hover,
.darktheme.smart-style-5  .btn-success:hover, .darktheme.smart-style-5 .btn-warning:hover, .darktheme.smart-style-5 .btn-default:not(.summernoteEditor .btn-default):hover {
    color: #000 !important;
}
.darktheme.smart-style-5 #content .btn-primary:active, 
.darktheme.smart-style-5 #content .btn-info:active, 
.darktheme.smart-style-5 #content .btn-danger:active,
.darktheme.smart-style-5 #content .btn-success:active, 
.darktheme.smart-style-5 #content .btn-warning:active, 
.darktheme.smart-style-5 #content .btn-default:active,
.darktheme.smart-style-5 .page-footer .btn:active {
    color: #fff !important;
}
.smart-style-0 #content .btn:not(.over-btn):active,.smart-style-0 .ui-dialog .btn:not(.over-btn):active{
    color: #000 !important;
}
.smart-style-2 .btn:not(.over-btn):active{
    color: #000 !important;
}
.btn-primary:hover, .btn-info:hover, .btn-danger:hover, .btn-success:hover, .btn-warning:hover, .btn-default:not(.summernoteEditor .btn-default):hover {
    border-color: #b7eb00 !important;
    background: #b7eb00 !important;
    color: #000 !important;
}
/* Customized pagination style to iom green */
.pagination>.active>a {
    background-color: #b7eb00 !important;
    border-color: #b7eb00 !important;
    color: #000 !important;
}
.darktheme.smart-style-5  .pagination>li>a {
    color: #fff;
}
.pagination>li>a {
    background-color: transparent !important;
    color: #000;
    border-color: #ccc;
}

.pagination>li:first-child>a,
.pagination>li:first-child>span {
    margin-left: 0;
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px;
    background-color: transparent !important;
    color: #000;
    border-color: #ccc;
}

.pagination>li:last-child>a,
.pagination>li:last-child>span {
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    background-color: transparent !important;
    border-color: #ccc;

}

.darktheme.smart-style-5 .pagination>li>a, 
.darktheme.smart-style-5 .pagination>li:first-child>a,  
.darktheme.smart-style-5 .pagination>li:first-child>span,
.darktheme.smart-style-5 .pagination>li:last-child>a,  
.darktheme.smart-style-5 .pagination>li:last-child>span {
    color: #fff;
    border-color: #666;
}
.smart-style-5 nav ul .active>a {
    color: #b7eb00 !important;
}
.dataTable tbody .shown, .darktheme.smart-style-5 .table-striped>tbody>tr:nth-child(odd) .shown {
    background: #b7eb00 !important;
    color: #000 !important;
}
.dataTable tbody .shown a, .dataTable tbody .shown .text-muted {
    color: #000 !important;
}
.viewDetails, .boldColor {
    font-weight: bold;
}
.dataTable tbody .shown .boldColor,
.dataTable tbody .shown .viewDetails{
    font-weight: 400 !important;
}

.darktheme.smart-style-5 tr.selected a:not(.bg-color-blueLight):hover {
    color: #000 !important;
}
/* .darktheme.smart-style-5 a.btn:not(.bg-color-blueLight):hover {
    color: #fff !important;
} */
.smart-style-0 .showDownloadCenter {
    color: #fff;
}
.darktheme.smart-style-5 .ui-dialog-titlebar-close:before {
    filter: none !important;
}

/* Akhil */
.score{
    color: text-color;
    font-size: 28px;
    display: block;
    width: pie-width;
    text-align: center;
    margin-top: (pie-height/2) + 20;
  }


.legend{
  display: inline-block;
  width:150px;
  vertical-align: text-bottom;
  margin-left:100px;
  background-color: legend-bg;
  }
  .aging-header {
    padding: 0px;
    font-weight: 700;
    font-size:15px;
    text-transform: uppercase;
  }
  .action-item {
    display: flex;
    font-size: 15px;
    margin-bottom: 15px;
  }
  .action-icon {
    float: left;
    margin-right: 3%;
  }
  .card-heading {
    font-size: 19px;
    font-weight: bold;
    margin-bottom: 0px;
    padding: 8px 0px;
  }
  .content-card {
    padding: 0px 50px 19px !important; 
    width: 100%; 
    float: left; 
    height: 210px;
  }
  .action-item-count {
    background-color: #00a673;
    font-size: 11px;
    color: #FFF;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    margin-top: 10px;
    margin-left: 10px;
    font-weight: 700;
    padding-top: 2px;
  }
  .aging-data {
    font-size:14px; 
    display:flex; 
    padding: 5px 0px;
    height: auto;
  }
  .invoiceGraphText{
    font-size:14px;
    margin-top: 4px;
  }
  .invoiceGraphText p{
    margin: 0px !important;

  }
  .invoiceGraphTextBlock{
      margin-left: 73px;
      padding: 13px 0px;
      /* position: absolute;
    top: 81px;
    /* right: 110px; */
    /* left: -26px;  */
  }
  .invoiceGraphTextBlockTop{
    margin-top: 24px;
  }
  .invoiceText{
      font-size: 14px !important;
  }
  .invoiceGraph{
    padding: 0px 15px 15px !important;
    height: 230px;
  }
  .invoiceGraphLayout{
    --fill: hsl(59, 79%, 68%) ;
    margin-left: 20%;
}

  @media (max-width: 980px) {
    .invoiceGraph{
        padding-left: 21% !important;
        height: auto;

      }

}

@media (max-width: 1500px) {
    .invoiceGraph{
        padding: 22px 0px 2px 8px !important;
        height: auto;

      }
      .history-field{
        width: 20% !important;
    }
    .history_btn{
        left: -138px !important;
        position: relative !important;
    }

}
@media (min-width: 1500px) AND (max-width: 1650px) {
    .history_btn{
        left: -7px !important;
        position: relative !important;
    } 
}
@media (max-width: 1500) {
    .history_btn{
        left: -100px !important;
        position: relative !important;
    } 
}
.invoiceGraphTextBlockC{
    /* margin-left: 73px;
    padding: 13px 0px; */
    position: absolute;
    top: 107px;
    /* right: 110px; */
    left: 45px;
}
.invoiceGraphTextBlockB{
    /* margin-left: 73px;
    padding: 13px 0px; */
    position: absolute;
    top: 107px;
    /* right: 110px; */
    left: 45px;
}
.invoiceGraphTextBlockA{
    /* margin-left: 73px;
    padding: 13px 0px; */
    position: absolute;
    top: 107px;
    /* right: 110px; */
    left: 45px;
}
 .invoiceGraphTextCount{
     font-size: 21px;
 }
 .textAlign{
     text-align: initial;
 }
 /* .barOverflowB{
     margin-left: 7px;
 }
 .barOverflowC{
    margin-left: 10px;
} */
.recent-user {
    border-radius: 50%;
    border: 2px solid #b7eb00;
}

.botTempo {
    color: #fff !important;
}
.darktheme.smart-style-5 .auth-btn {
    color: #000 !important;
}

table.dataTable.display tbody>tr.even.selected>.sorting_1, table.dataTable.order-column.stripe tbody>tr.even.selected>.sorting_1 {
    background-color: #b7eb00 !important;
}
table.dataTable.display tbody>tr.selected>.sorting_1{
    background-color: #b7eb00 !important;
}

.view-all {
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 0px; 
    color: #c5c5c5;
    padding-top: 15px;
    cursor: pointer;
}
.margin-bottom-0{
    margin-bottom: 0px !important;
}
.margin-bottom-0 div{
    margin-bottom: 0px !important;
/* div {
    font: 800 40px system-ui;
  } */
}
  table.dataTable.display tbody>tr.even.selected>.sorting_1, table.dataTable.order-column.stripe tbody>tr.even.selected>.sorting_1 {
    background-color: #b7eb00 !important;
  }
/* a .bg-color-blueLight:hover {
    color: #fff !important;
} */
.graphPerText{
    /* margin-top: -13px; */
    bottom: 0;
    position: absolute;
    font-size: 10px;
    width: 90px;
    text-align: center;
}
.jarviswidget {
    margin: 0 0 20px;
    position: relative;
    -moz-border-radius: 0;
    -khtml-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    padding: 0;
}
.barGraphClass{
    position: absolute;
    top: 0; left: 0;
    width: 90px; height: 90px; /* full circle! */
    border-radius: 50%;
    box-sizing: border-box;
    border: 15px solid #eeeeee ;     /* half gray, */
    border-bottom-color: #eeeeee ;  /* half azure */
    border-right-color: #eeeeee ; 
} 
.timePeriod {
    background-color: transparent;
    margin-top: 10px;
    height: 30px;
    border-radius: 5px;
}
.aging-indicator {
    font-size: 9px; 
    border-radius: 25px;
    width: 15px;
    height: 15px;
    margin-top: 2px;
}
.table>tbody>tr>td {
    vertical-align: middle;
}
.invoicetable .dataTables_filter,  .invoicetable  .dataTables_length {
    float: right !important;
    width: auto !important;
}
input[name="optagingradio"], input[name="overview"],input[name="topsuppliersradio"],input[name="bigProject"] {
    accent-color: #b7eb00;
    /* border: 2px solid #b7eb00; */
}
#main{
    padding-bottom: 52px !important;
}
.p-0{
    padding: 0 !important;
}
.invoiceGraphText{
    white-space: nowrap;
    text-overflow: ellipsis; 
    overflow: hidden;
}
.padding-top-15{
    padding-top: 15px !important;
}
a.nextStepBtn{
    cursor: pointer !important;
}
body.smart-style-6 .btn-primary, body.smart-style-6 .btn-info, body.smart-style-6 .btn-danger, 
body.smart-style-6 .btn-success, body.smart-style-6 .btn-warning, body.smart-style-6 .btn-default {
    background-color: transparent !important;
    border-color: #0c7cd5 !important;
    color: #333 !important;
}

body.smart-style-6 .btn-primary:hover, body.smart-style-6 .btn-info:hover, body.smart-style-6 .btn-danger:hover, 
body.smart-style-6 .btn-success:hover, body.smart-style-6 .btn-warning:hover, body.smart-style-6 .btn-default:hover {
    background-color: #0c7cd5 !important;
    border-color: #0c7cd5 !important;
    color: #fff !important;
}
.to-do-list::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}
.to-do-list::-webkit-scrollbar-thumb {
    background: grey;
    border-radius: 5px;
}
.deletegroupmember .ui-dialog-titlebar-close {
    display: none;
}

@media (min-width: 1440px) and (max-width: 1500px){
    .unit-field{
        padding-right: 0 !important;
    }
    .overview-detail .formly.horizontal .unit-field formly-wrapper-addons {
        width: calc(100% - 120px) !important;
    }
}

@media (min-width: 1501px) and (max-width: 1800px){
    .unit-field{
        padding-right: 2px !important;
    }

}
.action-btn, .action-btn:hover {
    font-size: 14px;
    color: #333 !important;
}
.darktheme.smart-style-5 .action-btn, .darktheme.smart-style-5 .action-btn:hover {
    color: #fff !important;
}
.darktheme.smart-style-5  input:focus {
    outline: none !important;
    border:1px solid #c1cc9d !important;
  }
  .darktheme.smart-style-5 select:focus {
    outline: none !important;
    border:1px solid #c1cc9d !important;
  }
  .infoIcon{
    height: 20px; 
    width: 20px;
    cursor: pointer;
    margin-bottom: 10px!important;
}

/* When .infoIcon is inside .import-accounting */
.import-accounting .infoIcon {
    margin-bottom: 0px !important;
}
.idTooltip,.btnTooltip {
    text-align: center;
    z-index: 99999;
    position: absolute;
    width: 250px;
    height: auto;
    border-radius: 5px;
    font: normal normal normal 13px/18px Open Sans;
    background-color: black;
    color: white;
    top: 29px;
    /* left: 87px; */
    right: -111px;
  
}
.idTooltip .insideDivUl-nohover {
        z-index: 99999;
        list-style: none;
        padding: 10px;
        display: flex;
        flex-direction: column;
    } 
.infoIconDiv{
    margin: 6px;
}
.center {
    display: flex;
    justify-content: center;
    height: calc(100vh - 200px)
}
.center h1{
    align-self: center;
}
.chatIcon {
	width: 25px;
	height: 25px;
	margin-right: 10px;
    cursor: pointer;
    margin-bottom: 10px;
}
.idTooltipHelpdesk {
    text-align: center;
    z-index: 99999;
    position: absolute;
    width: 250px;
    height: auto;
    border-radius: 5px;
    font: normal normal normal 13px/18px Open Sans;
    background-color: black;
    color: white;
    top: 55px;
    /* left: 87px; */
    right: -111px;
  
}
.idTooltipHelpdesk .insideDivUl-nohover {
        z-index: 99999;
        list-style: none;
        padding: 10px;
        display: flex;
        flex-direction: column;
    } 
.helpSection
{
    position: absolute;
    bottom: 50px;
    width:100%;
}
.helpSection hr {
    color: #000;
}
.smart-style-3 .chatIcon,
.darktheme.smart-style-5 .chatIcon,
.smart-style-0 .chatIcon {
    filter: brightness(0) invert(1);
}
.smart-style-3 .helpSection,
.darktheme.smart-style-5 .helpSection,
.smart-style-0 .helpSection,
.smart-style-3 .helpSection hr,
.darktheme.smart-style-5 .helpSection hr,
.smart-style-0 .helpSection hr {
    color: #fff !important
}
.select_saporder{
    border: none !important;
    position: relative !important;
    padding: 0px !important;
    z-index: 1;
    height: auto !important;
    overflow-y: hidden !important;
    display: flex;
    flex-direction: row;
    width: 100% !important;
    background: transparent !important;
    align-items: baseline;
    margin-bottom: 5px;
    margin-top: 7px;
}
.mirrorData .dt-toolbar {
    padding: 0;
}
.blacktooltip{
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 2px 2px;
    word-break: break-all;
    z-index: 1;
    white-space: normal;
    position: absolute;
    min-width: 250px;
    
}
.darktheme.smart-style-5 .mirrorBorder{
    border: 1px solid #616161;
}

@media(max-width: 1630px) {
    .invoicetable .dataTables_filter .input-group-addon+.form-control,
    .invoicetableAccounting .dataTables_filter .input-group-addon+.form-control,
    .invoicetablecancel .dataTables_filter .input-group-addon+.form-control,
    .invoicetablearchive .dataTables_filter .input-group-addon+.form-control {
        width: 130px;
    }

}
/* @media (max-width: 1410px) {
    .invoicetable .dataTables_length,
    .invoicetableAccounting .dataTables_length,
    .invoicetablecancel .dataTables_length,
    .invoicetablearchive .dataTables_length {
        display: none;
    }
} */
@media (max-width: 1024px) {
    .invoicetable .dataTables_length,
    .invoicetableAccounting .dataTables_length,
    .invoicetablecancel .dataTables_length,
    .invoicetablearchive .dataTables_length {
        display: block;
    }
}
@media screen and (-webkit-min-device-pixel-ratio:0) {

    .scrollable-table thead th.headerTableTHunset,.scrollable-table thead th.deleteMultipleTH {
        position: unset !important;
        top: unset;
    }

}
.invoiceItemListTable td:not(.details-control), .invoiceItemListTable th, .orderListItemTable td, .orderListItemTable th{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: inherit;
}
.shrt-desc{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: inherit;
    width: 100%;
    display: block;
}
.blacktooltip .shrt-desc {
    white-space: initial;
    overflow: initial;
    text-overflow: initial;
    word-break: normal;
  }
.invoiceItemListTable, .orderListItemTable{
    width: 100% !important;
    table-layout: fixed;
}
.backtoBtn{
    width: auto;
    height: 30px;
    border-radius: 10px;
    border: 1px solid #aaa;
    position: absolute;
    top: 15px;
    left: 350px;
}
.smart-style-5 .backtoBtn{
    background-color: rgba(0,0,0,.2);
    border: 1px solid #616161;
}
.custom-checkbox{
    margin-left: 12px !important;
}
.mainSection{
    height: 100vh;
    width: 100vw;
    background-color: aliceblue;
}
#auth-message{
    margin: 0 15%;
    color: #000;
}
.warningSymbl{
    display: flex;
    justify-content: center;
}
.advanceOptions .custom-checkbox {
    float: right;
}
.mb-0 {
    margin-bottom: 0px !important;
}

/*.search-select {
    position: relative;
    display: inline-block;
  }
  
  #myInput {
    width: 100%;
    padding: 5px;
    border: 1px solid #ccc;
    border-top: none;
  }
  
  #sender {
    width: 100%;
    padding: 5px;
    border: 1px solid #ccc;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
  }
  
  #myInput + #sender:focus   {
    border-top: 1px solid #ccc;
  } */
  
  option {
    /* display: none; */
  }
  
  option:first-child {
    /* display: block; */
  }
  .button-div{
    position: relative;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .button-div h4{
    font-weight: bold !important;
  }
  .assignment-tree{
    height: 500px;
    overflow-y: scroll;
    width: 100%;
  }

.assignment-tree::-webkit-scrollbar {
    width: 2px;
    background: rgb(249, 249, 249);
}

.assignment-tree::-webkit-scrollbar-thumb {
    background: rgb(230, 230, 230);
}
.ticketPopupImportant .modal-body{
    /* padding: 0 !important; */
}
.ticketPopupImportant form.formly{
    padding-top: 0px !important;
}
.ticketPopupImportant .ui-dialog .ui-dialog-content{
    overflow-y: auto !important;
    overflow-x: hidden !important;
}
.ticketPopupImportant .modal-content{
    border: none !important;
    box-shadow: none !important;
}
.NextconfirmLabels {
    font: normal normal normal 13px/24px Open Sans;
    letter-spacing: 0px;
    color: #000;
    margin-right: 15px;
    padding: 4px 10px;
    border: 1px solid #666666;
    border-radius: 20px;
    margin-top: -7px;
    margin-left: 10px;
}
.ticketPopupImportant formly-field formly-field{
    margin-bottom: 0px !important;
}
.footerTextColor {
    font-size: 15px !important;
}
.smart-style-2 .footerTextColor, .smart-style-6 .footerTextColor{
    color: #333 !important;
}
.smart-style-0 .footerTextColor{
    color: #FFF !important;
}

.navFooter{
    bottom: 8px;
    position: absolute;
    width: 100%;
}
nav {
    height: 100% !important;
    padding-bottom: 49px !important;
}

.margin-left-0, .margin-x-0{
    margin-left: 0!important;
}
.margin-right-0, .margin-x-0{
    margin-right: 0!important;
}
.padding-bottom-2, .padding-y-2{
    padding-bottom: 0.5rem!important;
}
.padding-top-2, .padding-y-2{
    padding-top: 0.5rem!important;
}
.padding-bottom-3, .padding-y-3 {
    padding-bottom: 1rem!important;
}
.padding-top-3, .padding-y-3 {
    padding-top: 1rem!important;
}
.MessageBoxButtonSection .btn-default{
    border-radius: 15px;
    background: transparent !important;
    border: 2px solid #b7eb00 !important;
    font-size: 13px;
    padding: 3px 15px;
    font-weight: 400;
    color: #000;
}
.MessageBoxButtonSection .btn-default:hover{
    color: #FFF !important;
}
.label-pending{
    background-color: #eb1c00 !important;
    border: 1px solid #eb1c00 !important;
    color: #fff;
}
.tree li.parent_li>span:not(.descLbl):hover{
    background-color:#b7eb00 !important;
    border: #b7eb00 !important;
    color: #000 !important;
}
/* .tree li.parent_li>span{
    background-color: #eb1c00 ;
    border: 1px solid #eb1c00 ;
} */
.descLbl{
    margin: 0 10px;
}
.descLbl b{
    margin-right: 10px;
}
.label_confirmation{
    background-color: #DF8505 !important;
    border: 1px solid #C67605 !important;
    color: #fff !important;
}
form#kst-leader {
    padding-top: 0% !important;
}
.Buchungstext_1 {
    margin-bottom:0px !important;
}
formly-field.col-sm-10.col-xs-10.userKstRadio {
    width: 95% !important;
}
.suppliersCurrency{
    display: flex;
    width: 100%;
}
.card-heading{
    display: flex;
    flex: 0 0 30%;
}
.currnecyCheck{
    display: flex;
    flex: 0 0 50%;
    justify-content: end;
    align-items: center;
}
.view-all{
    display: flex;
    flex: 0 0 20%;
    justify-content: end;
    align-items: flex-start; 
}
.headInvoicecurr{
    display: flex;
    flex: 0 0 50%;
}
.cardHeadInvoiceCur{
    flex: 0 0 100% !important;
}
.headMainInvoice{
    display: flex;
    justify-content: flex-end;
    flex: 0 0 50%;
}
.invoiceCurrenySection{
    display: flex;
    justify-content: flex-end;
    flex: 0 0 50%;
    align-items: center;
}

@media  (max-width: 300px)  {
    .suppliersCurrency{
		display: flex !important;
   		width: 100% !important;
    	flex-wrap: wrap !important;
    	flex-direction: column !important;
	}
    .headMainInvoice{
        flex-direction: column !important;
    }
}

@media (max-width: 576px) and (min-width: 300px)   { 
	.suppliersCurrency{
		display: flex !important;
   		width: 100% !important;
    	flex-wrap: wrap !important;
    	flex-direction: column !important;
	}
    .headMainInvoice{
        flex-direction: column !important;
    }
}
.crossDiv {
	padding: 1rem;
	margin: 1rem -1rem -1rem 6px;
}
.row.w-100.mb-4.justify-content-end.mt-4 {
    text-align: center;
}
button.ui-button.ui-corner-all.ui-widget.ui-button-icon-only.ui-dialog-titlebar-close {
    font-size: 0;
    line-height: 0;
}
.addassignment ng-select .ng-control, #assignmentledgerpopup ng-select .ng-control,
#incomingSenderElement ng-select .ng-control, #incomingElement ng-select .ng-control,
#incomingUserElement ng-select .ng-control {
    margin-top: 0px !important;
}

.open>.dropdown-toggle.btn-primary, .open>.dropdown-toggle.btn-primary:focus {
    color: #000;
}   
.footerReplaceUser{
    display: flex;
    justify-content: flex-end;
}
.moveRight{
    margin-right: 10px;
}
.holidayAct_ml{
    padding: 0 !important;
}
.invoicetable .dt-toolbar {
    padding: 6px 5px 1px;
}
.bg-color-iomgreen {
    background-color: #b7eb00 !important;
    border: transparent !important;
}
.bg-color-iomyellow {
    background-color: #e5b400 !important;
    border: transparent !important;
}
.bg-color-purered {
    background-color: #ff0000 !important;
    border: transparent !important;
}
.ledger-table tr:not(last) {
    cursor: pointer;
}
.invoiceItemListTable .dt-toolbar, .invoiceItemListTable .dt-toolbar-footer, .orderListItemTable .dt-toolbar-footer{
    background: none !important;
}
.setSelectMargin{
     margin-right: 7px;
}
ng-select .ng-option,.ng-select-dropdown-outer .ng-select-dropdown .ng-option{
    /* margin-left: 33px; */
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
ng-select .ng-arrow-zone .ng-arrow {
    border-width: 4px 4px 4.5px !important;
}
.darktheme.smart-style-5 .formly-header {
    background-color: transparent !important;
    border-bottom: 1px dashed #999 !important;
}
.darktheme.smart-style-5 .custom-checkbox {
    color: #fff !important;
}
ng-select .ng-arrow-zone {
    width: 7px;
}
#incomingSenderElement ng-select .ng-control,#incomingElement ng-select .ng-control,
#incomingUserElement ng-select .ng-control{
    bottom: 0px;
}
/* --------------------responsive view---------------------------- */

@media (max-width: 809px) and (min-width: 661px){
.header-notification-align {
    margin-top: 50px;
}
}
@media  (max-width: 1400px) and (min-width: 455px)  {
.sticky-shortCuts:hover {
    right: 0px;
    height: auto;
    max-height: 600px;
    width: 40%;
    /* max-width: 300px; */
    text-align: center;
}
}
@media  (max-width: 455px) {
    .sticky-shortCuts:hover {
        right: 0px;
        height: auto;
        max-height: 600px;
        width: 60%;
        /* max-width: 300px; */
        text-align: center;
    }
    }
/*------logout section*/
/* div#Msg1 {
    width: 50%;
    text-align: center;
    margin-left: 25% !important;
}
@media  (max-width: 800px) {
    div#Msg1 {
        width: 90%;
        text-align: center;
        margin-left: 5% !important;
    }
} */
/*------header  section*/
 @media (max-width: 318px){
#header {
    height: 200px;
}
}
@media (max-width: 500px) and (min-width:336px){
    #header {
        height:152px;
    }
}
@media (max-width: 335px) and (min-width:300px){
    #header {
        height:165px;
    }
}
@media (max-width: 820px) and (min-width:524px){
    #header {
        height:124px;
    }
} 
/*------left navigation section*/
 @media (max-width: 318px){
    #left-panel {
    position: absolute;
    margin-top: 80px;
    }
} 
@media (max-width: 523px) and (min-width:336px){
    #left-panel {
        position: absolute;
        margin-top: 42px;
        }
}
@media (max-width: 335px) and (min-width:300px){
    #left-panel {
        position: absolute;
        margin-top: 69px;
        }
}
@media (max-width:660px) and (min-width:524px){
    #left-panel {
        position: absolute;
        margin-top: 4px;
        }
}
@media (max-width:870px) and (min-width:661px){
    #left-panel {
        position: absolute;
        margin-top: 62px;
        }
}
.smart-style-0 #left-panel{
    position: absolute !important;
} 
/*dashboard - graph */
@media (max-width:530px) and (min-width:458px){
   .barOverflow {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 135px;
    margin-bottom: -14px;
    zoom: 1.4;
    margin-left: 16px;
    margin: auto;
  }
  .barGraphClass {
    position: absolute;
    top: 0;
    left: 0;
    width: 270px;
    height: 270px;
    border-radius: 50%;
    box-sizing: border-box;
    border: 36px solid #eeeeee;
    border-bottom-color: #eeeeee;
    border-right-color: #eeeeee;
  }
}
@media (max-width:457px) and (min-width:334px){
    .barOverflow {
     position: relative;
     overflow: hidden;
     width: 100%;
     height: 90px;
     margin-bottom: -14px;
     zoom: 1.4;
     margin-left: 16px;
     margin: auto;
   }
   .barGraphClass {
     position: absolute;
     top: 0;
     left: 0;
     width: 180px;
     height: 180px;
     border-radius: 50%;
     box-sizing: border-box;
     border: 20px solid #eeeeee;
     border-bottom-color: #eeeeee;
     border-right-color: #eeeeee;
   }
 }
 /*invoice - canceled - button*/
 /* @media (max-width: 354px){
     a.btn.btn-primary.margin-right-8.margin-bottom-10 
     {
      width: 100%;
      }
 }
 @media (max-width: 640px){
   label.select {
    width: 100% !important
    }
  .invoicetablecancel .form-inline .filter select.form-control
  {
    width: 100% !important;
  }
} */
/*--------------------------accountine new------------------ */
@media (max-width:640px)
{
    .invoicetable .form-inline .filter select.form-control{
        width: 100% !important;
    }
    /* .invoice-btn-align
    {
        width: 100% !important;
    }
    .invoice-btn-aligns
    {
        width: 100% !important;
    } */
    .col-xs-12.col-sm-12.col-md-6.col-lg-5.text-right
    {
        padding-right: 15px !important; 
    }
    .filter-select-sm {
    width: 100% !important;
    }
}

/*-----------------------accounting------------------------*/
/* @media (max-width:1534px) and (min-width:1291px){
    .col-sm-12.col-xs-12.col-md-12.col-lg-3.text-right.no-padding.pull-right {
        padding-top: 10px !important;
    }
} */
@media (min-width:1200px){
  select#userList {
     margin-top: 4%;
    margin-bottom: 4%;
  }
  /* .history_btn{
    left: -106px !important;
    position: relative !important;
} */
}
@media (max-width:800px){
   .invoicetable .dataTables_filter{
    float: left !important;
    width: auto !important;
}
}
@media (max-width:689px){
   .text-right.no-padding.pull-right {
    margin-top: 2% !important;
   }
}
@media (max-width:768px){
 .projects-table>tbody>tr>td {
    padding: 2px 15px 15px 15px!important;
} 
}
.smart-form {
   box-sizing: border-box;
}
@media (max-width:640px){
    .smart-form *  {
     margin-top: 1%;
     }
}
@media (min-width:1200px){
.activityContent-style{
    height: 325px !important;
}
}
@media (max-width:350px){
.aging-header {
    padding: 0px;
    font-weight: 100;
    font-size: 11px;
    text-transform: uppercase;
}
.aging-data {
font-size: 10px;
}
}
@media (max-width:500px){
   button.btn.btn-primary {
    margin-top: 0% !important;
    /* float: right; */
    margin-right: 10px;
   }
}
/* @media (max-width:767px){
.sortable-grid.ui-sortable {
    margin-top: 5% !important;
}
} */
@media (max-width:1092px){
.invoice-INVOICEcapture-align{
width: 100% !important;
}
}
/*------------------footer section-----------*/
@media (max-width:767px) and (min-width:500px){
.page-footer.asidePanel {
    margin-bottom: -10% !important;
}
}
@media (max-width:499px) and (min-width:333px){
    .page-footer.asidePanel {
        margin-bottom: -15% !important;
    }
    }
@media (max-width: 332px){
.page-footer.asidePanel {
    margin-bottom: -40% !important;
}
}
@media (max-width:991px) and (min-width:768px){
.helpSection {
    position: absolute;
    bottom: 100px !important;
    width: 100%;
}
}
@media (max-width:640px){
button.approve{
    margin-left: 4%!important;
    width: 100%;
}

.progress {
    width: 90%;
}
}
/* @media (min-width: 1200px){
    .invoice-align {
        width: 60% !important;
    }
    .col-sm-12.col-xs-12.col-md-12.col-lg-3.text-right.no-padding.pull-right {
        width: 40% !important 
    }
} */
@media (min-width: 1200px){
    .invoice-align {
        width: 75% !important;
    } 
    /* .col-sm-12.col-xs-12.col-md-12.col-lg-3.text-right.no-padding.pull-right {
        width: 40% !important 
    } */
}
@media (min-width: 509px) and (max-width: 809px){
.invoicetable .dataTables_filter .input-group-addon+.form-control
{
    width: 300px !important;
}
}
@media (min-width: 800px){
div#quickCapturePopup {
    overflow: hidden;
}
}
@media (max-width: 800px){
    div#quickCapturePopup {
        height:350px !important;
        overflow: hidden;
    }
}
@media (max-width: 1200px){
 .supplier-search-align
{
    width: 50% !important;
}
.history_btn{
    left: -106px !important;
    position: relative !important;
}
}
body.smart-style-6 .header-style {
    background-color: transparent !important;
    border-color: #ffffff !important;
    color: #fff !important;
}
@media (max-width: 740px){
.userinfo-btn-align{
    width: 100% !important;
}
}
@media only screen and (min-width: 320px) and (max-width: 479px){
.page-title {
    display: block;
}
}
@media (max-width:481px){
.support-user-btn-style {
    width: 100%;
    margin-top: 2%;
}
}
@media (max-width:1180px)
{
  .searchdetail-content .jarviswidget {
        margin: 0 0 30px !important;
    }
}
/*----------------------accounting-userid-notes-------------------- */
@media (max-width:767px) and (min-width:560px){
a.btn.btn-add.btn-primary.btn-sm.margin-right-8.addnotepopup-align {
    margin-right: 15% !important;
}
}
@media (max-width:559px) and (min-width:450px){
    a.btn.btn-add.btn-primary.btn-sm.margin-right-8.addnotepopup-align {
        margin-right: 20% !important;
    }
}
@media (max-width:449px) and (min-width:365px){
        a.btn.btn-add.btn-primary.btn-sm.margin-right-8.addnotepopup-align {
            margin-right: 25% !important;
        }
        #columnChart {
            width: 300px;
            height: 325px;
        }
}
@media (max-width:364px) and (min-width:300px){
    a.btn.btn-add.btn-primary.btn-sm.margin-right-8.addnotepopup-align {
        margin-right: 30% !important;
    }
}
/* acoounts-journel - load more btn alignment*/
@media (max-width:500px){
span.btnLoadMore-text {
    display: none;
}
}
@media (max-width:1300px){
.invoice-files-action-btn {
    margin-top: 5% !important;
}
}
@media (max-width:600px){
.smart-form footer .btn {
    margin: 0px 0 0 5px;
}
}
button.btn.btn-primary.btn-clr.margin-right-8.margin-bottom-10.accounting-buttons.invoice-btn-align {
    color: #3b3131 !important;
}
/* --------------------responsive view end------------------------ */
.smart-style-5 .input-group-addon{
    color: #FFF !important;
}
.smart-style-5 .jarviswidget>div{
border-color: #424242 !important;
}
.smart-style-5 .NextconfirmLabels{
    color: #fff !important
}
/* .smart-style-5 .advanceOptions .custom-checkbox {
    color: #fff;
    } */
body.smart-style-6 .smart-form .costCentre{
    border-bottom: 1px solid #E0E0E0 !important;
    }
.smart-style-6  table.dataTable thead>tr>th{
    padding-right: 18px !important;
    }
.smart-style-6  .basemetadataCheckbox input{
    margin-top: 42px !important;
}

@media (min-width: 858px){
    .right-btn-section {
        padding-right: 50px;
    }
} 
.confirm-cancel-all button {
    height: 28.56px;
}
.cancelled-accounting{
    background-color: rgb(249, 177, 177) !important;
}
.darktheme.smart-style-5 ng-select input:focus, ng-select input:focus {
    outline: none !important;
    border: none !important;
}
.shown .confirm-accounting, .shown .cancel-accounting {
    border: 1px solid #b7eb00 !important;
}
.darktheme.smart-style-5 .shown .confirm-accounting, .darktheme.smart-style-5 .shown .cancel-accounting {
    border: 1px solid #b7eb00 !important;
    color: #fff !important;
}
.darktheme.smart-style-5 .shown .confirm-accounting:hover, .darktheme.smart-style-5 .shown .cancel-accounting:hover,
.darktheme.smart-style-5 .accounting-table .confirm-accounting:hover, .darktheme.smart-style-5 .accounting-table .cancel-accounting:hover,
.darktheme.smart-style-5 .accounting-table tr:hover .confirm-accounting, .darktheme.smart-style-5 .accounting-table tr:hover .cancel-accounting{
    border: 1px solid #333 !important;
    color: #000 !important;
}

/* Style the buttons that are used to open and close the accordion panel */
.accordionDatatableBtn {
    /* background-color: #303030;
    #616161 */
    background: none;
    /* color: #444; */
    cursor: pointer;
    /* padding: 18px; */
    width: 100%;
    text-align: left;
    border: none;
    outline: none;
    transition: 0.4s;
  }
  .accordionRecentDatatableBtn {
    /* background-color: #303030;
    #616161 */
    background: none;
    /* color: #444; */
    cursor: pointer;
    /* padding: 18px; */
    width: 100%;
    text-align: left;
    border: none;
    outline: none;
    transition: 0.4s;
  }
  /* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
  .active, .accordionDatatableBtn:hover {
    /* background-color: #ccc; */
  }
  
  /* Style the accordion panel. Note: hidden by default */
  .panel {
    padding: 0 5px;
    background-color: inherit !important;
    /* display: none; */
    overflow: hidden;
    border: none !important;
    box-shadow: unset !important;
  }
  .accordionDatatableBtn:after {
    content: '\002B';
    font-weight: bold;
    float: right;
    margin-left: 5px;
  }
  .accordionRecentDatatableBtn:after {
    content: '\002B';
    font-weight: bold;
    float: right;
    margin-left: 5px;
  }
  .accordionDatatableBtn.active:after {
    content: "\2212";
  }
  .accordionRecentDatatableBtn.active:after {
    content: "\2212";
  }
/* .darktheme.smart-style-5 .accordionDatatableBtn{
    background-color: #616161;  
} */

.darktheme.smart-style-5 .accounting-table .panel {
    background: transparent !important;  
}

div#forwardPopup {
    overflow: hidden !important;
}
.label-yellow {
    background: #b1b113;
    color: #fff;
}
div#forwardPopup, div#purchaserForm {
    overflow: hidden !important;
}

ng-select#purchaser ng-select-virtual-scroll .total-padding{
    height: 155px !important;
}
.w-100{
    width: 100% !important;
}
.tax-table tr th, .tax-table tr td{
    width: 25% !important;
}
.tax-table tr th:last-child,.tax-table tr td:last-child{
    width: 50% !important;
}
.horizontal formly-validation-message {
    display: inline-block !important;
}
.header_receiver .ng-select-dropdown-outer, .header_purchaser .ng-select-dropdown-outer, .header_sender .ng-select-dropdown-outer {
    z-index: 999 !important;
}
.label-orange {
    background: #FF50F0;
    color: #fff;
}
.CreateInvoiceSelectCompanyDropZone ng-select .ng-control{
    margin-top: 5px !important;
}
.user-image {
    max-width: 100px;
    color: #333;
}
.darktheme.smart-style-5 .user-image{
    color: #fff !important; 
}

.darktheme.smart-style-5 table.table-striped.accounting-table>tbody>tr.shown,
.darktheme.smart-style-5 table.table-striped.ledger-table>tbody>tr.shown,
.darktheme.smart-style-5 table.table-striped.workflow-table>tbody>tr.shown,
.darktheme.smart-style-5 table.table-striped.workflow-table>tbody>tr.shown:hover{
    background-color: transparent !important;
    color: #fff !important;
}
.darktheme.smart-style-5 .uploadFileFileSection .input-group-addon{
    border-color: rgb(97 97 97) !important;
}
.tableSubtask {
    border-collapse: separate !important;
}
.darktheme.smart-style-5 .checkheight .well{
    border: 1px solid #424242 !important;
    box-shadow: 0 1px 1px rgba(066,066,66,.43) !important;
}
.sa-tree-view.tree li span{
    border: 1px hidden #739e73;
}
.darktheme.smart-style-5 .accountingTable .panel,
.darktheme.smart-style-5 .ledger-table .panel,
.darktheme.smart-style-5 .recentAccountingTable .panel{
    background-color: transparent !important;
}
.darktheme.smart-style-5 .ledger-table>tbody>tr.shown:nth-child(odd){
    background-color: transparent !important;
}
.addAsgnmnt ng-select .ng-control {
    margin-top: 0px !important;
}
.addAssignment, .updateMwst, .import-assignment, .export-accounting {
    height: 29px;
}
#addAssignmentPopup, #updateMwstPopup {
    overflow: hidden;
}
.select_saporder ng-select.opened .ng-select-dropdown-outer{
    position: inherit !important;
}
.spin-center{
    margin-left: 50%;
}
#updateMwstPopup ng-select-virtual-scroll {
    height: 155px;
}
#draggingContainer>tr>td{
    padding: 8px 10px;
} 
.mirror-checkbox{
    accent-color: black;
}
/* .darktheme.smart-style-5 .orderListItemTable tr.alreadyAssigned, .darktheme.smart-style-5 .orderListItemTable tr.alreadyAssigned:hover {
    background: rgba(255, 0, 0, 0.2) !important;
} */
.alreadyAssigned td, .alreadyAssigned td:hover {
    background: rgba(255, 0, 0, 0.2) !important;
}
.already-closed td, .already-closed td:hover{
    background: rgb(115 179 115 / 40%) !important;
}

.orderListItemTable .selectedRow, .orderListItemTable .selectedRow:hover, .darktheme.smart-style-5 .table-hover>tbody>tr.selectedRow:hover {
    background-color: rgba(183, 235, 0, 0.5) !important;
}
.selectedRow td {
    background-color: rgba(183, 235, 0, 0.5) !important;
    color: #000 !important;
}
.selectedRow td .orderItem_row {
    color: #000 !important;
}
.darktheme.smart-style-5 .table-hover>tbody>tr.alreadyAssigned:hover>td{
    background: rgba(255, 0, 0, 0.2) !important;
}
.darktheme.smart-style-5 .table-hover>tbody>tr.already-closed:hover>td{
    background: rgb(115 179 115 / 40%) !important;
}
.darktheme.smart-style-5 .table-hover>tbody>tr.selectedRow:hover>td{
    background-color:rgba(183, 235, 0, 0.5) !important;
}
.accordion-all {
    cursor: pointer;
    font-size: 11px;
    padding-right: 5px;
}
.invoiceItemListTable tbody tr{
    cursor: pointer;
}
.ghp-iconTextComponent {
    color: #000 !important;
}
.darktheme.smart-style-5 .ghp-iconTextComponent {
    color: #fff !important;
}
.cursor-pointer.btn-header>:first-child>a{
    cursor: pointer !important;
}
.infoIcon {
    height: 20px;
    width: 20px;
    cursor: pointer;
}
.smart-style-1 .infoIcon{
    filter: brightness(0.1);
}
.ng-select-dropdown-outer{
    z-index: 99999 !important;
}
.book-amount {
    height: 25px;
    padding: 5px 10px;
    margin-top: 5px;
    font-size: 10px;
}
.w3-animate-right
{position:relative;animation:animateright 0.4s}
@keyframes animateright
{
    from{right:-50px;opacity:0} to{right:0;opacity:1}
}

.remove_assignee i {
    position: absolute;
    left: -45px;
    font-size: 14px;
    background: #DB4A67;
    color: #fff;
    height: 20px;
    width: 20px;
    border-radius: 100%;
    text-align: center;
    padding-top: 3px;
    top: -10px;
    display: none;
}

.minified #logout_text {
    display: none;
}
/* .selectedUser{
    margin-top: -24px !important;
} */
/* ------------------------------responsive view start-------------------- */
@media (max-width: 800px){
.sticky-notes-style {
    margin-top: 10% !important;
}
}
@media (max-width: 880px) and (min-width: 800px)   {
    #logo-group span#activity {
    margin-top: 0px !important;
    }
}
@media (max-width: 8000px)   {
.todo-group-title {
    border-top: 0px solid #f4f4f4;
}
}
svg:not(:root) {
    overflow: visible;
}
.recentactivity-align{
    width: 100% !important;
}
/* @media (max-width: 640px)
{
.invoice-btn-align {
    width: 36% !important;
}
} */
@media (max-width: 500px){
a#quickCapture {
    width: 80% !important;
}
a#editListBtn {
    width: 80% !important;
}
a#remove {
    width: 80% !important;
}
a#createInvoice {
    width: 80% !important;
}
.text-align{
    text-align: left !important;
}
}
/* @media (max-width:789px){
    h2.check-account-style {
        width: 80% !important;
    }
} */
@media (max-width: 500px){
button.approve,.reject {
    width: 80% !important;
}
.dropdown-toggle-align {
    margin-right: 2% !important;
    width: 80% !important
}
}
@media (max-width: 640px) and (min-width:501px){
    button.approve,.reject{
        width: 85% !important;
    }
    .dropdown-toggle-align {
        width: 85%;
        margin-right: 2% !important;
    }
}
.dropdown-toggle.Captured {
    margin-right: 2% !important;
    width: 100%;
}
@media (max-width: 767px){
    .progress {
        width: 95%;
    }
.overview-detail .progress .progress-bar {
    width: 15% !important;
}
}
@media (min-width:768) and (max-width: 1380px){
    .progress {
        width: 95%;
    }
.progress-bar {
    width: 12% !important;
}
}
@media  (max-width: 640px){
span.active.active-align {
    font-size: 10px !important;
    font-weight: 400 !important;
}
}

.format-align
{
    width: 83% !important;

}
@media  (max-width:767px){
.section-align
{
    padding-left: 0px !important;
}
.overview-detail .formly.horizontal ng-select {
    width: 100% !important;
    float: left;
}
#headForm .row.totalinvoice {
    clear: both;
    margin-left: 12px !important;
    margin-right: 0px !important;
}
formly-field.col-sm-11.col-xs-10.colon.clickNextKey {
    width: 100% !important;
}

}
@media (min-width:558px)and (max-width:767px){
    formly-field.col-sm-3.col-xs-2.no-padding.text-right {
        width: 7%;
    }
    formly-field.col-sm-2.col-xs-10.hidelabel.right-text.readOnly.colon.clickNextKey {
        width: 93%;
    }
}
@media (max-width:557px){
    formly-field.col-sm-3.col-xs-2.no-padding.text-right {
        width: 9%;
    }
    formly-field.col-sm-2.col-xs-10.hidelabel.right-text.readOnly.colon.clickNextKey {
        width: 91%;
    }
}
@media (max-width:991px) and (min-width:881px){
    .page-footer {
        position: relative !important;
    }
}
@media (max-width:400px) {
table.dataTable>tbody>tr.child span.dtr-data {
    display: grid;
    align-items: center;
}
}
.smart-style-6 select#tags {
    background-color: #fff;
}
.smart-style-6 select#process {
    background-color: #fff;
}
@media (max-width:640px) {
label.select {
    width: 100% !important;
}
}
.smart-style-6 .pagination>.active>a {
    background-color: #b7eb00 !important;
    border-color: #3276b1 !important;
    color: #000 !important;
}
@media (max-width:880px) and (min-width:871px){
.page-footer {
    position: relative;
}
}
/* .smart-style-6 .form-control,
.smart-style-6 .smart-form .input input,
.smart-style-6 .smart-form .select select,
.smart-style-6 .smart-form .textarea textarea {
    color: #999;
    border-color: #000 !important;
    border: 1px solid !important;
} */
.smart-style-6 button.ui-dialog-titlebar-close {
    filter: invert(100%);
}
/* div#replaceUserId {
    height: 350px !important;
} */
@media (max-width:1024px) and (min-width:768px){
.myprofile-page-head{
    padding-left: 4%;
}
}
@media (max-width: 470px){
.supplier-search-align {
    width: 100% !important;
}
}
@media (max-width: 338px){
.supplier-table>tbody>tr>td {
    padding: 10px 15px !important;
}
}
table.dataTable.responsive.table.table-striped.table-bordered.table-hover.ledger-table.accountingBookTable.no-footer {
    display: block !important;
    overflow-x: auto !important;
    width: 100% !important;
    height: 100% !important;
} 
.overview-detail .workflow-overview{
    margin-right: -13px;
    overflow-x: auto !important;
    overflow-y: auto;
    padding-right: 13px;
    padding-top: 13px;
    margin-top: -13px;
}
@media (max-width: 1612px) and (min-width: 1119px) {
    .col-xs-12.col-sm-12.col-md-12.col-lg-12.no-padding.add-assignment.d-flex {
    display: flex!important;
    flex-wrap: wrap;
    }
}
@media (max-width: 600px) {
    .col-xs-12.col-sm-12.col-md-12.col-lg-12.no-padding.add-assignment.d-flex {
    display: flex!important;
    flex-wrap: wrap;
    }
}
@media (max-width: 1199px) {
tab.workflow-overview.ledger.active.tab-pane {
    height: auto !important;
}
}
@media (max-width: 1199px){
    .overview-detail .changeheight .tab-pane {
        height: auto !important;
    }
}
@media (max-width: 527px){
/* th.text-center.action.sorting_disabled {
    display: block !important;
} */
/* td.text-center.action {
    display: block !important;
    height: 300px !important;
} */
}
@media (max-width: 1306px) and (min-width: 1200px){
    /* th.text-center.action.sorting_disabled {
        display: block !important;
    } */
    /* td.text-center.action {
        display: block !important;
        height: 300px !important;
    } */
    }

formly-field.col-sm-2.col-xs-2.no-padding.calculateVat.fileupload {
        width: 30% !important;
    }
    @media (max-width: 767px){
    .addassignment.col-sm-12.addAssignmentPad {
        width: 88% !important;
    }
    tab.iframe.active.tab-pane {
        height: 564px !important;
    }
}
@media (max-width: 1199px){
.overview-detail .changeheight .tab-pane {
    /* height: 564px !important; */
}
tab.workflow-overview.custom-scroll.dashpagination.tab-pane.active {
    height: auto !important;
}
}
/*  -----------------------------responsive view end-------------------- */
.select_position{
    width: 100% !important;
    border: none !important;
    position: absolute !important;
    padding: 0px !important;
    margin-left: 30%;
    display: flex;
    
}
.buyerDiv
{
    width: 100% !important;
    border: none !important;
    position: absolute !important;
    padding: 0px !important;
    margin-left: 57%;
    display: flex;

}
.inputPosBuy{
    padding: 6px 12px; 
    height: auto;
}

  #activateAIOCR label{
    font-size: 16px;
  }
  #activateAIOCR .infoIcon{
    height: 20px !important;
    width: 20px !important;
    margin-left: 10px;
    margin-bottom: 0 !important;
  }

  .pdftoxml {
    display: 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;
}

/* Hide the browser's default checkbox */
.pdftoxml input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: transparent;
    border-radius: 5px;
    border: 2px solid #666666;
}

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

/* When the checkbox is checked, add a blue background */
.pdftoxml input:checked~.checkmark {
    background-color: transparent;
}

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

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

/* Style the checkmark/indicator */
.pdftoxml .checkmark:after {
    left: 5px;
    top: 0px;
    width: 6px;
    height: 12px;
    border: solid #B7EB00;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg);
}
/* .darktheme.smart-style-5 .checkmark {
    border: 2px solid #666666;
} */

.checkbox-highlight{
    margin: 0 auto;
    width: auto;
    border: 2px solid #b7eb00;
    border-radius: 10px;
    padding: 20px;
    left: 34%;
}
.saporder{
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.orderPosPid{
    width: 30%;
}
.bulk-order-send{
    width: auto;
    min-width: 10%;
}
.posBuyLabel{
    width: 86%;
    margin-bottom: 3px;
}
.posFilter{
    margin-right: 28%;
}
.purchaseId{
   width: 76.333%;
}
@media(min-width: 1200px)  and (max-width: 1500px){
    .history-field{
        width: 20% !important;
    }
    .posBuyLabel {
        width: 78% !important;
    }
    .orderPosPid {
        width: 30.333333% !important;
    }
    .posFilter {
        margin-right: 26% !important;
    }
    .purchaseId{
        width: 84.333% !important;
     }
} 
@media(min-width: 1500px)  and (max-width: 1750px){
    .purchaseId {
        width: 80.333% !important;
    }
    .posFilter {
        margin-right: 26% !important;
    }
    .orderPosPid {
        width: 31.333333% !important;
    }
}
@media(min-width: 450px)  and (max-width: 700px){
    .posBuyLabel {
        width: 78% !important;
    }
    .orderPosPid {
        width: 30.333333% !important;
    }
    .posFilter {
        margin-right: 26% !important;
    }
    .purchaseId{
        width: 84.333% !important;
     }
}
@media(min-width: 300px)  and (max-width: 500px){
    .select_saporder{
        flex-direction: column;
        margin-left: 30%!important;
        margin-top: -22%!important;
    }
    .saporder{
        flex-direction: column;
        margin-top: 5%;
    }
   .buyerFilter{
    margin-top: 2%;
    }
    .posFilter{
    margin-top: 2%;
    }
    .orderPosPid {
        width: 73.333333% !important;
    }
    .orderNumber{
        width :63% !important; 
    }
    .posBuyLabel {
        width: 78%;
    }
}
@media(max-width: 400px) {

    .select_saporder{
        margin-top: -26%!important;
    }
}
@media(max-width: 350px) {

    .select_saporder{
        margin-top: -28%!important;
    }
}

@media (min-width:1200px) and (max-width:1700px){
    .accordionDatatableBtn{
        display: flex;
        flex-wrap: nowrap;
        flex-direction: column;
    }
    .accordionRecentDatatableBtn{
        display: flex;
        flex-wrap: nowrap;
        flex-direction: column;
    }
    .accordionDatatabletagBtn{
        display: flex;
        flex-wrap: nowrap;
        flex-direction: column;
    }
    .accordion-details{
        width: calc(100% - 10px) !important;
    }
    /* .accordion-detail-section{
        width: calc(100% - 10px) !important;
    } */
}
@media (min-width: 1700px) and (max-width: 1842px){
    .accordion-details{
        width: calc(53% - 10px) !important;
    }
    /* .accordion-detail-section{
        width: calc(57% - 10px) !important;
    } */
}
/* .accordion-detail-section{
    width: calc(50% - 10px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
} */
.accordion-details{
    width: calc(50% - 10px);
    /* word-break: break-all; */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
@media (max-width: 1479px) and (min-width: 1200px){
.addassign{
    margin-bottom: 10px;
    width: 100%;
}
.clearassign{
    width: 100%;
}
}
@media (max-width: 1458px) and (min-width: 1441px){
    .tabalign{
        margin-top: -29px !important;
    }
   
}
.orderlist-item-table {
    margin-top: 0px !important;
}
@media (min-width: 1200px) and (max-width: 1480px){
    .cancel-accounting{
        margin-top: 10px !important;
        margin-left: 0px  !important;
    }
  
}
@media (max-width: 613px)  and (min-width: 450px){
    .cancel-accounting{
        margin-top: 10px !important;
        margin-left: 0px  !important;
    }
  
}
.disabledFeel{
    pointer-events: none !important;
    text-decoration: none;
    cursor: not-allowed;
    opacity: 0.6;
}

.assignment-exception{
    max-height: 500px;
    overflow-y: auto;
    min-height: 220px;
}

#replaceUserIdguide{
    height: 300px;
}

div#quickCapturePopup {
    width: auto;
    min-height: 250px !important;
    max-height: none;
    height: auto !important;
}

.notes-name{
    cursor: pointer !important;
}

#supplierSettings{
    overflow: hidden;
    min-height: 150px !important;
    height: auto !important;
}
.noLabel{
    margin-top: 16px;
}

.accounting-actions[disabled="disabled"],.ng-select.disabled {
    cursor: not-allowed !important;
}
/* Style the buttons that are used to open and close the tagaccordion panel */
.accordionDatatabletagBtn {
    background: none;
    cursor: pointer;
    width: 100%;
    text-align: left;
    border: none;
    outline: none;
    transition: 0.4s;
    padding: 0px !important;
    /* margin-left: -6px; */
  }
  
  /* Style the tagaccordion panel. Note: hidden by default */
  .panelTag {
    padding: 0 5px;
    background-color: inherit !important;
    display: none;
    overflow: hidden;
    border: none !important;
    box-shadow: unset !important;
  }
  .accordionDatatabletagBtn:after {
    content: '\002B';
    font-weight: bold;
    float: right;
    /* margin-left: 5px; */
  }
  
  .accordionDatatabletagBtn.active:after {
    content: "\2212";
  }
.forwardto.ng-select.disabled{
    pointer-events: all !important;
}
.ng-select.disabled .ng-control{
    pointer-events: none !important;
}
.tagList{
   display: inline-block;
   text-align: center !important;
   /* margin-left: 6px; */
}

#jarviswidget-fullscreen-mode{
    z-index: 948 !important;
}
.replaceUser, .replaceQCUser, .replaceForwardUser, .replacePurchaserUser, .replace-user {
    text-decoration: underline;
    font-weight: 600;
    cursor: pointer;
}
.replaceUserLabels label {
    display: block;
    padding: 8px 0;
    border-bottom: 1px dashed rgba(0,0,0,.2);
    background: #fff;
    font-size: 16px;
    color: #222;
    margin: 25px 0 10px;
    margin-top: 0!important;
    font-weight: 400!important;
} 
.replaceUserLabels .info {
    display: inline-block;
    margin-bottom: 5px;
    font-size: 11px;
}
.replaceUserLabels input {
    border: 1px solid #ccc;
    width: 100%;
    margin-top: 1%;
    height: 30px !important;
}
.docTable ul ul{
    display: none;
}
.docTable ul {
    list-style-type: none;
}
.docTable .list {
    border-bottom: 1px solid #ccc;
    margin-left: -4%;
    margin-right: -5.5%;
}
.darktheme.smart-style-5 .replaceUserLabels input {
    background: #616161;
    border-color: #424242;
}
.darktheme.smart-style-5 .replaceUserLabels label {
    background: 0 0;
    color: #fff;
    border-bottom: 1px dashed #fff;
}
.smart-style-5 .text-muted
{
    color: #fff;
}
.doctable table tbody tr {
    cursor: pointer;
}
.search-contract-table td,.search-contract-table th,.docTable .values,.searchDetailtooltip{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.docTable ul ul{
    display: none;
}
.docTable ul{
    list-style-type: none;
}
.darktheme.smart-style-5 .docTable ul{
    background: 0 0 !important;
}
.docTable li{
    line-height: 34px;
}
.docTable li li.values{
    margin-left: -10%;
}
.docTable li li.values span.listPopover{
    margin-left: 20%;
}
.docTable .list{
    border-bottom: 1px solid #ccc;
    margin-left: -22%;
    margin-right: -5.5%;
}
.darktheme.smart-style-5 .docTable .list{
    border-color: rgba(255,255,225,.15);
}
.docTable .listBorder{
    margin-left: 16%;
}
@media (max-width: 767px){
    .table-responsive.custom-scroll.table-bordered.docTable {
        height: auto !important;
    }
    }
    .docTable .selectAllIcon{
        background-color: #fff;
        color: #b7eb00;
    }
    .darktheme.smart-style-5 .docTable .selectAllIcon{
        background: 0 0;
        color: #b7eb00;
    }
   
    .darktheme.smart-style-5 .invoiceSelected
    {
    background: #b7eb00 !important;
    color: #000 !important;
    }
    .invoiceSelected .decode{
        color: #000 !important;
    }
   
/* .active-align.mat-form-field {
    margin-top: 5% !important;
} */

.header-form-loader.big-spin-loader{
    top: 20% !important;
    z-index: 20 !important;
    margin-top: 0% !important;
}

.invoice-actions .dropdown-menu>li>a {
    padding: 3px 10px;
}
.invoice-action-tag {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 170px;
}
.invoice-actions .dropdown-menu {
    left: -5px;
    min-width: 180px;
}
.journal-message {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 400px;
}
.messageClass{
    margin-left: 2%;
    width: 500px;
    word-wrap: break-word; /* Wraps long words to prevent overflow */
    overflow-wrap: break-word; /* Same as above, newer syntax */
    white-space: normal;
}
.messageStatus{
    display: flex;
    align-items: baseline;
}
.timelineStatus{
    padding: 8px !important;
}
.overview-section {
    display: flex !important;
    flex-direction: row !important;
    margin: 20px;
}
.address-div {
    margin-bottom: 10px !important;
}
.company-name{
    font-weight: bold;
    font-size: 20px;
}
/* .document-title{
    font-size: 20px;
} */
.document-item{
    display: flex;
    font-size: 13px;
    flex-direction: row;
    align-items: center;
    margin-bottom: 0;
}
.left-item-left-side,.item-left-side{
   width: 50%;
}
.bold span{
    font-weight: bold;
}
.side-btn{
    position: absolute;
    right: 0;
    margin-right: 20px;
}
.mirror-tab #orderList{
    width: 135px !important;
}
.mirror-tab ng-select .ng-control{
    min-height: 30px !important;
}

.footer-div{
    display: flex;
    flex-direction: row;
    font-size: 13px;
    /* gap: 25px; */
    align-content: stretch;
    justify-content: flex-end;
    align-items: center;
    padding: 20px 0;
    height: 100px;
    width: 100%;
}
.footer-div-title{
    height: 100%;
    display: flex;
    align-items: baseline;
    padding: 20px;
}
.footer-div-title span{
    font-weight: 700;
    font-size: 15px;
}
.footer-div-amount{
    display: flex;
    flex-direction: column;
    /* gap: 15px; */
    height: 100%;
    justify-content: space-evenly;
    width: 50%;
    text-align: right;
}
.footer-div-amount p{
    display: flex;
    width: 100%;
    position: relative;
    flex-direction: row;
}
.footer-div-amount p .d-text{
    width: 64%;
    display: block;
}
.footer-div-amount p .d-amount{
    width: 25%;
    display: block;
}
.status-circle{
    width: 13px;
    height: 13px;
    border-radius: 50%;
}
.filter-item{
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    flex-direction: row;
    height: 15px;
    gap: 5px;
}
.filter-item input[type=radio]{
    margin-top: 0;
}
.filter-item .label{
    cursor: pointer;
}
.invoice-radio-filter{
    display: flex;
    gap: 10px;
    align-items: center;
    flex-direction: row;
    justify-content: flex-end;
}
.invoice-radio-filter label{
    margin-bottom: 0;
}
.radio-filter{
    vertical-align: middle;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 30px;
}
.left-arrow-img{
    width: 20px;
    height: 20px;
}
.left-arrow-img img{
    position: relative;
    width: 18px;
    height: 18px;
}
.replace-order.disabled-icon{
    opacity: 0.5;
    cursor: no-drop !important;
}
.disabled-icon img{
    pointer-events: none;
}
.mirror-th-checkbox{
    margin-right: 0px !important;
}
.replace-order{
    cursor: pointer !important;
}
.invoice-compare-tab.disable{
    cursor: no-drop !important;
}
.invoice-compare-tab.disable a{
    pointer-events: none;
}

.mirror-tab-2 .compare-tab-row{
    display: flex;
    flex-direction: column;
}
.pdf-view-btn-div{
    position: absolute;
}
.detail-section{
    margin-bottom: 20px;
}
@media (min-width: 1200px){
    .orderlist-item-table{
        margin-top: -20px !important;
    }
    .mirror-tab-2 .compare-tab-row{
        display: flex !important;
        flex-direction: row !important;
    }
}
@media (min-width: 992px){
    
    .pdf-view-btn-div{
        position: absolute !important;
    }
    .left-item-left-side{
        width: 180px !important;
    }
    .item-left-side{
        width: 180px !important;
    }
    .footer-div-amount{
        width: 40% !important;
    }
}
ul.relatedList li.values{
    display: flex;
}
/* -------------------------replace user */
button.btn.clear1.pull-right.btn-default.btn-xs {
    margin-right: 2% !important;
}
span.selectAll, .listPopover, .documentsList .listBorder, .documentsList i, .oldListTable tr, .newListTable tr{
    cursor: pointer;
}
table.disableBtn {
    pointer-events: none;
    opacity: 0.4;
}
.ui-sortable .jarviswidget-sortable > header{
    cursor: auto !important;
}
.hideColunm{
    display: none;
}


.iban-error-div{
    position: relative;
    bottom: 3px;
    width:100%;
    display: inline-block;
}
.iban-error-div span.iban-error-span{
    color: #f86c6b !important;
    position: absolute;
    font-size: 92% !important;
}
.danger-span{
    font-size: 11px;
    /* margin-left: 5px; */
}
.orderlist-item-table .dt-toolbar {
    display: none !important;
}
.assignmentName{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 99%;
    display: block;
}
.smart-form.orderNumber{
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
}

.spin-orderSync-btn{
    animation: spin 2s linear infinite;
}
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
.showRestTags {
    margin-left: 10px;
    font-weight: 700;
    cursor: pointer;
}
.openNewTab, .copyUrl {
    font-size: 13px !important;
    margin-top: 10px;
}
#note {
    word-wrap: break-word;
}
.mirror-amount {
    margin-left: 15px;
}
.accounting-title {
    width: calc(43% - 10px);
    float: left; 
    /* word-break: break-word; */
    margin-right: 2%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.tab-ltagList{
    display: flex; 
    flex-direction: column;
    padding: 0px;
    gap: 20px;
    align-items: center; 
    justify-content: center;
}
.tab-tag-group{
    display: flex;
    flex-direction: column;
    gap: 20px;
    border: 0;
    width: 100%;
}
.tag-group-item {
    border: 1px solid #dfe5e9;
}
.darktheme.smart-style-5 .tag-group-item{
    border: 1px solid #424242 !important;
}
.tag-group-item{
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 10px 15px;
    margin-bottom: -1px;
    gap: 10px;
}
.tag-desc{
    display: block;
}
.tag-group-item .label{
    font-size: 75% !important;
    padding: 5px;
    width: fit-content;
}

.tagList-table thead{
    font-weight: bold !important;
}
.tagList-table tr td:first-of-type{
    width: 30% !important;
}
.tagList-table tr td:last-of-type{
    width: 70% !important;
}
.tagList-table td{
    padding: 5px;
}
.overview-detail .formly.horizontal .payment-terms-select ng-select{
    width: calc(91% - 136px) !important;
}
.overview-detail .formly.horizontal .payment-terms-select ng-select .ng-select-dropdown-outer .ng-select-dropdown{
    max-height: 100px !important;
}

.colorChangeTest.smart-style-0 #header,
.colorChangeTest.smart-style-2 #header,
.colorChangeTest.darktheme.smart-style-5 #header,
.colorChangeTest.smart-style-6 #header {
  background-color: #667b1d !important; /* Override the theme-based color */
  background-image: none !important;
}
.colorChangeTest.darktheme.smart-style-5 .btn-header > :first-child > a,
.colorChangeTest.darktheme.smart-style-5 #logo-group span#activity{
    border-color: #777575 !important;
}
.colorChangeTest.darktheme.smart-style-5 .setting-menu #setting-menu a{
    box-shadow: inset 0 0 3px 1px rgb(255, 255, 255) !important;
    border-color: #fff !important;
}
.colorChangeTest.darktheme.smart-style-5 #logo-group span#activity{
    background-color: rgba(0,0,0,.1)!important
}
.colorChangeTest.smart-style-2 #header .btn-primary,
.colorChangeTest.smart-style-2 .project-context > :first-child,
.colorChangeTest.smart-style-2 .project-selector,
.colorChangeTest.smart-style-2 #hide-menu a > i,
.colorChangeTest.smart-style-0 #header .btn-primary{
    color: #fff !important;
}
.colorChangeTest.smart-style-2 .btn-header > :first-child > a{
    color: #fff !important;
    border: 1px solid #8e8c8a !important;
}
.colorChangeTest.smart-style-2 #logo-group span#activity{
    color: #fff !important;
    border: 1px solid #8e8c8a !important;
}
.colorChangeTest.smart-style-0 .project-context > :first-child,
.colorChangeTest.smart-style-0 .project-selector{
    color: #fff !important;
}
.maintenance{
    color: #B7EB00;
    font-size: 20px;
    font-weight: 900;
    font-family: sans-serif;
    position: relative;
    line-height: 60px;
    padding: 10px;
}
.fixed #header .maintenance{
    padding: 5px 0px 0px 10px !important;
}
@media (max-width: 1520px){
    .overview-detail .formly.horizontal .payment-terms-select ng-select {
        width: calc(91% - 146px) !important;
    }
}
.errorOccured{
    border-color: #f86c6b !important;
}
.dropzone .dz-preview .dz-error-message{
    top: -35px; /* Adjust to position the message above the parent div */
    /* left: 50%;
    transform: translateX(-50%);
    width: 250px;
    padding: 0.5em 1em;
    border-radius: 5px;
    font-size: 13px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 1000;
    white-space: break-spaces;
    word-break: break-word; */
}
.dropzone .dz-preview .dz-error-message:after{
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #be2626;
    border-bottom: 0px solid #be2626;
}
#releaseInfoUserDropdown ng-select .ng-control, #addReleaseInfo ng-select .ng-control{
    margin-top: 0px;
}
#addReleaseInfo ng-select {
    width: 190px !important; 
}
.recentAccountingTable{
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
}
.recentAccountingTable td:not(:first-child) {
    padding: 10px;
    text-align: left;
    /* border: 1px solid #444; */
}
/* .recentAccountingTable th {
    background-color: #333;
} */
/* .recentAccountingTable td:not(:first-child) {
    background-color: #2b2b2b;
} */

.radio-cell {
    text-align: center;
    width: 50px;
}
.recentAccountingTable .dt-toolbar, .recentAccountingDataTable thead{
    display: none !important;
}

input[name="data-selection"] {
    accent-color: #b7eb00;
}
img.online {
    border-left-color: transparent !important;
}

.SmallBox:hover {
    border: none !important;
    cursor: default;
}
.botClose {
    cursor: pointer;
}
/* Accordion Styles */
.smart-accordion-default .panel-heading {
    padding: 0;
  }
  
  .smart-accordion-default .panel-title a {
    display: block;
    padding: 10px 15px;
    text-decoration: none;
    border: 1px solid #333;
    box-shadow: 0 1px 1px rgba(066, 066, 66, .43) !important;
   
  }
  
  .smart-accordion-default .panel-title a.collapsed .fa-angle-down,
  .smart-accordion-default .panel-title a .fa-angle-up {
    display: inline-block;
  }
  
  .smart-accordion-default .panel-body {
    padding: 15px;
  }
  
  .smart-accordion-default .panel {
    border-radius: 0;
    margin-bottom: 3px;
  }
  
  .smart-accordion-default .panel-heading {
    border-radius: 0;
  }
  
  /* Table Styles */
  .table-bordered {
    margin-bottom: 0;
  }
  
  .table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #f9f9f9;
  }
  /* Accordion Styles */
.smart-accordion-default .panel-heading {
    padding: 0;
  }
  
  .smart-accordion-default .panel-title a {
    display: block;
    padding: 10px 15px;
    text-decoration: none;
    border: 1px solid #333;
    box-shadow: 0 1px 1px rgba(066, 066, 66, .43) !important;
    /* color: #333;
    background: #f5f5f5; */
    /* background-color: #424242; */
  }
  

  .smart-accordion-default .panel-title a.collapsed .fa-angle-down,
  .smart-accordion-default .panel-title a .fa-angle-up {
    display: inline-block;
  }
  
  .smart-accordion-default .panel-body {
    padding: 15px;
  }
  
  .smart-accordion-default .panel {
    border-radius: 0;
    margin-bottom: 3px;
  }
  
  .smart-accordion-default .panel-heading {
    border-radius: 0;
  }
  

  .entry-row {
    display: flex;
  }
  
  .entry-row:last-child {
    border-bottom: none;
  }
  
  .entry-label {
    flex: 0 0 40%;
    font-weight: 500;
    padding-right: 15px;
  }
  
  .entry-value {
    flex: 0 0 60%;
  }
  .user-details{
    display: 'flex';
   flex-direction: column;
   margin-top: -25px;
   margin-left: 23px;
  }
  .searchTable.exportBtn-help{
    top: -45px;
    right: 194px;
}
    .powerd-by .exportBtn-help{
        bottom: 46px;
        text-align: left;
        display: none;
    }
    .downloadCenter .exportBtn-help{
        top: 43px;
        left: 10px;
        display: none;
    }
  .downloadCenter .exportBtn-help{
    top: 43px;
    left: 10px;
    display: none;
}
.exportBtn-help-table{
    top: 141px;
    right: 50px;
    display: none;
    height: 100px !important;
}
@media screen and (max-width: 1280px) {
    .powerd-by .exportBtn-help {
        left: -50px !important;
    }
}
@media screen and (max-width: 1440px) {
    .powerd-by .exportBtn-help {
        left: -25px !important;
    }
}
@media screen and (max-width: 1024px) {
    .powerd-by .exportBtn-help {
        left: -45px !important;
    }
}
@media screen and (max-width: 768px) {
    .powerd-by .exportBtn-help {
        left: 162px !important;
    }
    .loginClearCache{
        text-align: center !important;
        margin-top: 5px;
    }
}
.searchTable.exportBtn-help,.powerd-by .exportBtn-help,.downloadCenter .exportBtn-help,.exportBtn-help-table,.downloadCenter .exportBtn-help-download{
    position: absolute;
    /* margin: 100px auto; */
    width: 400px;
    min-height: 150px !important;
    border-radius: 5px;
    z-index: 1000;
    background-color: #F3F3F3;
    height: auto;
    color: white;
    padding: 1rem;
    box-shadow: 0px 0px 24px rgb(0 0 0 / 40%);
}
.downloadCenter .exportBtn-help:before{
    content: '';
    position: absolute;
    left: 130px;
    top: -20px;
    border-style: solid;
    border-width: 10px 14px 10px 14px;
    border-right-color: rgba(0, 0, 0, 0);
    border-bottom-color: rgb(243, 243, 243);
    border-top-color: rgba(0, 0, 0, 0);
    border-left-color: rgba(0, 0, 0, 0);
}
.downloadCenter .exportBtn-help-download{
    content: '';
    position: absolute;
    left: 130px;
    top: -20px;
    border-style: solid;
    border-width: 10px 14px 10px 14px;
    border-right-color: rgba(0, 0, 0, 0);
    border-bottom-color: rgb(243, 243, 243);
    border-top-color: rgba(0, 0, 0, 0);
    border-left-color: rgba(0, 0, 0, 0);
}
.exportBtn-help-table:before{
    content: '';
    position: absolute;
    right: 25px;
    top: -20px;
    border-style: solid;
    border-width: 10px 14px 10px 14px;
    border-right-color: rgba(0, 0, 0, 0);
    border-bottom-color: rgb(243, 243, 243);
    border-top-color: rgba(0, 0, 0, 0);
    border-left-color: rgba(0, 0, 0, 0);
}
.exportBtn-help .dc-bottom,.exportBtn-help-table .dc-bottom{
    position: absolute;
    right: 0;
}
.dc-bottom{
    float: right;
    margin-right: 10px;
    padding: 0px 10px;
    bottom: 10px;
}
.dc-bottom button{
    color: #2C2C2C !important;
    border-radius: 15px;
    background: transparent !important;
    border: 2px solid #b7eb00 !important;
    font-size: 13px;
    padding: 3px 15px;
    font-weight: 400;
}
.downloadCenter .exportBtn-help h1{
    margin: 15px;
}
.slider-container {
    width: 350px;
    margin: 0 15px;
    overflow: hidden;
}
.slider-turn{
    line-height: normal;
    min-height: 50px;
}
.exportBtn-help .slider-turn p{
    color: #111;
}

.exportBtn-help h1,.exportBtn-help-table h1{
    font-size: 18px;
    font-weight: 700;
    color: #2C2C2C;
    margin: 15px 25px;
}
.downloadCenter .exportBtn-help h1{
    margin: 15px;
}
.exportBtn-help-table h1{
    margin: 10px;
}

/* Download center close btn */

.closeBtn {
    cursor: pointer;
}
.closeBtn:before,
.closeBtn:after {
    content: "";
    position: absolute;
    height: 15px;
    width: 13px;
    top: 35px;
    right: 31px;
    border-top: 2px solid #7c7c7c;
    transform: rotate(-45deg);
}
.closeBtn:before {
    right: 40px;
    transform: rotate(45deg);
}
/* Download center close btn */
.widget-height {
    height: 115px;
    margin-bottom: 25px;
}
.disable-pointer {
  cursor: not-allowed !important;
  opacity: .75;
}

.history_filter{
    width: auto !important;
    border: none !important;
    position: absolute !important;
    top: 13px;
    background: #fafafa !important;
    padding: 0px !important;
    left: 225px;
    z-index: 1;
    height: auto !important;
    /* overflow-y: hidden !important; */
    /* margin-left: 10px !important; */
}
.form-inline-wrapper {
    display: flex;
    align-items: center;
    gap: 12px; /* space between fields and buttons */
    flex-wrap: wrap; /* optional: wrap on smaller screens */
  }
  
  .formly-inline-form {
    flex-grow: 1; /* allow form to grow and take available space */
  }
  
  .formly-button-group {
    display: flex;
    gap: 8px;
  }
  
  .form-inline-layout {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: nowrap; /* Prevent wrapping unless needed */
  }
  
  .inline-form {
    display: flex;
    flex: 1;
    flex-wrap: nowrap;
    align-items: center;
  }
  
  button {
    white-space: nowrap; /* Prevent button text wrapping */
  }
  
  .responsive-form .form-container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
  }
  
  .formly-inline-form {
    flex: 1 1 300px;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
  }
  
  .formly-button-group {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
  }
  
  @media (max-width: 768px) {
    .responsive-form .form-container {
      flex-direction: column;
      align-items: stretch;
    }
  
    .formly-button-group {
      justify-content: flex-start;
    }
  }
  

  
  @media (max-width: 768px) {
    .responsive-form-row {
      flex-direction: column;
      align-items: stretch;
    }
  
    .responsive-buttons {
      justify-content: flex-start;
    }
  }
  
  .form-flex {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
  }
  
  .form-wrapper {
    padding: 1rem;
  }
  
  .form-flex ::ng-deep .form-group {
    flex: 1 1 calc(25% - 1rem); /* 4 columns layout */
    min-width: 200px;
  }
  
  .button-group {
    display: flex;
    gap: 0.5rem;
    margin-top: 1rem;
  }
  

  
.padding-x-5 {
    padding: 0px 5px;
}

@media (max-width: 1200px) {
    .history_btn {
        left: -106px !important;
        position: relative !important;
    }
}
.history-date div{
    border:none !important;
}
.updateArticleTable .dataTables_filter {
    width: auto !important;
}
.new-mirror-item-row input,.mirror-row-edit input {
    padding-left: 3px;
}
tr.new-mirror-item-row td, tr.mirror-row-edit td {
    padding: 3px !important;
}

.has-invalid-field {
    border: 3px solid #f86c6b !important;
}
@-moz-document url-prefix() {
  /* Firefox-specific styles go here */
  .history_filter{
    margin-left: 10px !important
  }
}
#invoice-dashboard-page .smallbox{
        width: 100% !important;
}

/* CSS to make the text in two line of codes. */
#invoice-dashboard-page .menuTooltip1{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.3em;
    max-height: calc(1.3em * 2);
    white-space: normal;
    word-break: break-word;
}
@media (min-width: 768px){
    #invoice-dashboard-page .smallbox{
        width: 50% !important;
    }
}
#supplierRecipientUpdatePopup {
    height: 190px !important;
    overflow: hidden !important;
}
.smart-style-1 nav ul ul li>a:hover {
    background: rgba(69, 69, 69, .05) !important;
}
#errorUpdatePopup{
     height: 100px !important;
}
.id-settings .jarviswidget>div {
    padding: 13px 0px 0px !important;
}
.mirror-btn{
    padding: 0px 10px !important;
    margin-left: 6px;
}
.analytics .card-box.smallbox .well h3{
    line-height: 36px !important;
}

.smart-style-6 .infoIcon {
    filter: brightness(0) saturate(100%) invert(40%) sepia(79%) saturate(1302%) hue-rotate(186deg) brightness(102%) contrast(91%) !important;
}

.break-cell-text{
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal;
    word-break: break-all;
}

.not-break-text{
    white-space: nowrap;
    overflow: hidden;
}