#pwebcontact117 {
    display: none !important;
}

span.optional{
    display: inline-block;
    margin-left: 5px;
    font-size: 12px;
    color:#CEDCEE;
}

@media screen {
    .container {
        width: 100%;
        max-width: none !important;
    }

    .cometchat_ccmobiletab_redirect {
        bottom: 75px !important;
        right: 5px !important;
        z-index: 999 !important;
    }

    #cometchat_base {
        position: absolute;
    }

    body #cometchat {
        padding-bottom: 0 !important;
    }

    .fullheight {
        display: flex;
        flex-direction: row;
        height: 100%;
    }

    .fullwidth {
        flex-grow: 2;
        padding: 0;
    }

    .whiteblock, .formblock {
        margin-bottom: 25px;
        padding: 15px;
        border-radius: 16px;
        background: #fff;
        box-shadow: 10px 10px 20px 0 #EDF2FA;
    }

    .formblock .whiteblock,
    .whiteblock .whiteblock {
        box-shadow: none !important;
    }

    .formblock.cpanel {
        padding: 15px;
        max-width: 992px;
        width: 100%;
    }

    .whiteblock > .h4,
    .formblock > .h4 {
        margin: 0 0 10px;
        color: #2C2F38;
    }

    .whiteblock > .h5,
    .formblock > .h5 {
        font-size: 18px;
        margin: 0 0 15px;
        color: #2C2F38;
    }

    .grayblock {
        padding: 15px;
        border-radius: 16px;
        background: #F1F4FF;
        box-shadow: none;
    }

    .grayblock > .h5 {
        margin: 0 0 10px;
        color: #262833;
    }

    .modtitle,
    .modtitle .h4 {
        font-size: 18px;
        padding: 0;
    }

    .modtitle .h4,
    .modtitle .h5 {
        margin-bottom: 15px;
    }

    .modtitle a {
        font-size: 18px;
        text-decoration: underline;
        color: #2C2F38;
    }

    .page {
        display: flex;
        flex-direction: column;
        flex-grow: 2;
        justify-content: flex-start;
    }

    .page.pagecenter > .row {
        margin-top: auto;
        margin-bottom: auto;
    }

    .page-header {
        font-size: 24px;
        margin: 10px 0 20px;
        padding-bottom: 0;
        border-bottom: none;
    }

    .page-header a,
    .page-header h1 {
        font-size: 24px;
        font-weight: 500;
        color: #2C2F38;
    }

    .page-header a {
        text-decoration: underline;
        word-break: break-all;
    }

    #wrapall {
        display: flex;
        overflow-y: hidden;
        flex-direction: column;
        justify-content: space-between;
        height: 100%;
    }

    #main {
        position: static;
        overflow: hidden;
        flex-grow: 2;
        background: #F4F7FC;
    }

    .main {
        display: flex;
        flex-direction: column;
        /*min-height: 100%;*/
    }

    .loginpage .main {
        min-height: 100%;
    }

    #main > .container {
        height: 100%;
    }

    #left {
        display: flex;
        flex-direction: column;
        padding-top: 15px;
        padding-bottom: 15px;
        -moz-user-select: none;
        -ms-user-select: none;
        -webkit-user-select: none;
        user-select: none;
        background: #ECF3FF;
        max-width: 280px;
    }

    #left .minimize{
        position: absolute;
        top:5px;
        right: 5px;
        height: 18px;
        width: 18px;
        padding:0;
        border: none;
        background: transparent;
    }
    #left .minimize:before {
        display: block;
        height: 18px;
        width: 18px;
        content: "";
        background-color: #7A8AA7;
        -webkit-mask: url("../images/icons/right_arrow_icon.svg") no-repeat 50% 50%;
        mask: url("../images/icons/right_arrow_icon.svg") no-repeat 50% 50%;
        -webkit-mask-size: contain;
        mask-size: contain;
        transform: rotate(180deg);
    }

    #left.minimized .minimize:before {
        transform: rotate(0deg);
    }

    #left.minimized .nav.menu li {
        max-width: 70px;
    }


    #left.minimized{
        max-width: 112px;
        padding-top: 30px;
    }

    #left.minimized  .quickicons span,
    #left.minimized .navigation .itemtitle{
        display: none !important;
    }

    #left.minimized .nav.menu li.lvl_1 ul {
        padding-left: 10px;
    }
    #left.minimized + #center{
        width: calc(100% - 112px);
    }


    #right {
       /* margin-top: 20px;*/
    }

    .logo {
        display: flex;
        align-content: center;
        align-items: center;
        justify-content: center;
        margin-bottom: 25px;
    }

    .logo .logo_img {
        display: flex;
        align-content: center;
        align-items: center;
        justify-content: center;
        width: 100%;
        margin-right: 15px;
    }

    .logo .logo_img a {
        width: 100%;
        height: 100%;
    }

    #left .logo .logo_img {
        margin-right: 0;
        padding: 0 !important;
    }

    #left .logo .logo_img a {
        text-align: center;
    }

    #left .logo img {
        width: 100%;
        max-width: 200px;
        margin: 0 auto;
    }

    #left .logo1 {
        margin: auto 0 0;
        padding: 10px 0;
    }

    #left .logo1 a{
        display: block;
    }

    #left .logo1 img {
        max-width: 200px;
        margin: 0 auto;
        max-height: 100px;
    }

    #left.minimized .logo1 img {
        max-width: 100%;
        margin: 0 auto;
        height: auto;
    }

    #left .nav.menu {
        width: 100%;
       /* max-width: 260px;*/
        margin: 0 auto 25px;
    }

    #left .nav.menu li + li {
        margin-top: 10px;
    }

    .dj-mobile-nav li,
    #left .nav.menu li {
        background: transparent;
    }

    .dj-mobile-nav a,
    #left .nav.menu a {
        display: block;
        padding: 5px 15px;
        text-decoration: none !important;
        border-radius: 8px 8px;
    }

    #left .nav.menu li.lvl_1 > a {
        padding: 15px 15px;
    }

    .dj-mobile-nav > li.current > a,
    .dj-mobile-nav > li.current > a + ul,
    #left .nav.menu li.current > a,
    #left .nav.menu li.current > a + ul {
        background: #fff;
    }

    #left .nav.menu li.this > a {
        color: #5078FE;
    }

    .dj-mobile-nav li.current li a,
    #left .nav.menu li.current li a {
        background: transparent;
    }

    #left .nav.menu li.lvl_1:not(.current) > a:focus,
    #left .nav.menu li.lvl_1:not(.current) > a:hover {
        background: rgba(255, 255, 255, 0.4);
    }

    .dj-mobile-nav > li.active > ul,
    #left .nav.menu li.lvl_1 > a.active,
    #left .nav.menu li.lvl_1 > a.active + ul {
        background: rgba(255, 255, 255, 0.4);
    }

    .dj-mobile-nav > li > ul,
    #left .nav.menu li.lvl_1 ul {
        padding-top: 5px;
        padding-bottom: 5px;
        border-radius: 0 0 8px 8px;
    }

    .dj-mobile-nav > li > ul.collapsing:not(.in),
    #left .nav.menu li.lvl_1 ul.collapsing:not(.in),
    .dj-mobile-nav > li > ul.collapse:not(.in),
    #left .nav.menu li.lvl_1 ul.collapse:not(.in) {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    #left .nav.menu li.lvl_1 ul {
        padding-left: 35px;
    }

    #left .nav.menu li.lvl_1.parent > a {
        border-bottom: 2px solid #EBECEE;
        border-radius: 8px 8px 0 0;
    }

    #left .nav.menu li.parent > a.collapsed {
        margin-bottom: 0;
        border-bottom: none;
        border-radius: 8px 8px 8px 8px;
    }

    #left .nav.menu ul li > a:hover,
    #left .nav.menu ul li > a:focus {
        color: #000;
    }

    #left .modtitle .h3 {
        margin: 0 0 5px;
        font-size: 16px;
    }

    #left .mod.whiteblock {
        margin: 15px 0;
    }

    #left .feed-item-date {
        font-size: 12px;
    }

    #left .newsfeed,
    #left .newsfeed a {
        font-size: 16px;
    }

    #left .newsfeed .owl-dots {
        margin-bottom: 0;
        padding-bottom: 0;
    }

    #right .mod:last-child .whiteblock {
        margin-bottom: 0;
    }

    #right .mod .mod_tasks .whiteblock,
    #right .mod .statistic_tasks {
        margin-bottom: 25px !important;
    }

    #beforecontent .block .owl-dots,
    #right .mod .owl-dots {
        padding: 10px 0 0;
        line-height: 1;
    }


    .quick-icons {
        line-height: 1;
        z-index: 8;
        bottom: 0;
        left: 0;
        width: 100%;
        color: #fff;
        background: #302D4A;
    }

    ul.quickicons {
        display: flex;
        margin: 0 0 15px;
        padding: 0;
        gap: 10px 10px;
    }

    ul.quickicons li {
        list-style: none;
    }

    #left .navigation {
        display: flex;
        flex-direction: column;
        flex-grow: 2;
    }

    #left .navigation.scroll-scrolly_visible {
        padding-right: 12px;
    }

    #left .nav.menu + .quickicons {
        padding-top: 40px;
    }

    #left ul.quickicons {
        flex-direction: column;
    }

    #left ul.quickicons a {
        font-size: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
       /* max-width: 260px;*/
        margin: 0 auto;
        padding: 15px 15px;
        text-decoration: none !important;
        color: #5078FE;
        border-radius: 8px;
        background: #fff;
        gap: 10px 5px;
        word-break: break-all;
    }

    #left ul.quickicons a:before {
        margin: 0;
    }

    #left ul.quickicons .img + span {
        min-width: 80px;
    }

    #left ul.quickicons a:hover {
        color: #fff;
        background: #5078FE;
    }

    #left ul.quickicons a:before {
        background-color: #5078FE;
    }

    #left ul.quickicons a:hover:before {
        background-color: #fff;
    }

    #center {
        position: relative;
        overflow: auto;
        overflow-x: hidden;
        flex-grow: 10;
        max-height: 100%;
      /*  margin-top: 60px;*/
        margin-bottom: 0;
        padding-top: 15px;
        padding-bottom: 15px;
        background: #F4F7FC;
    }

    #header {
        position: sticky;
        top: -15px;
        z-index: 10;
        display: flex;
        align-items: center;
        justify-content: space-between;


        height: 58px;
        margin: -15px -15px 0px;
        padding: 0;
        border-bottom: 2px solid #EBECEE;
        background: #fff;
        width: calc(100% + 30px);
    }

    #header #header_right {
        position: relative;
        display: flex;
        align-items: stretch;
        flex-grow: 2;
        justify-content: space-between;
        border-left: 2px solid #EBECEE;
    }

    #header #header_right .user_login {
        order: 10;
    }

    #header #header_right .user_login .item,
    #header #header_right .user_login .item > a {
        display: flex;
        align-items: center;
    }

    #header .show_cart_items.active .cart_block:before,
    #header .ico.setup.active:before {
        background-color: #5078FE;
    }

    #header #search .btn-on,
    #header #header_right,
    #header #header_right .login_menu > * {
        height: 58px;
        max-height: 58px;
    }

    #header #header_right .login_menu .login {
        position: relative;
        cursor: pointer;
    }

    #header .login_menu .sub-menu {
        position: absolute;
        top: 100%;
        background: #fff;
        padding: 10px 15px;
        border-radius: 0 0 16px 16px;
        z-index: 8;
        box-shadow: 10px 10px 20px 0 #EDF2FA;
        width: 100%;
        line-height: 1.1;
        min-width: 180px;
    }

    #header .login_menu .login:not(.opened) .sub-menu {
        display: none;
    }

    #header .login_menu .sub-menu ul {
        margin: 0;
    }

    #header .login_menu .sub-menu ul span {
        margin: 0;
        display: initial;
    }

    #header .login_menu .sub-menu ul li + li {
        margin-top: 5px;
    }

    #header .login_menu .sub-menu a {
        display: flex;
        gap: 0 8px;
        align-items: center;
        font-weight: normal;
    }

    #header .login_menu .sub-menu a.active span {
        color: #5078FE;
    }

    #header .login_menu .sub-menu a.active:before {
        background-color: #5078FE;
    }

    #header .show_cart_items {
        width: auto;
        height: 58px;
        padding: 0 15px;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        transition: all .1s ease-in;
        border: none;
        border-radius: 0;
        box-shadow: none;
        position: relative;
        border-left: 2px solid #EBECEE;
    }

    a.wishlist {
        padding: 0;
    }

    a.wishlist:before,
    #header .cart_block:before {
        display: block;
        content: '';
        font-size: 20px;
        font-weight: 300;
        width: 18px;
        height: 18px;
        cursor: pointer;
        text-align: center;
        vertical-align: middle;
        color: #9AA9AD;
        border: none;
        outline: none;
        background-color: #9AA9AD;
        -webkit-mask: url(../images/heart.svg) no-repeat 50% 50%;
        mask: url(../images/heart.svg) no-repeat 50% 50%;
        -webkit-mask-size: contain;
        mask-size: contain;
    }

    a.wishlist.rmv:before {
        -webkit-mask: url(../images/heart_broken.svg) no-repeat 50% 50%;
        mask: url(../images/heart_broken.svg) no-repeat 50% 50%;
        -webkit-mask-size: contain;
        mask-size: contain;
    }

    #header .show_cart_items .cart_block {
        position: relative;
    }

    a.wishlist:hover:before,
    #header .show_cart_items:hover:before {
        background-color: #5078FE;
    }

    a.wishlist > span,
    #header .show_cart_items:after,
    #header .show_cart_items .ttl {
        display: none;
    }

    #header .show_cart_items .count_products {
        position: absolute;
        top: -8px;
        right: -6px;
        font-size: 12px;
        background: rgba(255, 255, 255, 0.9);
        border-radius: 50%;
        width: 18px;
        line-height: 18px;
        text-align: center;
    }

    .module_cart #cart_items {
        position: absolute;
        width: 352px;
        right: 0;
        top: 100%;
        background: #fff;
        padding: 30px 10px 10px 10px;
        border-radius: 0 0 16px 16px;
        z-index: 8;
        box-shadow: 10px 10px 20px 0 #EDF2FA;
        margin-top: 0;
    }

    .module_cart .bottom_btn .btn {
        height: 24px;
        line-height: 24px;
        min-height: 24px;
    }

    .module_cart .items .btn.remove {
        position: absolute;
        right: 5px;
        top: 5px;
        padding: 0;
        height: 18px;
        width: 18px;
        min-height: 18px;
        border-radius: 0;
        border: none;
        box-shadow: none !important;
    }

    .module_cart .items .btn.remove:before {
        margin: 0;
        height: 16px;
        width: 16px;
    }

    .module_cart .items .btn.remove:focus:before,
    .module_cart .items .btn.remove:hover:before {
        background: #5078FE;
    }

    .module_cart .item {
        position: relative;
        border: 1px solid #EBECEE;
        padding: 5px 25px 5px 5px;
        border-radius: 12px;
    }

    .module_cart .scrollbar-inner.has-scrolly .item {
        margin-right: 12px;
    }

    .module_cart .items a.btn {
        background: transparent;
    }

    .module_cart .close {
        position: absolute;
        top: 0;
        right: 5px;
        font-size: 30px;
    }

    .module_cart .bottom_btn {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .module_cart .items_wrap {
        overflow-y: auto;
        max-height: calc(100vh - 160px);
    }

    .module_cart .items .item {
        display: flex;
        gap: 15px 15px;
        align-items: stretch;
    }

    .module_cart .items .item + .item {
        margin-top: 20px;
    }

    .module_cart .items .item .image {
        text-align: center;
        width: 90px;
        min-width: 90px;
        max-width: 90px;
    }

    .module_cart .items .item .image img {
        width: 100%;
        border-radius: 12px;
        overflow: hidden;
        max-width: 200px;
    }

    .module_cart .items .item .title {
        line-height: 1.1;
        font-size: 14px;
    }

    .module_cart .items .item .title a {
        color: #333;
    }

    .module_cart .bottom_btn {
        margin-top: 10px;
        text-align: center;
    }

    #breadcrumbs {
        margin: 10px 0 15px;
        padding: 0;
        color: #4E5E6A;
        border-radius: 5px;
        background: transparent;
    }

    .homepage #breadcrumbs,
    .boardpage #breadcrumbs {
        display: none;
    }

    #footer_right {
        min-height: 35px;
        padding-top: 15px;
        padding-bottom: 15px;
        background: #ECF3FF;
        max-width: 280px;
    }

    #footer_right.minimized{
        max-width: 112px;
    }

    #footer_center {
        line-height: 1.1;
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 34px;
        background: #fff;
        box-shadow: 0 -5px 5px 0 rgba(50, 50, 50, 0.03);
    }

    #notifications {
        display: flex;
        align-items: center;
        padding: 0 15px;
        border-left: 2px solid #EBECEE;
    }

    #notifications .notifications_wrap {
        cursor: pointer;
    }

    #notifications .notifications_block:before {
        display: block;
        width: 25px;
        height: 25px;
        margin: 0;
        content: "";
        background-color: #9AA9AD;
        -webkit-mask: url("../images/envelope.svg") no-repeat 50% 50%;
        mask: url("../images/envelope.svg") no-repeat 50% 50%;
        -webkit-mask-size: contain;
        mask-size: contain;
        transition: all ease-in .2s;
    }

    #notifications:hover .notifications_block:before {
        background-color: #000;
    }

    #notifications.open .notifications_block:before {
        background-color: #5078FE;
    }

    #notifications.hasnew .notifications_wrap:before {
        animation: pulse 1s infinite;
    }

    #notifications.open .notifications_wrap:before {
        animation: none;
    }

    #notifications .notifications_block {
        position: relative;
    }

    #notifications.newmess #notifications_count {
        display: none;
    }

    #notifications.newmess #notifications_count {
        font-size: 12px;
        line-height: 18px;
        position: absolute;
        top: 0;
        right: 0;
        display: block;
        width: 18px;
        height: 18px;
        text-align: center;
        color: #fff;
        border-radius: 50%;
        background: #ff0000;
    }

    #notifications #notifications_load {
        position: absolute;
        top: -1px;
        left: -5px;
        width: 34px;
        height: 26px;
        min-height: 0;
        margin: 0;
    }

    #notifications #notifications_list .loading {
        width: 26px;
        height: 26px;
        min-height: 26px;
        margin: 5px auto 0;
    }

    .module_cart .show_cart_items.loading {
        min-height: 0;
    }

    .addcommentform .attach_media.loading:before,
    #content .smallload.loading:before,
    .module_cart .show_cart_items.loading:before,
    #notifications #notifications_load.loading:before {
        top: 50%;
        width: 26px !important;
        height: 26px !important;
        margin: -13px 0 0 -13px !important;
        border-width: 2px;
    }

    #notifications #notifications_list .loading:before {
        top: 50%;
        width: 26px;
        height: 26px;
        margin: -13px 0 0 -13px !important;
        border-width: 2px;
    }

    .module_cart .show_cart_items.loading:after,
    #notifications #notifications_list .loading:after {
        right: auto;
        left: -1px;
        width: 32px;
        height: 26px;
        background: rgba(255, 255, 255, 0.5);
        position: absolute;
    }

    #notifications #notifications_load.loading:after {
        top: 0;
        right: auto;
        left: 0;
        width: 34px;
        height: 26px;
        background: rgba(255, 255, 255, 0.5);
    }

    #notifications #notifications_list {
        position: absolute;
        z-index: 9;
        top: 100%;
        right: 0;
        display: none;
        min-width: 320px;
        margin-top: 0;
        padding: 10px 5px 10px 10px;
        background: #fff;
        box-shadow: 10px 10px 20px 0 #EDF2FA;
    }

    #notifications.open #notifications_list {
        display: block;
        width: 100%;
        max-width: 640px;
        border-radius: 0 0 16px 16px;
    }

    #notifications .buttons {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 10px 15px 10px;
        gap: 5px 15px;
        flex-wrap: wrap;
    }

    #notifications .buttons button {
        font-size: 14px;
        margin: 0;
        border-radius: 5px;
        background: #fff;
    }

    #notifications:not(.newmess) .allread {
        display: none;
    }

    #notifications #notifications_list ul {
        line-height: 1;
        margin: 0;
        padding: 0;
        text-align: left;
    }

    #notifications #notifications_list ul.items {
        overflow-y: auto;
    }

    #notifications #notifications_list ul.scroll-scrolly_visible {
        padding-right: 10px;
    }

    #notifications #notifications_list li.item {
        position: relative;
        display: flex;
        flex-direction: column;
        margin: 0;
        padding: 5px;
        list-style: none;
        border: 1px solid #ededed;
        border-radius: 6px;
        box-shadow: 4px 4px 5px 0 rgba(50, 50, 50, 0);
    }

    #notifications #notifications_list li.item a {
        text-decoration: underline;
    }

    #notifications #notifications_list li.item:focus,
    #notifications #notifications_list li.item:hover {
        border-color: #5078FE;
        box-shadow: 4px 4px 5px 0 rgba(50, 50, 50, 0.1);
    }

    #notifications #notifications_list li.item + li.item {
        margin-top: 5px;
    }

    #notifications #notifications_list li.item .item_head {
        display: flex;
        flex-direction: column;
        margin-bottom: 5px;
        padding: 10px 10px;
        border-radius: 12px;
        background: #F1F4FF;
        gap: 2px 5px;
    }

    #notifications #notifications_list li.item[data-isnew="1"] .item_head {
        position: relative;
        padding-left: 40px;
    }

    #notifications #notifications_list li.item[data-isnew="1"] .item_head:before {
        font-size: 12px;
        position: absolute;
        top: 50%;
        left: 5px;
        display: block;
        margin-top: -5px;
        padding: 2px 3px;
        content: "new";
        text-transform: uppercase;
        color: #fff;
        border-radius: 2px;
        background: #5078FE;
    }

    #notifications #notifications_list li.item .item_data {
        font-size: 12px;
        padding: 0;
    }

    #notifications #notifications_list li.item .item_data .val {
        color: #848798;
    }

    #notifications #notifications_list li.item .item_subject {
        font-weight: 500;
        padding: 2px 0;
    }

    #notifications #notifications_list li.item .item_text {
        font-size: 14px;
        font-style: italic;
        line-height: 1.1;
    }

    #notifications #notifications_list .item_text a,
    #notifications #notifications_list li.item .task_text a {
        text-decoration: underline !important;
    }

    #notifications #notifications_list li.item .task_data {
        font-style: normal;
        margin-bottom: 5px;
    }

    #notifications #notifications_list li.item .val {
        font-weight: 500;
    }

    #notifications #notifications_list li.item .task_text {
        line-height: 1.1;
    }

    #notifications #notifications_list li.item .item_infotext {
        margin-bottom: 5px;
        padding: 2px 5px;
    }

    #notifications #notifications_list li.item .item_infotext + .item_text {
        padding-top: 10px;
        border-top: 2px dashed #CEDCEE;
    }

    #notifications #notifications_list li.item .task_text > span,
    #notifications #notifications_list li.item .item_infotext > span {
        display: block;
        margin-bottom: 2px;
    }

    #notifications #notifications_list li.item .add_inf {
        font-weight: 500;
        font-style: italic;
        padding-top: 5px;
    }

    #notifications #notifications_list li.item ins {
        background: #f6ffb2;
    }

    #notifications #notifications_list li.item del {
        background: #ffc8c8;
    }

    #notifications #notifications_list .close {
        font-weight: normal;
        position: absolute;
        top: 5px;
        right: 10px;
        text-decoration: none !important;
    }

    #notifications .waiting_approval {
        font-size: 14px;
        line-height: 18px;
        height: 20px;
        margin-right: 5px;
        padding: 0 15px;
        color: #9AA9AD;
        border: 1px solid #9AA9AD;
        border-radius: 4px;
        background: #fff;
    }

    #notifications .waiting_approval a {
        text-decoration: none !important;
    }

    .h5.approval_needed,
    #notifications .waiting_approval .val {
        font-weight: normal;
        color: #FA9221;
    }

    #notifications .waiting_approval .lbl {
        font-weight: normal;
        margin: 0 10px 0 0;
        color: #848798;
    }

    #notifications .waiting_approval a {
        color: #333;
    }

    #notifications.newmess #notifications_count {
        font-size: 12px;
        line-height: 18px;
        position: absolute;
        top: -4px;
        right: -8px;
        display: block;
        width: 18px;
        height: 18px;
        text-align: center;
        color: #fff;
        border-radius: 50%;
        background: #ff0000;
    }

    #content .smallload.loading {
        min-height: 26px;
    }

    #content .smallload.loading:after {
        height: 26px !important;
    }

    .ico.login,
    .ico.logout {
        line-height: 38px;
        display: flex;
        align-items: center;
        min-width: 38px;
        height: 38px;
        text-decoration: none !important;
        box-shadow: none !important;
    }

    .ico.login span,
    .ico.logout span {
        margin-left: 10px;
        color: #848798;
    }

    .ico.profile:before,
    .ico.workingtime:before,
    .ico.login .item .noavatar:before,
    .ico.logout:before {
        display: block;
        width: 20px;
        height: 20px;
        content: "";
        transition: all ease-in .2s;
        background-color: #9AA9AD;
        -webkit-mask: url("../images/profile.svg") no-repeat 100% 100%;
        mask: url("../images/profile.svg") no-repeat 100% 100%;
        mask-size: contain;
        -webkit-mask-size: contain;
    }

    .ico.login.hasavatar:before {
        display: none;
    }

    .ico.login .noavatar,
    .ico.login .avatar {
        margin-left: 0;
    }

    .ico.logout:before {
        -webkit-mask: url("../images/logout.svg") no-repeat 100% 100%;
        mask: url("../images/logout.svg") no-repeat 100% 100%;
        mask-size: contain;
        -webkit-mask-size: contain;
    }

    .ico.profile:before {
        -webkit-mask: url("../images/user_icon.svg") no-repeat 100% 100%;
        mask: url("../images/user_icon.svg") no-repeat 100% 100%;
        mask-size: contain;
        -webkit-mask-size: contain;
    }

    .ico.workingtime:before {
        -webkit-mask: url("../images/work_time.svg") no-repeat 100% 100%;
        mask: url("../images/work_time.svg") no-repeat 100% 100%;
        mask-size: contain;
        -webkit-mask-size: contain;
    }

    .ico.login:hover,
    .ico.logout:hover,
    .ico.login:focus,
    .ico.logout:focus {
        box-shadow: 0 12px 10px -10px rgba(255, 255, 255, .8);
    }

    .ico.login:hover:before,
    .ico.logout:hover:before,
    .ico.login:focus:before,
    .ico.logout:focus:before {
        background-color: #000;
    }

    .ico.setup:before {
        display: block;
        width: 20px;
        height: 20px;
        content: "";
        transition: all ease-in .2s;
        background-color: #9AA9AD;
        -webkit-mask: url("../images/isettings.svg") no-repeat 50% 50%;
        mask: url("../images/isettings.svg") no-repeat 50% 50%;
        mask-size: contain;
        -webkit-mask-size: contain;
    }

    .ico.login.active:before,
    .ico.setup.active:before {
        background-color: #9AA9AD;
    }

    .user_login {
    }

    .login_menu {
        display: flex;
    }

    #search .btn-on,
    .login_menu > .ico {
        display: flex;
        align-items: center;
        justify-content: center;
        min-width: 50px;
        padding: 0 15px;
        border-left: 2px solid #EBECEE;
    }

    .login_menu > .ico img {
        width: 20px;
        height: 20px;
        border-radius: 50%;
    }

    #search .btn-on {
        border: none;
        background: transparent;
    }

    #main #notifications.open .notifications_wrap:before,
    #main .notifications_wrap:hover:before,
    #main .login_menu > .ico:hover:before {
        background-color: #2C2F38;
    }

    .loginpage #wrapall .fullheight {
        flex-direction: column;
    }

    .loginpage #wrapall #header {
        display: none;
    }

    .loginpage #left .logo {
        margin-bottom: 0;
    }

    .loginpage #footer_right {
        display: none !important;
    }

    .loginpage #footer_center {
        width: 100%;
    }

    .loginpage #wrapall #left,
    .loginpage #wrapall #center,
    .loginpage #wrapall #footer_center {
        width: 100% !important;
        max-width: none;
    }

    .loginpage #footer_center {
        box-shadow: none;
    }

    .loginpage .main > .container.fullwidth {
        display: flex;
        align-items: center;
    }

    .loginpage .main > .container.fullwidth > .row {
        float: none;
        width: 100%;
        margin: 0 !important;
    }

    .loginpage #left .logo .logo_img {
        text-align: center;
    }

    .loginpage .pwebcontact {
        display: none;
    }

    #left .openscaner {
        display: none;
    }

    .whiteblock > h2,
    .whiteblock > .h2 {
        font-size: 22px;
        margin: 0 0 15px;
    }

    .loginpage .formblock .h3 {
        margin: -15px -15px 15px -15px;
        padding: 15px;
        text-align: center;
        color: #5078FE;
        border-radius: 16px 16px 0 0;
        background: transparent;
    }

    .list_vendors {
        display: grid;
        align-items: stretch;
        grid-auto-rows: auto;
        grid-column-gap: 15px;
        grid-row-gap: 15px;
        grid-template-columns: repeat(3, 1fr);
        justify-items: center;
    }

    .list_vendors .item {
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: flex-start;
        box-sizing: border-box;
        width: 100%;
        padding: 8px;
        transition: all ease-in .2s;
        border: 1px solid #fff;
        border-radius: 5px;
        background: #fff;
        box-shadow: 10px 10px 20px 0 #EDF2FA;
    }

    .list_vendors .item.ui-droppable.ui-droppable-active.ui-droppable-hover {
        box-shadow: 4px 4px 5px 0 rgb(80, 120, 254, 0.4);
        border: 1px solid #5078FE;
    }

    .list_vendors .item:focus,
    .list_vendors .item:hover {
        box-shadow: 4px 4px 5px 0 rgba(50, 50, 50, 0.02)
    }

    .list_vendors .item .vendor {
        display: flex;
        align-items: center;
        flex-direction: row-reverse;
        justify-content: space-between;
        width: 100%;
        gap: 0 15px;
    }

    .list_vendors .item .info {
        display: flex;
        margin-bottom: 10px;
        gap: 15px 15px;
        align-items: center;
    }

    .list_vendors .item .image {
        overflow: hidden;
        width: 36px;
        height: 36px;
        margin-bottom: 2px;
        text-align: center;
    }

    .list_vendors .item .image a {
        display: block;
    }

    .list_vendors .item .image img {
        max-width: 100%;
        max-height: 100%;
        object-fit: contain;
    }

    .list_vendors .item .circle.loaded {
        display: block;
    }

    .list_vendors .item .circle .diag {
        min-width: 72px;
        min-height: 72px;
        margin-bottom: 0;
    }

    .list_vendors .item .circles-wrp {
    }

    .list_vendors .item .circles-wrp .circlebar {
        width: 72px;
        height: 72px;
    }

    .list_vendors .item .circles-wrp .circles-text {
        font-size: 20px !important;
        line-height: 32px !important;
        top: 50% !important;
        left: 50% !important;
        width: 32px !important;
        height: 32px !important;
        margin-top: -16px;
        margin-left: -16px;
        color: #333;
        border: 1px solid #F0F0F0;
        border-radius: 50%;
        background: rgba(255, 255, 255, 0.9);
    }

    .list_vendors .item .service_link {
        text-decoration: none !important;
    }

    .list_vendors .item .name .service_link {
        display: flex;
        align-items: center;
        text-decoration: none !important;
        gap: 0 10px;
    }

    .list_vendors.history .item .name img {
        width: 32px !important;
        height: 32px !important;
    }

    .list_vendors .item .name .service_link img {
        width: 20px !important;
        height: 20px !important;
    }

    .list_vendors .item .name {
        font-size: 16px;
        text-align: center;
    }

    .list_vendors .item .info .tasks {
        font-size: 18px;
        font-weight: 500;
        position: relative;
        align-items: center;
        flex-direction: column;
        justify-content: center;
        width: 62px;
        height: 62px;
        padding: 10px;
        text-decoration: none !important;
        color: #262833;
        border-radius: 50%;
        background: #F1F4FF;
    }

    .list_vendors .item .info .tasks:before {
        position: absolute;
        top: 50%;
        left: 50%;
        display: block;
        width: 50px;
        height: 50px;
        margin: -27px 0 0 -26px;
        content: "";
        background-color: #CDDBF1;
        -webkit-mask: url("../images/taskslist.svg") no-repeat 100% 100%;
        mask: url("../images/taskslist.svg") no-repeat 100% 100%;
        -webkit-mask-size: contain;
        mask-size: contain;
    }

    .list_vendors .item .info .tasks .val {
        line-height: 40px;
        width: 40px;
        height: 40px;
        text-align: center;
    }

    .list_vendors.history .item .count,
    .list_vendors .item .count {
        font-size: 18px;
        line-height: 18px;
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: center;
        width: 80px;
        height: 80px;
        padding: 5px;
        text-align: center;
        text-decoration: none !important;
        color: #000;
    }

    .list_vendors .item .count .count_items {
        font-size: 18px;
        font-weight: 500;
        color: #262833;
    }

    .list_vendors .item .btn {
        line-height: 16px;
        height: auto;
        min-height: 18px;
        margin: 8px 0;
        padding: 4px 25px;
    }

    .list_vendors .item .count_transfers.from:after,
    .list_vendors .item .count_transfers.to:before {
        display: inline-block;
        content: '\2794';
    }

    .list_vendors .item .count_transfers {
        font-size: 14px;
        display: flex;
        color: #808080;
    }

    .list_vendors .item .item_moreinfo {
        display: flex;
        flex-direction: column;
        flex-grow: 2;
        width: 100%;
    }

    .list_vendors .item.mainvendor .item_moreinfo {
        margin-top: 42px;
    }

    .list_vendors .item .vendor_products {
        flex-grow: 2;
        width: 100%;
        border-radius: 5px;
    }

    .list_vendors .item .products {
        overflow-y: scroll;
        width: 100%;
        max-height: 280px;
        margin: 5px 0 auto 0;
        padding: 5px;
        border: 1px solid #ededed;
        border-radius: 5px;
    }

    .list_vendors .item .vendor {
        flex-direction: column;
    }

    .services .list_vendors > .product {
        list-style: none;
        border: 1px solid #ededed;
        background: rgba(244, 247, 252, 1) !important;
        padding: 8px 15px;
        border-radius: 15px;
        max-width: 520px;
        box-shadow: 4px 4px 5px 0 rgba(0, 0, 0, 0.2)
    }

    .products.zebra .product.readyforpickup,
    .locations.readyforpickup li.active span,
    .list_vendors .item .products .product.readyforpickup {
        background: #55ff00 !important;
    }

    .services .list_vendors > .product .product_link,
    .vendor_products .product .product_link {
        font-size: 14px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 15px;
    }

    .services .list_vendors > .product .product_link {
        text-decoration: none !important;
    }

    .services .list_vendors > .product .product_link .lbl,
    .vendor_products .product .product_link .lbl {
        display: none;
    }

    .vendor_products .product .product_link .vehicle_title {
        line-height: 1.1;
        word-break: break-all;
    }

    .services .list_vendors > .product .product_link .vehicle_status,
    .vendor_products .product .product_link .vehicle_status {
        line-height: 1.1;
        width: 90px;
        min-width: 90px;
        text-align: center;
    }

    .services .list_vendors > .product .product_link .vehicle_status .val,
    .vendor_products .product .product_link .vehicle_status .val {
        font-size: 12px;
        line-height: 12px;
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 28px;
        padding: 2px 9px 2px 9px;
    }

    .list_vendors .products.scroll-scrolly_visible {
        padding-right: 12px;
    }

    .list_vendors .products.scroll-scrolly_visible li:last-child {
        margin-bottom: 15px;
    }

    .modservices .list_vendors {
        grid-template-columns: repeat(2, 1fr);
    }

    .modservices .list_vendors .item {
        width: 100%;
        padding: 15px;
        border: 1px solid #fff;
        border-radius: 16px;
        box-shadow: 10px 10px 20px 0 #EDF2FA;
    }

    .modservices .list_vendors .item:hover {
        box-shadow: 4px 4px 5px 0 rgba(50, 50, 50, 0.1)
    }

    .list_vendors.history .item .vendor,
    .modservices .list_vendors .item .vendor {
        flex-direction: row-reverse;
    }

    .list_vendors.history .item .info,
    .modservices .list_vendors .item .info {
        margin-bottom: 0;
    }

    .list_vendors.history .item .name {
        display: flex;
        flex-direction: column;
        gap: 10px;
        flex-grow: 2;
        align-items: center;
        justify-content: center;
    }

    .modservices .list_vendors .item .name {
        line-height: 1.1;
        text-align: left;
    }

    .modservices .list_vendors .item .name img {
        display: none;
    }

    .modservices .list_vendors .item .name a {
    }

    .modservices .list_vendors .item .name .service_link {
        display: initial;
        box-shadow: none;
    }

    .circle .diag {
        position: relative;
        min-width: 100px;
        min-height: 100px;
        margin-bottom: 6px;
    }

    #beforecontent {
        display: flex;
        flex-direction: column;
    }

    #beforecontent .module-title h3{
        margin: 0;
        padding: 0;
    }


    #beforecontent #reports,
    #beforecontent #display-reports {
        order: -1;
        margin-top: 20px;
        margin-bottom: 0px;
    }

    #beforecontent div[id*="transfers-list"] {
        order: 10;
    }

    #beforecontent #dashboard + #reports,
    #beforecontent #dashboard + #display-reports {
        margin-top: 0px;
    }

    #beforecontent #dashboard + #reports,
    #beforecontent #dashboard + #display-reports {
        margin-top: 0px;
        margin-bottom: 25px;
    }

    #beforecontent > .block + .block {
        margin-top: 25px;
    }

    #beforecontent > .block:last-child {
        margin-bottom: 0;
    }

    #beforecontent .block.whiteblock .title,
    #beforecontent .block.whiteblock .title > * {
        margin-top: 0;
    }

    .homepage .tasksathomepage .modtitle .h4 {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 15px 15px;
    }

    .homepage .tasksathomepage .modtitle .buttons {
        display: none;
    }

    .resetsearch .btn:before {
        display: block;
        width: 16px;
        height: 16px;
        margin: 0 10px 0 0;
        content: "";
        background-position: 50% 50% !important;
    }

    .resetsearch .btn.reset:before {
        background-color: #000;
        -webkit-mask: url("../images/icons/filter-remove-icon.svg") no-repeat 50% 50%;
        mask: url("../images/icons/filter-remove-icon.svg") no-repeat 50% 50%;
        -webkit-mask-size: contain;
        mask-size: contain;
    }

    .resetsearch .btn.apply:before {
        background-color: #fff;
        -webkit-mask: url("../images/icons/funnel-check-icon.svg") no-repeat 50% 50%;
        mask: url("../images/icons/funnel-check-icon.svg") no-repeat 50% 50%;
        -webkit-mask-size: contain;
        mask-size: contain;
    }

    #beforecontent .h5 {
        margin-bottom: 5px;
        margin-top: 0;
    }

    .statuses_history.all_passed .vehicle_status.active.time_overrun,
    .vehicles .vehicle_status.time_overrun .val {
        background: #FF8A8A !important;
    }

    .vehicles .vehicle_status.time_overrun .lbl {
        color: #FF8A8A !important;
    }

    .statuses_history.all_passed .vehicle_status.active.time_overrun span {
        color: #333;
    }

    .canvasjs-chart-container .canvasjs-chart-legend {
        text-align: center;
    }

    .attributes_tasks {
        display: flex;
    }

    .attributes_tasks a {
        text-decoration: none !important;
    }

    .attributes_tasks > span {
        border-radius: 3px;
        min-width: 24px;
        text-align: center;
        background: #CDDBF1;
        display: block;
    }

    .attributes_tasks > span a {
        min-width: 24px;
        display: inline-block;
    }

    .attributes_tasks .done {
        background: #CACACA;
    }

    .attributes_tasks .doing {
        background: #D5F9D4;
    }

    .attributes_tasks .declined {
        background: #FF8A8A;
    }

    .attributes_tasks .approval {
        background: #ffe9ce;
    }

    .attributes_tasks .declined {
        background: #FF8A8A;
    }

    .need_checked .vehicle {
        display: flex;
        align-items: center;
        gap: 15px 15px;
    }

    .need_checked .vehicle:before,
    .need_checked .vehicle:after {
        display: none;
    }

    .need_checked .vehicle .item_image {
        overflow: hidden;
        max-width: 180px;
        border-radius: 16px;
    }

    .need_checked .vehicle .item_data {
        flex-basis: 100%;
        flex-grow: 2;
    }

    .need_checked .vehicle .item_image.thumb {
        width: 50%;
        border: 1px solid #CACACA;
        border-radius: 5px;
    }

    .need_checked .vehicle .item_image.thumb a {
        aspect-ratio: 4 / 3;
        overflow: hidden;
        display: block;
    }

    .transfers__items table {
        font-size: 14px;
    }

    .transfers__items a {
        text-decoration: underline !important;
    }

    .transfers__items table tr.notconfirmed td {
        color: #F33636;
        background: rgba(254, 226, 223, 1) !important;
    }

    .transfers__items table tr.notconfirmed td a {
        color: #F33636;
    }

    .tasktype:before {
        display: block;
        width: 30px;
        height: 30px;
        content: "";
        background-color: #5078FE;
        -webkit-mask: url("../images/user_icon.svg") no-repeat 100% 100%;
        mask: url("../images/user_icon.svg") no-repeat 100% 100%;
        -webkit-mask-size: contain;
        mask-size: contain;
        order: 5;
    }

    .printing .tasktype:before {
        display: none;
    }

    .tasktype.Inspection:before {
        -webkit-mask: url("../images/checkcar_icon.svg") no-repeat 100% 100%;
        mask: url("../images/checkcar_icon.svg") no-repeat 100% 100%;
        -webkit-mask-size: contain;
        mask-size: contain;
    }

    .tasktype.movevehicle:before {
        -webkit-mask: url("../images/transfer_icon.svg") no-repeat 100% 100%;
        mask: url("../images/transfer_icon.svg") no-repeat 100% 100%;
        -webkit-mask-size: contain;
        mask-size: contain;
    }

    .tasktype.forgroup:before {
        -webkit-mask: url("../images/users_icon.svg") no-repeat 100% 100%;
        mask: url("../images/users_icon.svg") no-repeat 100% 100%;
        -webkit-mask-size: contain;
        mask-size: contain;
    }

    .tasktype.forvendor:before {
        -webkit-mask: url("../images/car_garage_icon.svg") no-repeat 100% 100%;
        mask: url("../images/car_garage_icon.svg") no-repeat 100% 100%;
        -webkit-mask-size: contain;
        mask-size: contain;
    }

    .tasks_list {
        display: grid;
        margin-bottom: 0;
        grid-column-gap: 10px;
        grid-row-gap: 15px;
        grid-template-columns: repeat(3, 1fr);
        justify-items: stretch;
    }

    .homepage .tasks_list {
        grid-template-columns: repeat(2, 1fr);
    }

    .modal .tasks_list {
        grid-template-columns: repeat(1, 1fr);
        min-height: 200px;
    }

    .modtasks .tasks_list {
        margin-bottom: 0;
    }

    .modtasks .readmore {
        display: inline-block;
        margin: 10px 0 0 0;
        text-decoration: underline;
    }

    .modtasks .tools {
        display: none;
    }

    .displaymode {
        display: flex;
        gap: 0 5px;
    }

    .wishlist.page .displaymode button.liststyle,
    .wishlist.page .displaymode button.liststyle_grid {
        display: none !important;
    }

    .displaymode .controls .radio,
    .displaymode .controls .fields-calendar {
        display: flex;
        gap: 15px 15px;
        flex-wrap: wrap;
        margin: 0;
    }

    #inventory.report .filters.orderby {
        display: none;
    }

    #inventory.report .avg {
        display: block;
    }

    #inventory.report .displayinterval_0 .avg .prev {
        display: none;
    }

    #avgforinventory .down .circles-text .val:after,
    #inventory.report .avg.down > span:not(.prev):before {
        display: inline-block;
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 12px 8px 0 8px;
        border-color: #00ff00 transparent transparent transparent;
        transform: rotate(0deg);
        vertical-align: middle;
    }

    #avgforinventory .up .circles-text .val:after,
    #inventory.report .avg.up > span:not(.prev):before {
        display: inline-block;
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 8px 12px 8px;
        border-color: transparent transparent #ff0000 transparent;
        transform: rotate(0deg);
        vertical-align: middle;
    }

    #inventory.report .avg.up > span:not(.prev):before,
    #inventory.report .avg.down > span:not(.prev):before {
        margin-right: 3px;
    }

    #avgforinventory .down .circles-text .val:after,
    #avgforinventory .up .circles-text .val:after {
        display: block;
    }

    .tasksprogress .progress {
        border-radius: 4px;
        box-shadow: none !important;
    }

    .tasksprogress .progress-bar {
        border-radius: 4px;
    }

    form fieldset {
        border: 1px solid #CEDCEE;
        border-radius: 5px;
        padding: 10px 15px;
    }

    form fieldset.noborder {
        border: none;
        border-radius: 0;
        padding: 0;
    }

    form fieldset legend {
        margin-bottom: 0;
        font-size: 16px;
        border: 1px solid #CEDCEE;
        border-radius: 5px;
        padding: 0 5px;
        color: #848798;
    }

    fieldset .attendees-btn {
        min-width: 100%;
        padding: 4px 10px;
        border: 1px solid #f4f6fa;
        background-color: #f4f6fa;
        border-radius: 5px;
        min-height: 34px;
        font-weight: 600 !important;
        font-size: 12px;
    }

    fieldset .attendees-btn:hover,
    fieldset .attendees-btn:focus {
        box-shadow: 4px 4px 5px 0 rgba(50, 50, 50, 0.1) !important;
    }

    form .attendees-btn.active {
        background-color: #5078FE !important;
        color: #ffffff !important;
    }

    .mpviimages .button.add,
    form #mpviattr .attendees-btn,
    #addtask_page .button.add,
    #addtask_page [data-toggle="collapse"] {
        width: 100%;
        min-height: 34px;
        font-size: 12px;
        font-weight: 600 !important;
        background-color: #5078FE;
        border-color: #5078FE;
        color: #ffffff;
    }

    .mpviimages .controls,
    .mpviimages .controls .button.add {
        width: 100%;
    }

    .mpviimages .button.add,
    fieldset .attendees-btn,
    form #mpviattr .attendees-btn,
    #addtask_page .button.add,
    #addtask_page [data-toggle="collapse"].collapsed {
        background-color: #f4f6fa;
        border-color: #f4f6fa;
        color: #5078FE;
        border-radius: 5px;
    }

    form .mvi-dropdown-content {
        display: none;
        border: 1px solid #f4f6fa;
        padding: 10px;
        width: 100%;
        border-radius: 5px;
        /*position: absolute;*/
        z-index: 100;
        background-color: #f4f6fa;
    }

    form .mvi-dropdown-content.show {
        display: block;
    }

    form .mvi-search-result a {
        display: block;
        padding: 5px;
        text-decoration: none;
        color: #333;
        cursor: pointer;
    }

    form .mvi-search-result a:hover {
        background-color: #5078FE;
        color: #fff;
    }

    form .task-mvi-element-category {
        text-align: center;
        padding: 3px 0;
        background-color: #CEDCEE;
        color: #4e5260;
        border-radius: 3px 3px 0 0;
        border-bottom: 1px solid #dddddd;
        font-size: 12px;
    }

    form .mvi-search-result {
        overflow-y: auto;
        overflow-x: hidden;
        max-height: 300px;
    }

    form .searchinput-wrapper + .mvi-search-result {
        margin-top: 8px;
    }

    .selectchips,
    .task_item.form .added-employees,
    #addstatusform .added-mpvielements,
    #addtask_page .added-employees {
        display: inline-flex;
        gap: 10px;
        flex-wrap: wrap;
        justify-content: center;
    }

    .selectchip:not(.mpvielement),
    #addstatusform .added-mpvielements .mpvielement,
    #addtask_page .added-employee:not(.mpvielement) {
        display: inline-block;
        border: 1px solid #CEDCEE;
        border-radius: 5px;
        padding: 2px 15px 2px 15px;
        font-size: 12px;
    }

    .selectchip.added-vechicle {
        border: none;
        padding: 0;
    }

    .selectchip .remove-item {
        margin-left: 5px;
        cursor: pointer;
    }

    form .task-mvi-block {
        margin-bottom: 10px;
        padding-top: 5px;
    }

    form .task-mvi-elements-wrapper a {
        display: block;
        padding: 5px;
        text-decoration: none;
        color: #333;
        font-size: 12px;
    }

    form .task-mvi-elements-wrapper a:focus {
        background: #5078FE;
        color: #fff;
    }

    form .task-mvi-elements-wrapper a.inactiveItem {
        color: #5d755b;
        cursor: not-allowed;
        background-color: #f5fef4;
        border-bottom: 1px solid #233521;
    }

    form .task-mvi-elements-wrapper a.disabledItem {
        color: #BEC4C8;
        cursor: not-allowed;
        background-color: #f3f3f3;
        border-bottom: 1px solid #d1d1d1;
    }

    form .task-mvi-elements-wrapper a[data-element-id="-1"],
    form .task-mvi-elements-wrapper a[data-element-id="0"] {
        display: none !important;
    }

    form .task-mvi-elements-wrapper {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        column-gap: 0px;
        align-items: center;
    }

    #addmovetask #vechicles-dropdown .task-mvi-elements-wrapper {
        grid-template-columns: 49% auto;
    }

    form .task-mvi-elements-wrapper a {
        border-bottom: 1px dotted #b8c4e3;
        display: flex;
        height: 100%;
        align-items: center;
        padding: 5px 10px;
        text-decoration: none !important;
    }

    form .mvi-dropdown-content.disabled .task-mvi-elements-wrapper a {
        cursor: not-allowed;
        opacity: 0.6;
    }

    .added-mpvielements .btn-clone {
        height: 16px;
        width: 22px;
        min-height: 14px;
        overflow: hidden;
        text-indent: -9999px;
        display: inline-block;
        position: relative;
        margin-left: 6px;
        border: none !important;
        min-width: 22px;
        border-radius: 2px;
        box-shadow: none !important;
    }

    .added-mpvielements .btn-clone:before {
        display: block;
        position: absolute;
        margin: 0;
        top: 0;
        left: 0;
        height: 16px;
        width: 16px;
    }

    .selectchip .fa {
        font-size: .75em;
        line-height: .08333em;
        vertical-align: .125em;
    }

    .form.task_item .task-settings .chosen-container,
    .form.task_item .task-settings .chosen-container.chosen-container-single,
    .form.task_item .task-settings .chosen-container.chosen-container-single .chosen-single,
    .prod_attributes_heatmap .attrnotes .chosen-container,
    .prod_attributes_heatmap .attrnotes .chosen-container.chosen-container-single,
    .prod_attributes_heatmap .attrnotes .chosen-container.chosen-container-single .chosen-single,
    #addtask_page select,
    #addtask_page .chosen-container,
    #addtask_page .chosen-container.chosen-container-single,
    #addtask_page .chosen-container.chosen-container-single .chosen-single {
        min-height: 26px;
        height: 26px;
        line-height: 26px;
    }

    #addtask_page select {
        padding-top: 0;
        padding-bottom: 0;
        font-size: 14px;
        padding-left: 0;
    }

    .prod_attributes_heatmap .attrnotes input[type="text"],
    .prod_attributes_heatmap .attrnotes select,
    .prod_attributes_heatmap .attrnotes .chosen-container.chosen-container-single .chosen-single span,
    .form.task_item .task-settings select,
    .form.task_item .task-settings .chosen-container.chosen-container-single .chosen-single span,
    #addtask_page #vehicle_status select,
    #addtask_page .task-settings select,
    #addtask_page .chosen-container.chosen-container-single .chosen-single span,
    #addpart_page .part-settings select,
    #addpart_page .chosen-container.chosen-container-single ,
    #addpart_page .chosen-container.chosen-container-single  .chosen-single ,
    #addpart_page .chosen-container.chosen-container-single .chosen-single span{
        min-height: 26px;
        height: auto;
        line-height: 26px;
    }

    .form.task_item .task-settings .chosen-container-single .chosen-single div:before,
    .prod_attributes_heatmap .attrnotes .chosen-container-single .chosen-single div:before,
    #addtask_page .chosen-container-single .chosen-single div:before,
    #addpart_page .chosen-container-single .chosen-single div:before{
        width: 8px !important;
        height: 8px !important;
        margin: 6px 0 0 12px;
    }

    .form.task_item .task-settings .btn-simple.toggler:after,
    .prod_attributes_heatmap .attrnotes .btn-simple.toggler:after,
    #addtask_page .btn-simple.toggler:after,
    #addpart_page .btn-simple.toggler:after{
        width: 8px !important;
        height: 8px !important;
        margin: 0px 0 0 2px;
        transform: rotate(225deg);
        border-width: 1px;
    }

    .prod_attributes_heatmap .attrnotes .chosen-container-single.chosen-with-drop .chosen-single div:before,
    #addtask_page .chosen-container-single.chosen-with-drop .chosen-single div:before,
    #addpart_page .chosen-container-single.chosen-with-drop .chosen-single div:before {
        margin: 10px 0 0 12px;
    }

    .control-group .task_images li {
        position: relative;
        margin: 0 !important;
    }

    #cpanel {
        display: grid;
        align-items: start;
        margin: 0px;
        padding: 0px;
        border-radius: 5px;
        grid-column-gap: 15px;
        grid-row-gap: 15px;
        grid-template-columns: repeat(5, minmax(110px, 180px));
        justify-items: center;
    }

    #cpanel div.icon {
        position: relative;
        text-align: center;
        width: 100%;
    }

    /* #cpanel div.icon + div.icon:before {
         position: absolute;
         display: block;
         width: 0;
         height: 100%;
         margin-left: -5px;
         content: "";
         border-left: 1px solid #C5D2FF;
     }*/
    #cpanel div.icon a {
        display: block;
        height: 100px;
        vertical-align: middle;
        text-decoration: underline;
        color: #565656;
        border: 1px solid #CEDCEE;
        border-radius: 12px;
        background-color: #FFFFFF;
        /*margin: 0 auto;*/
        width: 100%;
        padding: 0 5px;
    }

    #cpanel div.icon a:hover,
    #cpanel div.icon a:focus {
        box-shadow: 4px 4px 5px 0 rgba(50, 50, 50, 0.1) !important;
    }

    #cpanel .ico,
    #cpanel img {
        box-sizing: content-box;
        width: 42px;
        height: 42px;
        margin: 0 auto;
        padding: 10px 0;
    }

    #cpanel .ico {
        background-color: #5078FE;
    }

    #cpanel span {
        font-size: 90%;
        line-height: 1.1;
        display: block;
        text-align: center;
    }

    #cpanel div.icon a:focus,
    #cpanel div.icon a:hover {
        color: #000;
    }

    .user_info .profile_data {
        display: flex;
        gap: 15px 15px;
    }

    .user_info .name {
        margin: 0 0 25px;
        padding: 0;
    }

    .user_info .profile_data .avatar {
        min-width: 120px;
    }

    .user_info .profile_data .avatar img {
        width: 120px;
        height: 120px;
        border-radius: 50%;
    }

    .profile_data_edit .avatar > span {
        position: relative;
        display: inline-block;
        border: 1px solid #CEDCEE;
        border-radius: 5px;
    }

    .profile_data_edit .file-input {
        padding: 15px 0;
    }

    .user_info .btn-edit {
        height: 42px;
    }

    .user_editaccount .jshop_block_privacy_statement .controls {
        padding-top: 0 !important;
    }

    .user_editaccount .preselect {
        margin-bottom: 15px;
    }

    .user_editaccount .inline input {
        width: 90px !important;
        border-radius: 3px;
        font-size: 16px;
        display: inline-block !important;
    }

    .service .transfers_list {
        margin-top: 25px;
    }

    .item .info .vehicle_base_data > div,
    .item .info .vehicle_params ul li {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .item .info .vehicle_params ul li {
        padding: 5px 0 5px;
    }

    .item .info .vehicle_base_data > div + div,
    .item .info .vehicle_params ul,
    .item .info .vehicle_params ul li + li {
        /* margin-top: 5px;*/
        padding: 5px 0 5px;
        border-top: 1px solid #CEDCEE;
    }

    .item .info .vehicle_base_data > div:first-child {
        padding: 5px 0 5px;
    }

    .item .info .product_prices .row span.val,
    .item .info .vehicle_params ul li > span {
        padding-left: 0;
    }

    .item .info .product_prices .row span.val {
    }

    .item .info .vehicle_params ul li > span + span {
        padding-right: 0;
    }

    .vehicle_addinfo .detail-content {
        min-width: 140px;
        padding: 2px 9px;
        text-align: center;
        border-radius: 10px;
        background: #dedede;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .vehicle_addinfo .vehicle_dayscount .detail-content {
        display: block;
    }

    .vehicle_addinfo .vehicle_dayscount .durUnit {
        display: none;
    }

    .vehicle .locations ul,
    .vehicle .vehicle_dayscount,
    .vehicle .vehicle_status_info .vehicle_status {
        display: flex;
        align-items: center;
        justify-content: space-between;
        /* margin: 0 !important;*/
        gap: 10px 10px;
        margin-bottom: 0;
    }

    .days_on_vendors ul {
        align-items: stretch !important;
        flex-direction: column;
        text-align: center;

    }

    .locations  .days_on_vendor,
    .locations  .last_marker{
        font-size: 12px;
        text-align: center;
    }

    .tasks.zebra {
        display: flex;
        flex-direction: column;
        margin-bottom: 15px;
        gap: 15px 15px;
    }

    .tasks.zebra li.task {
        display: flex;
        align-items: center;
        justify-content: space-between;
        min-height: 27px;
        margin-top: 0;
        padding: 0;
        background: transparent !important;
        gap: 15px 15px;
    }

    .tasks.zebra li .title {
        display: flex;
        align-items: center;
        min-height: 20px;
        margin: 0;
        gap: 0 5px;
    }

    .tasks.zebra li.task,
    .tasks.zebra li.task a {
        color: #333;
    }

    .tasks.zebra li.task .cid {
        color: #747787;
    }

    .tasks.zebra li.task .task_info {
        line-height: 1;
        position: relative;
        display: flex;
        align-items: stretch;
        flex-direction: column;
        justify-content: center;
        width: 100%;
        min-height: 50px;
        padding: 10px;
        border-radius: 12px;
        background: #F4F7FC;
        gap: 5px 0;
    }

    .tasks > li.inprogress:first-child .task_info,
    .tasks > li.approval:not(.done):first-child + li.inprogress .task_info {
        background: #fffacf !important;
    }

    .tasks > li.inprogress.approval:not(.done) .task_info,
    .tasks > li.approval:not(.done) .task_info {
        background: #ffdcdc !important;
    }

    .tasks.zebra li.doing .task_info {
        background: #D5F9D4 !important;
    }

    .tasks.zebra li.task .task_note ul {
        display: flex;
        flex-wrap: wrap;
        margin: 0;
    }

    .tasks.zebra li.task .cid {
        font-size: 28px;
        font-weight: 300;
        order: -1;
        min-width: 30px;
        padding: 5px 0 5px 5px;
        text-align: center;
    }

    .tasks.zebra li.task:not(.notext) .title {
        padding-bottom: 4px;
        border-bottom: 1px dashed #BEC4C8;
        word-wrap: break-word;
        word-break: break-all;
    }

    .tasks.zebra li.task .task_add_info {
        text-align: right;
    }

    .tasks.zebra li .status {
        width: 20px;
        height: 20px;
        margin-left: auto;
        padding: 0;
    }

    .tasks .task_notes_items .task_notes_item {
        line-height: 1.1;
    }

    .tasks .task_notes_items .task_notes_item + .task_notes_item {
        margin-top: 5px;
    }

    .tasks.zebra li .task_notes_items,
    .tasks.zebra li .task_notes_items > li {
        line-height: 1.1;
        display: block !important;
        min-height: 0;
        margin: 0;
        padding: 3px 0 !important;
        background: transparent !important;
    }

    .vehicle .locations .ttl {
        font-size: 16px;
        font-weight: normal;
        margin: 0;
        padding: 0;
    }

    .vehicle .locations li {
        flex-grow: 2;
    }

    .vehicle .locations li > span {
        line-height: 1.1;
        display: flex;
        flex-direction: column;
        align-items: center;
        min-height: 100%;
        padding: 0 8px;
        border: 1px solid #BEC4C8;
        border-radius: 10px;
        font-size: 14px;
        justify-content: center;
    }

    .vehicle .locations .vehicle_status.status_4 {
        line-height: 34px;
        border-radius: 10px;
    }

    .vehicle .locations .vehicle_status.status_4 .val {
        line-height: 34px;
        display: block;
        width: 100%;
        padding: 0 8px;
    }

    .vehicle .locations li .btn {
        line-height: 32px !important;
        min-height: 34px !important;
        padding: 0 8px !important;
        border: 1px solid #BEC4C8;
        /*height: 100% !important;*/
    }

    .vehicle .locations li .btn.move {
        border-color: #5078FE;
        background: #F1F4FF;
    }

    .vehicle .locations li.active > span .vendor_name:after {
        font-size: 24px;
        line-height: 17px;
        display: inline-block;
        margin: 0 0 0 5px;
        content: "✔";
        vertical-align: middle;
    }

    .vehicle .locations li.active span.vendor .vendor_name:after,
    .vehicle .locations a.move:after {
        width: 16px;
        height: 16px;
        content: "";
    }

    .vehicle .locations li.active span.home .vendor_name:after {
        background-color: #000000;
        -webkit-mask: url("../images/home.svg") no-repeat 100% 100%;
        mask: url("../images/home.svg") no-repeat 100% 100%;
        -webkit-mask-size: contain;
        mask-size: contain;
        margin-top: -2px;
    }

    .vehicle .locations li.active span.vendor .vendor_name:after {
        background-color: #000000;
        -webkit-mask: url("../images/wrench.svg") no-repeat 100% 100%;
        mask: url("../images/wrench.svg") no-repeat 100% 100%;
        -webkit-mask-size: contain;
        mask-size: contain;
        margin-top: -2px;
    }

    .vehicle .locations li.active .vendor_name + span,
    .vehicle .locations li.active .vendor_name + span{
        margin-top: 5px;
    }


    .vehicle .locations a.move:after {
        background-color: #5078FE;
        -webkit-mask: url("../images/refresh.svg") no-repeat 100% 100%;
        mask: url("../images/refresh.svg") no-repeat 100% 100%;
        -webkit-mask-size: contain;
        mask-size: contain;
        margin-left: 8px;
    }

    .details-page a.wishlist,
    #list_vehicles .item a.wishlist {
        width: 32px;
        height: 32px;
        min-height: 32px;
        padding: 0;
        box-shadow: none !important;
        border-radius: 50%;
    }

    .modal .vechicle a.wishlist,
    #list_vehicles.list .item a.wishlist,
    #list_vehicles.grid .item a.wishlist {
        width: 28px;
        height: 28px;
        min-height: 28px;
    }

    .modal .vechicle a.wishlist,
    #list_vehicles .item a.wishlist {
        position: absolute;
        top: 1px;
        right: 1px;
        box-shadow: none !important;
        border-radius: 50%;
    }

    .history #list_vehicles.list .item a.wishlist {
        display: none;
    }

    .details-page .vehicle-title button.actions,
    #list_vehicles .item .actions {
        line-height: 28px;
        position: absolute;
        top: 16px;
        left: 16px;
        overflow: hidden;
        width: 28px;
        height: 28px;
        min-height: 0;
        padding: 0;
        text-indent: -1000px;
        border: none !important;
        border-radius: 50%;
        background: rgba(255, 255, 255, 1);
        box-shadow: none;
        z-index: 2;
    }

    .details-page .vehicle-title button.actions:after,
    #list_vehicles .item .actions:after {
        position: absolute;
        top: 0;
        left: 0;
        display: inline-block;
        width: 28px;
        height: 28px;
        content: "";
        background-color: #9AA9AD;
        -webkit-mask: url("../images/dots_icon.svg") no-repeat 100% 100%;
        mask: url("../images/dots_icon.svg") no-repeat 100% 100%;
        -webkit-mask-size: contain;
        mask-size: contain;
    }

    .modal .vehicle .prod_inf .image {
        overflow: hidden;
        margin-bottom: 25px;
        border-radius: 12px;
        aspect-ratio: 4/3;
        background: url("../images/img-loading.gif") no-repeat 50% 50%;
    }

    .modal .vehicle .prod_inf .name {
        margin: 0 0 25px;
    }

    .modal.vehicleinf .bootstrap-dialog-title {
        font-family: Arial, sans-serif;
    }

    .vehicleactions .buttons {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin: 0 -5px;
        gap: 10px 10px;
    }

    .vehicleactions .buttons li {
        flex-grow: 2;
    }

    .vehicleactions .buttons .btn {
        font-size: 16px;
        font-weight: normal;
        width: 100%;
        min-width: 110px;
        margin: 0;
        padding: 0 15px;
        text-decoration: none !important;
        color: #5078FE;
        border: 1px solid #5078FE;
        background: #fff;
    }

    .vehicleactions .buttons .btn:before {
        margin-right: 8px;
    }

    .vehicleactions .buttons .btn.btn-delete {
        color: #FFBFBF;
        border-color: #FFBFBF;
    }

    .vehicleactions .buttons .btn.btn-delete:before {
        background-color: #FFBFBF;
    }



    .button-bar-items .btn:before {
        font-size: 20px;
        display: inline-block;
        width: 20px;
        height: 20px;
        margin: 0;
        content: "";
        vertical-align: middle;
        background-color: #5078FE;
    }

    .button-bar-items .btn.showmore:before {
        -webkit-mask: url("../images/settings.svg") no-repeat 100% 100%;
        mask: url("../images/settings.svg") no-repeat 100% 100%;
        -webkit-mask-size: contain;
        mask-size: contain;
    }

    .button-bar-items .btn.showmore.btn-primary:before {
        background-color: #fff;
    }

    .button-bar-items .btn.char:before {
        -webkit-mask: url("../images/icons/inform.svg") no-repeat 100% 100%;
        mask: url("../images/icons/inform.svg") no-repeat 100% 100%;
        -webkit-mask-size: contain;
        mask-size: contain;
    }

    .button-bar-items .btn.details:before {
        -webkit-mask: url("../images/checkcar1.svg") no-repeat 100% 100%;
        mask: url("../images/checkcar1.svg") no-repeat 100% 100%;
        -webkit-mask-size: contain;
        mask-size: contain;
    }

    .button-bar-items .btn.images:before {
        -webkit-mask: url("../images/camera1.svg") no-repeat 100% 100%;
        mask: url("../images/camera1.svg") no-repeat 100% 100%;
        -webkit-mask-size: contain;
        mask-size: contain;
    }

    .button-bar-items .btn.barcode:before {
        -webkit-mask: url("../images/qr_code.svg") no-repeat 100% 100%;
        mask: url("../images/qr_code.svg") no-repeat 100% 100%;
        -webkit-mask-size: contain;
        mask-size: contain;
    }

    .button-bar-items .btn.check:before {
        -webkit-mask: url("../images/checkcar1.svg") no-repeat 100% 100%;
        mask: url("../images/checkcar1.svg") no-repeat 100% 100%;
        -webkit-mask-size: contain;
        mask-size: contain;
    }

    .button-bar-items .btn.tasks:before {
        -webkit-mask: url("../images/task_todo.svg") no-repeat 100% 100%;
        mask: url("../images/task_todo.svg") no-repeat 100% 100%;
        -webkit-mask-size: contain;
        mask-size: contain;
    }

    .button-bar-items .btn.wokorder:before {
        -webkit-mask: url("../images/wokorder.svg") no-repeat 100% 100%;
        mask: url("../images/wokorder.svg") no-repeat 100% 100%;
        -webkit-mask-size: contain;
        mask-size: contain;
    }

    .button-bar-items .btn.move:before {
        width: 30px;
        height: 30px;
        -webkit-mask: url("../images/transfer.svg") no-repeat 100% 100%;
        mask: url("../images/transfer.svg") no-repeat 100% 100%;
        -webkit-mask-size: contain;
        mask-size: contain;
    }

    .button-bar-items .btn.location:before {
        -webkit-mask: url("../images/location.svg") no-repeat 100% 100%;
        mask: url("../images/location.svg") no-repeat 100% 100%;
        -webkit-mask-size: contain;
        mask-size: contain;
    }

    #addproduct #product_ean {
        padding-right: 65px;
    }

    #addproduct #product_ean + button, #addproduct #product_ean + i + button {
        position: absolute;
        top: 0;
        right: 0;
        background: #5078FE;
    }

    #addproduct #product_ean + .btn {
        border-radius: 0 5px 5px 0;
    }

    #tasks_listing.loading:after,
    #inventory.loading:after {
        display: none !important;
    }

    #product_transfers.loading .pagination ul li,
    .loading .tasks_listing_actions > *,
    #inventory.loading .item .actions,
    #inventory.loading .display_params > *,
    #inventory.loading .pagination ul li,
    #inventory.loading .item .name .h2,
    #inventory.loading .item .image_block img,
    #inventory.loading .item .button-bar-item > *,
    #inventory.loading .item .detail-label,
    #inventory.loading .item .detail-content,
    #inventory.loading .item .locations > *,
    #inventory.loading .item .vehicle_status_info > *,
    #inventory.loading .item .vehicle_tasks > *,
    #inventory.loading .vehicles .marketvalue_prices,
    #inventory.loading .vehicles .vehicle_dayscount > *,
    #inventory.loading .vehicles .label,
    #inventory.loading .vehicles .vehicle_category > *,
    #inventory.loading .vehicles .vehicle_category:before,
    #inventory.loading .vehicles .locations > *,
    #inventory.loading .vehicles .vehicle_addinfo_add > *,
    #tasks_listing.loading .pagination ul li,
    #inventory.loading .vehicle_addinfo_add .product_transfers,
    #inventory.loading .vehicle_addinfo_add .product_tasks,
    #tasks_list.loading .pagination ul li,
    #tasks_listing.loading .task_item .task_head > *,
    #tasks_listing.loading .task_item .task_title > *,
    #tasks_listing.loading .task_item .task_info > *,
    #tasks_listing.loading .task_item .task_add_data,
    #tasks_listing.loading .task_item .task_footer > *:not(.task_actions),
    #tasks_listing.loading .task_item .task_images,
    #tasks_listing.loading .task_item .task_text > *,
    #tasks_list.loading .task_item .task_head > *,
    #tasks_list.loading .task_item .task_title > *,
    #tasks_list.loading .task_item .task_info > *,
    #tasks_list.loading .task_item .task_add_data,
    #tasks_list.loading .task_item .task_footer > *:not(.task_actions),
    #tasks_list.loading .task_item .task_images,
    #tasks_list.loading .task_item .task_text > *,
    #list_vehicles.report.loading th > *,
    #inventory.loading #list_vehicles.report th > *,
    #list_vehicles.report.loading td > *,
    #inventory.loading #list_vehicles.report td > *,
    #inventory.loading .item .vehicle_addinfo > div > *,
    .loading .chart_wrap > *,
    .loading .grid td > *,
    .loading .vehicle_dayscount > *,
    #inventory.loading .notfound,
    .loading a.wishlist,
    .loading .wishlist,
    .loading .chart {
        display: none !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }

    .loading .tasks_listing_actions > *,
    #inventory.loading .pagination,
    #tasks_listing.loading .pagination,
    #tasks_list.loading .pagination,
    #product_transfers.loading .pagination,
    #inventory.loading .item .name,
    #inventory.loading .item .info_row,
    #inventory.loading .item .locations,
    #inventory.loading .item .image_block,
    #inventory.loading .item .button-bar-item,
    #inventory.loading .item .vehicle_dayscount,
    #inventory.loading .item .vehicle_category,
    #inventory.loading .item .vehicle_status_info,
    #inventory.loading .item .vehicle_base_data > div:nth-child(2n),
    #inventory.loading .item .vehicle_base_data > div:nth-child(2n+1),
    #inventory.loading .item .options .vehicle_params li:nth-child(2n+1),
    #inventory.loading .item .options .vehicle_params li:nth-child(2n),
    #inventory.loading .item .locations,
    #inventory.loading .item .vehicle_tasks,
    #inventory.loading .item .vehicle_addinfo_add,
    #inventory.loading .item .vehicle_addinfo > div,
    #inventory.loading #list_vehicles.report td,
    #inventory.loading #list_vehicles.report th,
    #list_vehicles.report.loading th,
    #list_vehicles.report.loading td,
    #tasks_listing.loading .task_head,
    #tasks_listing.loading .task_title,
    #tasks_listing.loading .task_info,
    #tasks_listing.loading .task_text,
    #tasks_listing.loading .task_footer .task_actions .btn,
    #tasks_list.loading .task_head,
    #tasks_list.loading .task_title,
    #tasks_list.loading .task_info,
    #tasks_list.loading .task_text,
    #tasks_list.loading .task_footer .task_actions .btn,
    .loading .chart_wrap,
    .loading .grid th {
        min-height: 20px;
        margin-right: 0;
        margin-bottom: 10px;
        margin-left: 0;
        animation: gradient 15s ease infinite;
        pointer-events: none;
        border-color: #F1F4FF;
        border-radius: 5px;
        background: #F1F4FF !important;
        background-size: 400% 400%;
        border: none !important;
    }

    .loading fieldset {
        border-color: #F1F4FF;
        border-radius: 5px;
        background: #F1F4FF !important;
    }

    .loading fieldset > * {
        opacity: 0;
    }

    #inventory.loading .pagination.bottom {
        margin-top: 10px;
        margin-bottom: 0;
    }

    #inventory.loading .item .vehicle .name,
    #inventory.loading .item .vehicle_base_data > div:nth-child(2n),
    #inventory.loading .item .vehicle_base_data > div:nth-child(2n+1),
    #inventory.loading .item .vehicle_addinfo > div:nth-child(2n),
    #inventory.loading .item .vehicle_addinfo > div:nth-child(2n+1),
    #inventory.loading .item .options .vehicle_params li:nth-child(2n+1),
    #inventory.loading .item .options .vehicle_params li:nth-child(2n) {
        min-height: 32px;
    }

    #inventory.loading.tasks #list_vehicles.list .item .vehicle .vehicle_addinfo_add {
        height: 100%;
        background: #F1F4FF !important;
        border-radius: 5px;
    }

    #inventory.loading .item .image_block {
        border-radius: 15px;
    }

    #inventory.loading .item .image_block a {
        border-color: #F1F4FF;
    }

    #tasks_list.loading .task_item.loading:before,
    #tasks_list.loading .task_item.loading:after,
    #tasks_listing.loading #tasks_list.loading:before,
    #tasks_listing.loading #tasks_list.loading:after,
    #tasks_listing.loading .task_item.loading:before,
    #tasks_listing.loading .task_item.loading:after {
        display: none;
    }

    #inventory.loading .pagination,
    #tasks_listing.loading .pagination,
    #tasks_list.loading .pagination {
        border-radius: 12px;
    }

    .loading .tasks_listing_actions,
    #tasks_listing.loading .task_head,
    #tasks_listing.loading .task_info,
    #tasks_list.loading .task_head,
    #tasks_list.loading .task_info {
        min-height: 60px;
        background: #F1F4FF !important;
    }

    .addcommentform .attach_media.loading {
        min-height: 60px;
    }

    #tasks_listing.loading .task_content .task_text,
    #tasks_list.loading .task_content .task_text {
        min-height: 80px;
    }

    #tasks_listing.loading .task_footer .task_actions .btn,
    #tasks_list.loading .task_footer .task_actions .btn {
        margin-bottom: 0;
        color: transparent !important;
        border: none !important;
    }

    #tasks_listing.loading .task_footer .task_actions .btn:before,
    #tasks_list.loading .task_footer .task_actions .btn:before {
        display: none !important;
    }

    .prod_inf img {
        width: 100%;
        object-fit: contain;
    }

    .vehicle_status .val {
        color: #333333;
        border-radius: 10px;
        background: #BEC4C8;
    }

    .vehicle_status.default_status .val {
        background: #f8d493;
    }

    .vehicle_status.dealership_status .val {
        background: #f8d493;
    }

    .vehicle_status.ir_status .val {
        background: #f6ffb2;
    }

    .vehicle_status.tasksbegin_status .val {
        background: #D9EB0B;
    }

    .vehicle_status.ready_status .val {
        background: #84CB87;
    }

    .vehicle_status.taskscomplete_status .val {
        background: #84CB87;
    }

    .vehicle_status.status_sold .val {
        color: #fff;
        background: #FF0C00;
    }

    .statuses_history.all_passed .vehicle_status {
        background: #bceeee !important;
    }

    .statuses_history .vehicle_status.passed {
        background: #bceeee !important;
    }

    .statuses_history .vehicle_status.active {
        background: #D9EB0B !important;
    }

    .statuses_history.all_passed .vehicle_status.active {
        background: #84CB87 !important;
    }

    .legend .el {
        display: flex;
        align-items: center;
        color: #848798;
    }

    .legend .el .mark {
        display: inline-block;
        width: 20px;
        height: 20px;
        vertical-align: middle;
        border: none !important;
        border-radius: 50%;
    }

    #legend .el .mark {
        border: none !important;
    }

    .legend {
        display: flex;
        align-content: center;
        align-items: center;
        flex-wrap: wrap;
        justify-content: center;
        padding: 5px 15px;
        gap: 5px 15px;
    }

    .contextMenu,
    #contextMenu {
        position: absolute;
        z-index: 9999;
        display: none;
        overflow: hidden;
        border: none;
        border-radius: 12px;
        background: #fff;
        box-shadow: 4px 3px 8px 0 #DBDBDB;
    }

    .contextMenu ul,
    #contextMenu ul {
        margin: 0;
        padding: 10px 0;
        border: none !important;
    }

    #contextMenu .hasicon:before {
        font-size: 20px;
        display: inline-block;
        width: 20px;
        height: 20px;
        margin: 0;
        content: "";
        vertical-align: middle;
        background-color: #4458f6;
    }

    .contextMenu .hasicon:before,
    #contextMenu .hasicon:before {
        margin: 0 8px 0 0;
        background-color: #5078FE;
    }

    .contextMenu .hasicon:hover:before,
    #contextMenu .hasicon:hover:before,
    .contextMenu .hasicon:focus:before,
    #contextMenu .hasicon:focus:before {
        background-color: #fff;
    }

    /*
    .contextMenu li:hover .hasicon:not(.disabled):before,
    #contextMenu li:hover .hasicon:not(.disabled):before {
        background-color: #fff !important;
    }

    .contextMenu li .hasicon.disabled:before,
    #contextMenu li .hasicon.disabled:before {
        background-color: #BEC4C8 !important;
    }*/
    .contextMenu .divider,
    #contextMenu .divider {
        display: none;
        margin: 0 0;
        background-color: #ededed;
    }

    #contextMenuChecklist,
    #contextMenuChecklist * {
        -webkit-user-select: none;
        -webkit-touch-callout: none;
    }

    .dropdown-menu > li > a.remove {
        color: #FFBFBF;
    }

    .dropdown-menu > li > a.remove:before {
        background-color: #FFBFBF;
    }

    .dropdown-menu > li > a.remove:hover {
        color: #fff;
    }

    .dropdown-menu > li > a:hover:before {
        background-color: #fff;
    }

    .hasicon:before {
        font-size: 20px;
        display: inline-block;
        width: 30px;
        height: 30px;
        margin: 0;
        content: "";
        vertical-align: middle;
        background-color: #4458f6;
    }

    .moveButtons {
        display: flex;
        align-items: center;
        flex-direction: column;
        margin: 0;
        gap: 0 2px;
    }

    .product_modules .moveButtons {
        display: none;
    }

    .icon-uparrow,
    .icon-downarrow,
    .moveButtons button {
        overflow: hidden;
        width: 20px;
        height: 20px;
        padding: 0;
        transition: all ease-in .2s;
        border: none;
        background: transparent;
    }

    .icon-uparrow,
    .icon-downarrow {
        margin: 0 !important;
    }

    .icon-uparrow:before,
    .icon-downarrow:before,
    .moveButtons button:before {
        display: block;
        width: 20px;
        height: 20px;
        content: "";
        transition: all ease-in .2s;
        background: #5078FE;
        -webkit-mask: url("../images/up_arrow.svg") no-repeat 100% 100%;
        mask: url("../images/up_arrow.svg") no-repeat 100% 100%;
        mask-size: contain;
        -webkit-mask-size: contain;
    }

    .icon-downarrow:before,
    .moveButtons button.down:before {
        -webkit-mask: url("../images/down_arrow.svg") no-repeat 100% 100%;
        mask: url("../images/down_arrow.svg") no-repeat 100% 100%;
        mask-size: contain;
        -webkit-mask-size: contain;
    }

    .btn-micro:focus .icon-uparrow,
    .btn-micro:focus .icon-downarrow,
    .btn-micro:hover .icon-uparrow,
    .btn-micro:hover .icon-downarrow,
    .moveButtons button:focus,
    .moveButtons button:hover {
        background-color: #5078FE;
    }

    .btn-micro:focus .icon-uparrow:before,
    .btn-micro:hover .icon-uparrow:before,
    .btn-micro:focus .icon-downarrow:before,
    .btn-micro:hover .icon-downarrow:before,
    .moveButtons button:focus:before,
    .moveButtons button:hover:before {
        background-color: #fff;
    }

    #editproductform select,
    #editproductform .chosen-container,
    #addproductform .chosen-container,
    #addproductform select {
        width: 100% !important;
    }

    #editproductform select:disabled,
    #editproductform .chosen-container.chosen-disabled,
    #addproductform .chosen-container.chosen-disabled,
    #addproductform select:disabled {
        opacity: 0.2;
        box-shadow: none !important;
    }

    #addproductform {
        position: relative;
    }

    #addproductform .controls[data-attralias='drivetrain']:after,
    #addproductform .controls[data-attralias='transmission']:after,
    #addproductform .controls[data-attralias='fuel_type']:after,
    #addproductform .controls[data-attralias='engine_type']:after,
    #addproductform .controls[data-attralias='body_type']:after,
    #addproductform .controls[data-attralias='model_year']:after,
    #addproductform .controls[data-attralias='mpg']:after,
    #addproductform .controls[data-attralias='trim_package']:after,
    #addproductform .controls[data-attralias='exterior_color']:after,
    #addproductform .controls[data-attralias='seats']:after,
    #addproductform .controls[data-attralias='interior_color']:after,
    #addproductform .controls[data-attralias='prices']:after,
    #addproductform .controls[data-attralias='prices_discount']:after,
    #addproductform .controls[data-attralias='label']:after,
    #addproductform .controls[data-attralias='mpg_city_highway']:after,
    #addproductform .controls[data-attralias='mileage']:after {
        position: absolute;
        z-index: 2;
        top: 2px;
        left: 2px;
        display: block;
        width: 28px;
        height: 28px;
        content: "";
        background-color: #CEDCEE;
    }

    #addproductform .controls[data-attralias='mileage']:after {
        -webkit-mask: url(../images/speedometer.svg) no-repeat 100% 100%;
        mask: url(../images/speedometer.svg) no-repeat 100% 100%;
        -webkit-mask-size: contain;
        mask-size: contain;
    }

    #addproductform .controls[data-attralias='drivetrain']:after {
        -webkit-mask: url(../images/drivetrain.svg) no-repeat 100% 100%;
        mask: url(../images/drivetrain.svg) no-repeat 100% 100%;
        -webkit-mask-size: contain;
        mask-size: contain;
    }

    #addproductform .controls[data-attralias='transmission']:after {
        -webkit-mask: url(../images/transmission.svg) no-repeat 100% 100%;
        mask: url(../images/transmission.svg) no-repeat 100% 100%;
        -webkit-mask-size: contain;
        mask-size: contain;
    }

    #addproductform .controls[data-attralias='fuel_type']:after {
        -webkit-mask: url(../images/fuel.svg) no-repeat 100% 100%;
        mask: url(../images/fuel.svg) no-repeat 100% 100%;
        -webkit-mask-size: contain;
        mask-size: contain;
    }

    #addproductform .controls[data-attralias='engine_type']:after {
        -webkit-mask: url(../images/engine.svg) no-repeat 100% 100%;
        mask: url(../images/engine.svg) no-repeat 100% 100%;
        -webkit-mask-size: contain;
        mask-size: contain;
    }

    #addproductform .controls[data-attralias='body_type']:after {
        -webkit-mask: url(../images/body.svg) no-repeat 100% 100%;
        mask: url(../images/body.svg) no-repeat 100% 100%;
        -webkit-mask-size: contain;
        mask-size: contain;
    }

    #addproductform .controls[data-attralias='model_year']:after {
        -webkit-mask: url(../images/calendar1.svg) no-repeat 100% 100%;
        mask: url(../images/calendar1.svg) no-repeat 100% 100%;
        -webkit-mask-size: contain;
        mask-size: contain;
    }

    #addproductform .controls[data-attralias='mpg']:after {
        -webkit-mask: url(../images/gas.svg) no-repeat 100% 100%;
        mask: url(../images/gas.svg) no-repeat 100% 100%;
        -webkit-mask-size: contain;
        mask-size: contain;
    }

    #addproductform .controls[data-attralias='trim_package']:after {
        -webkit-mask: url(../images/package.svg) no-repeat 100% 100%;
        mask: url(../images/package.svg) no-repeat 100% 100%;
        -webkit-mask-size: contain;
        mask-size: contain;
    }

    #addproductform .controls[data-attralias='exterior_color']:after {
        -webkit-mask: url(../images/exterior.svg) no-repeat 100% 100%;
        mask: url(../images/exterior.svg) no-repeat 100% 100%;
        -webkit-mask-size: contain;
        mask-size: contain;
    }

    #addproductform .controls[data-attralias='seats']:after {
        -webkit-mask: url(../images/interior.svg) no-repeat 100% 100%;
        mask: url(../images/interior.svg) no-repeat 100% 100%;
        -webkit-mask-size: contain;
        mask-size: contain;
    }

    #addproductform .controls[data-attralias='interior_color']:after {
        -webkit-mask: url(../images/interior2.svg) no-repeat 100% 100%;
        mask: url(../images/interior2.svg) no-repeat 100% 100%;
        -webkit-mask-size: contain;
        mask-size: contain;
    }

    #addproductform .controls[data-attralias='prices']:after {
        -webkit-mask: url(../images/price.svg) no-repeat 100% 100%;
        mask: url(../images/price.svg) no-repeat 100% 100%;
        -webkit-mask-size: contain;
        mask-size: contain;
        left: auto;
        right: 2px;
    }

    #addproductform .controls[data-attralias='label']:after {
        -webkit-mask: url(../images/label1.svg) no-repeat 100% 100%;
        mask: url(../images/label1.svg) no-repeat 100% 100%;
        -webkit-mask-size: contain;
        mask-size: contain;
    }

    #addproductform .controls[data-attralias='prices_discount']:after {
        -webkit-mask: url(../images/sale.svg) no-repeat 100% 100%;
        mask: url(../images/sale.svg) no-repeat 100% 100%;
        -webkit-mask-size: contain;
        mask-size: contain;
    }

    #addproductform .controls[data-attralias='mpg_city_highway']:after {
        -webkit-mask: url(../images/gasoline.svg) no-repeat 100% 100%;
        mask: url(../images/gasoline.svg) no-repeat 100% 100%;
        -webkit-mask-size: contain;
        mask-size: contain;
    }

    #addproductform .controls[data-attralias='fuel_type'] .chosen-container,
    #addproductform .controls[data-attralias='transmission'] .chosen-container,
    #addproductform .controls[data-attralias='engine_type'] .chosen-container,
    #addproductform .controls[data-attralias='body_type'] .chosen-container,
    #addproductform .controls[data-attralias='model_year'] .chosen-container,
    #addproductform .controls[data-attralias='mpg'] .chosen-container,
    #addproductform .controls[data-attralias='trim_package'] .chosen-container,
    #addproductform .controls[data-attralias='exterior_color'] .chosen-container,
    #addproductform .controls[data-attralias='seats'] .chosen-container,
    #addproductform .controls[data-attralias='interior_color'] .chosen-container,
    #addproductform .controls[data-attralias='prices'] .chosen-container,
    #addproductform .controls[data-attralias='prices_discount'] .chosen-container,
    #addproductform .controls[data-attralias='label'] .chosen-container,
    #addproductform .controls[data-attralias='mpg_city_highway'] .chosen-container,
    #addproductform .controls[data-attralias='drivetrain'] .chosen-container {
        padding-left: 32px;
        /* -webkit-padding-start:32px;*/
        /*text-indent: 32px;*/
    }

    #addproductform .controls[data-attralias='fuel_type'] select,
    #addproductform .controls[data-attralias='transmission'] select,
    #addproductform .controls[data-attralias='engine_type'] select,
    #addproductform .controls[data-attralias='body_type'] select,
    #addproductform .controls[data-attralias='model_year'] select,
    #addproductform .controls[data-attralias='mpg'] select,
    #addproductform .controls[data-attralias='trim_package'] select,
    #addproductform .controls[data-attralias='exterior_color'] select,
    #addproductform .controls[data-attralias='seats'] select,
    #addproductform .controls[data-attralias='interior_color'] select,
    #addproductform .controls[data-attralias='prices'] select,
    #addproductform .controls[data-attralias='prices_discount'] select,
    #addproductform .controls[data-attralias='label'] select,
    #addproductform .controls[data-attralias='mpg_city_highway'] select,
    #addproductform .controls[data-attralias='drivetrain'] select {
        text-indent: 32px;
    }

    #addproductform .controls[data-attralias='prices_discount'] #currency_id + .chosen-container,
    #addproductform .controls[data-attralias='prices'] #currency_id + .chosen-container {
        padding-left: 0;
    }

    #addproductform .controls[data-attralias='fuel_type'] input,
    #addproductform .controls[data-attralias='transmission'] input,
    #addproductform .controls[data-attralias='engine_type'] input,
    #addproductform .controls[data-attralias='body_type'] input,
    #addproductform .controls[data-attralias='model_year'] input,
    #addproductform .controls[data-attralias='drivetrain'] input,
    #addproductform .controls[data-attralias='mpg'] input,
    #addproductform .controls[data-attralias='trim_package'] input,
    #addproductform .controls[data-attralias='exterior_color'] input,
    #addproductform .controls[data-attralias='seats'] input,
    #addproductform .controls[data-attralias='interior_color'] input,
    #addproductform .controls[data-attralias='prices'] input,
    #addproductform .controls[data-attralias='prices_discount'] input,
    #addproductform .controls[data-attralias='label'] input,
    #addproductform .controls[data-attralias='mpg_city_highway'] input,
    #addproductform .controls[data-attralias='mileage'] input {
        padding-left: 34px;
    }

    #addproductform .chosen-search input {
        padding-left: 5px !important;
    }

    #addproductform .control-group legend {
        display: none;
    }

    .control-group.radio {
        margin-top: 0;
        border: none;
    }

    .controls .radiogroup,
    .controls[data-attralias="categories"] .controls {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 15px 35px;
    }

    .controls[data-attralias="categories"] .controls .control.radioitem {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    #addproductform .controls[data-attralias="categories"] .controls .control + .control {
        padding-top: 0;
    }

    #addproductform .controls[data-attralias="categories"] label span {
        display: flex;
        align-items: center;
        gap: 15px;
    }

    .table__items table + .buttons {
        padding-top: 15px;
        margin-top: auto;
    }

    .table__items .buttons + table {
        margin-top: 15px;
    }

    .table__items .btn-add {
        background: #fff;
        width: 80px;
        border: 1px solid #5078FE;
        color: #5078FE;
        text-decoration: none !important;
    }

    .table__items .btn-add:hover,
    .table__items .btn-add:focus {
        background: #5078FE;
        border: 1px solid #5078FE;
        color: #fff;
    }

    .table__items .btn-add:hover:before,
    .table__items .btn-add:focus:before {
        background-color: #fff;
    }

    #printarea.printing .company {
        display: flex;
        flex-wrap: wrap;
        gap: 15px 25px;
        padding: 15px 0;
        border-top: 1px solid #d3d6da;
        border-bottom: 1px solid #d3d6da;
        align-items: center;
        justify-content: center;
    }

    #printarea.printing .attributgr_image {
        display: none !important;
    }

    #printarea.printing .attributgr .attributgr_head,
    #printarea.printing .thh {
        background: #F1F4FF !important;
    }

    #printarea.printing #summary_table {
        padding: 0 !important;
        border-radius: 0 !important;
    }

    #printarea.printing .wishlist {
        display: none !important;
    }

    #printarea.printing .reviews_item {
        margin-bottom: 25px;
    }

    #printarea.printing .reviews_item span {
        display: block;
    }

    .modal .transfers__items {
        max-height: none !important;
    }

    .modal .filters.search {
        display: none;
    }

    .reviews_items .reviews_item,
    .reviews_items .reviews_item {
        position: relative;
        display: flex;
        flex-direction: column;
        margin-bottom: 5px;
        padding: 15px;
        border: none;
        border-radius: 12px;
        background: #fff;
        font-size: 16px;
    }

    .reviews_items .reviews_item .inf,
    .reviews_items .reviews_item .inf {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin: 0 -10px 12px;
        padding: 3px 10px;
        color: #2C2F38;
        border: none;
        border-radius: 8px;
        background: #F1F4FF;
        font-size: 14px;
        line-height: 1.4
    }

    .reviews_items .reviews_item .date,
    .reviews_items .reviews_item .date {
        margin-left: auto;
    }

    .reviews_items .reviews_item .btn-delete,
    .reviews_items .reviews_item .btn-delete {
        width: 20px;
        min-width: 0 !important;
        height: 20px;
        min-height: 0;
        margin-left: 5px;
        padding: 0;
    }

    .reviews_items .reviews_item .btn-delete:before,
    .reviews_items .reviews_item .btn-delete:before {
        margin: 0;
    }

    .product_ean .vin-last-six {
        font-weight: bold;
    }

    .product_ean .vin-last-eight {
        color: #5078FE;
    }

    #reviewform label {
        font-weight: 500;
    }

    #reviewform textarea {
        width: 100%;
        padding: 15px;
        border-radius: 12px;
    }

    #reviewform .buttons {
        justify-content: flex-end;
    }

    #summary_table .images .item,
    #summary_table .images .items .item {
        border: 1px solid #ddd;
        border-radius: 5px;
        overflow: hidden;
    }

    .checklist_list_history li {
        margin-top: 5px;
        padding: 5px 0 !important;
    }

    .checklist_list_history li + li {
        padding: 7px 0 2px;
        border-top: 1px solid #CEDCEE;
    }

    .checklist_list_history li span {
        display: flex;
        align-items: center;
        gap: 10px 10px;
    }

    .checklist_list_history li a {
        text-decoration: underline;
    }

    .checklist_list_history li .btn-ascr,
    .checklist_list_history li .btn-delete {
        line-height: 18px;
        width: 18px;
        min-width: 0 !important;
        height: 18px;
        min-height: 18px;
        border: none !important;
    }

    .checklist_list_history li .btn-ascr:not(.current):before {
        background-color: #ABABAB;
    }

    .checklist_list_history li .btn-delete:before,
    .checklist_list_history li .btn-ascr:before {
        margin: 0;
    }

    .modal .table__items {
        overflow-x: auto;
        max-width: 100%;
    }

    .total_summ span.money i:before,
    .table__items span.money i:before {
        line-height: 1;
        display: inline;
        padding: 0 3px 0 0;
    }

    .total_summ {
        width: auto;
        margin: 15px 0 0 auto;
        text-align: right;
    }

    .total_summ .total_wrap {
        display: inline-block;
    }

    .total_summ ul {
        margin-bottom: 0;
        padding: 10px 15px;
        text-align: left;
        border-radius: 16px;
        background: #fff;
    }

    .total_summ ul li {
        display: flex;
        align-items: center;
        justify-content: space-between;
        min-width: 180px;
        padding: 5px 0;
        gap: 15px 15px;
    }

    .total_summ ul li.item {
        color: #747787;
    }

    .modal-dialog .total_summ ul li.item {
        color: #333;
    }

    .total_summ ul li.item:first-child {
        padding-top: 0;
    }

    .total_summ ul li.rez {
        font-weight: 500;
        padding-bottom: 0;
        border-top: 1px solid #CEDCEE;
    }

    .upload_images .controls .file-input {
        display: flex;
        flex-direction: column;
        flex-grow: 3;
        padding: 0;
        background-color: transparent;
    }

    .upload_images .file-input.file-input-ajax-new .file-drop-zone {
        display: flex;
        align-items: center;
        justify-content: center;
        background: transparent;
    }

    .upload_images .file-input .file-drop-zone {
        overflow-y: auto;
        width: 100%;
        min-width: 265px;
        height: 100%;
        min-height: 220px;
        margin: 0;
        border: none;
        border-radius: 0;
    }

    .file-input .file-drop-zone .file-preview-thumbnails:before,
    .file-input .file-drop-zone .file-preview-thumbnails:after {
        display: none;
    }

    .upload_images .file-input.file-input-ajax-new .file-drop-zone {
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: center;
        margin: 0;
        padding: 0;
        background: transparent;
    }

    .upload_images .buttons {
        justify-content: center;
        padding-bottom: 15px;
    }

    .details-page #showallimages,
    .upload_images #uploadImages {
        min-width: 100%;
    }

    .upload_images .file-input .file-drop-zone-title {
        padding: 15px;
        color: #000;
        background: rgba(255, 255, 255, 0.3);
    }

    .reports.page .displaymod {
        min-width: 100%;
    }

    .report .report_items_wrap {
        min-width: 100%;
        overflow-y: auto;
    }

    #inventory.report .report_items_wrap table {
        min-width: 1200px !important;
        width: 100%;
    }

    #userstasks.report .report_items_wrap table {
        min-width: 900px !important;
    }

    .reports.page .displaymode .control-group {
        gap: 15px 0;
        margin: 0 !important;
    }

    .reports.page .modules {
        /* border-radius: 16px; */
      /*  background: #fff;
        overflow: hidden;
        padding: 15px 0;
        box-shadow: 10px 10px 20px 0 #EDF2FA;*/
    }

    .reports.page .modules .whiteblock {
        /* box-shadow: none; */
        margin-bottom: 0;
    }

    .reports.page #chartContainerWrap {
        border-radius: 16px;
        background: #fff;
        overflow: hidden;
        padding: 15px 0;
        box-shadow: 10px 10px 20px 0 #EDF2FA;
    }

    .reports.page table {
        /* Empty rule - removed for optimization */
    }

    .reports.page table th {
        font-size: 14px;
        font-weight: normal;
        line-height: 1.1;
    }

    .reports.page table th,
    .reports.page table td:not(.day-name):not(.day):not(.time):not(.nav):not(.title) {
        padding: 2px 5px;
        font-size: 14px;
        border: 1px solid #CEDCEE;
        color: #262833;
    }

    .file-drop-zone .file-preview-thumbnails {
        width: 100%;
        display: grid;
        grid-column-gap: 10px;
        grid-row-gap: 10px;
        /* grid-template-columns: repeat(3, 1fr); */
        grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
        justify-items: center;
    }

    .upload_images .controls .file-input .file-preview .file-preview-frame {
        float: none !important;
        width: 100%;
        margin: 0 !important;
        padding: 2px !important;
        border-radius: 8px;
        background: #fff;
        box-shadow: none !important;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .upload_images .file-input .kv-file-remove {
        position: absolute;
        top: 5px;
        right: 5px;
        width: 24px;
        height: 24px;
        border: 1px solid #CFD9FF;
        border-radius: 50% !important;
    }

    .upload_images .file-input .file-drag-handle,
    .upload_images .file-input .kv-file-upload,
    .upload_images .file-input .kv-file-zoom {
        display: none;
    }

    .upload_images .file-input .file-drop-zone {
        overflow-y: auto;
        width: 100%;
        min-width: 265px;
        height: 100%;
        min-height: 160px;
        margin: 0 0 25px;
        padding: 15px;
        border: none;
        border-radius: 12px !important;
        background: rgba(255, 255, 255, 0.8);
    }

    .upload_images .file-input .file-caption-info {
        display: none;
    }

    .upload_images .file-input .file-thumbnail-footer {
        position: static !important;
    }

    .upload_images .file-preview-thumbnails .file-preview-frame .kv-file-content {
        width: 100% !important;
    }

    .upload_images .file-preview-thumbnails .file-footer-caption {
        margin-bottom: 0;
    }

    .upload_images .btn-file,
    .upload_images #uploadImages,
    .details-page #showallimages {
        border-radius: 8px !important;
    }

    .details-page .product_images_main,
    #vehicle_images #gallery-thumb {
        margin-bottom: 25px;
    }

    #gallery-thumb_attr .owl-nav,
    #vehicle_images #gallery-thumb .owl-nav {
        position: relative;
    }

    #gallery-thumb_attr .owl-nav button,
    #vehicle_images #gallery-thumb .owl-nav button {
        top: 0;
        margin-top: 0;
    }

    #gallery-thumb_attr .owl-dots,
    #vehicle_images #gallery-thumb .owl-dots {
        padding-top: 14px;
    }

    #vehicle_images #gallery-thumb .controls {
        margin-bottom: 5px;
    }

    #addTask .task_images ul,
    #gallery-thumb_attr .attr-thumbs-slider:not(.owl-loaded),
    .img_thumbs .thumbs-slider:not(.owl-loaded),
    .controls .img_thumbs .items,
    .modal .select_image .items {
        display: grid;
        grid-column-gap: 8px;
        grid-row-gap: 8px;
        grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
        justify-items: center;
    }

    .controls .img_thumbs .items {
        padding: 15px;
    }

    .modal #gallery-thumb_attr .attr-thumbs-slider:not(.owl-loaded),
    .modal .img_thumbs .thumbs-slider:not(.owl-loaded) {
        grid-template-columns: repeat(2, 1fr);
    }

    #gallery-thumb_attr .item .note,
    .img_thumbs .item .note {
        font-size: 14px;
        position: absolute;
        bottom: 0;
        width: 100%;
        padding: 5px;
        text-align: center;
        background: rgba(255, 255, 255, 0.8);
        color:#333;
    }

    .control-group .task_images li,
    #gallery-thumb_attr .attr-thumbs-slider .item,
    .img_thumbs .thumbs-slider .item,
    .controls .img_thumbs .item,
    .attach_preview .item,
    .modal .select_image .items .item {
        overflow: hidden;
        width: 100%;
        border: 1px solid #ddd;
        border-radius: 5px;
        position: relative;
    }

    #gallery-thumb_attr .item {
        margin-bottom: 10px;
    }

    #gallery-thumb_attr .item.add:hover {
        box-shadow: 4px 4px 5px 0 rgba(50, 50, 50, 0.1) !important;
    }

    #gallery-thumb_attr .attr-thumbs-slider .item_wrap,
    .img_thumbs .thumbs-slider .item_wrap {
        position: relative;
        overflow: hidden;
        height: 100%;
        margin: 0 0 1px;
        padding: 0;
        text-align: center;
        border-radius: 5px;
        background: #fff;
        aspect-ratio: 4 / 3;
    }

    .img_thumbs .thumbs-slider .item_wrap > a:not(.delete),
    .controls .img_thumbs .item,
    .modal .select_image .items .item,
    .modal .select_image .items .item a {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;
    }

    .modal .select_image .items .item,
    .modal .select_image .items .item a {
        flex-direction: column;
        gap: 5px 5px;
    }

    .controls .img_thumbs .item a {
        min-width: 100%;
    }

    .attach_preview .item img,
    .controls .img_thumbs .item img {
        min-width: 100%;
        object-fit: cover;
    }

    .modal .select_image .items .item .controls {
        margin-bottom: 5px;
    }

    .modal .select_image .items .item {
        cursor: pointer;
    }

    .img_thumbs .thumbs-slider .item:focus,
    .img_thumbs .thumbs-slider .item:hover,
    .img_thumbs .thumbs-slider .item_wrap:focus,
    .img_thumbs .thumbs-slider .item_wrap:hover,
    .modal .select_image .items .item:hover,
    .modal .select_image .items .item:focus,
    .controls .img_thumbs .item:hover,
    .controls .img_thumbs .item:focus {
        border-color: #4458f6;
    }

    #gallery-thumb_attr .attr-thumbs-slider .item_wrap a,
    .img_thumbs .thumbs-slider .item_wrap a {
    }

    #gallery-thumb_attr .attr-thumbs-slider .item_wrap img {
        width: 100%;
        max-width: 100%;
        height: 100%;
        max-height: 100%;
        margin: 0 auto;
        object-fit: contain;
    }

    .img_thumbs .owl-dots {
        line-height: 1;
        padding-bottom: 0;
    }

    .product_images .item {
        position: relative;
    }

    .img_thumbs .item.video:before,
    .attach_preview .item.video:before,
    .product_images .item.video:before {
        display: block;
        width: 26px;
        height: 26px;
        content: "";
        background-color: #000;
        -webkit-mask: url("../images/circle_play_icon.svg") no-repeat 100% 100%;
        mask: url("../images/circle_play_icon.svg") no-repeat 100% 100%;
        mask-size: contain;
        -webkit-mask-size: contain;
        position: absolute;
        top: 50%;
        left: 50%;
        z-index: 2;
        pointer-events: none;
        margin: -13px 0 0 -13px;
    }

    .img_thumbs .item.video:hover:before,
    .attach_preview .item.video:hover:before,
    .product_images .item.video:hover:before {
        display: none;
    }

    #gallery-video img {
        object-fit: cover;
        height: 100%;
        width: 100%;
    }

    #description_en_GB_ifr {
        height: 250px !important;
    }

    .field-calendar select,
    .field-calendar .chosen-container {
        width: auto !important;
        min-width: 0 !important;
    }

    .imagesfrommpvi {
        padding: 15px;
        border: 1px solid #CEDCEE;
        border-radius: 12px;
    }

    .imagesfrommpvi .img_thumbs {
        width: 100%;
        margin-bottom: 15px;
        padding: 0;
        border: 4px dashed #F1F4FF;
        border-radius: 12px;
        min-height: 18px;
    }

    .linkin label:before {
        display: none !important;
    }

    footer .quick-icons {
        line-height: 1;
        position: static;
        z-index: 8;
        bottom: 0;
        left: 0;
        width: 100%;
        color: #fff;
        background: #fff;
    }

    footer #quick-icons {
        width: auto !important;
        margin: 0 -15px;
        padding: 0 15px 0 15px;
    }

    footer .quick-icons .quick-icons__items {
        display: flex;
        padding: 5px 0;
        gap: 5px 10px;
    }

    .quick-icons .quick-icons__items .btn:not(.hamburger) {
        font-size: 14px;
        font-weight: normal !important;
        display: flex;
        align-items: center;
        flex-grow: 1;
        justify-content: center;
        height: 32px;
        min-height: 0;
        padding: 0;
        color: #fff;
        /* background: #fff;*/
        gap: 5px 5px;
    }

    footer .quick-icons .quick-icons__items .btn:not(.hamburger) {
        border: none;
    }

    .quick-icons .quick-icons__items .btn:not(.hamburger) .img {
        display: none;
    }

    .quick-icons .quick-icons__items .btn:not(.hamburger):before {
        display: block;
        width: 24px;
        height: 24px;
        content: "";
        background-color: #5078FE;
    }

    .quick-icons .quick-icons__items .btn:not(.hamburger) span {
        display: none;
    }

    .quick-icons .hamburger {
        margin: 0;
        order: 10;
    }

    .modal .transfers__items, .modal .tasks_wrap {
        max-height: none !important;
    }

    .loading .controls.actions,
    .loading .btn-getpdf {
        display: none !important;
    }

    .modal-dialog.printformworkorder .bootstrap-dialog-title {
        padding-left: 80px;
    }

    .modal-dialog.cr .bootstrap-dialog-title {
        padding-left: 120px;
    }



    img.avatar {
        display: inline-block !important;
    }

    .printformworkorder .vehicle_image {
        text-align: center;
        position: relative;
        border-radius: 12px;
        overflow: hidden;
    }

    .printformworkorder .vehicle_image img {
        width: 100%;
    }

    #setviewtype2,
    #setviewtype2 + label,
    #setviewtype4,
    #setviewtype4 + label,
    #viewtype4,
    #viewtype4 + label {
        /*  display: none !important;*/
    }

    .h3.notfound {
        margin: 0;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .attach_preview:not(.simple) {
        min-height: 160px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 1.6em;
        text-align: center;
        color: #000;
    }

    .attach_preview .items {
        display: grid;
        align-items: stretch;
        grid-auto-rows: auto;
        grid-column-gap: 15px;
        grid-row-gap: 15px;
        grid-template-columns: repeat(3, 1fr);
        justify-items: center;
    }

    .attach_preview .item {
        position: relative;
        display: flex;
        flex-direction: column;
        gap: 8px;
        justify-content: space-between;
        align-items: center;
        padding: 2px;
    }

    .attach_preview .item .attach_media_preview {
        flex-grow: 2;
        width: 100%;
    }

    .attach_preview:not(.empty) {
        margin-bottom: 20px;
    }

    .attach_preview img {
        max-width: 150px;
        max-height: 150px;
        object-fit: contain;
    }

    body:not(.showwishlist) .btn.wishlist,
    body:not(.showwishlist) a.wishlist {
        display: none;
    }

    .wishlist.page .filters_wrap {
        /* display: none;*/
    }

    #avgforinventory .circle .diag {
        min-width: 10px;
        min-height: 10px;
    }

    #avgforinventory .items {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        align-items: stretch;
        grid-auto-rows: auto;
        grid-column-gap: 15px;
        grid-row-gap: 15px;
        justify-items: center;
    }

    #avgforinventory .item {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
        text-align: center;
    }

    #avgforinventory .item .circles-text {
        font-size: 18px !important;
    }

    #avgforinventory .item .circles-text .val {
        line-height: initial !important;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100%;
        flex-direction: column;
    }

    #avgforinventory .item .innertext {
        line-height: 1.1;
        margin-bottom: 6px;
    }

    #avgforinventory .filters_wrap {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        margin-bottom: 15px;
    }

    #cometchat_userstab {
        z-index: 9 !important;
    }

    .pweb-modal {
        height: 34px;
    }

    .pweb-modal .pwebcontact_toggler {
        background: #5078FE;
        height: 20px;
        line-height: 20px;
        color: #fff !important;
        text-align: center;
    }

    .pweb-offset-right.pweb-top, .pweb-offset-right.pweb-bottom {
        left: 15px !important;
        right: auto !important;
    }

    .pwebcontact-box.pweb-modal {
        max-width: none !important;
    }

    .pwebcontact-box.pweb-modal .pwebcontact-container {
        padding: 0 !important;
    }

    .pweb-slidebox .pwebcontact-container, .pweb-modal .pwebcontact-container {
        background-color: transparent !important;
    }

    .dj-mobile-nav .locations-map,
    .menu .locations-map {
        /*display: none !important;*/
    }

    body > .pwebcontact {
        z-index: 4;
    }

    ul.help_video {
        padding-top: 25px !important;
        display: flex;
        flex-direction: column;
        gap: 15px 0;
    }

    ul.help_video li .item {
        display: grid;
        grid-template-columns: 320px  1fr;
        grid-template-rows: 1fr;
        grid-column-gap: 15px;
        grid-row-gap: 25px;
        padding: 15px;
        border-radius: 16px;
        background: #fff;
        box-shadow: 10px 10px 20px 0 #EDF2FA;
    }

    ul.help_video .attach_media_preview {
        position: relative;
        border: 1px solid #CEDCEE;
        border-radius: 15px;
        overflow: hidden;
    }

    ul.help_video .attach_media_preview:before {
        display: block;
        width: 64px;
        height: 64px;
        margin: -32px 0 0 -32px;
        content: "";
        background-color: #000;
        -webkit-mask: url("../images/play.svg") no-repeat 50% 50%;
        mask: url("../images/play.svg") no-repeat 50% 50%;
        -webkit-mask-size: contain;
        mask-size: contain;
        position: absolute;
        top: 50%;
        left: 50%;
        pointer-events: none;
        transition: all .1s ease-in;
    }

    ul.help_video .attach_media_preview:hover:before {
        background-color: #7A8AA7;
    }

    ul.help_video .item img {
        width: 100%;
        aspect-ratio: 16/9;
        object-fit: cover;
    }

    ul.help_video .item .h4 {
        margin: 0 0 15px;
    }

    .feed .items {
    }

    .feed .items .item {
        display: flex;
        gap: 0 25px;
        color: #848798;
    }

    .feed .items:not(.table) .item {
        margin: 0 -15px;
        padding: 10px 15px;
        align-items: stretch;
    }

    .feed .items.table .item {
        display: grid;
        align-items: center;
        grid-auto-rows: auto;
        grid-column-gap: 15px;
        grid-row-gap: 15px;
        grid-template-columns: 20px 180px 1fr 3fr 1fr 2fr;
        padding: 5px;
        line-height: 1.1;
    }

    .feed .items.table .item + .item {
        border-top: 1px solid #CEDCEE;
    }

    .feed .items .item:hover {
        background: #F1F4FF;
    }

    .feed .items:not(.table) .item .item_date {
        min-width: 80px;
        display: flex;
        align-items: center;
    }

    .feed .items:not(.table) .item .item_wrap {
        display: flex;
        align-items: center;
    }

    .feed .items:not(.table) .item .item_ico {
        position: relative;
        min-width: 30px;
    }

    .feed .items:not(.table) .item .item_ico .ico {
        height: 100%;
        display: flex;
        align-items: center;
    }

    .feed .items:not(.table) .item .item_ico:before {
        content: "";
        display: block;
        height: calc(100% + 20px);
        width: 2px;
        background: #BEC4C8;
        position: absolute;
        top: -20px;
        left: 50%;
        margin-left: -1px;
    }

    .feed .items:not(.table) .item:first-child .item_ico:before {
        display: none;
    }

    .feed .items:not(.table) .item:last-child .item_ico:before {
        display: block;
        height: calc(50% + 20px);
        top: -20px;
    }

    .feed .items:not(.table) .item .item_ico .ico:before,
    .feed .items:not(.table) .item .item_ico .ico:after {
        content: "";
        display: block;
        height: 26px;
        width: 26px;
        background: #7A8AA7;
        margin: 0 auto;
        position: relative;
        z-index: 2;
        border-radius: 50%;
    }

    .feed .items:not(.table) .item .item_ico .ico:before {
        position: absolute;
        height: 34px;
        width: 34px;
        margin: 0 0 0 -2px;
    }

    .feed .items:not(.table) .item .item_ico .ico:after {
        background: #000;
    }

    .feed .items:not(.table) div[class*='task'] .item_ico .ico:after {
        -webkit-mask: url("../images/icons/ep_list.svg") no-repeat 50% 50%;
        mask: url("../images/icons/ep_list.svg") no-repeat 50% 50%;
        -webkit-mask-size: contain;
        mask-size: contain;
    }

    .feed .items:not(.table) div[class*='hide_vehicle'] .item_ico .ico:after,
    .feed .items:not(.table) div[class*='vehicle'] .item_ico .ico:after,
    .feed .items:not(.table) div[class*='product'] .item_ico .ico:after {
        -webkit-mask: url("../images/icons/car.svg") no-repeat 50% 50%;
        mask: url("../images/icons/car.svg") no-repeat 50% 50%;
        -webkit-mask-size: contain;
        mask-size: contain;
    }

    .feed .items:not(.table) div[class*='move'] .item_ico .ico:after {
        -webkit-mask: url("../images/transfer_icon.svg") no-repeat 50% 50%;
        mask: url("../images/transfer_icon.svg") no-repeat 50% 50%;
        -webkit-mask-size: contain;
        mask-size: contain;
    }

    .feed .items:not(.table) div[class*='move'] .item_ico .ico:after {
        -webkit-mask: url("../images/transfer_icon.svg") no-repeat 50% 50%;
        mask: url("../images/transfer_icon.svg") no-repeat 50% 50%;
        -webkit-mask-size: contain;
        mask-size: contain;
    }

    .feed .items:not(.table) .product_add .item_ico .ico:after {
        -webkit-mask: url("../images/car_garage_icon.svg") no-repeat 50% 50% !important;
        mask: url("../images/car_garage_icon.svg") no-repeat 50% 50% !important;;
        -webkit-mask-size: contain;
        mask-size: contain;
    }

    .feed .items:not(.table) div[class*='task_nexttodo1'] .item_ico .ico:after {
        -webkit-mask: url("../images/pedestal.svg") no-repeat 50% 50%;
        mask: url("../images/pedestal.svg") no-repeat 50% 50%;
        -webkit-mask-size: contain;
        mask-size: contain;
    }

    .feed .items:not(.table) div[class*='done'] .item_ico .ico:before {
        background: #84CB87;
    }

    .feed .items:not(.table) div[class*='approved'] .item_ico .ico:before {
        background: #FA9221;
    }

    .feed .items:not(.table) div[class*='nexttodo'] .item_ico .ico:before {
        background: #ffc587;
    }

    .feed .items:not(.table) div[class*='confirmed'] .item_ico .ico:before {
        background: #f6ffb2;
    }

    .feed .items:not(.table) div[class*='declined'] .item_ico .ico:before {
        background: #fda29e;
    }

    .feed .items:not(.table) div[class*='created'] .item_ico .ico:before {
        background: #bceeee;
    }

    .feed .items:not(.table) .item .item_action {
        display: flex;
        align-items: center;
        gap: 8px 8px;
    }

    .feed .items .item .item_params {
        display: flex;
        gap: 0 5px;
        flex-wrap: wrap;
        flex-direction: column;
        font-size: 14px;
    }

    .file-input.theme-explorer .file-preview-frame[data-template="pdf"] .kv-file-content:before,
    .feed a[href$=".pdf"]:before {
        content: "";
        display: inline-block;
        height: 26px;
        width: 26px;
        background-color: #333333;
        -webkit-mask: url("../images/icons/file_pdf.svg") no-repeat 50% 50%;
        mask: url("../images/icons/file_pdf.svg") no-repeat 50% 50%;
        -webkit-mask-size: contain;
        mask-size: contain;
        vertical-align: middle;
    }

    .feed .item_params a[href$=".png"]:before,
    .feed .item_params a[href$=".heic"]:before,
    .feed .item_params a[href$=".jpg"]:before,
    .feed .item_params a[href$=".jpeg"]:before {
        content: "";
        display: inline-block;
        height: 26px;
        width: 26px;
        background-color: #333333;
        -webkit-mask: url("../images/icons/photos.png") no-repeat 50% 50%;
        mask: url("../images/icons/photos.png") no-repeat 50% 50%;
        -webkit-mask-size: contain;
        mask-size: contain;
        vertical-align: middle;
    }

    .feed a[href$=".pdf"] img,
    .feed .item_params a[href$=".png"] img,
    .feed .item_params a[href$=".heic"] img,
    .feed .item_params a[href$=".jpg"] img,
    .feed .item_params a[href$=".jpeg"] img {
        display: none;
    }

    .feed .item a {
        text-decoration: underline;
    }

    .feed .item a,
    .feed .item b {
        color: #000;
    }

    .feed .item strong {
        color: #5078FE;
    }

    .feed .items .date {
        font-size: 20px;
        text-align: center;
        margin-bottom: 15px;
    }

    .feed .whiteblock:hover .item:not(:hover) {
        /*opacity: 0.2;*/
    }

    .newsfeed .feed-link,
    .newsfeed .feed-link a {
        color: #5A738E;
        font-size: 18px;
    }

    .newsfeed .feed-item-date {
        font-size: 14px;
    }

    .newsfeed .feed-item-description {
        padding-top: 10px;
    }

    .newsfeed .feed-item-description p:last-child {
        margin-bottom: 0;
    }

    #businessHoursContainer {
        display: flex;
        flex-wrap: wrap;
        gap: 8px 8px;
    }

    #businessHoursContainer .clean {
        display: none;
    }

    #businessHoursContainer .dayContainer {
        margin-bottom: 15px;
        min-width: 68px;
        max-width: 85px;
        flex-grow: 1;
        margin-right: 0;
    }

    #businessHoursContainer .dayContainer input {
        padding: 0 4px !important;
    }

    #myclock {
        flex-grow: 10;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 15px 15px;
    }

    .itemsInLoc {
        max-height: 200px;
    }

    .itemsInLoc .items {
        display: flex;
        flex-direction: column;
        gap: 15px 0;
    }

    .itm.single .img,
    .itemsInLoc .items .itm .img {
        margin-top: 15px;
    }

    .gm-style-iw-d p,
    .itm.single p {
        margin: 0;
    }

    .select_vin .radiogroup > * {
        flex-basis: 100%;
    }

    .custom-marker {
        position: relative;
        text-align: center;
        background: #fff;
        border-radius: 50%;
    }

    .custom-marker-icon {
    }

    .custom-marker-icon.t_item {
        background: #fff;
        border-radius: 50%;
    }

    .custom-marker-label {
        position: absolute;
        top: 100%;
        left: 50%;
        transform: translateX(-50%);
        background: rgba(255, 255, 255, 1);
        padding: 2px 5px;
        border-radius: 3px;
        font-size: 12px;
        white-space: nowrap;
        opacity: 1;
    }

    .appointments-count {
        font-size: 12px;
        font-weight: bold;
        border-radius: 5px;
        padding: 2px 10px;
        background-color: rgb(255, 255, 255);
        border-width: 1px;
        border-style: solid;
        border-color: rgb(255, 138, 138);
        border-image: initial;
    }

    .appointments-count.upcoming-appointments {
        border-color: rgb(255, 168, 0);
    }

    .appointments-count.total-appointments {
        border-color: #BEC4C8;
    }

    .appointments-count + .appointments-count {
        margin-left: 5px;
    }

    .appointments_items ul + ul {
        border-top: 1px solid #D3D3D3;
        padding-top: 15px;
    }

    .appointments_items li {
        display: flex;
        flex-direction: column;
        font-size: 14px;
    }

    .appointments_items li + li {
        margin-top: 15px;
    }

    .appointments_items li .lbl {
        color: #747787;
    }

    .gm-style-iw-chr button {
        width: 24px !important;
        height: 24px !important;
    }

    .gm-style-iw-chr button span {
        margin: 0 !important;
    }

    .moreparams strong,
    .moreparams b {
        color: #5078FE;
    }

    .moreparams div {
        display: inline-block;
    }

    .onprint {
        display: none;
    }

    a[href="#gemini"] {
        margin-top: -4px !important;
    }

    a[href="#gemini"] b {
        display: inline-block;
        background-image: linear-gradient(to right, #8f24ed, #630df8) !important;
        padding: 5px 6px !important;
        color: #FFFFFF !important;
        font-weight: bold !important;
        border-radius: 3px;
    }

    .print-view {
        display: none;
    }

    .itemList .unpublishonly.unpublished {
        display: none;
    }


    #statusesList tr.unpublished[data-basic="basic"]{
        display: none !important;
    }

    .h2.err{
        color:#F33636;
    }
    .kv-fileinput-error.file-error-message,
    .kv-fileinput-error.file-error-message *{
        font-size: 14px !important;
        word-break: break-all;
    }

    .kv-fileinput-error.file-error-message .box-404{
        margin: 0 !important;
    }
}