/*******  general  *******/
html {
    font-size: 13px;
}

body.modal-open {
    padding-right: 0 !important;
}

body, html {
    overflow-x: hidden;
    /*padding-right: 0 !important;*/
}

.checkbox-table {
    padding-right: 25px !important;
}

.text-body {
    color: #394969 !important;
}

.navbar-vertical .navbar-nav .nav-link,
.table {
    color: #394969;
}

img {
    max-width: 100%;
}

legend {
    font-size: 1rem;
    margin-top: 15px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 7px;
    margin-bottom: 10px;
}

.logo-login {
    max-width: 250px;
}

/*******  navbar  *******/
#navbar-container {
    min-height: calc(100vh - 360px);
    overflow: auto;
    max-width: 100% !important;
    height: auto;
}

#navbar {
    height: 100% !important;
}

.navbar-vertical.navbar-expand-xs .navbar-nav > .nav-item:last-child {
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.navbar-vertical .navbar-nav > .menu-active > a {
    color: #3a416f;
    font-weight: 600;
}

/*.navbar-vertical .navbar-nav .dropdown-toggle i:last-of-type {*/
/*    margin-left: auto !important;*/
/*}*/
.breadcrumb-item.active {
    padding-bottom: 0;
}

.dropdown .dropdown-menu.dropdown-menu-end {
    right: 0 !important;
    left: 0px !important;
}

.subject-imap-edit_cfg {
    margin-top: 22px;
}

.subject-imap-edit_cfg .form-control {
    padding: 4px;
}

.navbar-vertical.navbar-expand-xs .navbar-nav .nav-link {
    margin: 0 !important;
    padding-left: 1.5rem;
    /*padding-right: 0.3rem;*/
}

.navbar-vertical .navbar-nav > .menu-active .icon-shape i {
    color: #fff;
}

.navbar-vertical .navbar-nav > .nav-item > a.dropdown-toggle::after {
    display: none;
}

.navbar-vertical .submenu2 {
    padding-left: 10px;
}

.navbar-vertical .submenu2,
.navbar-vertical .submenu {
    list-style-type: none;
    display: none;
}

.navbar-vertical .menu-active > .submenu2,
.navbar-vertical .menu-active > .submenu {
    display: block;
}

.navbar-vertical .navbar-nav > .menu-active .icon {
    background-image: linear-gradient(310deg, #cb0c9f, #cb0c9f) !important;
    color: #fff;
    font-size: 13px;
}

.navbar-vertical .navbar-nav .icon-shape {
    width: 48px;
    height: 48px;
    background-position: 50%;
    border-radius: .75rem;
}

.g-sidenav-pinned .main-content {
    margin-left: 17.125rem;
}

.g-sidenav-hidden .main-content {
    margin-left: 7.5rem;
}

.g-sidenav-hidden .navbar-vertical:hover + .main-content {
    margin-left: 7.5rem !important;
    /*margin-left: 17.125rem;*/
}

.g-sidenav-hidden .navbar-vertical:hover {
    max-width: 6rem !important;
}

.g-sidenav-hidden .navbar-vertical:hover .navbar-brand span {
    opacity: 0 !important;
}

.sidenav .navbar-brand {
    padding: 1.5rem 1rem;
    padding-left: 1.5rem;
}

/*.g-sidenav-show .navbar-vertical:hover .navbar-collapse .navbar-nav li .nav-link .menu-text,*/
.g-sidenav-show .sidenav .menu-text {
    transition: .3s ease;
    opacity: 1;
    width: auto;
    margin-right: auto;
}

.g-sidenav-hidden .navbar-vertical .navbar-nav .submenu li .nav-link {
    height: 0;
    opacity: 0;
    width: 0;
    padding: 0;
}

.g-sidenav-hidden .navbar-vertical .navbar-nav li .nav-link .menu-text {
    opacity: 0;
    width: 0;
}

.navbar.navbar-main.navbar-expand-lg {
    margin-left: 0 !important;
    /*width: 100%;*/
    /*padding-right: 3em !important;*/
}

#navbar-btn {
    width: 100%;
    padding: 0;
    /*width: 49px;*/
    /*border-radius: 5px;*/
    /*height: 37px;*/
    /*margin-left: 19.125rem;*/
    /*margin-left: 25px;*/
    /*margin-top: 1rem !important;*/
    /*position: absolute;*/
    /*z-index: 9999;*/
    z-index: 99;
    transition: all .2s ease-in-out;
    box-shadow: none !important;
}

#iconNavbarSidenav {
    position: relative;
    padding: .5rem 1rem;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .16);
    width: 45px;
    border-radius: 5px;
    height: 34px;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    /*margin-left: 7px;*/
    margin-left: 20px;

}

.sidenav-toggler.sidenav-toggler-inner.d-xl-block {
    width: 100%;
    position: relative;
}

.sidenav {
    z-index: 999;
}

/*.g-sidenav-hidden #navbar-btn {*/
/*    margin-left: 9.125rem;*/
/*    transition: all .2s ease-in-out;*/
/*}*/
.navbar-nav .icon i {
    top: 0;
    font-size: 16px;
}

.navbar-nav .icon-shape i {
    color: #111111;
}

.navbar-vertical .navbar-nav .nav-link.dropdown-toggle > i {
    min-width: auto;
}

p.menu-text,
.navbar-vertical .navbar-nav .nav-link p {
    margin-bottom: 0;
}

.navbar-vertical .navbar-nav .submenu .nav-link span {
    /*margin-left: auto;*/
    margin-left: 0;
    margin-top: -2px;
    position: relative;
}

.navbar-vertical .navbar-nav .submenu {
    /*padding-left: 35px;*/
    padding-left: 55px;
}

.nav-tabs .nav-link {
    color: #495057;
}

.nav-tabs .nav-link.active {
    color: #cb0c9f;
}

.nav-link.active .menu-text {
    font-weight: bold;
}

#navbar-container {
    margin: 0;
    padding: 0;
    /*margin-left: -1rem;*/
    /*margin-right: -1rem;*/
    /*padding-left: 1rem;*/
    /*padding-right: 0.3rem;*/
}

.navbar-vertical .navbar-nav .submenu .nav-item .nav-link[data-toggle="dropdown"] span i {
    font-size: .9375rem;
}

.navbar-vertical .collapse .navbar-nav .submenu .nav-item .nav-link,
.navbar-vertical .collapsing .navbar-nav .submenu .nav-item .nav-link {
    position: relative;
    padding-left: 5px;
    white-space: initial;
    word-break: break-word;
}

.navbar-vertical.navbar-expand-xs .navbar-collapse {
    height: 100%
}

.navbar-vertical .collapse .navbar-nav .submenu .nav-item .nav-link::before,
.navbar-vertical .collapsing .navbar-nav .submenu .nav-item .nav-link::before {
    content: "";
    position: absolute;
    /*left: -14px;*/
    /*left: -25px;*/
    left: -20px;
    top: 50%;
    transform: translateY(-50%);
    height: 5px;
    width: 5px;
    border-radius: 1.5rem;
    background: rgba(58, 65, 111, .5);
}

.navbar-vertical .collapse .navbar-nav .submenu .submenu .nav-item .nav-link::before,
.navbar-vertical .collapsing .navbar-nav .submenu .submenu .nav-item .nav-link::before {
    display: none;
}

.navbar-vertical .navbar-nav .submenu .submenu {
    padding-left: 0;
}

.navbar-nav .dropdown-menu .nav-link {
    padding-right: 15px !important;
    padding-left: 15px !important;
}

.navbar-main {
    margin-left: auto !important;
}

.sidenav-header {
    /*height: 100px;*/
    height: auto;
    margin-right: auto;
    margin-left: 15px;
}

.navbar-vertical .navbar-brand-img,
.navbar-vertical .navbar-brand > img {
    max-width: 100%;
    /*width: 100%;*/
    height: auto !important;
    max-height: 100px;
}

#navbar-btn {
    width: 75px
}

/*submenu*/
.submenu .submenu .submenu .submenu,
.submenu .submenu .submenu {
    padding-left: 10px !important;
}

.submenu .nav-link span i {
    display: block;
}

.submenu .nav-link i {
    display: none;
}

/*******  mod_crud  *******/
.bootstrap-tagsinput {
    border: 1px solid #d2d6da !important;
    appearance: none !important;
    border-radius: .5rem !important;
    transition: box-shadow .15s ease, border-color .15s ease !important;
    padding: 5.5px 6px !important;
}

fieldset .bootstrap-tagsinput .tag {
    font-size: 14px !important;
    padding: .4em .9em;
}

fieldset .bootstrap-tagsinput .tag span[data-role="remove"] {
    top: 0 !important;
}

.ms-ctn .ms-sel-item {
    display: flex;
    align-items: center;
}

.ms-sel-ctn {
    height: 100%;
    /*display: flex;*/
    /*display: -webkit-flex;*/
    align-items: center;
    -webkit-align-content: center;
    flex-wrap: wrap;
    padding-right: 0;
}

/*.ms-sel-ctn input[type='text'] {*/
/*    height: 100%;*/
/*    min-height: 0;*/
/*}*/
.ms-sel-ctn {
    overflow-y: hidden;
}

.dd-selected {
    min-height: 40px;
}

#profile {
    margin-bottom: 1.5rem;
}

/*mod_crud spacing*/
#roles-btns .btn {
    margin-right: 7px !important;
}

#roles-btns {
    margin-bottom: 1rem;
}


/*form user*/
/*.form-user-edit .nav-item i {*/
/*    width: 20px;*/
/*}*/


/*btn*/
.btn-block {
    width: 100%;
    display: block;
}

.btn i {
    padding: 0rem 0.3rem;
    /*margin-right: 5px;*/
}

.btn-icon-only i {
    margin-right: 0;
}

.btn .badge {
    margin-left: 8px;
    margin-top: 3px;
}

tbody .btn i {
    margin-right: 0;
}

.btn {
    margin-bottom: 0;
    box-shadow: none;
    /*padding: .5rem 1rem;*/
    /*line-height: initial;*/
    line-height: 23px;
    padding: .5rem 17px 0.5rem 17px;
    display: inline-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    text-transform: none;

    font-size: 1rem;
}

.btn-xs {
    padding: 0.4rem 0.4rem;
}

.btn-default {
    color: #333;
    background-color: #fff;
    border: 1px solid #ccc !important;
}

.btn-toggle i {
    font-size: 15px;
}

.btn-group, .btn-group-vertical {
    /*align-items: center;*/
}

.float-end.btn-group > :not(.btn-check) + .btn {
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
}

.btn.btn-toggle i,
.btn-toggle i {
    margin-right: 0;
    font-size: 16px;
}

.btn.btn-toggle {
    padding: .5rem 0.6rem;
    min-height: auto;
}

.btn-sm.btn-toggle i,
.btn-group-sm .btn-toggle i {
    /*margin-right: 0;*/
    font-size: 14px;
}

.btn-sm.btn-toggle {
    padding: .4rem 0.6rem;
    min-height: auto;
}

.btn-light .badge {
    color: #000;
}

.btn-group .btn:last-of-type {
    border-top-left-radius: 0rem !important;
    border-bottom-left-radius: 0rem !important;
}

.btn-group .btn-group .btn.dropdown-toggle:first-of-type,
.btn-group .btn:first-of-type {
    border-top-left-radius: .5rem !important;
    border-bottom-left-radius: .5rem !important;
}

.btn-group .btn:last-of-type {
    margin-right: 0;
}

/*.btn-group .btn-group .btn:first-of-type {*/
/*    border-top-left-radius: 0rem !important;*/
/*    border-bottom-left-radius: 0rem !important;*/
/*}*/

.btn-group .btn:first-of-type {
    margin-left: 0;
}

.btn-group-sm > .btn i, .btn-sm i {
    font-size: inherit;
}

.input-group-text .btn {
    margin-bottom: 0;
}

.btn-group .btn-sm, .btn-group .btn-sm,
.panel-list .btn-sm, .panel-edit .btn-sm {
    font-size: 1rem;
    padding: 0.25rem 0.8rem;

    /*padding:  0.3rem 0.3rem 0.3rem 0.3rem;*/
    /*vertical-align: middle;*/
}


.btn-group .btn-sm i, .btn-group .btn-sm i,
.panel-list .btn-sm i, .panel-edit .btn-sm i {
    font-size: 1rem;
    padding: 0rem 0.3rem;
    /*vertical-align: middle;*/
}

.btn-modal-close {
    margin-top: 0 !important;
    margin-bottom: auto !important;
}

.modal .modal-title .card-title {
    margin-top: 4px;
    margin-left: 20px;
}

.dropdown .dropdown-menu::before {
    font-family: "Font Awesome 5 Pro";
    top: -12px !important;
    left: 40%;
}

.light-version .tab .tab-content {
    background: #fff;
    border: 1px solid #dee2e6;
    border-top: none;
    padding: 15px;
}

.form-label, label {
    font-size: .85rem;
}

.icon-sm {
    min-width: 36px;
    width: 36px !important;
    height: 36px !important;
}

.dropdown .dropdown-toggle:after,
.dropup .has-icon.dropdown-toggle::after,
.dropstart .has-icon.dropdown-toggle::after,
.dropend .has-icon.dropdown-toggle::after,
.dropdown .has-icon.dropdown-toggle::after {
    display: none;
}

.dropdown-toggle:after {
    margin-left: 7px;
}

.badge {
    color: inherit;
}

.input-group .input-group-addon {
    border: 1px solid #d2d6da;
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
    padding-top: 0.4rem;
    padding-bottom: 0.5rem;
    padding-right: 5px;
    height: 40px;
}

/*pagination*/
.page-item.next .page-link {
    width: auto;
    border-radius: 20px !important;
    padding: 0 20px;
    margin-left: 15px;
}

.page-item.previous .page-link {
    width: auto;
    border-radius: 20px !important;
    padding: 0 20px;
    margin-right: 15px;
}

/*checkbox*/
thead th.all input,
.checker input {
    -webkit-appearance: none;
    background-color: #fff;
    border: 1px solid #707070;
    padding: 1px !important;
    display: inline-block;
    position: relative !important;
    height: 19px !important;
    min-width: 19px;
    width: 19px;
    vertical-align: top;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 0 !important;
    border-radius: 5px;
    cursor: pointer;
}

thead th.all input:checked:after,
.checker input:checked:after {
    content: '';
    font-size: 16px;
    position: absolute;
    top: 0px;
    left: 5px;
    border-bottom: 2px solid #67D000;
    border-right: 2px solid #67D000;
    height: 12px;
    width: 8px;
    transform: rotate(40deg);
}

thead th.all input:checked,
.checker input:checked {
    background-color: #fff;
    border: 1px solid #707070;
    color: #67D000;
}

/*card*/
.collapse .card {
    margin-bottom: 10px;
}

.collapse .card .card-body {
    padding: 1.2rem;
}

.collapse .card .card-header {
    padding: 1.2rem;
    border-radius: 1rem;
}

.card .card-header {
    padding: 1.5rem 1.5rem 0.7rem 1.5rem;
    /* la panelurile de listare / editare din mod crud nu mai sta title-ul in dreapta desi are float-end
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    flex-wrap: wrap;*/
}

.model-rows-card > .card-body {
    padding: 0.7rem 1.5rem 1.5rem 1.5rem !important;
}

.card .card-footer,
.card .card-body {
    padding: 0.7rem 1.5rem 1.5rem 1.5rem;
}

.card.panel-list .card-header {
    align-items: center;
    -webkit-align-items: center;
}

.card-footer small i {
    margin-left: 6px;
}

/*dropdown*/
.dropdown-menu .nav-link i {
    margin-right: 6px;
    min-width: 17px;
}

.dropdown.dropdown-hover,
.dropdown .dropdown-menu li a,
.btn-group .dropdown-menu li a {
    padding: 7px 14px !important;
    display: flex;
    display: -webkit-flex;
    -webkit-align-items: center;
    align-items: center;
}

.dark-version th.all.desktop.sorting {
    background: #1E2033 !important;
}

.dark-version th.desktop.not-desktop.sorting {
    background: #1E2033 !important;
}

.dark-version th.desktop.sorting {
    background: #1E2033 !important;
}

.dark-version th.desktop.sorting_desc {
    background: #1E2033 !important;
}

.dark-version .modal-header .btn-modal-close.btn-close {
    filter: invert(1);
}

.dark-version th.desktop.sorting_asc {
    background: #1E2033 !important;
}

.dark-version table.dataTable > thead .sorting:after {
    color: #fff !important;
}

.btn-group.form-actions-inline .btn-inline-save {
    height: 23px;
    width: 20px;
    padding: 0;
}

.btn-group.form-actions-inline .btn-inline-cancel {
    height: 23px;
    width: 20px;
    padding: 0;
}

.dropdown.dropdown-hover .dropdown-menu,
.dropdown .dropdown-menu {
    padding: .5rem 0;
    color: #394969;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 0 solid transparent;
    border-radius: .5rem;
    box-shadow: 0 8px 26px -4px hsla(0, 0%, 8%, .15), 0 8px 9px -5px hsla(0, 0%, 8%, .06);
    transition: visibility .25s, opacity .25s, transform .25s;
    cursor: pointer;
    right: 0 !important;
}

.btn-group .dropdown-menu {
    min-width: max-content;
    /*min-width: auto;*/
    padding: .5rem 0;
    color: #394969;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 0 solid transparent;
    border-radius: .5rem;
    box-shadow: 0 8px 26px -4px hsla(0, 0%, 8%, .15), 0 8px 9px -5px hsla(0, 0%, 8%, .06);
    transition: visibility .25s, opacity .25s, transform .25s;
    cursor: pointer;
    top: 45px;
}

td .btn.btn-toggle {
    margin-bottom: 0;
}

.alert-dark {
    color: #fff;
}

.table thead th {
    text-transform: none;
}

.dataTables_wrapper {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    margin-top: 10px;
}

.dataTables_paginate {
    margin-left: auto !important;
    margin-top: 15px !important;
}

.dataTables_scroll {
    width: 100%;
}

.dataTables_length label {
    margin-left: 0;
}

.dataTables_scrollBody .btn {
    margin-bottom: 0;
}

.dataTables_scrollHeadInner .table-bordered thead th {
    border-top: 0 !important;
}
.table tbody tr:last-child td {
    border-left-width: 1px;
    border-right-width: 1px;
}
.table-bordered > :not(caption) > * > * {
    /*border-width: 1px 1px 0px 0 !important;*/
    border-top-width: 1px !important;
    /*border-bottom-width: 1px !important;*/
    border-color: #e9ecef;
}

.table tbody tr:last-child td {
    border-bottom: 0 !important;
}

.table .rowSelect_fg,
.table tbody .btn {
    margin-bottom: 0;
}

.panel-default > .panel-heading {
    color: #333;
    background-color: #fff;
    border-color: #ddd;
}

.panel-heading {
    position: relative;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    padding: 15px 20px;
    border-bottom: 1px solid transparent;
}

.panel {
    margin-bottom: 20px;
    border-color: #ddd;
    color: #333333;
    background-color: #fff;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
    box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
}

.panel-danger > .panel-heading {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}

.table thead tr,
.table tbody tr {
    border-left-width: 1px;
}

.table tbody td,
.dataTables_scrollHead .table thead th {
    /*padding: .75rem 1rem !important;*/
}

.table > :not(:first-child) {
    border-top: none;
}
table.dataTable.table-bordered th:last-child {
    border-right: 1px solid #dee2e6; !important;
}

div.dt-scroll-headInner table.table-bordered tr th.all:first-child,
.table tbody tr td:first-child ,
.table tfoot tr td:first-child {
    border-left-width: 1px !important;
    border-left-color: #e9ecef!important;
}

.table tfoot td,
.table tbody td {
    /*padding: .5rem 1.5rem;*/
    /*padding: .3rem 1rem;*/
    /*padding: 7px !important;*/
}
.table thead th {
    /*padding: 7px 30px 7px 7px !important;*/
}

.dataTables_scroll {
    border: 1px solid #e9ecef;
}

.dataTables_filter label {
    margin-right: 0 !important;
}

/*fields*/
.ui-sortable-handle .iconpicker-container input,
.ui-sortable-handle .field_text_fg input {
    padding-left: 10px !important;
}

.ui-sortable-handle .iconpicker-container .input-group-text:last-of-type {
    border-left: 2px solid #d2d6da;
}

.ui-sortable-handle .iconpicker-container .input-group-text:first-of-type,
.ui-sortable-handle .field_text_fg .input-group-text {
    border-right: 2px solid #d2d6da;
}

.dd-option .dd-option-text {
    line-height: initial !important;
}

.light-version .field_uploads_fg .dd-select {
    border-radius: 5px !important;
    border-color: #ddd !important;
    min-height: 35px !important;
}

.select2-selection.select2-selection--single,
.field_uploads_inline_fg .dd-select {
    border-radius: .5rem !important;
}

.field_uploads_inline_fg .dd-selected .dd-selected-image {
    margin-left: 0 !important;
}

.field_uploads_inline_fg .dd-selected {
    display: flex;
    align-items: center;
}

.select2-selection__rendered {
    padding-top: 4px;
}

.field_select2_fg.form-group {
    position: relative;
}

.select2-container.form-control {
    background: transparent !important;
    border: none !important;
}

.select2-selection__choice {
    margin-top: 0 !important;
}

.select2-container--bootstrap4 .select2-selection__clear {
    width: 1em;
    height: 1em;
    padding-left: 0;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
}

.field_tags_fg .badge {
    border-radius: 20px !important;
    padding: 2px 10px !important;
    font-size: 12px;
    font-weight: 500;
    margin-right: 3.75px !important;
    margin-bottom: 3.75px;
    background-color: #70707020 !important;
    border: 1px solid #70707020 !important;
    color: #000;
    word-break: break-all;
    box-sizing: border-box;
}

.field_filter_fg .ms-sel-item,
.field_magicsuggest_fg .ms-sel-item,
.field_select3_fg .ms-sel-item,
.field_tags2_fg .ms-sel-item,
.field_select_multiple3_fg .ms-sel-item,
.select2-selection--multiple .select2-selection__choice {
    display: flex !important;
    display: -webkit-flex !important;
    align-items: center !important;
    -webkit-align-items: center !important;
    border-radius: 20px !important;
    padding: 2px 10px !important;
    font-size: 12px;
    font-weight: 500;
    margin-right: 3.75px !important;
    margin-bottom: 3.75px;
    background-color: #70707020 !important;
    border: 1px solid #70707020 !important;
    color: #000;
    word-break: break-all;
    box-sizing: border-box;
    white-space: break-spaces;
    word-break: break-word;
}

.select2-selection--multiple .select2-selection__rendered {
    min-height: 40px;
    padding-top: 4px !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
    margin-top: 0px !important;
    margin-right: 5px !important;
}

.select2-selection--multiple .select2-selection__choice__remove {
    margin-right: 4px;
    color: #fff;
}

.field_select_multiple3_fg .ms-ctn {
    border-radius: .5rem !important;
    padding-left: 15px;
    padding-top: 4px;
    padding-bottom: 6px;
}

.select2-selection__clear {
    height: 100%;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
}

.select2-container .select2-selection__rendere {
    padding-top: 3px;
}

.select2-selection--multiple {
    border-radius: .5rem !important;
    padding-left: 10px;
}

.field_toggle3_fg {
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    -webkit-flex-direction: column;
}


.select2-dropdown-container .select2-container {
    width: auto !important;
    border: none;
}

.select2-container--open .select2-dropdown {
    top: 0;
}

.select2-container--default .select2-selection--single .select2-selection__arrow,
.select2-container.select2-container--default,
.select2-container .selection,
.select2-selection.select2-selection--single {
    height: 40px !important;
}
.col-form-field_select_multiple2 .select2-container.select2-container--default {
    height: auto !important;
}

.col-form-field_select_multiple3 .ms-ctn.form-control {
    min-height: 40px;
    height: auto;
}

.select2-container .select2-selection__rendered,
.select2-selection.select2-selection--multiple {
    height: auto;
}

.input-group-text,
select.form-control,
.ms-ctn.form-control,
input.form-control {
    height: 40px;
    /*height: auto;*/
}

textarea {
    min-height: 40px !important;
}

.field_select_multiple3_fg .ms-trigger .ms-trigger-ico {
    margin: auto;
}

.field_select_multiple3_fg .ms-trigger {
    display: flex;
    display: -webkit-flex;
}

.ms-res-ctn.dropdown-menu {
    left: 0;
    box-shadow: rgba(0, 0, 0, 0.03) 0px 0px 9px 2px
}

.select2-selection__clear {
    position: absolute !important;
    right: 20px;
    /*right: 10%;*/
    top: 0;
    bottom: 0;
    padding: 3px;
    z-index: 10;
    /*z-index: 7;*/
}

.select2-selection .select2-selection__rendered {
    display: flex !important;
    flex-wrap: wrap;
    align-items: center;
}

.select2-selection,
select {
    background-image: url("../img/arrowDown.png");
    background-size: 9px auto;
    background-repeat: no-repeat;
    /*background-position-x: 98%;*/
    /*background-position-x: 96%;*/
    /*background-position-y: center;*/
    background-position: calc(100% - 9px) center;
    cursor: pointer;
    /*padding-right: 24px !important;*/
    padding-right: 8% !important;

}

select.form-control-sm {
    padding-right: 20px !important;
}

.ms-ctn .ms-trigger {
    background-image: url("../img/arrowDown.png") !important;
    background-size: 9px auto !important;
    background-repeat: no-repeat !important;
    background-position-x: center !important;
    background-position-y: center !important;
    cursor: pointer !important;
}

.ms-ctn .ms-trigger .ms-trigger-ico,
.select2-selection__arrow b {
    display: none !important;
}

.ui-datepicker-title select {
    padding-right: 0 !important;
    background: none;
}

table.dataTable > thead > tr > th:not(.sorting_disabled), table.dataTable > thead > tr > td:not(.sorting_disabled) {
    /*padding-right: 30px;*/
    /*padding-left: 1.5rem;*/
}

.dataTables_length select {
    background-position-x: 85%;
    padding-right: 30px;
}

.field_uploads_fg select {
    background-color: #fff;
    border: 1px solid #d2d6da;
    border-radius: 5px;
    padding-top: 8px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 8px;
}

.ms-sel-ctn .ms-sel-item .ms-close-btn:after {
    /*content: '';*/
    /*position: absolute;*/
    /*left: -7px;*/
    /*top: 0;*/
    /*bottom: 0;*/
    /*margin: auto;*/
    /*height: 12px;*/
    /*width: 2px;*/
    /*border-left: 1px solid #000;*/
    display: none;
}

.ms-sel-ctn .ms-sel-item .ms-close-btn {
    margin-top: 0 !important;
    margin-left: 13px !important;
    position: relative;
}


.checkbox-imap:before {
    display: none !important;
}

.checkbox-imap:after {
    display: none !important;
}

.edit-imap:before {
    display: none !important;
}

.edit-imap:after {
    display: none !important;
}

.btn-finish {
    background: #82d616;
    padding: 0;
}

.btn-cancel {
    padding: 0;
}

.btn-finish:hover {
    background: #82d616;
}

.checkbox-imap {
    width: 15px !important;
}


.ms-sel-item {
    /*color: #000 !important;*/
    font-weight: 600 !important;
    color: #344767 !important;
}

/*search-bar*/
.search-bar input.form-control {
    height: 36px !important;
}

.search-bar .input-group-text {
    padding: .5rem .45rem;
    height: 36px !important;
    border-right: 0 !important;
}

.search-bar .input-group {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    border: 1px solid #d2d6da;
    border-radius: .5rem;
    flex-wrap: initial;
    padding: 0 6px;
    background: #fff;
}

.search-bar input.active-search {
    width: 140px !important;
    opacity: 1;
    transition: all 500ms ease-in-out;
}

.search-bar {
    cursor: pointer;
}

.search-bar span {
    border: none;
}

#content .btn > i {
    font-size: 1rem;
}

.dataTables_length label .custom-select.custom-select-sm {
    width: auto;
    /*display: inline-block;*/
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    text-align: center;
    line-height: 3em;
}

.search-bar input.form-control:focus,
.search-bar input:focus {
    border: none !important;
    box-shadow: none;
    border-left: 0 !important;
    border-right: 0 !important;
}

/*input[type='search'],*/
.search-bar input {
    width: 0 !important;
    opacity: 0;
    transition: all 500ms ease-in-out;
    padding: 0;
    border: none;
}

.nav-pills .nav-link.active {
    background: #fff;
    box-shadow: 0 0px 9px 2px rgba(0, 0, 0, 0.03);
}

.fa-ad {
    display: block !important;
}

.form-check:not(.form-switch) .form-check-input[type="checkbox"]::after {
    font-family: 'Font Awesome 5 Pro';
    font-weight: bold;
}

.modal-header .btn-modal-close {
    position: relative;
}


.modal-header .btn-modal-close.btn-close {
    color: #000;
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center / 1em auto no-repeat !important;
    border: 0;
    opacity: 1;
}

/*.modal-header .btn-modal-close:after {
    content: "x";
    content: "\f00d";
    font-family: "Font Awesome 5 Pro";
    font-weight: 300;
    font-style: normal;
    text-decoration: none;
    position: absolute;
    left: 0;
    right: 0;
    top: -2px;
    bottom: 0;
    margin: auto;
    color: #000;
    font-size: 20px;
}*/

.input-group .input-group-addon {
    width: 3em;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
}

.dashboard-stat .visual > i {
    margin: 0 !important;
    font-size: 110px;
    line-height: 110px;
}

.card-body .visual {
    width: 50% !important;
    position: relative;
    display: flex !important;
    justify-content: flex-start !important;
    align-items: center !important;
}

.financial-card .dashboard-stat .card-body, .financial-card .dashboard-stat {
    width: 100% !important;
}

.counter-parent {
    display: flex;
    flex-direction: column;
}

.counter-parent > .card {
    flex: 1;
}

.dropdown-menu i {
    margin-right: 5px;
}

.dropdown-menu.dropdown-menu-left {
    inset: auto !important;
    right: 0 !important;
}

.form-ai_ocr-edit {
    display: flex;
}

#breadcrumb-wrap {
    display: block;

}

/*bug scroll meniu responsive expandat*/
/*.g-sidenav-show .navbar:not(.mixed-navbar) .navbar-collapse, .g-sidenav-show .navbar:not(.sidenav).navbar-main .navbar-collapse {*/
/*    display: block !important;*/
/*}*/

/*responsive*/
@media (min-width: 700px) {
    main {
        padding-bottom: 50px;
    }

    main #footer {
        position: absolute;
        bottom: 0;
        left: 20px;
    }
}

.dwidget_tovisit {
    overflow-x: hidden;
}

/*.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {*/
/*    padding: 0;*/
/*}*/


/* pentru ce este acest scroll? in orice pagina se aplica desi nu este nevoie */
/*George: exte pentru inaltime ecran cand nu avem nimic devafisat in pagina*/
@media (min-height: 700px) {
    /*!*era 99vh inainte @George*!*/
    /*!*era 125vh pt coffeeco*!*/
    .main-content {
        min-height: 97vh;
    }
}

@media (max-width: 1200px) and (min-width: 776px) {
    .btn-top-flex {
        flex-direction: row-reverse;
    }

    #navbar-btn {
        padding: 0 !important;
        margin-top: 0 !important;
        margin-right: 61px;
    }
}

@media (max-width: 1504px) {
    #breadcrumb-wrap {
        display: none;
    }

}

@media (max-width: 776px) {
    .navbar-vertical.navbar-expand-xs .navbar-collapse {
        height: auto;
    }

    #order-panel-list .card-header {
        display: flex;
        flex-direction: column;
    }

    #order-panel-list .card-header .btn-group {
        width: 100%;
        margin-bottom: 5px;
    }

    .financial-card {
        margin-bottom: 2em;
        height: 10em;
    }

    .financial-card .dashboard-stat {
        width: 100%;
        height: 100%;
        margin: 0;
    }

    .financial-card .dashboard-stat .card-body {
        position: relative;
        width: 100%;
        height: 100%;
    }

    .visual {
        width: 50% !important;
        display: flex !important;
        justify-content: center;
        align-items: center;
        margin-bottom: 0 !important;
        height: auto !important;
        padding: 0 !important;
    }

    .dashboard-stat .visual > i {
        margin-left: 25px !important;
        width: auto;
        font-size: 2em !important;
    }

    #content > .justify-content-end {
        margin-right: 1em;
    }

    tbody .btn-group {
        flex-wrap: nowrap;
    }

    tbody .btn-group .btn {
        /*border-radius: 0.5rem !important;*/
        /*margin-left: 4px;*/
        /*margin-right: 4px;*/
    }

    .panel-list .card-body {
        overflow-x: auto;
        z-index: 9;
    }

    .search-bar input.active-search::placeholder {
        opacity: 1;
        color: #000;
    }

    .search-bar input {
        position: absolute !important;
        bottom: -47px;
    }

    .search-bar input.active-search {
        z-index: 99;
        background: #fff;
        padding: 4px 10px !important;
        color: #000;
        box-shadow: 0 8px 26px -4px hsla(0, 0%, 8%, .15), 0 8px 9px -5px hsla(0, 0%, 8%, .06);
        width: 170px !important;
        border-radius: 0.5rem !important;
    }

    .flex-navbar-top {
        display: flex;
        margin-bottom: 5px;
    }

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

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

    main #navbar .navbar-nav {
        flex-direction: row;
        width: auto;
        margin-right: 0px;
    }

    main #navbar {
        display: flex !important;
        justify-content: flex-end;
        padding-right: 0;
    }

    .panel-edit.card .card-body,
    form .card .card-body {
        padding: 0.7rem 1rem;
    }

    .btn {
        padding: .5rem 10px 0.5rem 10px;
    }

    .card .card-body {
        padding: 0.7rem 0;
    }

    .btn-group {
        flex-wrap: wrap;
    }

    #content {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    #navbar-btn {
        position: relative;
    }

    main .navbar-collapse {
        flex-wrap: wrap;
    }

    #navbar .dropdown:not(.nav-item) .dropdown-menu.show {
        display: block;
        position: absolute;
        top: 13px;
    }

    #navbar .dropdown:not(.nav-item) .dropdown-menu {
        display: none;
    }

    #navbar-btn {
        margin-left: auto;
        margin-right: 18px;
        margin-top: 5px !important;
        padding: 0;
    }

    .btn-top-flex {
        display: block !important;
    }

    .navbar .sidenav-toggler-inner.d-xl-block {
        width: auto;
    }
}

.card-header .btn-group.float-end {
    /*margin-top: 20px; la ce ajuta asta? decaleaza butoanele din dreapta fata de stanga in mod crud*/
}

.card-body .card-wrapper .card {
    padding-left: 15px;
    padding-right: 15px;
}

.card-body .card-wrapper .card-header,
.card-body .card-wrapper .card-body {
    padding-left: 0;
    padding-right: 0;
}

.dropdown-toggle .dropdown-menu.show {
    right: 0;
}

.field_tags_fg .bootstrap-tagsinput .tag [data-role="remove"] {
    top: 0 !important;
}

.field_file_fg input.form-control {
    height: auto;
}

.col-form-field_select-group-append .input-group-text {
    padding-right: 0;
    border-right: none !important;
}

.col-form-field_select2-group-append .input-group-text a {
    cursor: pointer;
}

.col-form-field_select2-group-append .select2-selection {
    /*border-right: none !important;*/
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.col-form-field_select2-group-append .select,
.col-form-field_select2-group-append .select2 {
    width: auto !important;
    /*width: 90% !important;*/
}

.breadcrumb-item.active {
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 5px;
}

main .breadcrumb-item:first-of-type {
    padding-left: 0px;
}

.agile-filter-link input {
    margin-right: 7px;
}

.bootstrap-tagsinput .tag {
    color: #000 !important;
}

.dropdown .dropdown-menu::before {
    display: none;
}

.col-form-field_tags2 .ms-ctn.form-control input,
.col-form-field_tags2 .ms-ctn.form-control {
    height: auto;
    min-height: 32px;
    /** pentru a se alinia cu celelalte campuri **/
}

.sidenav {
    overflow-x: hidden;
}

.sidenav::-webkit-scrollbar {
    display: none;
}

.sidenav {
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}


#navbar-container::-webkit-scrollbar {
    width: 10px;
    /*-ms-overflow-style: none;  !* IE and Edge *!*/
    /*scrollbar-width: none;*/
}

#navbar-container::-webkit-scrollbar-track {
    background: #f1f1f1;
}

#navbar-container::-webkit-scrollbar-thumb {
    background: #888;
}

#navbar-container::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.field-phone_fg .input-group-text > select {
    height: 38px !important;
}

/******** DARK VERSION **************/
.dark-version .form-group .dd-select {
    background-color: transparent !important;
}

.dark-version .ms-res-ctn .ms-res-item-active {
    color: #000 !important;
}

.dark-version .ms-res-ctn .ms-res-item {
    color: #fff;
}

.dark-version, .dark-version > div[class*=bg-] {
    background-color: #111322 !important
}

.dark-version .form-control {
    color: #FFFFFF;
    background-color: #141728;
}

.dark-version .modal-content {
    background-color: #141728;
}

.dark-version .page-item.disabled .page-link, .dark-version .page-link {
    /*background-color: #000000;*/
    background-color: #272a42;
}

.dark-version .breadcrumb-item.active, .dark-version.url-sys-app-dashboard .btn.dark.btn-outline.btn-circle.btn-sm.dropdown-toggle, .dark-version .bootstrap-tagsinput input, .dark-version .navbar .nav-link {
    color: #fff;
}

.dark-version .field_uploads_fg .dd-select {
    border-radius: 5px !important;
    border-color: #fff !important;
    min-height: 35px !important;
}

.dark-version .bootstrap-tagsinput, .dark-version .ms-ctn.form-control .ms-sel-ctn input {
    background-color: #00000000;
}

.dark-version .bootstrap-tagsinput .badge-info {
    background-color: #004db0;
}



#account-account-ul {
    right: 0 !important;
}

.dark-version .select2-selection,
.dark-version .ms-ctn .ms-trigger,
.dark-version select {
    background-image: url("../img/arrowDown-white.png") !important;
}

.dark-version .xdsoft_datetimepicker button {
    background-color: #fff;
}

.dark-version .daterangepicker td.available:hover,
.dark-version .daterangepicker th.available:hover {
    background-color: #ebf4f8 !important;
    border-color: transparent !important;
    color: #000 !important;
}

.dark-version .cke_editable {
    background-color: #1e2033 !important;
    background: #1e2033 !important;
    color: #fff !important;
}


.dark-version #navbar-container::-webkit-scrollbar {
    width: 7px;
    /*-ms-overflow-style: none;  !* IE and Edge *!*/
    /*scrollbar-width: none;*/
}

.dark-version #navbar-container::-webkit-scrollbar-track {
    background: #555;
}

.dark-version #navbar-container::-webkit-scrollbar-thumb {
    background: #000;
}

.dark-version #navbar-container::-webkit-scrollbar-thumb:hover {
    background: #000;
}

.dark-version .modal-header .btn-modal-close:after,
.dark-version .mod-crud-uploads .img-thumbnail,
.dark-version .col-form-field_text-group-prepend .input-group-text,
.dark-version .mce-container-body,
.dark-version .mce-content-body,
.dark-version .col-form-field_uploads_inline .dd-select,
.dark-version .ms-sel-ctn input,
.dark-version .panel,
.dark-version .ranges ul li:focus,
.dark-version .ranges ul li:hover,
.dark-version .ranges ul li,
.dark-version .ranges,
.dark-version .daterangepicker .calendar-table,
.dark-version .daterangepicker .calendar,
.dark-version .input-group .form-control + .input-group-text,
.dark-version .nav-tabs .nav-link.active,
.dark-version .xdsoft_time,
.dark-version .xdsoft_datetimepicker,
.dark-version .dd-option-selected,
.dark-version .dd-options,
.dark-version .ui-slider-range,
.dark-version .ms-container .ms-selection,
.dark-version .ms-container .ms-selectable,
.dark-version .select2-container--default .select2-selection--multiple,
.dark-version .text-body,
.dark-version .dropdown-menu,
.dark-version .dropdown-toggle.bg-white,
.dark-version .ui-datepicker-calendar td a,
.dark-version .ui-datepicker-title select,
.dark-version .ui-datepicker-header,
.dark-version .ui-datepicker {
    background-color: #1e2033 !important;
    background: #1e2033 !important;
    color: #fff !important;
}


.dark-version .breadcrumb {
    background-color: transparent !important;
    background: transparent !important;
    color: #fff !important;
}

.dark-version .table > :not(caption) > * > *,
.dark-version .select2-selection__choice__remove,
.dark-version .select2-selection__choice,
.dark-version .daterangepicker .table-condensed .month,
.dark-version .dropdown .dropdown-menu .nav-link,
.dark-version #date_container .ui-datepicker table td span,
.dark-version #date_container .ui-datepicker table td a,
.dark-version .select2-container--default .select2-selection--single .select2-selection__rendered,
.dark-version .sidenav.bg-white .collapse .nav-item .nav-link:not(.active) i,
.dark-version .navbar-nav i,
.dark-version .breadcrumb-item + .breadcrumb-item:before,
.dark-version placeholder::placeholder,
.dark-version .select2-search__field {
    color: #fff !important;
}

.dark-version #sys-config-system .form-group .dd-select,
.dark-version .daterangepicker td.off,
.dark-version .daterangepicker td.off.in-range,
.dark-version .daterangepicker td.off.start-date,
.dark-version .daterangepicker td.off.end-date,
.dark-version .switchery > small,
.dark-version .select2-container--default .select2-results__option[aria-selected=true],
.dark-version .select2-search__field,
.dark-version .select2-dropdown,
.dark-version .table tr,
.dark-version .table td,
.dark-version .card,
.dark-version .dropdown .dropdown-menu,
.dark-version .kanban-board, .dark-version .swal2-popup,
.dark-version .sidenav.bg-transparent,
.dark-version #iconNavbarSidenav,
.dark-version .select2-container--default .select2-selection--single,
.dark-version .nav.bg-white,
.dark-version .input-checkbox input,
.dark-version .form-control {
    background-color: #1e2033 !important;
}

.dark-version .chat-room-messages {
    background-color: #00000090;
}

.dark-version .form-chat_order-edit .card {
    background-color: #00000090;
}

.dark-version .table tr.table-warning td {
    background-color: #fef5d6 !important;
    color: #000 !important;
}

.dark-version .table tr.table-danger td {
    background-color: #fbcdcd !important;
    color: #000 !important;
}

.dark-version.light-version .tab .tab-content {
    background-color: #1e2033 !important;
    border-color: #1e2033 !important;
    color: #fff;
}

.dark-version .badge,
.dark-version .ms-ctn .ms-sel-item {
    color: #fff !important;
    border-color: #fff !important;
}

.dark-version .field_filter_fg {
    color: #fff !important;
    border-color: #fff !important;
    background-color: #1e2033 !important;
}

/*.dark-version .ms-sel-ctn .ms-sel-item .ms-close-btn:after,*/
.dark-version .navbar-vertical .collapse .navbar-nav .submenu .nav-item .nav-link::before,
.dark-version .navbar-vertical .collapsing .navbar-nav .submenu .nav-item .nav-link::before {
    background: #fff;
}

.dark-version #gdpr-consent .list-group-item {
    color: #345609 !important;
    background-color: #e6f7d0 !important;
}

.dark-version .highcharts-title {
    color: #fff !important;
    fill: #fff !important;
}

.dark-version .navbar-vertical .navbar-nav .nav-link .icon {
    background-image: none;
}

.dark-version .noUi-target,
.dark-version .ui-slider {
    background: #1e2033;
}

.dark-version .nav-link:hover {
    color: #fff;
}

.dark-version .ms-ctn .ms-trigger .ms-trigger-ico {
    border-top: 4px solid #fff;
}

.dark-version .btn-toggle {
    border: 1px solid #fff !important;
    background-color: #1e2033 !important;
}

.dark-version .btn-toggle.btn-success {
    background-color: #82d616 !important;
    border-color: #82d616 !important;
}

.dark-version .btn-modal-close {
    background: #fff;
    opacity: 1;
}

.dark-version .search-bar .input-group {
    background-color: #344767;
    border-color: #344767;
}

.dark-version .search-bar .input-group .input-group-text.text-body.search-bar-trigger {
    background: #1e203300 !important;
}

.dark-version #config-gallery .mod-crud-uploads .img-thumbnail {
    background-color: #fff0 !important;
    border: 1px solid #dee2e600 !important;
}

.dark-version .form-control.search-bar-input.active-search {
    background-color: #fff0 !important;
}

.dark-version .badge-secondary {
    background-color: #0ABB77;
}

.dark-version .col-form-field_editor3 .resizer,
.dark-version .ql-toolbar.ql-snow,
.dark-version .ql-editor {
    background-color: transparent;
}
.dark-version .navbar-vertical .navbar-nav > .nav-item .nav-link.active {
    background-color: transparent;
}
.dark-version th ,
.dark-version select.form-select {
    background-color: transparent !important;
    color: #fff;
}
.dark-version .nav-tabs .nav-link {
    color: #fff;
}
.table td, .table th {
    white-space: inherit;
}

.bg-primary .modal-title, .bg-primary .btn-modal-close:after {
    color: #ffffff;
}


ul li input[type=text] {
    display: block;
}

label.dd-selected-text,
.form-group.field_uploads_fg label {
    line-height: initial !important;
}

/*alerte*/
.alert {
    color: #fff !important;
}

.alert.alert-light {
    color: #000 !important;
}

.alert-primary {
    background-image: linear-gradient(
            310deg, #d6006c, #7928ca);
}

.alert-secondary {
    background-image: linear-gradient(
            310deg, #8ca1cb, #627594);
}

.alert-info {
    background-image: linear-gradient(310deg, #02c6f3, #2152ff);
}

.alert-success {
    background-image: linear-gradient(
            310deg, #84dc14, #17ad37);
}

.alert-danger {
    background-image: linear-gradient(
            310deg, #ff3d59, #ea0606);
}

.alert-warning {
    background-image: linear-gradient(310deg, #fac60b, #f53939);
}

.alert-light {
    background-image: linear-gradient(
            310deg, #d1dae6, #ced4da);
}

.alert-dark {
    background-image: linear-gradient(
            310deg, #2c3154, #141727);
}

#account-account-a img {
    border-radius: 50%;
    margin-right: 5px;
    height: 25px;
    width: 25px;
}

/*calendar*/
.ui-datepicker-calendar thead th {
    cursor: default;
    background: transparent;
    color: rgba(0, 0, 0, .54);
    line-height: 1;
    margin: 0;
    text-align: center;
    -ms-flex: 1;
    flex: 1;
    font-weight: bolder;
    font-size: 13px;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button {
    background: none !important;
    border: 1px solid transparent !important;
    border-radius: 150px;
    box-sizing: border-box;
    color: #393939 !important;
    cursor: pointer;
    font-weight: 400 !important;
    height: 30px;
    margin: 0;
    width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
}

.ui-state-default.ui-state-highlight {
    background: #ebebeb !important;
}

.dark-version .ui-state-default.ui-state-highlight {
    background: #414141 !important;
}

.ui-state-default:hover,
.ui-widget-content .ui-state-default:hover,
.ui-state-default:active,
.ui-widget-content .ui-state-default:active {
    background: #b7bfe7 !important;
    border: none !important;
}

.dark-version .ui-state-default:hover,
.dark-version .ui-widget-content .ui-state-default:hover,
.dark-version .ui-state-default:active,
.dark-version .ui-widget-content .ui-state-default:active {
    background: #555b77 !important;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover,
.dark-version .ui-state-active,
.dark-version .ui-widget-content .ui-state-active,
.dark-version .ui-widget-header .ui-state-active,
.dark-version a.ui-button:active,
.dark-version .ui-button:active,
.dark-version .ui-button.ui-state-active:hover {
    background: #cb0c9f !important;
    color: #fff !important;
    border: none !important;
}

.ui-datepicker {
    width: 20em !important;
}

.ui-datepicker {
    border: none !important;
    touch-action: manipulation;
    background: #fff;
    -webkit-box-shadow: 0 8px 26px -4px hsl(0deg 0% 8% / 15%), 0 8px 9px -5px hsl(0deg 0% 8% / 6%);
    border-radius: 5px;
}

.ui-datepicker .ui-datepicker-header {
    background: #fff;
    border: none;
    padding: 10px 0 !important;
}

.ui-icon-circle-triangle-w {
    background-image: url("../img/arrowDown.png") !important;
    background-size: 12px 10px;
    transform: rotate(90deg);
    background-position: center !important;
}

.ui-icon-circle-triangle-e {
    background-image: url("../img/arrowDown.png") !important;
    background-size: 12px 10px;
    transform: rotate(-90deg);
    background-position: center !important;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    top: 10px !important;
    background: none !important;
    border: none !important;
}

.ui-datepicker-year,
.ui-datepicker-month {
    border: none;
}

.ui-datepicker .ui-datepicker-prev {
    left: 2px !important;
}

.dark-version .ui-datepicker-calendar thead th {
    color: #fff;
}


/*calendar dark version*/
.dark-version input.calendar-search {
    border-color: #fff !important;
    background-color: #1e2033 !important;
    background: #1e2033 !important;
    color: #fff !important;
}

.dark-version .dropdown-item:focus, .dropdown-item:hover label {
    color: #000 !important;
}

.dark-version .tui-full-calendar-timegrid-timezone .tui-full-calendar-timegrid-hour {
    color: #fff !important;
}

.dark-version .tui-full-calendar-timegrid-timezone,
.dark-version .tui-full-calendar-layout {
    background-color: #1e2033 !important;
    color: #fff !important;
}

.dark-version .tui-full-calendar-dayname-date-area span,
.dark-version .tui-full-calendar-month-dayname-item span,
.dark-version .tui-full-calendar-weekday-grid-date,
.dark-version .tui-full-calendar-weekday-schedule-title {
    color: #fff !important;
}

.dark-version .tui-full-calendar-extra-date .tui-full-calendar-weekday-grid-date {
    color: gray !important;
}

.dark-version .tui-full-calendar-holiday-sun .tui-full-calendar-dayname-date-area span,
.dark-version .tui-full-calendar-holiday-sun .tui-full-calendar-weekday-grid-date {
    color: #ff4040 !important;
}

.dark-version #cal-dash-calendar {
    filter: none !important;
}

select,
[type=button],
[type=reset],
[type=submit],
button {
    -webkit-appearance: none !important;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    display: block !important;
    padding-left: 12px;
    padding-right: 31px !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap !important;
    margin-top: 3px;
}


.mce-content-body {
    border-radius: 0.5rem;
}

/*scroll upload cms*/
.mod-crud-uploads {
    overflow-x: auto;
}

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

.field_raw_fg > .form-control {
    height: auto;
}

.form-group .input-group .select2-container {
    flex: 1;
}

.form-group .input-group .select2-selection__rendered {
    white-space: normal;
}


.jOrgChart table .working .badge {
    border-radius: 14px;
    background: grey;
}

.help-block {
    font-family: Arial, sans-serif;
    font-size: 14px;
    color: #333;
    line-height: 1.5;
}

.help-block .label-info {
    background-color: #5bc0de;
    color: #fff;
    padding: 4px 8px;
    border-radius: 4px;
    margin-right: 5px;
    display: inline-block;
}

.help-block .label-default {
    background-color: #777;
    color: #fff;
    padding: 4px 8px;
    border-radius: 4px;
    margin-right: 5px;
    display: inline-block;
    margin-bottom: 2px;
}


.parsley-error .input-group-text {
    border-color: rgb(239, 83, 80) !important;
}

@media (max-width: 768px) {
    #iconNavbarSidenav {
        margin-left: 5px;
    }
}

/*compatibilizare v3 crm si xcargo navbar*/
@media (max-width: 768px) {
    #alerts-order,
    #alerts-client {
        display: none;
    }

    .main-content .navbar-nav .nav-link {
        padding: 0;
    }

    .main-content .navbar-nav .menu-text {
        display: none;
    }

    li#alerts-email {
        display: none;
    }

    li#alerts-sms {
        display: none;
    }
}

.navbar-menu-shortcuts {
    list-style-type: none;
    padding: 0;
}

.navbar-nav-mobile {
    flex-wrap: wrap;
    padding: 0 10px;
}

/*sidebar search*/
.sidebar-search-results {
    display: none;
    position: relative;
    width: 100%;
}

.sidebar-search-open .sidebar-search-results {
    display: inline-block;
    width: 100%;
    z-index: 1039;
}

#search-button {
    padding: 0.5rem 7px 0.5rem 7px;
}

.form-inline-search {
    padding: 0 5px 0 20px;
    margin-bottom: 5px;
}

.sidebar-search-results .list-group {
    position: absolute;
    width: 100%;
    z-index: 1039;
    margin-top: -10px;
}

a .search-title,
a .search-title:hover {
    color: #000;
}

.search-title .text-light {
    color: #830866 !important;
    font-weight: bold;
}

/*card-shortcuts*/
#card-shortcuts .nav-link:hover,
#card-shortcuts .nav-link.active {
    background-color: #EAF4FF !important;
}

.dark-version #card-shortcuts .nav-link:hover,
.dark-version #card-shortcuts .nav-link.active {
    color: #000 !important;
}

.select2-container--open {
    z-index: 15 !important;
}


/*body.modal-open {*/
/*    padding: 0 !important;*/
/*    margin: 0;*/
/*    height: 100vh;*/
/*    overflow: hidden*/
/*}*/


/*schimbare contrast tema*/
.navbar-vertical .navbar-nav > .menu-active > a {
    color: #000000;
}

.navbar-vertical .navbar-nav .nav-link, .table {
    color: #000000;
}

a {
    color: #000000
}

.navbar .nav-link {
    color: #000000;
}

:root {
    --bs-body-color: #000000;
}

.form-control {
    color: #000000;
}

.nav-tabs .nav-link {
    color: #000000;
}

.form-check-input:checked[type=checkbox], .form-check-input:checked[type=radio] {
    background-image: linear-gradient(310deg, #1473E6, #1473E6);
}

div.dataTables_wrapper div.dataTables_filter input {
    margin-left: -3px !important;
    font-size: 14px;
}


.col-form-field_select .col-form-field_select-group-append .input-group select.form-control {
    border-radius: .5rem !important;
}
.col-form-field_select .col-form-field_select-group-append .input-group .input-group-text {
    border: none;
}
div.dataTables_scrollFoot>.dataTables_scrollFootInner>table {
    margin-bottom: 0 !important;
}
.dataTables_scroll .dataTables_scrollFoot .dataTables_scrollFootInner tr td:first-of-type {
    border-left: 0;
}
.dataTables_scroll .dataTables_scrollFoot .dataTables_scrollFootInner tr td {
    border-top: 0;
}

div.dt-container div.dt-length select{
    font-size: 1rem;
    height: 40px;
    margin-right: 0 !important;
}
div.dt-container .dt-length {
    margin-bottom: 15px;
}
div.dt-container .dt-search + .dt-length {
    margin-top: -41px;
    margin-bottom: 15px;
    text-align: right;
}
div.dt-container div.dt-search input{
    margin-left: 0 !important;
    font-size: 1rem;
}
div.dt-container div.dt-search {
    text-align: left !important;
    /*margin-top: 10px;*/
}
.dt-scroll-foot {
    border-bottom-width: 1px !important;
    border-color: #e9ecef !important;
    border-style: solid !important;
}
div.dt-info{
    margin: 10px 0;
}

div.dt-scroll-body {
    overflow-y: hidden !important;
    border: none !important;
}
.fab-menu {
    list-style: none;
}
.fab-menu-btn span{
    color: #000 !important;
}
.fab-menu-btn i{
    display: none;
}
.fab-menu-btn {
    background: #fff;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .16);
    border-radius: 50%;
    padding: 5px 13px;
}
.dark-version .fab-menu-btn span{
    color: #fff !important;
}
.dark-version .fab-menu-btn {
    background: #1e2033;
}

div.dt-scroll-head table.table-bordered,
.dt-scroll-headInner {
    min-width: 100%
}



/*tabualator tabel*/
/*.tabulator {*/
/*    font-family: Open Sans;*/
/*    margin-top: 15px;*/
/*    !*border: 1px solid #e9ecef;*!*/
/*}*/
/*.tabulator .tabulator-footer .tabulator-page-counter,*/
/*.tabulator .tabulator-header .tabulator-col.tabulator-sortable .tabulator-col-title {*/
/*    font-size: 14px !important;*/
/*}*/
/*.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title-holder {*/
/*    padding: 10px 5px !important;*/
/*}*/
/*.table-sm>:not(caption)>*>* {*/
/*    padding: 0;*/
/*}*/
/*.tabulator .tabulator-header .tabulator-col {*/
/*    border-right: 1px solid #e9ecef !important;*/
/*    border-bottom: 1px solid #e9ecef !important;*/
/*    border-top: 1px solid #e9ecef !important;*/
/*}*/
/*.tabulator .tabulator-header .tabulator-col:first-child {*/
/*    border-left: 1px solid #e9ecef !important;*/
/*}*/
/*.tabulator-row .tabulator-cell:first-child {*/
/*    border-left: 1px solid #e9ecef !important;*/
/*}*/
/*.tabulator.table-sm .tabulator-tableholder .tabulator-table .tabulator-row.tabulator-selectable .tabulator-cell {*/
/*    padding: 5px 10px !important;*/
/*}*/
/*.tabulator-row .tabulator-cell {*/
/*    border-right: 1px solid #e9ecef !important;*/
/*    font-size: 14px !important;*/
/*}*/
/*.tabulator .tabulator-header {*/
/*    border-top: none !important;*/
/*    border-bottom: none !important;*/
/*}*/
/*.tabulator .tabulator-footer {*/
/*    background-color: #fff !important;*/
/*    border-top: none !important;*/
/*}*/
/*.tabulator .tabulator-footer .tabulator-page-size,*/
/*.tabulator .tabulator-footer .tabulator-page {*/
/*    padding: 5px 10px !important;*/
/*}*/
/*.tabulator .tabulator-footer .tabulator-footer-contents {*/
/*    margin-top: 10px;*/
/*}*/