[hidden] {
    display: none !important
}

.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;
}

.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;
}

.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-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;
    padding: 8px 0px;
    border-bottom: 1px dashed #333;
    background: #fff;
    font-size: 16px;
    font-weight: 700;
    color: #333;
    margin: 0 14px 20px;
}

.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;
}

.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;
}

.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: -12px;
    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;
}

.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;
}

.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;
}

.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: #428bca;
    color: #fff;
    border-bottom-color: #357ebd;
}

.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;
}

.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: #fff;
    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: 15px;
}

.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;
}

#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 {
    background: none ! important;
    border: none;
    color: #000;
}

.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;
}

.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: 232px !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: 15px;
    font-weight: 700;
    height: 40px;
}

.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 {
    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 {
    background-color: #E2B14A !important;
    ;
    color: #fff !important;
}

ng-select .ng-option:last-child {
    border-radius: 0 !important;
}

ng-select .ng-clear-zone {
    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 {
    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: 35px;
}

.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: 200px;
}

.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 {
    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: 71px;
    padding: 6px 12px;
    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: #F7B512;
}

.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: #F7B512 !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 .jarviswidget>div,
.darktheme.smart-style-5 .bs-example,
.darktheme.smart-style-5 .well {
    background: #424242 !important;
    border-color: #616161 !important;
}

.darktheme.smart-style-5 .beautify-jarviswidget .jarviswidget>header,
.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 .dataTable tbody .shown,
.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 .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 {
    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: #616161;
}

.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 .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) {
    background: #E2B14A !important;
}

.darktheme.smart-style-5 .table-hover>tbody>tr.invoiceSelected:hover,
.darktheme.smart-style-5 .table-hover>tbody>tr.invoiceSelected:hover>td {
    background: #E2B14A !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 .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 #616161;
    box-shadow: 0 0 15px #424242;
}

.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: #3276b1;
    border-color: #2c699d;
    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: #c79121;
    border-color: #b1811d;
}

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: 16%;
    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: #D6A848;
    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 formly-wrapper-addons {
    width: calc(100% - 175px);
    float: left;
}

.overview-detail .formly.horizontal.itemform formly-field-input,
.overview-detail .formly.horizontal.itemform formly-field-textarea {
    width: calc(100% - 160px);
    float: left;
}

.overview-detail .formly.horizontal.itemform .form-control-label {
    width: 160px;
}

.overview-detail .formly.horizontal .customwidth .form-control-label {
    width: 170px;
}

.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 .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: scroll;
    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%;
}

.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;
}

.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 {
    max-width: 600px;
}

.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: #E2B14A !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;
    cursor: not-allowed !important;
}


/* =================================== */

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

.start-symbol label.form-control-label:after {
    content: "*";
    position: initial;
    right: -12px;
    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-dashboar-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-dashboar-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: 23px;
}

#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;
}

.createcontract-title{
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}


/* 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;
    }

}

.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;
    }

    .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 (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: 15px;
    }

    .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;
    }
}

@media (max-width: 1380px) {
    .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: 182px !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;
    }
}

@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: 154px;
    }
}

@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;
    }

    .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: 10px;
        display: inline-block;
        margin-right: 10px;
    }

    /* .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;
    }

    .invoicetable .dataTables_length,
    .invoicetableAccounting .dataTables_length,
    .invoicetablecancel .dataTables_length,
    .invoicetablearchive .dataTables_length {
        margin-top: 28px;
    }

    .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;
    }

    .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: #F7B512 !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: 80px;
    }

    .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: 16px !important;
        width: 40px !important;
        height: 35px !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: 50px;
    }

    .invoice-dashboard .jarviswidget {
        margin: 0 0 20px 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: 124px;
    }

    .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;
    }
}
@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;
}

.totalinvoice.vatrepeat.headerVat div.overview-detail-add {
    width: auto !important;
}

.taxbaselabel {
    padding-left: 190px !important;
}

.popover {
    background: rgb(116, 116, 116);
    color: #fff;
}

.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 {
    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;
}

.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;
    }
    #jarviswidget-fullscreen-mode .scrollable-table thead th {
        position: sticky !important;
        top: -13px;
    }
    /* .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: 230px;
} */

.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; */
    position: relative;
}

.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;
    }

    #columnChart,
    #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: 23px !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,
.createExternalPartyForm ng-select .ng-control,
.editExternalPartyForm ng-select .ng-control {
    margin-top: 0px !important;
}

.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: 600px;
    height: 400px;
}

.donutCell {
    position: relative;
}


/* .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){
    #columnChart,
    #columnChart1,
    #columnChart2,
    #barChart{
        width: 650px !important;
        height: 400px !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: 450px !important;
        height: 400px !important;
        margin: auto;
    }
}

@media (min-width: 1440px) and (max-width: 1600px) {
    #columnChart,
    #barChart{
        width: 450px !important;
        height: 400px !important;
        margin: auto;
    }
}

@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: 400px !important;
        height: 400px !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: #333;
    margin-top: -9px;
}
.darktheme.smart-style-5 #donut .jarviswidget-fullscreen-btn {
    color: #fff !important;
}
.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,.toolTipHideSearchContractDoctitle{   
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-bottom: 0;
}
.toolTipHideContractDoctitle{
    width: 250px;
}
.toolTipHideSearchContractDoctitle{
    width: 180px;
}

.tooltipContract .toolTipRightForm{
    /* right: 40% !important; */
    padding: 5px 5px !important;
    left:inherit !important;
    width: max-content;
    z-index: 1000;
}

#drag1 .tooltipContract .toolTipRightForm{
    width: 100% !important;
}
.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 !important;
    /* 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;
}
/* 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: calc(100% - 50px);
}
.accordion__item.state-collapsed {
    width: 50px;
}
.accordion__item {
    height: 81vh;
    width: 50%;
    float: left;
    box-sizing: border-box;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}
.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: #fff 
}
.invoicetable table.dataTable tbody tr.selected td.sorting_1 a{
    color: #f3f6f9;
}
.invoicetableAccounting table.dataTable tbody tr.selected td.sorting_1 a{
    color: #f3f6f9;
}
table.dataTable tbody tr.selected{
    color: black 
}
.darktheme.smart-style-5 table.dataTable tbody tr.selected a,
.darktheme.smart-style-5 .selected .text-muted, 
.darktheme.smart-style-5 table.dataTable tbody tr.selected{
    color: #fff !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: 64px;
    max-width: 248px;
} */

.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: #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;
}
.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-left: 0px !important;
    padding-right: 0px !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: #F7B512 !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-35{
    font-size: 35px;
}
.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,.deletedUser.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: 53px;
    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: 245px;
    
}
.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: 32%;
 }
 .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;
}
.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: #F7B512 !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;
}
.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;
}
.ui-dialog .detailsPart .table td{
    padding: 0px !important;
}

div.disableSection,.disableBtn{
    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: #E2B14A !important;
    cursor: pointer;
    background: #E2B14A !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;
}

.exportbtn-guid {
    position:absolute;
    /* margin:100px auto; */
    width: 270px;
    height: 50px;
    border-radius: 5px;
    z-index: 1000;
    background-color: #17a2b8;
    height: auto;
    color: white;
    padding: 1rem;
    bottom: 40px;
    right: 56px;
    display: none;
}
.top-bot{
    position: absolute;
    top: -10px;
    left: 223px;
    width: 0;
    height: 0;
    border-bottom: 10px solid #17a2b8;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
}
.top-bot-border{
    top:-18px;
    border-color:transparent transparent #17a2b8 transparent; 

}
.dialog-content{
    text-align:center;
    line-height: normal;
    letter-spacing: 0.1px;
}
.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;
}
.exportBtn-help-table{
    top: 141px;
    right: 57px;
    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%);
}
.searchTable.exportBtn-help:before {
    content: '';
    position: absolute;
    right: -10px;
    top: 48px;
    border-style: solid;
    border-width: 14px 14px 14px 0;
    border-top-color: rgba(0, 0, 0, 0);
    border-right-color: rgb(243, 243, 243);
    border-bottom-color: rgba(0, 0, 0, 0);
    border-left-color: rgba(0, 0, 0, 0);
    transform: rotateY(180deg);
}
.powerd-by .exportBtn-help:before{
    content: '';
    position: absolute;
    left: 50px;
    bottom: -20px;
    border-style: solid;
    border-width: 10px 14px 10px 14px;
    border-right-color: rgba(0, 0, 0, 0);
    border-top-color: rgb(243, 243, 243);
    border-bottom-color: rgba(0, 0, 0, 0);
    border-left-color: rgba(0, 0, 0, 0);
}

.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: 30px;
    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);
}
.top-div{
    position: absolute;
    top: 22px;
    right: -7px;
    width: 0;
    height: 0;
    border-right: 15px solid #17a2b8;
    border-left: 15px solid transparent;
    border-bottom: 15px solid transparent;
    transform: rotateY(0deg) rotate(45deg);
}
.exportBtn-help .bottom,.exportBtn-help-table .bottom{
    position: absolute;
    right: 0;
}
.bottom{
    float: right;
    margin-right: 10px;
    padding: 0px 10px;
}

/* .exportBtn-help .bottom .step,.exportBtn-help-table .bottom .step{
    flex: 3;
    width: 100%;
    height: 54px;
    background-color: transparent;
    border-bottom-left-radius: 6px;
    display: flex;
} */

.btn-nxt{
    flex: 1;
    background-color: #17a2b8;
    border: 0;
    margin: 10px;
    padding: 0;
    text-transform: uppercase;
    color: #fff;
    font-weight: bold;
    cursor: pointer;
    transition: all 0.3s;
    border-radius: 6px;
}
.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;
}
/* .exportBtn-help-table .bottom {
   bottom: -6px;
} */

.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);
}
.slider-container {
    width: 350px;
    margin: 0 15px;
    overflow: hidden;
}
.slider-turn{
    line-height: normal;
    min-height: 50px;
}
.exportBtn-help .slider-turn p{
    color: #111;
}
.col-lg-12.col-sm-12.col-xs-12 #searchClearSearchContract{
    right: 5%;
}
.col-lg-12.col-sm-12.col-xs-12 #searchClearContract{
    right: 5%;
}
.col-lg-12.col-sm-12.col-xs-12 #drag2 .searchTable.exportBtn-help{
    opacity: 0;
}

.fieldsLinker ul {
    list-style: none;
    margin-left: 0px;
    padding-left: 0px;
    font-weight: normal;
}
.fieldsLinker li {
    border: solid 1px grey;
    padding: 5px 2px 5px 8px;
    margin-top: 7px;
    margin-bottom: 8px;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    cursor: pointer;
    background-color: #fff;
    background: linear-gradient(#ffffff, #e9e9e9);
    color: black;
    border-radius: 0px;
    text-overflow: ellipsis;
    overflow: hidden;
}

.fieldsLinker li.selected {
    -webkit-filter: invert(100%);
    filter: invert(100%);    
}

.fieldsLinker li[data-mandatory='true'] {
    background-color: #D7504C;
    background: linear-gradient(#D7504C, #C12F2B);
    color: white;
}

.fieldsLinker li.inactive {
    opacity: 0.5;
}

.fieldsLinker li.linkOver {
    border: solid 2px transparent; /*plus 1px*/
    padding: 4px 1px 4px 7px; /* minus 1px*/
}

.FL-main.fieldsLinker{
    left: 5%;
    top: 20px;
}
.eraseLink{
    margin-right: 10px;
}
#fieldLinkerZone label{
    font-weight: 300;
    display: inline-block;
}
  
#fieldLinkerZone label input[type='radio']{
    vertical-align: top;
}
  
#fieldLinkerZone label.active{
    font-weight:600;
    color: #2e44b9;
}  
  
#fieldLinkerZone .bonds{
    min-width:400px;
    max-height: 553px;
}    
.fieldLinkerSave {
    display:inline-block;
}
.FL-main.fieldsLinker select {
    opacity: 1;
    color: #000;
    font-weight: bold;
    font-size: 15px;
}

.darktheme.smart-style-5 .FL-main.fieldsLinker select{
    color: #FFF;
}
.FL-main .fieldLinkerSave,.FL-main .eraseLink{
    margin-top: 50px;
}

.start-btn{
    background-color: #17a2b8 !important;
}
.date-label{
    margin-left: 13px;
}
.dt-button.buttons-columnVisibility.active{
 background-color: #FFFFE0 !important;
}
.dt-toolbar .dt-buttons.btn-group{
    float: right !important;
}

.search-contract-table,
.invoiceItemListTable, 
.orderListItemTable,
.rejectedListTable,
.table-dashboard-invoice,
.dashboardTableList{
    width: 100% !important;
    table-layout: fixed;
}
.search-contract-table{
    width: 100% !important;
    table-layout: fixed;
}
.search-contract-table td,.search-contract-table th,.docTable .values,.searchDetailtooltip{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.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;
    
}
@media screen and (-webkit-min-device-pixel-ratio:0) {

    .scrollable-table thead th.headerTableTHunset {
        position: unset !important;
        top: unset;
    }

}
.basic-search-header{
    display: block;
    border-bottom: 1px dashed #333;
    background: #fff;
    font-size: 16px;
    font-weight: 700;
    color: #333;
    margin: 0 14px 20px;
}

.form-type-header{
    font-size: 14px !important;
}
.basesearch-heading{
    display: block;
    padding: 8px 0px;
    border-bottom: 1px dashed #333;
    background: #fff;
    font-size: 16px;
    font-weight: 700;
    color: #333;
}
.darktheme.smart-style-5 .basesearch-heading{
    border-color: #303030;
    background: #424242;
    color: #fff;
}
.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;
}
.darktheme.smart-style-5 .replaceUserLabels label{
    background: 0 0;
    color: #fff;
    border-bottom: 1px dashed #fff;
}
.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{
    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%;
}
.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;
}
.darktheme.smart-style-5 .replaceUserLabels input{
    background: #616161;
    border-color: #424242;
}
.darktheme.smart-style-5 .replaceUserLabels table{
    background: 0 0 !important;
}
.docTable .selectAllIcon{
    background-color: #fff;
    color: #E2B14A;
}
.darktheme.smart-style-5 .docTable .selectAllIcon{
    background: 0 0;
    color: #E2B14A;
}
.replaceUserLabels input::placeholder{
    color: #999;
}
.replaceUserLabels input:-ms-input-placeholder{
    color: #999;
}
.replaceUserLabels input::-ms-input-placeholder{
    color: #999;
}
.darktheme.smart-style-5 .replaceUserLabels input::placeholder{
    color: #fff;
}
.darktheme.smart-style-5 .replaceUserLabels input:-ms-input-placeholder{
    color: #fff;
}
.darktheme.smart-style-5 .replaceUserLabels input::-ms-input-placeholder{
    color: #fff;
}
form.searchcontract.user-search{
    cursor : context-menu;
}
tr.exportFile-head{
    max-height: 20px;
}
.dropdown-menu>li.buttons-columnVisibility>a:focus, .dropdown-menu>li.buttons-columnVisibility>a:hover{
    background-color: unset;
}
.dropdown-menu>li.buttons-columnVisibility.active>a:focus, .dropdown-menu>li.buttons-columnVisibility.active>a:hover{
    background-color: #3276b1;
}

.left-table>tr>td{
    padding: 3px !important;
    border: 1px solid #eee;
}

.select_saporder{
    width: 235px !important;
    border: none !important;
    position: absolute !important;
    background: #fafafa !important;
    padding: 0px !important;
    z-index: 1;
    height: auto !important;
    overflow-y: hidden !important;
}

.orderlist-item-table .dataTables_filter{
    margin-left: 240px;
}
.invoiceItemListSpinLoader{
    width: 100%;
    left: 50%;
    margin-top: 0 !important;
}
.invoiceItemListTable.table>tbody>tr>td,
.orderlist-item-table table.table>tbody>tr>td,
.invoiceItemListTable.table>thead>tr>th,
.orderlist-item-table table.table>thead>tr>th{
    vertical-align: middle !important;
}
.mirrorData .dt-toolbar{
    padding: 0;
}
.mirrorData .dt-toolbar,.mirrorData .dt-toolbar-footer, .darktheme.smart-style-5 .mirrorData .dt-toolbar, .darktheme.smart-style-5 .mirrorData .dt-toolbar-footer{
    background: none !important;
}

.invoiceItemListTable tr>td{
    cursor: pointer;
}
.invoiceItemListTable.table.dataTable tbody tr.shown{
    background: #E2B14A !important;
}
.orderlist-item-table .dataTables_processing{
    margin-top: -37px !important;
}
/* .rejectedListTable div.dataTables_wrapper .dt-toolbar{
    display: block !important;
} */
.left-table table td, .left-table table th,.table-dashboard-invoice td, .table-dashboard-invoice th {
    position: static;
    display: table-cell;
    float: none;
}

.invoiceItemListTable td, 
.invoiceItemListTable th,
.orderListItemTable td, 
.orderListItemTable th,
.rejectedListTable td, 
.rejectedListTable th,
.table-dashboard-invoice td, 
.table-dashboard-invoice th, 
.dashboardTableList th, 
.dashboardTableList td{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.table-dashboard-invoice thead, .rejectedListTable thead{
    position: unset !important;
}

.rejectedListTable thead .headerTableTHunset{
    position: unset !important;
    top: unset;
}

.rejectedListTable.scrollable-table thead th {
    top: 0px !important;
}
.loginClearCache{
    text-align: end;
}
.loginClearCacheColor{
    color: #333;
}

.tooltipContractTitleDiv{
    position: relative;
    display: inline-block;
    width: 75%;
}
.tooltipDoctitle {
    visibility: hidden;
    background-color: black;
    color: #fff;
    width: 84%;
    text-align: center;
    border-radius: 6px;
    padding: 5px 5px;
    word-break: break-all;
    position: absolute;
    z-index: 100;
    position: absolute;
    left: 5%;
    top: 1%;
}
.tooltipHideDocTitle{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-bottom: 0;
}

.dashboardTableList .blacktooltip{
    min-width: 200px !important;
    z-index: 100;
}
.darktheme.smart-style-5 .invoice-position{
    color: #F7B512 !important;
}
.invoice-position{
    color: #111 !important;
}
.darktheme.smart-style-5  .right-table .dt-toolbar-footer, .darktheme.smart-style-5  .left-table .dt-toolbar-footer{
    background: unset !important;
}
.detailArea,.invoiceItemListTable .expandRecordInvoiceItems, .dashboardTableList .expandRecordInvoiceDashboard{
    overflow: unset !important;
}

@media only screen and (max-width: 1670px){
    .update-extra-item{
        margin-left: -99% !important;
    }    
}
@media only screen and (max-width: 770px){
    .right-div{
        margin-top : 50px;
    }

}

.darktheme.smart-style-5 .invoiceItemListTable tbody tr.selected a.invoice-position {
    color: #fff !important;
}
.hiddenFormField{
    visibility: hidden;

}
.aduno_schemeCategoryMultiSelect  ng-select .ng-menu {
    max-height: 220px;
    overflow-y: auto;
}
.contractDetailHeadWithoutSpace {
    height: 32px !important;
    /* font-size: 1140px !important; */
}
.instance-link:hover {
    text-decoration: underline !important;
}
.marquee {
    color: #bbb;
}
.instance-link, .instance-link:hover {
    color: #fff;
}
.darktheme.smart-style-5 .instance-link, .darktheme.smart-style-5 .instance-link:hover {
    color: #F7B512 !important;
}
.darktheme.smart-style-5 .marquee {
    color: #fff !important;
}
body.smart-style-6 #ribbon .marquee {
    color: #374853!important;
}
body.smart-style-6 .instance-link, body.smart-style-6 .instance-link:hover {
    color: #1570B8 !important;
}

.iframe-container {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding-top: 75%; /* 4:3 Aspect Ratio */
  }
  
  .responsive-iframe {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border: none;
  }
  .saveByDisabled{
     cursor: not-allowed; 
  }
  .saveByDisabled ng-select {
    pointer-events: none;
 }
 .saveByDisabled ng-select .ng-control{
    background-color: #eee !important;
 }
 .darktheme.smart-style-5  .saveByDisabled ng-select .ng-control {
    background-color: #616161 !important;
}
body.smart-style-6 .saveByDisabled ng-select .ng-control {
    background-color: #fff !important;
}
.searchDetailpanewidthNoHistory {
    width: 16.6% !important;
}
body.smart-style-6 .header-dropdown-list>li>.dropdown-toggle{
    color: #333 !important;
}
.colorToggle{
    color: #333 !important;
} 
.darktheme.smart-style-5 a.colorToggle{
    color: #fff !important
}