* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    font-size: 87.5%;
    overflow-x: hidden;
}

body {
    color: #3b3f42;
    font-family: 'Open Sans', sans-serif;
    font-weight: normal;
    font-size: 1rem;
    overflow-x: hidden;
    background: -o-linear-gradient(left, #e6e6e6 22.3%,#fcfcfc 0%);
    background: -webkit-gradient(linear, left top, right top, color-stop(22.3%, #e6e6e6),color-stop(0%, #fcfcfc));
    background: linear-gradient(90deg, #e6e6e6 22.3%,#fcfcfc 0%);
    font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -webkit-font-smoothing: subpixel-antialiased;
    text-rendering: optimizeLegibility;
    font-smooth: always;
}


html,
body{
    margin: 0;
    padding: 0;
}

html.modal-open {
    overflow: hidden;
}

.clearfix {
    zoom: 1;
}

.clearfix:after {
    content: '.';
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
}

.original-price {
    text-decoration: line-through;
}

/* REUSABLE ELEMENTS */


.nopadding {
    padding: 0;
}

.wpt {
    padding-top: 15px;
}

.wpb {
    padding-bottom: 15px;
}

.wpl {
    padding-left: 15px;
}

.wpr {
    padding-right: 15px;
}

.wpt-30 {
    padding-top: 30px;
}

.wpb-30 {
    padding-bottom: 30px;
}

.wpl-30 {
    padding-left: 30px;
}

.wpr-30 {
    padding-right: 30px;
}

.wpt-45 {
    padding-top: 45px;
}

.wpb-45 {
    padding-bottom: 45px;
}

.wpl-45 {
    padding-left: 45px;
}

.wpr-45 {
    padding-right: 45px;
}


.padding5 {
    padding: 5px;
}

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


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


.nopadding-top {
    padding-top: 0;
}

.nopadding-bot {
    padding-bottom: 0;
}

.block {
    display: block;
}

.ml10{margin-left: 10px;}
.ml0{margin-left: 0!important;}


span.bold {
    font-weight: bold;
}

.mb1 {
    margin-bottom: 1rem;
}

.mt1 {
    margin-top: 1rem;
}

.mh3 {
    min-height: 3rem;
}

span.thin {
    font-weight: lighter;

}

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

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


.np {
    padding: 0;
}

.fright {
    float: right;
}

.fleft {
    float: left;
}

.nmt {
    margin-top: 0!important;
}


.btn-sm {
    min-width: 5rem;
}

.btn-md {
    min-width: 8rem;
}

.btn-lg {
    min-width: 12rem;
}


.btn-inline {
    display: inline-block;
}

.centered {
    text-align: center;
}

.tright {
    text-align: right;
}

.vmid {
    vertical-align: middle;
}


.fw {
    width: 100%!important;
}

.hw {
    width: 50%!important;
}

.nmr {
    margin-right: 0;
}

.nml {
    margin-left: 0;
}

.overflow-hidden {
    overflow: hidden;
}

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

.tright {
    text-align: right!important;
}

.none {
    display: none;
}

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

.form-check {
    position: relative;
    display: block;
    padding-left: 1.25rem;
}

.form-check-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 0;
    margin-right: .75rem;
}

.form-check-inline .form-check-input {
    position: static;
    margin-top: 0;
    margin-right: .3125rem;
    margin-left: 0;
}

.form-check-label {
    margin-bottom: 0;
}

.noneImportant {
    display: none!important;
}

/* END REUSABLE ELEMENTS */


@charset "utf-8";
@font-face {
    font-family: 'icomoon';
    src: url('../../Fonts/Frontend/icomoon.eot?o7dchg');
    src: url('../../Fonts/Frontend/icomoon.eot?#iefixo7dchg') format('embedded-opentype'), url('../../Fonts/Frontend/icomoon.ttf?o7dchg') format('truetype'), url('../../Fonts/Frontend/icomoon.woff?o7dchg') format('woff'), url('../../Fonts/Frontend/icomoon.svg?o7dchg#icomoon') format('svg');
    font-weight: normal;
    font-style: normal
}
[class^="icon-"],
[class*=" icon-"] {
    font-family: 'icomoon';
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.icon-add:before {
    content: "\e61d"
}
.icon-sort:before {
    content: "\e088"
}
.icon-search:before {
    content: "\e610"
}
.icon-close:before {
    content: "\e611"
}
.icon-done:before {
    content: "\e600"
}
.icon-points:before {
    content: "\e61c"
}
.icon-face:before {
    content: "\e619"
}
.icon-glasses:before {
    content: "\e61a"
}
.icon-polarized:before {
    content: "\e61b"
}
.icon-shopping-bag:before {
    content: "\e603"
}
.icon-chevron-thin-up:before {
    content: "\e608"
}
.icon-chevron-thin-right:before {
    content: "\e609"
}
.icon-chevron-thin-down:before {
    content: "\e60b"
}
.icon-chevron-thin-left:before {
    content: "\e60a"
}
.icon-chevron-small-up:before {
    content: "\e60c"
}
.icon-chevron-small-right:before {
    content: "\e60d"
}
.icon-chevron-small-down:before {
    content: "\e615"
}
.icon-chevron-small-left:before {
    content: "\e614"
}
.icon-menu:before {
    content: "\e60e"
}
.icon-pencil:before {
    content: "\e606"
}
.icon-star:before {
    content: "\e607"
}
.icon-user:before {
    content: "\e60f"
}
.icon-facebook:before {
    content: "\e601"
}
.icon-pinterest:before {
    content: "\e604"
}
.icon-home:before {
    content: "\e612"
}
.icon-phone:before {
    content: "\e613"
}
.icon-google-plus:before {
    content: "\ea88"
}
.icon-trash-o:before {
    content: "\e602"
}
.icon-twitter:before {
    content: "\e617"
}
.icon-comment:before {
    content: "\e616"
}
.icon-globe:before {
    content: "\e605"
}
.icon-archive:before {
    content: "\f187"
}
.icon-circle-o-notch:before {
    content: "\e618"
}

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i');


.fullwidth{
    width: 100% !important;
}

.float-right{
    float: right;
}

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

.inline-flex {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: inline-flex;
}

.d-flex {
    display: -ms-flexbox!important;
    display: flex!important;
}

.justify-content-start {
    -ms-flex-pack: start!important;
    justify-content: flex-start!important;
}

.align-items-center {
    -ms-flex-align: center!important;
    align-items: center!important;
}

.flex-wrap {
    -ms-flex-wrap: wrap!important;
    flex-wrap: wrap!important;
}

.m0 {
    margin: 0!important;
}

.mb10 {
    margin-bottom: 10px;
}

.mr10-important {
    margin-right: 10px !important;
}

.mb20 {
    margin-bottom: 20px;
}
.underline {
    text-decoration: underline;
}

.left-important {
    float: left !important;
}



/* VALTEC DESIGN */


/* NO LOGIN PAGE */

#content-no-login {
    background-image: url(../../../img/bg-pattern.png);
    background-repeat: repeat;
    min-height: 100vh;
    position: relative;
    padding-top: 92px;
}

#content-no-login:after {
    content: " ";
    display: block;
    clear: both;
}


.credentials_container {
    display: block;
    border-radius: 5px;
    background: -o-linear-gradient(rgba(14, 14, 14, 0.5), rgba(16, 16, 16, 0.5));
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(14, 14, 14, 0.5)), to(rgba(16, 16, 16, 0.5)));
    background: linear-gradient(rgba(14, 14, 14, 0.5), rgba(16, 16, 16, 0.5));
    margin-top: 15vh;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px white inset !important;
}


form.credentials_box {
    padding-left: 15px;
    padding-right: 15px;
    margin: 15px auto;
}

form.credentials_box input,
form.credentials_box input:focus {
    border: 1px solid transparent;
}

form.credentials_box input::-webkit-input-placeholder {
    -webkit-transition: .5s ease all;
    -o-transition: .5s ease all;
    transition: .5s ease all;
}

form.credentials_box input::-moz-placeholder {
    -webkit-transition: .5s ease all;
    -o-transition: .5s ease all;
    transition: .5s ease all;
}

form.credentials_box input:-ms-input-placeholder {
    -webkit-transition: .5s ease all;
    -o-transition: .5s ease all;
    transition: .5s ease all;
}

form.credentials_box input::-ms-input-placeholder {
    -webkit-transition: .5s ease all;
    -o-transition: .5s ease all;
    transition: .5s ease all;
}

form.credentials_box input::placeholder {
    -webkit-transition: .5s ease all;
    -o-transition: .5s ease all;
    transition: .5s ease all;
}

form.credentials_box input:focus::-webkit-input-placeholder {
    color: #fff;
}

form.credentials_box input:focus::-moz-placeholder {
    color: #fff;
}

form.credentials_box input:focus:-ms-input-placeholder {
    color: #fff;
}

form.credentials_box input:focus::-ms-input-placeholder {
    color: #fff;
}

form.credentials_box input:focus::placeholder {
    color: #fff;
}



.group-remember {
    width: 100%;
}


.lang_flag {
    display: block;
    height: 32px;
    display: block;
    padding-top: 6px;
    padding-bottom: 6px;

}


a.reset-password {
    color: #ccc;
    text-decoration: underline;
    font-weight: normal;
    vertical-align: middle;
    font-size: 1rem;
    display: inline-block;
    width: auto;
    text-align: center;
    float: right;
    outline: none;
}

.navbar-main-top {
    width: 100%;
}


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


.flag_right {
    float: right!important;
    vertical-align: middle;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-right: 15px;
}



/* LOGGED IN CONTENET */

#content-logged-in {
    position: relative;
    padding-top: 92px;
    overflow: hidden;
    min-height: 100vh;
}

.container-logged-in {
    background-repeat: repeat;
    min-height: 100vh;
}

.brand-container-blue1,
.brand-container-red1,
.brand-container-blue2,
.brand-container-red2 {
    background-position: center;
    background-size: cover;
    display: block;
    z-index: 999999999;
    border-radius: 5px;
    -webkit-box-shadow: 10px 5px 20px rgba(0,0,0,.5);
    box-shadow: 10px 5px 20px rgba(0,0,0,.5);
}


a.brand-link {
    text-decoration: none;
}


.brand-logo {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}


.brand-logo img {
    width: 100%;
    display: block;
    margin: 0 auto;
}


.shop_cart_right {
    float: right!important;
}

.forauth {
    float: right!important;
    padding-top: 15px;
    padding-bottom: 15px;
}

.forauth a {
    line-height: 30px;
    padding-top: 15px;
    padding-bottom: 15px;
}

/* END LOGGED IN CONTENT */


/* NAVIGATION */

header {
    height: 92px;
    width: 100%;
    position: fixed;
    z-index: 99;
    top: 0;
}

nav {
    width: 100%;
    max-height: 92px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    margin: 0 auto;
    background: #454545;
    top: 0;
}


.main-nav {
    list-style: none;
    max-height: 58px;
    margin-bottom: 0;
    float: left;
}

.main-nav li {
    display: inline-block;
    height: 4.286rem;
    padding-right: 0.7143rem;
}

.main-nav li.dropdown-open {
    position: relative;
}



.main-nav li a {
    color: #ccc;
    width: 100%;
    text-decoration: none;
    font-weight: 600;
    -webkit-transition: .5s ease all;
    -o-transition: .5s ease all;
    transition: .5s ease all;
    font-size: 1rem;
    line-height: 4.286rem;
    vertical-align: middle;
    max-height: 4.214rem;
    padding-left: 0.3571rem;
    padding-right: 0.3571rem;
    padding-top: 0;
    padding-bottom: 0;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    letter-spacing: .5px;
    position: relative;
}

.main-nav>li.dropdown-open>a.menu-red {
    background: #e42d24;
    color: #fff;
}

.main-nav>li.dropdown-open>a.menu-yellow {
    background: #FFC626;
    color: #fff;
}



.main-nav li a:hover,
.main-nav li a:focus,
.main-nav li a:active {
    color: #e42d24;
    text-decoration: none;

}

.main-nav li a:after {
    content: " ";
    display: block;
    position: absolute;
    bottom: 1rem;
    left: 50%;
    height: 3px;
    width: 0;
    background-color: #e42d24;
    -webkit-transition: .5s ease all;
    -o-transition: .5s ease all;
    transition: .5s ease all;
}

.main-nav li a:hover:after,
.main-nav li a.active:after {
    content: " ";
    display: block;
    position: absolute;
    bottom: 1rem;
    left: 0;
    height: 3px;
    width: 100%;
    background-color: #e42d24;
}

.main-nav li.dropdown-open a.menu-red:hover,
.main-nav li.dropdown-open a.menu-red:focus,
.main-nav li.dropdown-open a.menu-red:active {
    color: #fff;
}


.main-nav .dropdown-menu {
    padding: 0;
    background: #454545;
    border: 1px solid #808080;
    margin-left: -1px;
    top: inherit;
}


.main-nav li.dropdown-open>ul.dropdown-menu>li.menu-red>a {
    background: #e42d24;
    color: #fff;
}


.main-nav li.dropdown-open>ul.dropdown-menu>li.menu-red>a:hover,
.main-nav li.dropdown-open>ul.dropdown-menu>li.menu-red>a:focus,
.main-nav li.dropdown-open>ul.dropdown-menu>li.menu-red>a:active {
    color: #fff;
}


.main-nav li.dropdown-open>ul.dropdown-menu>li.menu-yellow>a {
    background: #FFC626;
    color: #fff;
}

.main-nav li.dropdown-open>ul.dropdown-menu>li.menu-red>a:hover,
.main-nav li.dropdown-open>ul.dropdown-menu>li.menu-red>a:focus,
.main-nav li.dropdown-open>ul.dropdown-menu>li.menu-red>a:active {
    color: #fff;
}


.acc-nav-container {
    background: -o-linear-gradient(85deg, #454545 35%,#454545 35%,#303030 36%,#303030 100%);
    background: linear-gradient(5deg, #454545 35%,#454545 35%,#303030 36%,#303030 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#454545', endColorstr='#303030',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    height: 32px;
}


.nav-container-bottom {
    background: #454545;
}

.acc-nav {
    list-style: none;
    display: block;
    margin-bottom: 0;
    width: 100%;
    max-height: 32px;
    text-align: right;
}

.acc-nav li {
    display: inline-block;
    color: #fff;
    vertical-align: middle;
    line-height: 32px;
}

.acc-nav li:first-child {
    color: #ccc;
}


.acc-nav li a {
    color: #fff;
    text-decoration: underline;
    -webkit-transition: .5s ease all;
    -o-transition: .5s ease all;
    transition: .5s ease all;
    font-size: 1rem;
    -webkit-font-smoothing: antialiased;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.acc-nav li a.user {
    text-decoration: underline!important;
}


.right-nav li a svg g rect.cls-2,
.right-nav li a svg g polygon.cls-2,
.right-nav li a svg g path.cls-2 {
    fill: #ccc;
}

.right-nav-mobile li a svg g rect.cls-2,
.right-nav-mobile li a svg g polygon.cls-2,
.right-nav-mobile li a svg g path.cls-2 {
    fill: #ccc;
}

.acc-nav li img {
    vertical-align: middle;
}

.acc-nav li.user-right-drop {
    margin-right: 15px;
    position: relative;
}

a.user {
    font-weight: 600;
    text-decoration: none!important;
}


.dropdown-menu {
    min-width: inherit;
    left: inherit;
    background: white;
    padding: 15px;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    margin-top: 0;
}

.dropdown-open.open .drpdwn-mobile {
    display: block;
}



.drpdwn-mobile {
    position: relative;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    border-radius: none;
    display: none;
}


.dropdown-menu li {
    padding: 0;
    display: block;
    text-align: left;
}

.dropdown-menu li a {
    text-decoration: none;
    min-height: inherit;
}

.dropdown-menu li a:hover:after {
    background: transparent;
    height: 0px;
    width: 0px;
}


.dropdown-menu li a:hover,
.dropdown-menu li a:focus {
    background: transparent;
}


.dropdown-open>a>i.icon-chevron-thin-up,
.dropdown-open>a>i.icon-chevron-thin-down {
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    display: inline-block;
}

.dropdown-open.open>a>i.icon-chevron-thin-up,
.dropdown-open.open>a>i.icon-chevron-thin-down {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}


.icon-bar {
    background-color: #ccc;
}


.navbar-toggle {
    padding-top: 0;
    padding-bottom: 0;
    float: left;
    margin: 0;
    padding-left: 0;
    padding-right: 0;
}


.nav-toggle.active span {
    background-color: transparent;
    -webkit-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}


.nav-toggle.active span.icon-bar.bar-1 {
    -webkit-transform: translateY(7px) rotate(45deg);
    -ms-transform: translateY(7px) rotate(45deg);
    transform: translateY(7px) rotate(45deg);
    background: #ccc;
}

.nav-toggle.active span.icon-bar.bar-2 {
    -webkit-transform: translateY(-5px) rotate(-45deg);
    -ms-transform: translateY(-5px) rotate(-45deg);
    transform: translateY(-5px) rotate(-45deg);
    background-color: #ccc;
}

.mobile-nav {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    left: -50vw;
    top: 2px;
    background: #e6e6e6;
    height: 91vh!important;
    width: 120vw;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    z-index: 99999;
}

.mobile-nav li {
    display: block;
}

.mobile-nav li {
    text-decoration: none;
    padding: 5px;
    padding-left: 8%;
    display: block;
    text-align: left;
    width: 84.68888%;

}

.mobile-nav li a {
    color: #2b2b2b;
    text-decoration: none;
    font-weight: 600;
    font-size: 1.143rem;
    line-height: 2.286rem;
    vertical-align: middle;
    text-align: left;
}




.mobile-open {
    display: block;
    -webkit-transform: translateX(-10vw);
    -ms-transform: translateX(-10vw);
    transform: translateX(-10vw);
    visibility: visible;
    opacity: 1;
    left: 0vw;
    width: 120vw;
    overflow: auto;
    height: 93vh!important;
    padding-bottom: 100px;
}


.right-nav {
    display: block;
    list-style: none;
    margin: 0;
    float: right;
    max-height: 58px;
    height: 58px;
    line-height: 14px;
    text-align: right;
    width: 100%;
}

.right-nav li span {
    font-size: .9rem;
    font-weight: 400;
}

.right-nav li {
    display: inline-block;
    max-height: 58px;
    height: 100%;
    vertical-align: middle;
}

.right-nav li:first-child {
    width: 15%;
    float: left;
}

.right-nav li:last-child {
    width: 85%;
    max-height: 58px;
}

a.viewOrder {
    clear: left;
    height: auto;
    display: block;
}

.right-nav li a {
    text-decoration: underline;
    font-size: 1rem;
    font-weight: 600;
    display: block;
    color: #ccc;
    -webkit-font-smoothing: antialiased;
    height: 100%;
}

.right-nav li a i {
    font-size: 250%;
    color: #e42d24;
    padding-right: 15px;
}

.right-nav li a:active,
.right-nav li a:focus,
.right-nav li a:hover,
.right-nav li a:visited {
    color: #ccc;
}


.right-nav-order {
    height: 100%;
    list-style: none;
    text-align: left;
    padding-left: 1rem;
}

.right-nav li ul.right-nav-order li {
    display: block!important;
    width: 100%!important;
    float: none!important;
    max-height: 30px;
}

.right-nav-order li:last-child {
    line-height: 25px;
}

.right-nav-nologin {
    display: block;
    list-style: none;
    margin: 0;
    float: right;
    max-height: 58px;
}



.right-nav-nologin li {
    display: inline-block;
    float: left;
    padding-left: 15px;
    max-height: 58px;
    line-height: 58px;
}

.right-nav-nologin li a {
    font-size: 1rem;
    font-weight: 600;
    color: #ccc!important;
}



.right-nav-nologin li a:active,
.right-nav-nologin li a:focus,
.right-nav-nologin li a:hover,
.right-nav-nologin li a:visited {
    color: #ccc;
}


.right-nav-mobile {
    display: block;
    list-style: none;
    margin: 0;
    float: none;
    text-align: right;
    height: 77px;
}


.right-nav-mobile li {
    display: inline-block;
    text-align: right;
    line-height: 2rem;
    font-size: .6666rem;
    font-weight: 600;

}

.right-nav-mobile li a {
    text-decoration: underline;
    font-size: .6666rem;
    font-weight: 600;
}



.right-nav-mobile li a:active,
.right-nav-mobile li a:focus,
.right-nav-mobile li a:hover,
.right-nav-mobile li a:visited {
    color: #2b2b2b;
}


.wrapper-right {
    background: -o-linear-gradient(bottom, #454545 0%,#454545 65%,#303030 25%,#303030 100%);
    background: -webkit-gradient(linear, left bottom, left top, from(#454545),color-stop(65%, #454545),color-stop(25%, #303030),to(#303030));
    background: linear-gradient(0deg, #454545 0%,#454545 65%,#303030 25%,#303030 100%);
}

/* END NAVIGATION */

/* LOGO */

.logo img {
    height: 70px;
    width: auto;
    display: block;
    padding-top: 15px;
    float: left;
    padding-bottom: 15px;
}


.logo-mobile img {
    margin: 0 auto;
    display: block;
    padding: 5px;
    height: auto;
    width: 10rem;
    margin-top: 10px;
    margin-bottom: 10px;
}

/* END LOGO */



/* PRODUCT ITEM */

span.product-listing-title {
    color: #e42d24;
    font-size: 1.286rem;
    font-weight: 400;
}


.product-details-list {
    margin-bottom: 0;
}

.product-details-list li {
    display: inline-block;
    color: #000;
    vertical-align: middle;
    clear: both;
    float: none;
    margin-right: 0px;
    line-height: 1.5rem;
    font-weight: 400;
    font-size: 1.143rem;
    word-break: break-word;
}

.product-details-list li img {
    width: 20px;
    height: 20px;
    display: block;
}


li.product-type {
    max-width: inherit;
    text-align: left;
    display: inline-block;
}




.product-container,
.product-container-mobile {
    border: 1px solid #808080;
    background: #fff;
    width: 70px;
    height: 70px;
}

.product-container img,
.product-container-mobile img {
    max-height: 100%;
    max-width: 100%;
    margin: 0 auto;
    display: block;
}


.product-listing-row {
    margin-top: 12px;
}

.product-listing-row-summary {
    margin-top: 12px;
    padding-bottom: 8px;
    min-height: 8.5rem;
}

.product-listing-row:after {
    margin-top: 8px;
    content: " ";
    display: block;
    height: 1px;
    width: 90%;
    float: right;
    background-color: #808080;
}

.product-listing-head:after {
    content: " ";
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    height: 1px;
    width: 100%;
    background-color: #e42d24;
}


.product-listing-params {
    color: #000;
    font-weight: 400;
    word-break: break-word;
}

label.product-listing-params {
    margin-bottom: 0;
}

/* END PRODUCT ITEM */

/* BUTTONS */


.btn-default, .btn-primary {
    color: #fff;
    background-color: #e42d24;
    border-color: transparent;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 5px;
    font-size: .8rem;
}

.btn {
    display: block;
    margin-bottom: 0;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 1rem;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    outline: 0!important;
    letter-spacing: 1.5px;
    -webkit-box-shadow: none;
    box-shadow: none;
}


.btn-default:hover,
.btn-default:focus,
.btn-default:active {
    background-color: #ff3333;
    border-color: #ff3333;
    color: #fff;
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active {
    background-color: #ff3333;
    border-color: #ff3333;
    color: #fff;
}

.btn:hover,
.btn:focus,
.btn:active {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-default:active,
.btn-default.active,
.open>.dropdown-toggle.btn-default {
    background-image: none;
}

.btn-default.active.focus,
.btn-default.active:focus,
.btn-default.active:hover,
.btn-default:active.focus,
.btn-default:active:focus,
.btn-default:active:hover,
.open>.dropdown-toggle.btn-default.focus,
.open>.dropdown-toggle.btn-default:focus,
.open>.dropdown-toggle.btn-default:hover {
    color: #fff;
    background-color: #ff3333;
    border-color: #ff3333;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color: #ff3333;
    border-color: #ff3333;
    color: #fff;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color: #ff3333;
    border-color: #ff3333;
    color: #fff;
}

.btn:hover,
.btn:focus,
.btn:active {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-primary:active,
.btn-primary.active,
.open>.dropdown-toggle.btn-primary {
    background-image: none;
}

.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary:active.focus,
.btn-primary:active:focus,
.btn-primary:active:hover,
.open>.dropdown-toggle.btn-primary.focus,
.open>.dropdown-toggle.btn-primary:focus,
.open>.dropdown-toggle.btn-primary:hover {
    color: #fff;
    background-color: #ff3333;
    border-color: #ff3333;
}

.btn-transparent {
    background: transparent;
    border-color: #e42d24;
    color: #e42d24;
}


.btn-login {
    margin: 1rem auto;
}


.close {
    float: right;
    font-size: 2rem;
    line-height: 1;
    color: #e42d24;
    text-shadow: none;
    opacity: 1;
    font-weight: 400;
}

/* END BUTTONS */

/* FORMS */

.form-control {
    display: block;
    margin: 0 auto;
    width: 100%;
    margin-bottom: 5px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #3b3f42;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ddd;
    border-radius: 3px!important;
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
    outline: none!important;
}

.form-control:focus {
    border-color: #ddd;
    outline: none!important;
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
}

.form-control::-webkit-input-placeholder {
    -webkit-transition: .5s ease all;
    -o-transition: .5s ease all;
    transition: .5s ease all;
}

.form-control::-moz-placeholder {
    -webkit-transition: .5s ease all;
    -o-transition: .5s ease all;
    transition: .5s ease all;
}

.form-control:-ms-input-placeholder {
    -webkit-transition: .5s ease all;
    -o-transition: .5s ease all;
    transition: .5s ease all;
}

.form-control::-ms-input-placeholder {
    -webkit-transition: .5s ease all;
    -o-transition: .5s ease all;
    transition: .5s ease all;
}

.form-control::placeholder {
    -webkit-transition: .5s ease all;
    -o-transition: .5s ease all;
    transition: .5s ease all;
}

.form-control:focus::-webkit-input-placeholder {
    color: #fff;
}

.form-control:focus::-moz-placeholder {
    color: #fff;
}

.form-control:focus:-ms-input-placeholder {
    color: #fff;
}

.form-control:focus::-ms-input-placeholder {
    color: #fff;
}

.form-control:focus::placeholder {
    color: #fff;
}

.has-error .form-control {
    border-color: #ddd!important;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.has-error .form-control:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #ddd;
}

.has-error .input-group-addon {
    background-color: #eee;
}

/* END FORMS */

label.title-label {
    color: #ccc;
    font-weight: normal;
    margin-bottom: 5px;
    font-size: 1.143rem;
}


.container {
    width: 65%;
}

.h_width {
    width: 65%!important;
}


span.description-reg {
    color: #ccc;
    display: inline-block;
    font-weight: normal;
    vertical-align: middle;
    font-size: 1rem;
}

a.reg-acc {
    color: #e42d24;
    display: inline-block;
    margin-left: 15px;
    font-weight: normal;
    vertical-align: middle;
    font-size: 1rem;
    text-decoration: underline;
    font-weight: 600;
}

.group-register {
    margin-top: 15px;
    margin-bottom: 15px;
    width: 100%;
    text-align: center;
}

.group-reset {
    width: 100%;
}


span.form-title {
    color: #e42d24;
    font-size: 1.429rem;
    display: block;
    margin-top: 15px;
    margin-bottom: 15px;
    font-weight: 600;
}

.btn-next {
    display: inline-block;
    margin-top: 0;
}

.description-step {
    display: inline-block;
    line-height: 44px;
}

.description-step li {
    display: inline-block;
    list-style: none;
    text-decoration: none;
    color: #fff;
}

.description-step li a {
    color: #fff;
}

.description-step li a:hover,
.description-step li a:focus,
.description-step li a:active {
    color: #e42d24;
    text-decoration: underline;
}

.acc-nav li .dropdown-menu li {
    color: #4d4d4d;
    text-align: center;
    font-weight: normal;
    line-height: 1.4rem;
    font-weight: 600;
}

.acc-nav li .dropdown-menu li.user-color {
    color: #e42d24;
}

.acc-nav li .dropdown-menu li a.logout-color {
    color: #e42d24;
    font-size: 1rem;
}

.acc-nav li .dropdown-menu {
    padding: 0;
}

.acc-nav li .dropdown-menu li:not(.divider) {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
}



.acc-nav li .dropdown-menu li:nth-child(2) {
    /*padding-bottom: 10px;*/
}

.acc-nav li .dropdown-menu li:last-child {
    /*padding-top: 0;*/
}


.acc-nav li .dropdown-menu li a {
    color: #4d4d4d;
    text-align: center;
    font-weight: 600;
    margin-top: 0;
    line-height: 1.8rem;
}


.acc-nav li .dropdown-menu li a.btn-change-pass {
    background: transparent;
    border-color: #4d4d4d;
    padding-left: 5px;
    padding-right: 5px;
}

.acc-nav li .dropdown-menu li a.btn-change-pass:hover,
.acc-nav li .dropdown-menu li a.btn-change-pass:focus {
    background: #4d4d4d;
    color: #fff;
}

.acc-nav li .dropdown-menu li.gray-bg {
    background: #e6e6e6;
}


input.quantity {
    border-radius: 0!important;
    width: 4rem!important;
    border: 1px solid #e42d24;
    text-align: center;
    padding-left: 6px;
    padding-right: 6px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-font-smoothing: antialiased;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    font-weight: 600;
    display: inline-block;
}


button.quantity-left-minus {
    border: 1px solid #e42d24;
    background: transparent;
    color: #e42d24;
    padding: 6px 6px;
    border-right: 0;
    -webkit-font-smoothing: antialiased;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    height: 34px;
    width: 34px;
}



button.quantity-left-minus:disabled {
    border-color: #e42d24!important;
    color: #e42d24!important;
}

button.quantity-right-plus:disabled {
    border-color: #e42d24!important;
    color: #e42d24!important;
}

button.quantity-right-plus {
    border: 1px solid #e42d24;
    background: #e42d24;
    padding: 6px 6px;
    -webkit-font-smoothing: antialiased;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    height: 34px;
    width: 34px;
}


.product-listing-price-title,
.product-listing-price {
    text-align: right;
    margin-right: 2.5vw;
    float: right;
}


.product-cart-listing-price {
    margin-right: 2.5vw;
    text-align: right;
    display: block;
}

.product-listing-price {
    font-size: 1rem;
    font-weight: 400;
    color: #000;
    display: block;
    float: none;
}


.list-filters {
    list-style: none;
    text-decoration: none;
}

.list-filters li a {
    display: block;
    background: #fff;
    color: #808080;
    margin-top: 5px;
    margin-bottom: 5px;
    min-height: 40px;
    text-decoration: none;
    line-height: 40px;
    font-weight: 600;
    text-align: left;
    padding-left: 15px;
    padding-right: 15px;
}


.list-selected-filters {
    list-style: none;
    text-decoration: none;
    margin-bottom: 1rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}





.text-choose-brand {
    color: #ccc;
    font-size: 1.286rem;
}


.filter-add-remove {
    padding-top: 1rem;
    padding-right: 1rem;
}

.cart-quantity-group .inline-group {
    display: inline-block;
    width: 34px;
    height: 34px;
    float: none;
}


.total-qtty {
    color: #808080;
}

/* RADIO BUTTONS */

ul.radio-buttons-list li {
    list-style: none;
}

input[type="radio"] {
    background-color: transparent;
    border: 1px solid #e42d24;
    border-radius: 50%;
    -webkit-box-shadow: inset 0 0 0 0 white;
    box-shadow: inset 0 0 0 0 white;
    cursor: pointer;
    font: inherit;
    height: 12px;
    outline: none;
    width: 12px;
    -moz-appearance: none;
    -webkit-appearance: none;
    margin-left: .5rem;
    margin-right: .5rem;
}
input[type="radio"]:checked {
    background-color: #e42d24;
    -webkit-box-shadow: inset 0 0 0 2px #fff;
    box-shadow: inset 0 0 0 2px #fff;
    -webkit-transition: background .15s, border .2s, -webkit-box-shadow .1s;
    transition: background .15s, border .2s, -webkit-box-shadow .1s;
    -o-transition: background .15s, box-shadow .1s, border .2s;
    transition: background .15s, box-shadow .1s, border .2s;
    transition: background .15s, box-shadow .1s, border .2s, -webkit-box-shadow .1s;
    outline: none;
    border: 1px solid transparent;
}


/* END RADIO BUTTONS */


.nmb {
    margin-bottom: 0;
}


img.filters_brand {
    float: left;
    vertical-align: middle;
    margin-top: 3px;
    margin-bottom: 3px;
    margin-left: 3px;
    display: block;
    width: 34px;
    height: 34px;
}


.list-selected-filters li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    background: #808080;
    color: #fff;
    margin-top: 8px;
    margin-bottom: 12px;
    min-height: 30px;
    text-decoration: none;
    font-weight: 600;
    text-align: left;
    width: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}


.list-selected-filters li.category-title {
    background: transparent;
    border-bottom: 1px solid #e42d24;
    color: #e42d24;
    font-weight: 400;
    font-size: 1.429rem;
    padding-left: 0;
    margin-top: 15px;
    margin-bottom: 0;
    height: inherit;
    min-height: inherit;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}


.list-selected-filters li.category-title:first-child {
    margin-top: 0;
}

i.remove-active-filter {
    vertical-align: middle;
    color: #e42d24;
    font-weight: 600;
    font-size: 1.2rem;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
    line-height: 30px;
    height: 100%;
}


.list-selected-filters li span {
    padding-left: 15px;
    display: inline-block;
    word-break: break-word;
    max-width: 80%;
    height: 30px;
    line-height: 30px;
    text-transform: capitalize;
}


a.back-to-selection {
    text-decoration: underline;
    color: #808080;
    text-align: center;
    font-weight: 400;
    font-size: 1.143rem;
    display: block;
}

a.back-to-selection-mobile {
    text-decoration: underline;
    color: #808080;
    text-align: center;
    font-weight: 400;
    font-size: 1.143rem;
    display: block;
    float: none;
}


.list-selected-filters li a.remove-filter-link {
    position: relative;
    display: block;
    float: right;
    width: 15px;
    line-height: 30px;
    height: 30px;
}


span.total-products {
    display: inline-block;
    padding-right: 5px;
    color: #ccc;
}

.products-per-page {
    list-style: none;
    float: right;
    text-align: right;
}

.products-per-page>li {
    color: #000;
}

.products-per-page>li,
.products-per-page>li>a {
    display: inline-block;
}

.products-per-page>li>a {
    text-decoration: underline;
    color: #e42d24;
    font-weight: 600;
}

.products-per-page li a i {
    color: #000;
}

.drop-products-per-page {
    right: 0;
}

.products-per-page>li>a>ul.drop-products-per-page>li,
.products-per-page>li>a>ul.drop-products-per-page>li>a.dropdown-item {
    display: block;
}



.drop-products-per-page>li>a.dropdown-item:hover,
.drop-products-per-page>li>a.dropdown-item:focus {
    color: #e42d24;
}


.drop-user-menu {
    right: 0;
    border-color: #808080;
    border-radius: 4px;
    margin-top: 0;
    top: 27px;
}

.custom-search-form {
    margin: 20px 0;
    position: relative;
}

a.close-custom-search-form {
    position: absolute;
    top: 20px;
    right: -50px;
    height: 40px;
    width: 40px;
    line-height: 40px;
    text-align: center;
    display: block;
    vertical-align: middle;
    z-index: 999;
}

.close-custom-search-form i {
    font-size: 250%;
    color: #e42d24;
}


.custom-search-form input.form-control {
    border-color: #ddd;
    -webkit-box-shadow: none;
    box-shadow: none;
    min-height: 40px;
}

.btn-search {
    padding: 6px 12px;
    background: #e42d24;
    border-color: #e42d24;
    font-size: 1.286rem;
    font-weight: 400;
    border-radius: 4px;
    min-height: 2.857rem;
    line-height: inherit;
    color: #fff;
    max-height: 34px;
}

.btn-search:hover,
.btn-search:focus,
.btn-search:active,
.btn-search:visited,
.btn-search:active:focus,
.btn-search:active:hover {
    background: #e42d24;
    border-color: #e42d24;
}

/* STICKY FILTERS */

.stickyFilters.affix-top {
    position: static;
}

.stickyFilters.affix {
    position: fixed;
    top: 85px;
}

.stickyFilters {
    overflow-y:auto;
    overflow-x: hidden;
    height: 100%;
}

/* END STICKY FILTERS */

/* SCROLL BAR */

.comment_message textarea::-webkit-scrollbar,
.comments_inner_container::-webkit-scrollbar,
.stickyFilters::-webkit-scrollbar {
    width: 2px;
}

::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track {
    background: #ededed;
}

::-webkit-scrollbar-thumb {
    background: #303030;
}
::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(100,100,100,1);
}

/* END SCROLL BAR */


.box-title>i.icon-chevron-thin-down,
.box-title>i.icon-chevron-thin-up {
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    display: inline-block;
}

.box-title.collapsed>i.icon-chevron-thin-down,
.box-title.collapsed>i.icon-chevron-thin-up {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}


.pagination>li.pagination-prev>a.disabled,
.pagination>li.pagination-next>a.disabled {
    color: #808080;
}


.product-params-product-page {
    display: block;
    width: 100%;
    border-bottom: 1px solid #e42d24;
    margin-top: 15px;
    margin-bottom: 12px;
}

.product-params-product-page span {
    color: #e42d24;
    font-size: 1.286rem;
    font-weight: 400;
}

.product-view-left-content-inner .slider-for {
    border: 1px solid #808080;
}


.product-view-left-content-inner .slider-for .slider-item {
    position: relative;
    background: #fff;
}


.product-view-left-content-inner .slider-for .slider-item img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}




.slider-thumbnails {
    margin: 1rem auto;
    text-align: center;
}

.slider-thumbnails .slick-track {
    width: 100%!important;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}


.slider-thumbnails li {
    float: left;
    height: 5rem;
    width: 5rem!important;
    border: none;
    padding: 0;
    cursor: pointer;
    outline: none;
    border: 1px solid #ddd;
    margin-left: .5rem;
    margin-right: .5rem;
    position: relative;
    background: #fff;
}

.slider-thumbnails li.slick-current {
    border: 1px solid #808080;
}

.slider-thumbnails li img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    border: 1px solid transparent;
}





.drift-zoom-pane.drift-open {
    background: #fff;
}

.product-right-desc {
    min-height: 14vw;
}

.product-pagination-container {
    float: none;
    margin: 20px 0;
}

.product-pagination {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
}

.product-pagination .pagination {
    margin: 0;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

ul.product-pagination li {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: 0;
}

ul.product-pagination li a {
    text-decoration: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: 25px;
    padding: 2px;
    border: none;
    color: #000;
    background: transparent;
}

.product-pagination li a {
    pointer-events: initial;
}

.pagination>li>a,
.pagination>li>span {
    float: none;
}

ul.product-pagination li a:hover,
ul.product-pagination li a:active,
ul.product-pagination li a:focus {
    background: none;
    color: #e42d24;
}

span.total-products-mobile {
    display: block;
    position: absolute;
    top: 10px;
    right: 20px;
    text-align: center;
    color: #fff;
    width: 3rem;
    border-radius: 50px;
    background: #2b2b2b;
    font-size: 1rem;
    font-weight: 400;
}

span.total-products-mobile,
span.cart-total-items-mobile {
    display: block;
}

.prod-container-mobile-left {
    float: left;
}

.prod-container-mobile-right {
    display: table;
    padding-left: 15px;
}

.params-container-mobile {
    padding-bottom: 15px;
}

.product-listing-row-mobile:before {
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background: #e42d24;
}



.product-listing-params-red {
    min-width: 5rem;
    color: #e42d24;
    display: inline-block;
    font-weight: 400;
}


svg.shop-cart {
    width: 100%;
    height: 58px;
}

svg.shop-cart-mobile {
    padding: 5px;
    width: 3rem;
    margin-top: 20px;
}


.overlay-content {
    overflow: hidden;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,.4);
    z-index: 1;
}


.border-top {
    border-top: 1px solid #000;
}

.mobile-nav li.mnav-cat,
.mobile-nav li.mnav-cat > a  {
    color: #e42d24;
    font-weight: 600;
    font-size: 1.286rem;
}

a.redlink {
    color: #e42d24!important;
    font-weight: 600;
}


span.topCartProductsCount,
span.topCartUnitsCount {
    color: #e42d24;
    text-decoration: underline;
    font-weight: 600;
    padding-right: 2px;
    display: inline-block;
}


span.performance-level-title {
    font-weight: 700;
    color: #333333;
    font-size: 1.571rem;
}

span.performance-level-desc {
    font-weight: 400;
    color: #808080;
    font-size: 1.143rem;
    margin-bottom: 20px;
    margin-top: 10px;
}

span.product-info {
    font-weight: 400;
    color: #808080;
    font-size: 1.143rem;
    margin-bottom: 20px;
}

span.prod-name {
    font-weight: 400;
    color: #333333;
    font-size: 1.286rem;
    margin-top: 5px;
}

span.prod-sku {
    margin-top: 15px;
    margin-bottom: 15px;
    font-weight: 400;
    color: #e42d24;
    font-size: 1.286rem;
}

span.prod-sku>span.sku {
    color: #333333!important;
}

.no-center {
    margin-left: 0;
    margin-right: 0;
}


.dropdown>button>i.icon-chevron-thin-up,
.dropdown>button>i.icon-chevron-thin-down {
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    display: inline-block;
}

.dropdown.open>button>i.icon-chevron-thin-up,
.dropdown.open>button>i.icon-chevron-thin-down {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.transp-btn {
    background: #fff;
    color: #e42d24;
    font-size: 1.286rem;
    font-weight: 400;
    border: 1px solid #e42d24;
    padding: 5px 5px;
}

a.inline {
    display: inline-block!important;
    float: right;
}

span.documentation-title {
    max-width: 75%;
    display: inline-block;
    color: #000;
    margin-right: 1rem;
}

.dropdown-menu-documentation {
    border-radius: 5px;
    left: 0;
}

.dropdown-menu-documentation>li>a {
    text-decoration: underline;
    color: #e42d24;
    text-align: right;
    font-size: 1rem;
    font-weight: 400;
    padding: 0;
}

.dropdown-menu-documentation>li>a:hover,
.dropdown-menu-documentation>li>a:focus,
.dropdown-menu-documentation>li>a:active,
.dropdown-menu-documentation>li>a:visited {
    text-decoration: underline;
    color: #e42d24;
}

.dropdown-menu-documentation>li {
    margin-bottom: 28px;
}

.dropdown-menu-documentation {
    padding: 20px;
    border-color: #808080;
    border-radius: 4px;
}

.dropdown-menu-documentation>li:last-child {
    margin-bottom: 0px;
}

.dropdown-menu-documentation>li>a>i {
    color: #e42d24;
    text-decoration: none;
    font-size: 1rem;
    margin-left: 5px;
}

.btn-default.active, .btn-default:active,
.btn-default:hover,
.open>.dropdown-toggle.btn-default {
    background: #ff3333;
    border-color: #ff3333;
    color: #fff;
}

a.add-to-cart {
    font-size: 1.286rem;
    font-weight: 400;
    border-radius: 4px;
    height: 2.857rem;
    line-height: 1.143rem;
    color: #fff;
    padding: 6px 2px;
}

svg.icon-btn-truck-white {
    fill: #fff;
    width: 25px;
    vertical-align: middle;
    display: inline-block;
}

span.prod-price {
    font-size: 1.857rem;
    color: #000000;
    font-weight: 400;
}

span.prod-price-tva {
    font-size: 1.286rem;
    color: #000000;
    font-weight: 400;
}


.brand-producer {
    display: block;
    width: 20px;
    height: 20px;
}

.section-title {
    display: block;
    margin-top: 15px;
    margin-bottom: 12px;
}

.section-title:after {
    content: " ";
    display: block;
    height: 1px;
    width: 100%;
    background: #e42d24;
}


.section-subtitle,
.financial-details-head,
.my-order-history-head,
.list-bills-head {
    display: block;
    margin-top: 15px;
    margin-bottom: 12px;
}

.section-subtitle:after,
.financial-details-head:after,
.my-order-history-head:after,
.list-bills-head:after {
    content: " ";
    display: block;
    height: 1px;
    width: 100%;
    background: #808080;
}

.section-title span {
    color: #e42d24;
    font-size: 1.286rem;
    font-weight: 400;
}


.btn-change-pass,
.btn-import-order,
.btn-order-model,
.btn-brand {
    padding: 6px 12px;
}


.acc-params-company {
    display: block;
    margin-top: 15px;
    margin-bottom: 12px;
}

.acc-params-company:after {
    content: " ";
    display: block;
    height: 1px;
    width: 100%;
    background: #000
}

.acc-params-company span {
    color: #000;
    font-size: 1.286rem;
    font-weight: 400;
}

.contact-subtitle {
    display: block;
    margin-top: 15px;
    margin-bottom: 12px;
}

.contact-subtitle:after {
    content: " ";
    display: block;
    height: 1px;
    width: 100%;
    background: #000
}

.contact-subtitle span {
    color: #000;
    font-size: 1.286rem;
    font-weight: 400;
}


.acc-params-delivery {
    display: block;
    margin-top: 15px;
    margin-bottom: 12px;
}

.acc-params-delivery:after {
    content: " ";
    display: block;
    height: 1px;
    width: 100%;
    background: #000;
}

.acc-params-delivery span {
    color: #000;
    font-size: 1.286rem;
    font-weight: 400;
}


span.acc-params-subtitle {
    font-weight: 400;
    color: #000;
    display: block;
    padding-bottom: 10px;
    text-align: left;
}

span.uppercase {
    text-transform: uppercase;
}

span.acc-data {
    color: #808080;
    text-align: left;
    display: block;
    padding-bottom: 10px;
}

.acc-wrapper:after {
    content: " ";
    display: block;
    height: 1px;
    width: 100%;
    background: #e42d24;
}

.red-form {
    border-color: #e42d24;
    color: #000;
}

.form-inline .form-control {
    width: inherit;
}


.c-label {
    line-height: 34px;
    margin-bottom: 0;
}

.wrapper-change-pass:after {
    content: " ";
    display: block;
    height: 1px;
    width: 100%;
    background: #e6e6e6;
}

span.nl-text {
    color: #808080;
}

span.required {
    color: #e42d24;
    font-weight: 600;
    font-size: 1.5rem;
}


.comment-area {
    min-height: 15vh;
}


a.new-adress {
    text-align: center;
    color: #808080;
    text-decoration: underline;
    display: block;
    outline: none;
}

svg.info-tooltip {
    height: 2rem;
    width: auto;
    vertical-align: middle;
    display: inline-block;
}

#company_name-error,
#user_phone-error,
#user_first_name-error,
#user_email-error {
    color: #e42d24;
}


span.delivery-adress-info {
    color: #808080;
}

a.employee-name {
    color: #e42d24;
    text-decoration: underline;
}

a.contact-no {
    color: #e42d24;
    text-decoration: underline;
}

.modal-body {
    padding: 0;
}

.modal-footer {
    padding-top: 0;
}

span.modal-info {
    padding: 15px;
    display: block;
    margin: 0 auto;
    line-height: 2rem;
}

.btn-s-padding {
    padding: 6px 12px;
}


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


h2.text_title {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: 0;
    color: #4d4d4d;
    font-size: 1.1rem;
    line-height: 1.7rem;
    text-transform: none;
    text-align: left;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 0;
}

h2.text_subtitle {
    margin-top: .5rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    color: #e42d24;
    font-size: 2rem;
    line-height: 2rem;
    text-transform: uppercase;
    text-align: left;
}

.about-us-bg-right {
    background: #f2f2f2;
}

.about-us-bg-left {
    background: #fff;
}

.about-us-right-container {
    background: #e5e1d8;
}


.alert-dismissable .close,
.alert-dismissible .close {
    outline: none;
}

button.close {
    outline: none;
}

.page_text_container {
    padding: 1.5rem;
    font-size: 1.1rem;
    line-height: 1.7rem;
}

.about-us-bg-left,
.about-us-bg-right {
    min-height: 50rem;
    position: relative;
}

.h_centered {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 100%;
}


span.logged-in-as {
    display: block;
    text-decoration: underline;
    color: #000;
    font-weight: 400;
    font-size: 1.143rem;
    line-height: 2.286rem;
    padding-top: 5px;
}

span.log-out {
    padding-right: 8%;
}

.mobile-nav.mobile-open>li>ul>li {
    padding-left: 0;
}

.mobile-nav>li>ul>li {
    padding-left: 0;
}

svg.dwn-icon {
    width: 1rem;
    margin-left: 10px;
    height: auto;
    vertical-align: text-bottom;
}

svg.dwn-icon-reverse {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    vertical-align: text-top;
}


.alert-dismissable .close,
.alert-dismissible .close {
    top: 0px;
    right: 0px;
}

a.back-to-products {
    text-decoration: underline;
    color: #808080;
    font-size: 1.143rem;
}

.dropdown-menu-order-model {
    width: 30rem;
    right: 0;
    top: 2.5rem;
    border-radius: 4px;
    border-color: #808080;
    padding: 15px;
}

.dropdown-menu-order-model li {
    margin-bottom: 28px;
}

.dropdown-menu-order-model li a {
    padding: 0;
}

.dropdown-menu-order-model li:last-child {
    margin-bottom: 0;
}

a.download-order-model {
    display: inline-block;
    float: right;
    text-decoration: underline!important;
    color: #e42d24!important;
}

span.model-comanda-export {
    display: inline-block;
    width: 50%;
    word-break: break-word;
    color: #000;
}

.bot-r {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.import-order-text {
    color: #000;
}

.display-none {
    display: none;
}




.success-quantity-added {
    height: 100%;
    -webkit-box-shadow: 2px 3px 3px rgba(0,0,0,.15);
    box-shadow: 2px 3px 3px rgba(0,0,0,.15);
    position: absolute;
    right: 7%;
    z-index: 9;
    background: #e6e6e6;
    border: 2px solid #2ecc71;
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    -webkit-animation-duration: 1s!important;
    animation-duration: 1s!important;
    -webkit-animation-delay: 0;
    animation-delay: 0;
    z-index: -1;
    position: absolute;
    right: 0;
    top: 60px!important;
}

.success-quantity-removed {
    height: 100%;
    -webkit-box-shadow: 2px 3px 3px rgba(0,0,0,.15);
    box-shadow: 2px 3px 3px rgba(0,0,0,.15);
    background: #e6e6e6;
    border: 2px solid #e42d24;
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    -webkit-animation-duration: 1s!important;
    animation-duration: 1s!important;
    -webkit-animation-delay: 0;
    animation-delay: 0;
    z-index: -1;
    position: absolute;
    right: 0;
    top: 60px!important;
}

.success-quantity-modified {
    height: 100%;
    -webkit-box-shadow: 2px 3px 3px rgba(0,0,0,.15);
    box-shadow: 2px 3px 3px rgba(0,0,0,.15);
    background: #e6e6e6;
    border: 2px solid #2ecc71;
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    color: #e42d24;
    -webkit-animation-duration: 1s!important;
    animation-duration: 1s!important;
    -webkit-animation-delay: 0;
    animation-delay: 0;
    z-index: -1;
    position: absolute;
    right: 0;
    top: 60px!important;

}

.success-quantity-added span {
    color: #2ecc71;
    padding: 6px 12px;
    text-align: center;
    font-size: 1rem;
    font-weight: 600;
    position: relative;
    max-height: 56px;
    line-height: 44px;
    display: block;
    top: 0;
}

.success-quantity-removed span {
    color: #e42d24;
    padding: 6px 12px;
    text-align: center;
    font-size: 1rem;
    font-weight: 600;
    position: relative;
    max-height: 56px;
    line-height: 44px;
    display: block;
    top: 0;
}

.success-quantity-modified span {
    color: #2ecc71;
    padding: 6px 12px;
    text-align: center;
    font-size: 1rem;
    font-weight: 600;
    position: relative;
    max-height: 56px;
    line-height: 44px;
    display: block;
    top: 0;
}


.right-nav-nologin li a {
    color: inherit;
}


.product-type a {
    color: inherit;
    text-decoration: none;
}

.product-listing-params a {
    color: inherit;
    text-decoration: none;
}


a.close-btn {
    display: inline-block;
    float: right;
}

a.close-btn i {
    font-size: 150%;
    color: #e42d24;
    font-weight: 600;
    display: inline-block;
    vertical-align: middle;
    text-align: right;
    margin-left: 15%;
}


span.in-stock {
    line-height: 2rem;
    margin-right: 2rem;
    color: #2ecc71;
    display: inline-block;
    border-bottom: 1px dashed #2ecc71;
    font-weight: 600;
}

span.limited-stock {
    line-height: 2rem;
    margin-right: 2rem;
    color: #f1c40f;
    display: inline-block;
    border-bottom: 1px dashed #f1c40f;
    font-weight: 600;
}

span.out-of-stock {
    line-height: 2rem;
    margin-right: 2rem;
    color: #e42d24;
    display: inline-block;
    border-bottom: 1px dashed #e42d24;
    font-weight: 600;
}

.stock-container {
    display: block;
    text-align: right;
}

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


.btn-add-qty,
.btn-remove-qty {
    font-size: 1.2rem;
    line-height: 1.2rem;
    font-family: inherit;
    font-weight: 600;
}


.summary-product-sku-container {
    padding-top: 5px;
    display: block;
    padding-left: 10px;
}

.summary-product-name-container {
    display: block;
    padding-left: 10px;
}

span.product-cart-desc-title {
    color: #e42d24;
    font-weight: 600;
    font-size: 16px;
}

span.product-cart-desc-value {
    font-weight: 600;
    margin-left: 10px;
    font-size: 16px;
}

textarea.comments-area {
    max-width: 100%;
    border-radius: 4px;
    border: 1px solid #e42d24;
    color: #000;
    width: 100%;
    min-height: 10vh;
    outline: none;
    padding: 5px 10px;
    resize: none;
}

textarea.comments-area:focus {
    outline: none;
}

.comments-container {
    display: block;
}

.notification-container span,
.comments-container span,
.adress-container span {
    font-size: 1.5rem;
    color: #e42d24;
    text-transform: none;
}

.notification-container > span {
    margin-right: 1rem;
}

.finish-order-container {
    display: block;
    margin-top: 30px;
}

.finish-order-btn {
    max-height: 34px;
    padding: 5px 10px;
    margin-right: 0;
}

.finish-order-btn-split-view {
    max-height: 34px;
    padding: 5px 10px;
}

.btn-send-in-stock-order {
    background: #ddd;
    border: 2px solid #e42d24;
    color: #e42d24;
}

.btn-send-in-stock-order .fill-red {
    fill: #e42d24;
}

.btn-send-in-stock-order:hover .fill-red,
.btn-send-in-stock-order:focus .fill-red {
    fill: #fff;
}


.finish-order-btn.disabled.focus,
.finish-order-btn.disabled:focus,
.finish-order-btn.disabled:hover,
.finish-order-btn[disabled].focus,
.finish-order-btn[disabled]:focus,
.finish-order-btn[disabled]:hover,
fieldset[disabled] .finish-order-btn.focus,
fieldset[disabled] .finish-order-btn:focus,
fieldset[disabled] .finish-order-btn:hover {
    background: #e42d24;
    color: #fff;
    border-color: #e42d24;
}

.finish-order-btn-split-view.disabled.focus,
.finish-order-btn-split-view.disabled:focus,
.finish-order-btn-split-view.disabled:hover,
.finish-order-btn-split-view[disabled].focus,
.finish-order-btn-split-view[disabled]:focus,
.finish-order-btn-split-view[disabled]:hover,
fieldset[disabled] .finish-order-btn-split-view.focus,
fieldset[disabled] .finish-order-btn-split-view:focus,
fieldset[disabled] .finish-order-btn-split-view:hover {
    background: #e42d24;
    color: #fff;
    border-color: #e42d24;
}


.btn-send-in-stock-order[disabled]:hover .fill-red,
.btn-send-in-stock-order[disabled]:focus .fill-red {
    fill: #e42d24;
}



.btn-send-in-stock-order.disabled.focus,
.btn-send-in-stock-order.disabled:focus,
.btn-send-in-stock-order.disabled:hover,
.btn-send-in-stock-order[disabled].focus,
.btn-send-in-stock-order[disabled]:focus,
.btn-send-in-stock-order[disabled]:hover,
fieldset[disabled] .btn-send-in-stock-order.focus,
fieldset[disabled] .btn-send-in-stock-order:focus,
fieldset[disabled] .btn-send-in-stock-order:hover {
    background: #ddd;
    color: #e42d24;
    border-color: #e42d24;
}

.btn.disabled, .btn[disabled],
fieldset[disabled] .btn {
    opacity: 1;
}


.back-to-products {
    display: block;
    margin-top: 15px;
}

.back-to-products a {
    color: #e42d24;
    text-align: right;
    display: block;
    text-decoration: underline;
    font-size: 16px;
}

.ion-ios-close-empty:before {
    font-weight: 600!important;
}

svg.finish-order-icon {
    height: 24px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: inline-flex;
    width: 24px;
    vertical-align: middle;
}

.fill-white {
    fill: #fff;
}

.search-icon {
    float: left;
    margin-right: 15px;
}


.pieces-no, .liters-no {
    padding-right: 5px;
}


.checkbox label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 17px;
    height: 17px;
    top: 0;
    left: 0;
    border: 1px solid #e42d24;
    border-radius: 3px;
    background-color: #fff;
    -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
}

.checkbox label::after {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: absolute;
    width: 16px;
    height: 16px;
    left: 0;
    top: 0;
    padding-left: 3px;
    padding-top: 1px;
    font-size: 13px;
    color: #121212;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.checkbox-primary input[type="checkbox"]:checked+label::before {
    background-color: #e42d24;
    border-color: #e42d24;
}

.checkbox-primary input[type="checkbox"]:checked+label::after {
    color: #fff;
}

.checkbox input[type="checkbox"]:checked+label::after {
    font-family: 'icomoon';
    content: "\e600";
}

.checkbox label {
    min-height: 20px;
    margin-bottom: 0;
    font-weight: normal;
    vertical-align: middle;
    position: relative;
    padding-left: 25px;
    cursor: default;
}

.checkbox input[type="checkbox"] {
    opacity: 0;
    z-index: 1;
    opacity: 0;
    z-index: 1;
    width: 17px;
    height: 17px;
    left: 0;
    border-radius: 3px;
    margin: 0;
}

.checkbox+.checkbox,
.radio+.radio {
    margin-top: inherit;
}

.checkbox-primary {
    display: inline-block;
    padding-right: 15px;
}

.empty-cart {
    font-size: 1.5rem;
    font-weight: 600;
}


span.emptyCart {
    font-weight: 600;
    color: #ccc;
    font-size: 1rem!important;
}

.close-drop {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
}

.close-drop i.close-drop-icon {
    font-size: 150%;
    color: #e42d24;
    font-weight: 600;
    display: inline-block;
    vertical-align: top;
    text-align: right;
    margin-right: 5px;
}


.product-listing-params-mobile {
    text-align: left;
    margin-left: 1rem;
    float: none;
    display: inline-block;
}


.product-listing-params-red-mobile {
    display: inline-block;
    max-width: 10rem;
    min-width: 6rem;
}

.breadcrumbs {
    list-style: none;
    color: #808080;
    font-size: 1rem;
    font-weight: 600;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 2rem;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.breadcrumbs li {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding-right: .25rem;
}

.breadcrumbs a {
    color: #808080;
    font-size: 1rem;
    font-weight: 600;
}


.loader {
    border: 5px solid #ccc;
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
    border-top: 5px solid #4d4d4d;
    border-radius: 50%;
    width: 2rem;
    height: 2rem;
    padding-top: .5rem;
    padding-bottom: .5rem;
    /*margin-top: 1rem;
	margin-bottom: 1rem;
	margin-left: 1rem;*/
    display: inline-block;
    position: relative;
    float: left;
    top: 0;
}


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


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


.mobile-nav li a i.icon-chevron-thin-up {
    display: none;
}



span.filter-by {
    color: #808080;
    font-size: 1.286rem;
    font-weight: 400;
}



.cert-listing-head {
    border-bottom: 1px solid #808080;
}


span.cert-title, span.cert-date-title {
    color: #000;
    font-size: 1.286rem;
    font-weight: 400;
}

span.cert-date-title {
    margin-left: .5rem;
}

span.cert-no {
    color: #e42d24;
    font-size: 1.286rem;
    font-weight: 400;
    margin-left: 5px;
}


.cert-listing-row {
    margin-top: 10px;
    margin-bottom: 10px;
}


a.dwn-cert {
    color: #e42d24;
    text-decoration: underline;
    font-size: 1.143rem;
    font-weight: 400;
    width: 100%;
    padding-left: .5rem;
    float: none;
    text-align: right;
}

span.cert-date-value {
    color: #808080;
    font-size: 1.143rem;
    font-weight: 400;
    display: block;
    margin-left: .5rem;
}

span.cert-value {
    color: #000;
    font-size: 1.143rem;
    font-weight: 400;
    display: block;
    word-break: break-word;
}


.btn-search-cert {
    min-width: 100%;
}


a i.icon-chevron-thin-up {
    margin-left: 5px;
}


.searched-products {
    border: 1px solid #808080;
    border-radius: 4px;
    padding: 20px;
    position: absolute;
    top: 62px;
    background: #fff;
    z-index: 9999;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}

.searched-product-img-container {
    border: 1px solid #808080;
    width: 50px;
    height: 50px;
}

img.searched-product-img {
    max-height: 100%;
    max-width: 100%;
    margin: 0 auto;
    display: block;
}


.autocomplete-row {
    margin-bottom: 16px;
}

.autocomplete-row:after {
    content: " ";
    display: block;
    height: 1px;
    width: 100%;
    margin-top: 5rem;
    background-color: #808080;
}

.searched-products>.autocomplete-row:last-child:after {
    display: none;
}

a.autocomplete-product-name {
    color: #000;
    text-decoration: none;
    font-weight: 600;
}


span.credit-limit, span.total-payment-title,
span.financial-obs-title,
span.financial-details-head-title,
span.order-history-head-title,
span.list-bills-head-title {
    color: #808080;
    font-weight: 400;
    font-size: 1.143rem;
    text-align: left;
    display: block;
}

span.credit-limit-value,
span.total-payment-value {
    color: #000;
    font-weight: 600;
    font-size: 1.143rem;
    text-align: right;
    display: block;
}


span.financial-obs {
    color: #000;
    font-weight: 600;
    font-size: 1rem;
    text-align: left;
    display: block;
}


.financial-details-row {
    padding-top: 5px;
    padding-bottom: 5px;
}

.financial-details-row span {
    color: #000;
}

span.financial-details-total-exceed {
    text-align: left;
    display: block;
    font-weight: 600;
    font-size: 1.143rem;
    color: #e42d24;
}


span.financial-details-total-exceed-value {
    text-align: right;
    display: block;
    font-weight: 600;
    font-size: 1.143rem;
    color: #e42d24;
}

span.financial-details-total-no-exceed {
    text-align: left;
    display: block;
    font-weight: 600;
    font-size: 1.143rem;
    color: #2ecc71;
}

span.financial-details-total-no-exceed-value {
    text-align: right;
    display: block;
    font-weight: 600;
    font-size: 1.143rem;
    color: #2ecc71;
}


span.my-orders-no, span.my-bills-no {
    color: #000;
    padding-left: 10px;
}


.my-order-history-row,
.mobile-order-history-row,
.list-bills-row,
.mobile-list-bills-row {
    padding-top: 5px;
    padding-bottom: 5px;
}

.my-order-history-row span,
.mobile-order-history-row span,
.list-bills-row span,
.mobile-list-bills-row span {
    color: #000;
}

span.order-history-value-order-no,
span.list-bills-value-bill-no a {
    color: #e42d24;
    text-decoration: underline;
}


.btn-buy-again {
    padding: 6px 12px;
    float: right;
}

.btn-buy-again-mobile {
    padding: 6px 12px;
    float: none;
    margin-bottom: 10px;
    margin-top: 10px;
}

.order-history-img-container {
    width: 35px;
    height: 35px;
    border: 1px solid #808080;
    display: block;
}


.resized-img {
    max-width: 100%;
    max-height: 100%;
    height: auto;
    margin: 0 auto;
    display: block;
}


.prod-order span {
    color: #000;
    padding-bottom: 5px;
}



.mobile-order-history-row,
.mobile-list-bills-row {
    border-top: 2px solid #e42d24;
}

.mobile-order-history-row:first-child,
.mobile-list-bills-row:first-child {
    border-top: none;
}

.mobile-order-history-row-row,
.mobile-list-bills-row-row {
    padding-top: 5px;
    padding-bottom: 5px;
}


.table-list-toggle span {
    padding-bottom: 5px;
    color: #000;
}



.mobile-search-area {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    left: -50vw;
    top: 2px;
    background: #fff;
    height: 100%;
    width: 120vw;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    z-index: 9999;
}


.search-area-open {
    display: block;
    -webkit-transform: translateX(-10vw);
    -ms-transform: translateX(-10vw);
    transform: translateX(-10vw);
    visibility: visible;
    opacity: 1;
    left: 0vw;
    width: 120vw;
    height: 100vh;
    padding-bottom: 15px;
    z-index: 9999;
}


.closeSearchMobile {
    position: absolute;
    top: 1.5%;
    padding-left: 8%;
    width: 85%;
    left: 0;
    padding-right: 8%;
}

.closeSearchMobile i {
    font-size: 150%;
    color: #e42d24;
    float: right;
}

.mobile-search-inner {
    position: relative;
    top: 0;
    left: 50vw;
    width: 120vw;
    height: 100vh;
    -webkit-transform: translateX(-50vw);
    -ms-transform: translateX(-50vw);
    transform: translateX(-50vw);
}


.form-search-mobile {
    width: 85%;
    right: 0%;
    top: 5%;
    left: 0;
    padding-left: 8%;
    padding-right: 8%;
    position: absolute;
}

.alert {
    padding: 0;
}

.alert-danger {
    color: #e42d24;
    background-color: transparent;
    border: none;
}

.alert-dismissable,
.alert-dismissible {
    padding-right: 0;
}

.close:focus,
.close:hover,
.close:focus:active,
.close:hover:active {
    color: #e42d24;
    opacity: 1;
}


.summary-comments-title {
    margin-top: 0.7143rem;
    line-height: 40px;
    max-height: 40px;
}


.cart-products-head:after {
    content: " ";
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    height: 1px;
    width: 100%;
    background-color: #e42d24;
}

.cart-products-head span {
    font-size: 1.5rem;
    color: #e42d24;
    text-transform: none;
}


a.back-to-checkout {
    color: #e42d24;
    display: block;
    margin: 0 auto;
    width: 100%;
    text-align: center;
    text-decoration: underline;
}

a.back-to-checkout:hover,
a.back-to-checkout:focus {
    color: #e42d24;
}


.btn-fw {
    max-width: 30rem;
}


.stock-and-out-of-stock-head:after {
    content: " ";
    display: block;
    height: 1px;
    width: 100%;
    background: #808080;
}

span.stock-products-title,
span.out-of-stock-products-title {
    font-size: 1.5rem;
    color: #000;
    text-transform: none;
}

span.stock-products-desc,
span.out-of-stock-products-desc {
    color: #808080;
    display: block;
}


.cart-product-params {
    padding-left: .5rem;
    padding-right: .5rem;
    display: block;
}


span.stock-icon-container,
span.out-of-stock-icon-container {
    vertical-align: top;
    max-height: 2rem;
}


.stock-and-out-of-stock-head-title span i.stock-icon {
    font-size: 150%;
    padding-right: 1rem;
    color: #2ecc71;
    display: block;
    width: 100%;
}

.stock-and-out-of-stock-head-title span i.out-of-stock-icon {
    font-size: 150%;
    padding-right: 1rem;
    color: #FFDB33;
    display: block;
    width: 100%;
}

.order-product-container {
    border: 1px solid #808080;
    background: #fff;
    width: 70px;
    height: 70px;
}

.order-product-container img {
    max-height: 100%;
    max-width: 100%;
    margin: 0 auto;
    display: block;
}

.success-container {
    margin-top: 2.5rem;
}

.success-container span.success {
    font-size: 1.55rem;
    font-weight: 300;
}

.summary-right .summary-total-container,
.summary-right .summary-vat-container,
.summary-right .summary-total-price-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid #000;
    padding-top: .25rem;
    padding-bottom: .25rem;
}



.summary-right .summary-total-price-container {
    border-bottom: 0;
}


.summary-right .summary-total-container span,
.summary-right .summary-vat-container span,
.summary-right .summary-total-price-container span {
    color: #000;
}

.summary-right .summary-total-container span {
    font-size: 1.75rem;
}

.summary-right .summary-vat-container span,
.summary-right .summary-total-price-container span {
    font-size: 1.35rem;
}



.summary-qty-container,
.summary-qty-right {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.summary-qty-container,
.summary-qty-right .summary-baxuri,
.summary-qty-right .summary-bucati,
.summary-qty-right .summary-litri {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: .25rem;
    padding-bottom: .25rem;
    border-bottom: 1px solid #000;
}

.summary-qty-right .summary-litri {
    border-bottom: 0;
}

.summary-qty-container > span {
    font-size: 1.5rem;
    color: #000;
}

.summary-qty-right .summary-baxuri span,
.summary-qty-right .summary-bucati span,
.summary-qty-right .summary-litri span {
    font-size: 1.25rem;
    color: #000;
}

.btn-report {
    padding: 5px;
    border-radius: 5px;
    cursor: pointer;
}

#selectCompanyFiles,#selectCompanyFiles > option{
    max-width: 14rem;
}

/* Followers design */

.client-listing-item .list-followers {
    display: none !important;
}

.total-followers{
    color: #fff !important;
    position: absolute;
    top: -0.15rem;
    right: .35rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: 1rem;
    min-height: 1rem;
    max-width: 1.3rem;
    max-height: 1.3rem;
    border-radius: 50%;
    background: red;
    color: #fff;
    font-size: .7rem;
    border: 1px solid red;
    font-family: "Azo Sans Regular", sans-serif;
    font-weight: 700;
}

.color-green{color: #4CAF50;}
.color-red{color: #e42d24;}
.absolute{position: absolute;}
.list-followers {
    top: 2.5rem;
    text-align: center;
    background-color: #e6e6e6;
    font-size: 1rem;
    border-radius: 4px;
    min-width: 8rem;
    max-height: 8rem;
    overflow-y: auto;
}

.modal-title .list-followers {
    left: 0rem;
    z-index: 1;
}

.client-info-container .list-followers{
    right: -2.5rem;
}

.list-followers ul {
    list-style: none;
    margin-bottom: 0;
    padding: 5px;
}

.list-followers li {
    margin: 0.2rem 0;
}

.list-followers::-webkit-scrollbar {
    width: 2px;
}

.list-followers::-webkit-scrollbar-track {
    background: #ededed;
}

.list-followers::-webkit-scrollbar-thumb {
    background: #303030;
}

.list-followers::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(100,100,100,1);
}

.btn-task-follow i {
    font-size: 200%;
}

/* End followers design */



/* CRM Notifications */
#drop-notifications{
    margin: 0 10px;
}

#drop_feed_trigger_mobile{
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#drop_feed_trigger_mobile a{
    color: #000;
    position: relative;
}

#drop_feed_trigger_mobile .notifications-toggle {
    color: #fff;
    max-width: 2.2rem;
    font-size: 28px;
}

#drop_feed_trigger_mobile .notifications-toggle a {
    font-size: 20px;
}

#drop_feed_trigger_mobile .dropdown-menu {
    padding: 0;
}

#drop_feed_trigger_mobile .feed-desc-container {
    text-align: center;
}

#drop_feed_trigger_mobile .dropdown-menu .feed-header,
#drop_feed_trigger_mobile .dropdown-menu .feed-desc {
    color: #4d4d4d;
    text-align: center;
    font-weight: normal;
    line-height: 1.4rem;
    font-weight: 600;
}

#drop_feed_trigger_mobile .dropdown-menu .feed-element,
#drop_feed_trigger_mobile .dropdown-menu .feed-header {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
}

#drop_feed svg .st0 {
    display: none;
}

#drop_feed svg .st1 {
    display: inline;
    fill: none;
    stroke: #000000;
    stroke-miterlimit: 10;
}

#drop_feed svg .st2 {
    display: inline;
}

#drop_feed svg .st3 {
    fill: none;
    stroke: #fff;
    stroke-width: 1.25;
    stroke-miterlimit: 10;
}

.notifications-toggle {
    position: relative;
    text-decoration: none;
}

.notifications-toggle:hover,
.notifications-toggle:focus {
    text-decoration: none;
}

.notifications-toggle span {
    position: absolute;
    top: -1.1rem;
    right: 0rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: 1rem;
    min-height: 1rem;
    max-width: 1.5rem;
    max-height: 1rem;
    border-radius: 50%;
    background: red;
    color: #fff;
    font-size: .7rem;
    border: 1px solid red;
    font-family: "Azo Sans Regular", sans-serif;
    font-weight: 700;
}


.notifications-toggle svg {
    -webkit-transform: rotate(25deg);
    -ms-transform: rotate(25deg);
    transform: rotate(25deg);
    width: 30px;
    height: 30px;
}


.dropdown-menu-feed {
    width: 26rem;
}

.dropdown-menu-feed .closeDropFeed {
    margin-right: 1rem;
}

.dropdown-menu-feed li.divider {
    margin: 0;
    padding: 0;
}

.dropdown-menu-feed .feed-container {
    /*poate se face altfel selectorul sa suprascrie fara !important ce e la linia 1670*/
    padding: 0!important;
}

.dropdown-menu-feed .feed-container,
.dropdown-menu-feed .feed-container ul {
    max-height: 20rem;
    overflow: auto;
}

.dropdown-menu-feed .feed-element {
    overflow: hidden;
    border-bottom: 1px solid #e5e5e5;
}

.dropdown-menu-feed .feed-element:last-child {
    overflow: hidden;
    border-bottom: 0;
}

.dropdown-menu-feed .feed-desc-container {
    line-height: 1.5rem;
}
/* End CRM Notifications */

/* REPORT TABLE IN DASHBOARD */

.crm-container .scrolling-outer table thead tr th {
    position: sticky;
    top: 0;
    z-index: 10;
}

/* END REPORT TABLE IN DASHBOARD */

/* MEDIA QUERIES */

@media (min-width: 147px) and (max-width: 425px) {
    ul.product-pagination {
        float: none;
        margin: 20px auto;
        width: 100%;
        display: block;
        text-align: center;
    }
}

@media (min-width: 147px) and (max-width: 374px) {
    .product-container-mobile {
        width: 45px;
        height: 45px;
    }
}

@media (min-width: 375px) and (max-width: 424px) {
    .product-container-mobile {
        width: 60px;
        height: 60px;
    }
}

@media (min-width: 147px) and (max-width: 991px) {
    .product-listing-price {
        margin-right: 0;
        text-align: left;
    }
    .product-listing-row:after {
        display: none;
    }
    .left-filters-container {
        background: #e6e6e6;
    }
    .notifications-toggle span {
        top: -0.2rem;
        /*right: -.45rem;*/
    }
}

@media (min-width: 147px) and (max-width: 600px) {
    .wrapper-hide-desktop {
        margin-right: 1.5rem;
    }
}

@media (min-width: 992px) and (max-width: 1280px) {
    .product-container {
        width: 50px;
        height: 50px;
    }
}
@media (min-width: 992px) and (max-width: 1152px) {
    input.quantity {
        width: 3rem!important;
    }
}
@media (min-width: 147px) {
    .success-quantity-added {
        top: 79px;
    }
    .success-quantity-removed {
        top: 79px;
    }
    .success-quantity-modified {
        top: 79px;
    }
}


@media (min-width: 1280px) {
    .success-quantity-added {
        top: 92px;
    }
    .success-quantity-removed {
        top: 92px;
    }
    .success-quantity-modified {
        top: 92px;
    }
}
@media (min-width: 147px) and (max-width: 375px) {
    .cart-product-container {
        width: 65px;
        height: 65px;
    }
    .string {
        font-size: .9rem;
        line-height: 1.5rem;
    }
    a.reset-password {
        font-size: .9rem;
        line-height: 1.5rem;
    }
}

@media (min-width: 147px) and (max-width: 600px) {
    .summary-product-sku-container {
        padding-top: 15px;
    }
}

@media (min-width: 600px) and (max-width: 767px) {
    .summary-product-sku-container {
        padding-top: 30px;
    }
}

@media (min-width: 600px) and (max-width: 767px) {
    .cart-product-container {
        width: 120px;
        height: 120px;
    }
}

@media (min-width: 768px) and (max-width: 992px) {
    .cart-product-container {
        width: 150px;
        height: 150px;
    }
    .active-tasks-container {
        margin-top: 14.5rem;
    }
}

@media (min-width: 768px) and (max-width: 992px) {
    .summary-product-sku-container {
        padding-top: 60px;
    }
}

@media (max-width: 992px) {
    span.product-cart-listing-price {
        margin-right: 0;
        text-align: left;
        padding-top: 15px;
        padding-left: 15px;
    }
    .summary-product-name-container {
        padding-left: 15px;
    }
    .summary-product-sku-container {
        padding-left: 15px;
    }
    .summary-product-price-container {
        padding-left: 15px;
        padding-top: 15px;
    }
    .cart-quantity-group, .cart-unit-group {
        padding-top: 15px;
        padding-left: 15px;
    }
    .stock-container {
        padding-top: 15px;
        padding-left: 15px;
        text-align: left;
    }
    .cart-unit-group>span {
        padding-top: 15px;
        display: block;
    }


}


@media (min-width:147px) and (max-width: 991px) {
    #content {
        top: 45px;
    }
}

@media (min-width:768px) and (max-width: 991px) {
    img.brand_logo_mobile {
        max-width: 35%!important;
    }
}


@media (min-width: 147px) and (max-width: 767px) {
    .modal-dialog {
        width: 75%!important;
    }
}

@media (min-width: 147px) and (max-width: 991px) {
    #content-logged-in {
        background: #fff!important;
    }
    body, html {
        background: #fff;
    }
    .filter-add-remove {
        padding-right: 0px!important;
    }
}

@media (min-width: 147px) and (max-width: 1280px) {
    nav {
        background: #444!important;
    }
    .desktop-nav,
    .wrapper-left,
    .wrapper-right,
    .wrapper-hide-mobile {
        display: none;
    }
    .mobile-nav-container {
        display: block;
    }
    .navbar-toggle {
        display: block!important;
        height: 77px;
    }
}

@media (min-width: 147px) and (max-width: 1279px) {
    header {
        height: 79px;
    }
    #content-logged-in {
        margin-top: 79px;
        padding-top: 0;
    }
    #content-no-login {
        margin-top: 79px;
        padding-top: 0;
    }
}

@media (min-width:1280px) {
    .mobile-nav-container,
    .wrapper-hide-desktop {
        display: none;
    }
    .desktop-nav,
    .wrapper-left,
    .wrapper-right {
        display: block;
    }
    .navbar-toggle {
        display: none!important;
    }
}


@media (min-width: 147px) {
    li.filters-dropdown .dropdown-menu.open,
    li.filters-dropdown .dropdown-menu.open .dropdown-menu.inner {
        max-height: 30vh!important;
        top: 100%;
    }
}

@media (min-width: 147px) and (max-width: 474px) {
    .site-title {
        top: 20px;
        min-height: inherit;
    }
    #content {
        top: -20px;
    }
    .breadcrumbs {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .left-filters-container {
        padding-right: 0!important;
    }
    .navbar-fixed-top .shop-cart {
        width: 40px;
        height: 40px;
        margin-top: 2px;
    }
    .navbar-fixed-top .shop-cart span {
        top: -25px;
    }
    .navbar-main .navbar-header .navbar-right {
        min-height: 45px;
    }
    .container-fluid>.navbar-header {
        min-height: 45px;
    }
    .navbar-toggle {
        padding: 0;
        margin-top: 0;
        margin-bottom: 0;
    }
    .auth-icon-main {
        line-height: inherit;
    }
    #mobile-account-collapse-btn {
        padding: 0;
        margin-left: 0;
        padding: 6px 10px;
        padding-bottom: 0;
        padding-left: 0;
    }
    #mobile-menu-collapse-btn {
        padding: 9px 10px;
        padding-left: 0;
    }
    #navbar-collapse-1 {
        margin-top: 45px!important;
    }
    .imageUploadMerchant label {
        margin-top: 26px!important;
    }
}

@media (min-width: 147px) and (max-width: 991px) {
    .left-filters-container {
        padding-right: 0px!important;
    }
}

@media (min-width: 147px) and (max-width: 1091px) {
    .page-header {
        font-size: 1rem;
        padding: 0px;
        border-bottom: 0;
    }

}

@media (min-width: 147px) and (max-width: 992px) {
    .order-history-container-right-title {
        text-align: left;
        border-bottom: 0!important;
    }

}

@media (min-width: 147px) and (max-width: 991px) {
    .mobile-fix {
        padding: 0;
    }
    .padding-mobile {
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .ptop {
        padding-top: 15px;
    }
    .mobile-npl {
        padding-left: 0;
    }
    .mobile-npr {
        padding-right: 0;
    }
    .navbar-main {
        border-bottom: 1px solid #ddd!important;
    }

}

@media (min-width: 147px) and (max-width: 764px) {
    .size-button {
        padding: 5px;
    }
    .qtty-button {
        padding: 5px;
    }

}

@media (min-width: 147px) and (max-width: 319px) {
    span.product-cart-desc-value {
        margin-left: 0;
    }
}


@media (min-width: 147px) and (max-width: 480px) {
    .order-product-container {
        width: 40px;
        height: 40px;
    }
}



@media (min-width: 147px) and (max-width: 991px) {
    .searched-products {
        width: 100%;
        right: 0%;
        top: 1px;
        left: 0;
        margin-top: -20px;
        position: relative;
    }
    .autocomplete-row:after {
        display: none;
    }
}



@media (min-width: 147px) and (max-width: 375px) {
    .dropdown-menu-documentation {
        padding: .2rem;
        width: 15rem;
    }
    span.documentation-title {
        max-width: 55%;
        margin-right: 0;
    }
    .cart-products-head span {
        font-size: 1.3rem;
    }
    span.product-cart-desc {
        font-size: 12px;
    }
    span.product-cart-desc-title {
        font-size: 14px;
    }
    span.product-cart-desc-value {
        margin-left: 0;
        font-size: 12px;
    }
    svg.info-tooltip {
        height: 1.5rem;
    }
}

@media (min-width: 147px) and (max-width: 425px) {
    span.cert-value {
        text-align: left;
    }
    span.cert-date-value {
        text-align: left;
    }

}

@media (min-width: 147px) and (max-width: 992px) {
    .btn-search-cert {
        width: 100%;
        display: block;
    }
    .box {
        padding-right: 0;
    }
}



@media (min-width: 147px) and (max-width: 768px) {
    a.dwn-cert {
        text-align: left;
    }
    .dropdown-menu-order-model {
        width: 100%;
    }
    .order_model {
        width: 100%;
        margin: 1rem auto;
        display: block;
    }
}

@media (min-width: 147px) and (max-width: 482px) {
    .popover {
        top: -20px!important;
        width: 15rem!important;
        max-width: inherit!important;
        left: 50%!important;
        position: absolute!important;
        -webkit-transform: translate(-50%,-90%)!important;
        -ms-transform: translate(-50%,-90%)!important;
        transform: translate(-50%,-90%)!important;
        display: block!important;
        margin-left: 0!important;
    }

    .popover .arrow {
        display: none;
    }
}


@media (min-width: 992px) {
    .products-big-container {
        min-height: 75vh;
    }
}


.finish-order-btn-split-view p {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: inline-flex;
}

.main-nav li.dropdown-open:hover .dropdown-menu {
    display: block;
}

.acc-nav li.dropdown-open:hover .dropdown-menu {
    display: block;
}


.sales-consulting {
    text-align: center;
    margin: 2rem auto;
    display: block;
}

.sales-consulting a {
    text-decoration: underline;
    color: #808080;
    font-weight: 400;
    font-size: 1.143rem;
}



.all-total-container {
    background: #ddd;
}


.in-stock-products {
    background: #fbfbfb;
    border-right: 1px solid #ddd;
}





a.go-top {
    position: fixed;
    bottom: 2em;
    right: 2em;
    text-decoration: none;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.6);
    display: none;
    width: 3rem;
    height: 3rem;
    line-height: 3rem;
    text-align: center;
    vertical-align: middle;
}


a.go-top i {
    font-size: 200%;
    color: #fff;
    vertical-align: middle;
}


.go-top:hover {
    background-color: rgba(0, 0, 0, 0.8);
}

.contact-text-content p {
    font-weight: 700;
}


span.emptyCart {
    margin-top: 15px;
    display: block;
}


.user-right-drop:hover a i {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}


#remove-product-from-cart {
    width: 100%;
    text-align: right;
    color: #e42d24;
    background: none;
    border: none;
    text-decoration: underline;
    height: 40px;
    vertical-align: middle;
    display: block;
    font-size: 1rem;
    line-height: 1rem;
    cursor: pointer;
}



#remove-product-from-cart i {
    font-size: 150%;
    vertical-align: middle;
    color: #e42d24;
    padding-left: .5rem;
    display: inline-block;
}

span.prod-in-cart {
    font-size: 16px;
    vertical-align: middle;
    line-height: 1rem;
    color: #808080;
}


span.user-logged-as {
    color: #e42d24;
    display: block;
}

span.product-cart-desc a,
span.product-cart-desc a:hover,
span.product-cart-desc a:focus {
    color: #000;
    text-decoration: none;
}

span.product-cart-desc-value a,
span.product-cart-desc-value a:hover,
span.product-cart-desc-value a:focus {
    color: #000;
    text-decoration: none;
}


span#cart-total-items {
    display: inline-block;
    color: #ccc;
}

.right-nav-order li:first-child {
    padding-top: 5px;
    max-height: 35px;
}

.right-nav-order li:last-child {
    max-height: 24px;
}

.drop-products-per-page {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.stock-info-box {
    display: block;
    width: 100%;
    height: 100%;
    text-align: right;
}

span.stock-info-box a {
    position: relative;
}

.popover {
    max-width: 100%;
}


.prod-page-quantity input.quantity {
    width: 100%!important;
}

.prod-page-pieces {
    text-align: center;
}



/* SLIDER LISTING */


.slider-listing .slick-next {
    right: 1rem!important;
    z-index: 99;
    width: inherit;
    height: inherit;
}

.slider-listing .slick-prev {
    left: 1rem!important;
    z-index: 99;
    width: inherit;
    height: inherit;
}

.slider-listing .slick-next:before,
.slider-listing .slick-prev:before {
    font-size: 2.5rem;
    font-family: "FontAwesome";
    color: #e42d24;
    opacity: 1;
}

.slider-listing .slick-next:before {
    content: "\f105";
}

.slider-listing .slick-prev:before {
    content: "\f104";
}

.slider-listing .slick-next:before:hover,
.slider-listing .slick-prev:before:hover {
    opacity: 1;
}


.slider-listing .slick-slide:focus {
    outline: none;
}


.slider-listing .slick-dots li.slick-active button:before {
    opacity: 1rem;
    color: #e42d24;
    opacity: 1;
}

.slider-listing .slick-dots li button {
    width: 1.5rem;
    height: 1.5rem;
    font-size: 1.5rem;
}

.slider-listing .slick-dots li button:before {
    width: 1.5rem;
    height: 1.5rem;
    font-size: 1.5rem;
    line-height: 1.5rem;
}


.slider-listing .slick-dots {
    left: 0;
    bottom: 0;
    text-align: left;
    opacity: 1;
    padding-left: 2.5rem;
    padding-bottom: .5rem;
    z-index: 1!important;
}

.slider-listing .slick-dots li button:before {
    color: #ddd;
    opacity: 1;
}

.slider-listing .slick-dots li {
    width: 1.5rem;
    height: 1.5rem;
}

.slider-listing .slider-element {
    position: relative;
}


.slider-listing .slider-element .slider-element-img-container img {
    width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}


.slider-listing .slick-current .slick-dots li button:before {
    opacity: 1;
}

.slider-listing.slick-dotted.slick-slider {
    margin-bottom: 0;
}


.slider-element-info-container {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 99;
    padding-bottom: 2rem;
    padding-right: 2.5rem;
    z-index: 999;
}

.btn-view-details {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    text-transform: uppercase;
}

.btn-view-products {
    background: transparent;
    color: #e42d24;
    border-color: #e42d24;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    text-transform: uppercase;
}



.slider-promo-info-big-container {
    background: #ddd;
    -webkit-transition: .5s height ease-in-out;
    -o-transition: .5s height ease-in-out;
    transition: .5s height ease-in-out;
}

.slider-promo-info-container {
    padding: 2.5rem;
}


.slider-promo-info-title h2 {
    text-transform: uppercase;
    font-size: 1.5rem;
    line-height: 1.5rem;
    margin: 0;
    padding-top: 1.5rem;
    padding-bottom: 1rem;
}

.slider-promo-info-title h2.subtitle {
    text-transform: none;
    padding-top: 1.5rem;
    padding-bottom: 1rem;
}

.toggle-icon-promo-container {
    text-align: right;
}

.toggle-icon-promo-container a {
    text-decoration: none;
    color: inherit;
}

.toggle-icon-promo-container a:hover,
.toggle-icon-promo-container a:focus {
    text-decoration: none;
    color: inherit;
}


.toggle-icon-promo-container a i {
    color: #e42d24;
    font-size: 170%;
}

.toggle-icon-promo-container a {
    cursor: pointer;
}

/* END SLIDER LISTING */


/* PROMOTIONS */

.promotions-element-container {
    margin-bottom: 2.5rem;
}

.promotions-element {
    position: relative;
}

.promotions-element-img-container img {
    width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
    vertical-align: middle;
}


.promotions-element-info-container {
    position: absolute;
    bottom: 0;
    right: 0;
    padding-bottom: 2rem;
    padding-right: 2.5rem;
    z-index: 999;
}

.promotions-info-big-container {
    background: #ddd;
    -webkit-transition: .5s height ease-in-out;
    -o-transition: .5s height ease-in-out;
    transition: .5s height ease-in-out;
}

.promotions-info-container {
    padding: 2.5rem;
}

.promotions-big-container h2.text_title {
    margin-top: .5rem;
    color: #e42d24;
    font-weight: normal;
    font-size: 2rem;
    line-height: 2rem;
    text-transform: uppercase;
    text-align: left;
    padding-left: 0;
    padding-right: 0;
}

.promotions-wrapper-mobile {
    content: " ";
    display: block;
    margin: 0 auto;
    height: 2px;
    background: #e42d24;
    position: absolute;
    left: 0;
    right: 0;
    width: 100vw;
    z-index: 9999;
    left: 50%;
    -webkit-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    transform: translate(-50%,0);
}

.promotions-wrapper-mobile:last-child {
    display: none;
}

/* END PROMOTIONS */


/* OFFERS */


.btn-add-offer {
    margin: 0;
}


.dataTables_wrapper {
    overflow-y: hidden;
    overflow-x: hidden;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.table>caption+thead>tr:first-child>td,
.table>caption+thead>tr:first-child>th,
.table>colgroup+thead>tr:first-child>td,
.table>colgroup+thead>tr:first-child>th,
.table>thead:first-child>tr:first-child>td,
.table>thead:first-child>tr:first-child>th {
    text-align: center;
}

table.table-bordered tbody th,
table.table-bordered tbody td {
    text-align: center;
}

table.table-bordered th:last-child,
table.table-bordered td:last-child {
    text-align: center;
}

.table-responsive .table-striped .table-hover .table-bordered {
    overflow-x: hidden;
}

#add-new-prod-cond-products {
    overflow-x: hidden!important;
    overflow-y: scroll;
}

.offers-big-container .table-responsive {
    overflow: hidden;
}

.offers-big-container .table-responsive .table-head {
    overflow: hidden;
}

.offers-big-container table tbody tr td {
    border: 0;
}

@media (min-width: 147px) and (max-width: 421px) {
    .dataTables_wrapper {
        overflow-x: auto;
    }
}

.table-head {
    overflow-y: scroll;
    padding: .5rem;
}

.dataTables_wrapper::-webkit-scrollbar,
.table-responsive::-webkit-scrollbar,
#add-new-prod-cond-products::-webkit-scrollbar,
.table-head::-webkit-scrollbar {
    height: 2px;
}

.table-head::-webkit-scrollbar,
#add-new-prod-cond-products::-webkit-scrollbar {
    width: 2px;
}

.btn-export {
    margin: 0;
}

#pdf-template-modal .modal-dialog .modal-content .modal-body,
#pdf-template-modal .modal-dialog .modal-content .modal-header,
#pdf-template-modal .modal-dialog .modal-content .modal-footer {
    padding: 1rem;
}

#pdf-template-modal .modal-dialog .modal-content .modal-footer {
    clear: both;
}

#pdf-template-modal .modal-dialog .modal-content .modal-footer .btn-export,
#pdf-template-modal .modal-dialog .modal-content .modal-footer .btn-close {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}


.original-price-container input,
.novats-container input,
.vats-container input,
.price-with-vats-container input,
.discount-container input {
    width: 4.2rem;
    text-align: right;
    border: 1px solid #000;
}


.table>thead:first-child>tr:first-child>th {
    border-bottom: 1px solid #ddd;
}


.dataTable tbody tr td {
    border-top: 0;
}

.table-responsive {
    border: 1px solid #ddd;
}

.check-container {
    text-align: left;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

input.select_all_products,
input.select_all_item {
    float: left;
    margin-right: .2rem;
}

.data-row {
    padding: .5rem;
}

input.offer_category_name {
    border: 1px solid #000;
}

.offers-big-container .panel {
    border-radius: 0;
    border: 0;
    background: transparent;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.offers-big-container .panel .panel-body {
    padding: 0;
}

#offer-discount-btn,
#offerlines-delete-btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}


.offers-sidebar .client-listing-item:before {
    display: none!important;
}

/* END OFFERS */


/* CRM */

body.crm {
    background: #fcfcfc;
}

.np {
    padding: 0;
}


.crm-container {
    background-image: initial!important;
    background: #fcfcfc;
    min-height: 110vh!important;
    overflow: hidden;
}

.action-group {
    margin: 20px 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

.action-group:after {
    content: " ";
    display: block;
    clear: both;
}

.action-group .form-Search {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 50%;
}

.action-group .form-Search input {
    border-top-right-radius: 0!important;
    border-bottom-right-radius: 0!important;
}

.action-group .form-Search input:focus {
    background: #fcfcfc;
    border: 1px solid transparent;
}




.action-group .form-Search input::-webkit-input-placeholder {
    -webkit-transition: .5s ease all;
    -o-transition: .5s ease all;
    transition: .5s ease all;
}


.action-group .form-Search input::-moz-placeholder {
    -webkit-transition: .5s ease all;
    -o-transition: .5s ease all;
    transition: .5s ease all;
}


.action-group .form-Search input:-ms-input-placeholder {
    -webkit-transition: .5s ease all;
    -o-transition: .5s ease all;
    transition: .5s ease all;
}


.action-group .form-Search input::-ms-input-placeholder {
    -webkit-transition: .5s ease all;
    -o-transition: .5s ease all;
    transition: .5s ease all;
}


.action-group .form-Search input::placeholder {
    -webkit-transition: .5s ease all;
    -o-transition: .5s ease all;
    transition: .5s ease all;
}

.action-group .form-Search input:focus::-webkit-input-placeholder {
    color: #fcfcfc;
}

.action-group .form-Search input:focus::-moz-placeholder {
    color: #fcfcfc;
}

.action-group .form-Search input:focus:-ms-input-placeholder {
    color: #fcfcfc;
}

.action-group .form-Search input:focus::-ms-input-placeholder {
    color: #fcfcfc;
}

.action-group .form-Search input:focus::placeholder {
    color: #fcfcfc;
}

.action-group .custom-search-form {
    margin: 0;
    width: 100%;
    max-width: 40rem;
    -webkit-transition: .5s ease all;
    -o-transition: .5s ease all;
    transition: .5s ease all;
}

.action-group .custom-search-form.active {
    max-width: 100%;
}

.action-group .custom-search-form.active {
    z-index: 9999999!important;
}

.action-group .custom-search-form input {
    background: #fcfcfc;
    min-height: 49px;
    color: #2e2e2e;
    font-size: 1.1rem;
}



.action-group .custom-search-form .btn-search {
    min-height: 49px;
    width: 3.5rem;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.action-group .custom-search-form .btn-search i {
    font-size: 150%;
}

.action-group .custom-search-form span.input-group-btn {
    width: 3.5rem;
}

.action-group-btn {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}



.client-listing-tasks,
.client-listing-tasks-history {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}

.client-listing-tasks:after,
.client-listing-tasks-history:after {
    content: " ";
    display: block;
    clear: both;
}


.clients-listing-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.clients-listing-header h1 {
    color: #2e2e2e;
    font-weight: 300;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 50%;
}

.clients-listing-header .btn-filter-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}

.clients-listing-header a.btn-filter {
    margin: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: auto;
    text-transform: capitalize;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.btn-add-client,
.btn-add-task {
    text-transform: capitalize;
    height: 49px;
    padding: 6px 12px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 1.2rem;
    margin-left: .5rem;
    font-weight: 300;
}

.btn-status,
.btn-agent {
    text-transform: capitalize;
    height: 49px;
    padding: 6px 12px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: left;
    -webkit-justify-content: left;
    -moz-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.2rem;
    font-weight: 300;
    position: relative;
}



.btn-add-client,
.btn-add-task,
.btn-status,
.btn-agent {
    background: #fcfcfc;
    color: #2e2e2e;
    border-color: #ddd;
    -webkit-transition: .2s ease all;
    -o-transition: .2s ease all;
    transition: .2s ease all;
}


.btn-add-client:focus,
.btn-add-client:hover,
.btn-add-client:active:focus,
.btn-add-client:active:hover,
.btn-add-client:focus:active,
.btn-add-client:hover:active {
    background: #fcfcfc;
    border-color: #2e2e2e;
    color: #2e2e2e;
}


.btn-add-task:focus,
.btn-add-task:hover,
.btn-add-task:active:focus,
.btn-add-task:active:hover,
.btn-add-task:focus:active,
.btn-add-task:hover:active,
.btn-status:focus,
.btn-status:hover,
.btn-status:active:focus,
.btn-status:active:hover,
.btn-status:focus:active,
.btn-status:hover:active,
.btn-agent:focus,
.btn-agent:hover,
.btn-agent:active:focus,
.btn-agent:active:hover,
.btn-agent:focus:active,
.btn-agent:hover:active {
    background: #fcfcfc;
    border-color: #2e2e2e;
    color: #2e2e2e;
}

.open>.dropdown-toggle.btn-status,
.open>.dropdown-toggle.btn-status.focus,
.open>.dropdown-toggle.btn-status:focus,
.open>.dropdown-toggle.btn-status:hover,
.open>.dropdown-toggle.btn-agent,
.open>.dropdown-toggle.btn-agent.focus,
.open>.dropdown-toggle.btn-agent:focus,
.open>.dropdown-toggle.btn-agent:hover {
    background: #fcfcfc;
    border-color: #2e2e2e;
    color: #2e2e2e;
}



.btn-add-client i,
.btn-add-task i {
    font-size: 150%;
    padding-right: .5rem;
}

.btn-status i,
.btn-agent i {
    font-size: 150%;
    padding-left: .5rem;
}


.filter-status-select,
.filter-agent-select {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    list-style: none;
}

.filter-status-select {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    min-height: 5rem;
    width: 50%;
}

.filter-status-select span {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}


.filter-status-select select,
.filter-agent-select select {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    border: 1px solid #ddd;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
    background: transparent;
    font-size: 1.2rem;
    height: 36px;
    padding: 6px 12px;
    font-weight: 300;
}

.filter-status-select select:hover,
.filter-status-select select:focus,
.filter-agent-select select:hover,
.filter-agent-select select:focus {
    border: 1px solid #000;
}


.filter-status-select li {
    display: none;
}

.clients-listing-content {
    margin-top: 1rem;
    -webkit-transition: .5s ease all;
    -o-transition: .5s ease all;
    transition: .5s ease all;
}

.clients-listing-content a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}




.client-listing-item {
    border: 1px solid rgba(0,0,0,.1);
    padding: .5rem 1rem;
    border-radius: .25rem;
    -webkit-transition: .5s ease all;
    -o-transition: .5s ease all;
    transition: .5s ease all;
    position: relative;
    background: #fff;
    z-index: 1;
    opacity: 1;
    margin-bottom: .5rem;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow: hidden;
    border-radius: .25rem;
}

.client-listing-item.open,
.client-listing-item:hover {
    border: 1px solid rgba(0,0,0,.4);
}


.clients-listing-content.open .client-listing-item:not(.open) {
    opacity: .3;
}


.client-listing-item.status-ok.open,
.client-listing-item.status-ok:hover {
    border: 1px solid #4CAF50;
}

.client-listing-item.status-warn.open,
.client-listing-item.status-warn:hover {
    border: 1px solid #e42d24;
}

.client-listing-item.status-pending.open,
.client-listing-item.status-pending:hover {
    border: 1px solid #FF9800;
}



.client-listing-item:before {
    content: " ";
    clear: both;
    position: absolute;
    left: -1px;
    top: 0;
    width: 2.5rem;
    height: 100%;
    border-radius: 0;
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem;
    text-align: center;
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 0;
}


.client-listing-item:before {
    background: #fff;
    border: 1px solid rgba(0,0,0,.1);
    border-top: 0;
    border-bottom: 0;
}

.client-info-big-container .client-listing-item:before {
    display: none;
}

.client-listing-item.status-ok:before {
    background: #4CAF50;
    border: 1px solid #4CAF50;

}

.client-listing-item.status-pending:before {
    background: #FF9800;
    border: 1px solid #FF9800;

}

.client-listing-item.status-warn:before {
    background: #e42d24;
    border: 1px solid #e42d24;

}


.flex-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

.flex-item {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-right: 1rem;
    width: 100%;
}

.item-no {
    min-width: 2rem;
    max-width: 2rem;
    padding-right: 0;
}


.flex-item.flex-wrap {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    min-width: 5rem;
}

.flex-item.item-date span {
    -webkit-box-pack: end!important;
    -webkit-justify-content: flex-end!important;
    -moz-box-pack: end!important;
    -ms-flex-pack: end!important;
    justify-content: flex-end!important;
}


.flex-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    min-height: 1rem;
    overflow: hidden;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.flex-item span {
    color: #2e2e2e;
    position: relative;
    z-index: 99;
}

.client-listing-item.status-ok .flex-item.item-no span,
.client-listing-item.status-warn .flex-item.item-no span,
.client-listing-item.status-pending .flex-item.item-no span {
    color: #fff;
    width: 2rem;
    left: -.75rem;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

.client-listing-item .flex-item.item-no span {
    color: #000;
    width: 2rem;
    left: -.75rem;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

.flex-item a {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    outline: none;
}

.flex-item.item-desc a {
    overflow: hidden;
    padding-right: .5rem;
    word-break: break-all;
    color: #0cb5ff;
}

.flex-row-btn-group {
    min-height: 3rem;
    -webkit-box-pack: end!important;
    -webkit-justify-content: flex-end!important;
    -moz-box-pack: end!important;
    -ms-flex-pack: end!important;
    justify-content: flex-end!important;
}


.flex-row-btn-group a {
    margin-left: .5rem;
    margin-right: 0;
    padding: 0!important;
    background: none!important;
    border: none!important;
    min-width: 2rem;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-top: 0;
}

.flex-row-btn-group a:first-child {
    margin-left: 0;
}


.btn-task-done {
    background: #4CAF50;
    border: 1px solid #4CAF50;
}

.btn-task-done i {
    font-size: 200%;
    color: #4CAF50;
    -webkit-transition: .2s ease all;
    -o-transition: .2s ease all;
    transition: .2s ease all;
}

.btn-task-done:hover i:before {
    content: "\f3ff";
}

.btn-task-done:hover i {
    -webkit-transform: scale3d(1.25,1.25,1);
    transform: scale3d(1.25,1.25,1);
}

.btn-task-delayed {
    background: #FF9800;
    border: 1px solid #FF9800;
}


.btn-task-delayed i {
    font-size: 200%;
    color: #FF9800;
    -webkit-transition: .2s ease all;
    -o-transition: .2s ease all;
    transition: .2s ease all;
}

.btn-task-delayed:hover i {
    -webkit-transform: scale3d(1.25,1.25,1);
    transform: scale3d(1.25,1.25,1);
}

.btn-task-delayed:hover i:before {
    content: "\f418";
}

.btn-task-info {
    background: #03A9F4;
    border: 1px solid #03A9F4;
}



.btn-task-done:focus,
.btn-task-done:hover,
.btn-task-done:active:focus,
.btn-task-done:active:hover,
.btn-task-done:focus:active,
.btn-task-done:hover:active {
    background: #62bb66;
    border-color: #62bb66;
}

.btn-task-delayed:focus,
.btn-task-delayed:hover,
.btn-task-delayed:active:focus,
.btn-task-delayed:active:hover,
.btn-task-delayed:focus:active,
.btn-task-delayed:hover:active {
    background: #ffa622;
    border-color: #ffa622;
}

.btn-task-info:focus,
.btn-task-info:hover,
.btn-task-info:active:focus,
.btn-task-info:active:hover,
.btn-task-info:focus:active,
.btn-task-info:hover:active {
    background: #1db7fc;
    border-color: #1db7fc;
}

.modal-client-status {
    margin-top: 93px;
}

.modal-client-status .modal-content {
    border-radius: 6px;
}

.modal-client-status .modal-header,
.modal-client-status .modal-body,
.modal-client-status .modal-footer {
    padding: 15px;
}

.modal-client-status .modal-footer {
    padding-top: 0;
}

.modal-client-status .modal-body i {
    font-size: 300%;
}

.modal-client-status .modal-body i.done {
    color: #4CAF50;
}

.modal-client-status .modal-body i.delayed {
    color: #FF9800;
}

.modal-client-status .modal-body i.info {
    color: #03A9F4;
}

.modal-client-status .modal-footer .btn-close {
    padding: 6px 12px;
}


.modal-client-status .modal-content button.close:focus,
.modal-client-status .modal-content button.close:hover {
    color: #e42d24;
    opacity: 1;
}

.filter-group-btn {
    width: 100%;
    margin-top: .25rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.modal-add-user .modal-dialog,
.modal-task .modal-dialog,
.modal-send-offer .modal-dialog,
.modal-upload-files .modal-dialog,
.modal .modal-dialog {
    width: 84vw;
    margin: 7rem auto;
}

.modal-add-user .modal-content,
.modal-task .modal-content,
.modal-send-offer .modal-content,
.modal-upload-files .modal-content {
    border-radius: 6px;
}


.modal-add-user .modal-body,
.modal-task .modal-body,
.modal-send-offer .modal-body,
.modal-upload-files .modal-body {
    padding: 1rem;
}

.modal-add-user .modal-footer,
.modal-task .modal-footer,
.modal-send-offer .modal-footer,
.modal-upload-files .modal-footer {
    padding: 1rem;
}

.task-container .flex-row {
    min-height: initial;
    max-height: initial;
    overflow: initial;
    margin-bottom: .5rem;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.task-container .flex-row:last-child {
    margin-bottom: 0;
}


.task-container .flex-col {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

input[type="radio"],
input[type="radio"]:focus {
    outline: none;
}

label {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-transform: capitalize;
}

.task-container label,
.task-container input {
    margin-bottom: 0;
}



.task-container .flex-col.params {
    width: 40%;
}

.task-container .flex-col.options {
    width: 60%;
    -webkit-box-pack: space-evenly;
    -webkit-justify-content: space-evenly;
    -moz-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
}

.task-container .flex-col.options input[type="radio"] {
    margin-right: .5rem;
    margin-left: .5rem;
}

.task-container .flex-col.params .client-name,
.task-container .flex-row .task-desc,
.task-container .flex-col.params .task-date,
.task-container .flex-col.options .task-assist,
.task-container .flex-col.options .task-options,
.task-container .flex-col.params .email-reminder {
    width: 100%;
    padding: 0 .5rem;
}

.task-container .flex-col.options .task-assist select {
    margin-bottom: 0;
}

.task-container .flex-col.params .email-reminder label span:first-child {
    padding-right: .5rem;
}

.task-container .flex-col.params .email-reminder label span.input-group-addon {
    min-height: 34px;
    width: auto;
    border: 1px solid #ddd;
    text-align: center;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.task-container .flex-col.params .email-reminder input:focus + .input-group-addon {
    border: 1px solid #ddd;
}

.task-container .flex-col.params .email-reminder input {
    width: 5rem;
    margin: 0;
    border-top-right-radius: 0!important;
    border-bottom-right-radius: 0!important;
    border-right: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.task-container .flex-col.params .task-date input {
    border-top-right-radius: 0!important;
    border-bottom-right-radius: 0!important;
    border-right: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.task-date input {
    border-top-right-radius: 0!important;
    border-bottom-right-radius: 0!important;
    border-color: #ddd;
    border-right: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.task-date .input-group-addon {
    border: 1px solid #ddd;
}

.task-container .flex-col.params .task-date span.input-group-addon {
    border: 1px solid #ddd;
    color: #555;
}

.task-container .flex-col.params .task-date input:focus + .input-group-addon {
    border: 1px solid #ddd;
}

.task-container .flex-col.params .email-reminder {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.task-container .flex-col.params .email-reminder label {
    width: 100%;
}

.task-container .flex-col.params .email-reminder label,
.task-container .flex-col.params .email-reminder span {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.task-container .flex-col.options .task-options label {
    padding: 0 .5rem;
}


.task-container .flex-col.params .email-reminder label,
.task-container .flex-col.params .email-reminder span {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}



.btn-save, .btn-save-new,
.btn-step-back, .btn-step-next,
.btn-save-last-step {
    padding: 6px 12px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 2.5rem;
}


.btn-step-back i {
    padding-right: .5rem;
    font-size: 120%;
}

.btn-step-next i {
    padding-left: .5rem;
    font-size: 120%;
}

li.done,
li.delayed,
li.finished {
    position: relative;
}

li.done:after {
    position: absolute;
    top: 50%;
    right: .5rem;
    content: " ";
    display: block;
    width: .5rem;
    height: .5rem;
    border-radius: 50%;
    background: #4CAF50;
    -webkit-transform: translate(-.5rem, -50%);
    -ms-transform: translate(-.5rem, -50%);
    transform: translate(-.5rem, -50%);
}

li.delayed:after {
    position: absolute;
    top: 50%;
    right: .5rem;
    content: " ";
    display: block;
    width: .5rem;
    height: .5rem;
    border-radius: 50%;
    background: #FF9800;
    -webkit-transform: translate(-.5rem, -50%);
    -ms-transform: translate(-.5rem, -50%);
    transform: translate(-.5rem, -50%);
}

li.finished:after {
    position: absolute;
    top: 50%;
    right: .5rem;
    content: " ";
    display: block;
    width: .5rem;
    height: .5rem;
    border-radius: 50%;
    background: #e42d24;
    -webkit-transform: translate(-.5rem, -50%);
    -ms-transform: translate(-.5rem, -50%);
    transform: translate(-.5rem, -50%);
}


.client-listing-item .task-info {
    display: none;
    position: relative;
    z-index: -1;
    margin-left: 1.95rem;
    min-height: .001rem;
}


.flex-row-nhl {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    min-height: initial;
    max-height: initial;
    overflow: initial;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}


.task-info .email-reminder,
.task-info .email-reminder label {
    width: 100%;
}

.task-info .email-reminder label {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-bottom: 0;
}

.task-info .email-reminder span:first-child {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 9rem;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.task-info .email-reminder input {
    width: calc(100% - 20rem);
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-left: 0;
    border-top-right-radius: 0!important;
    border-bottom-right-radius: 0!important;
    border-right: 0;
}

.task-info .email-reminder span.input-group-addon {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: 0;
    width: 11rem;
    border: 1px solid #000;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.task-info span.task-info-desc {
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline!important;
    -webkit-align-items: baseline!important;
    -moz-box-align: baseline!important;
    -ms-flex-align: baseline!important;
    align-items: baseline!important;
    width: 100%!important;
    max-height: 5.4rem;
    -webkit-transition: .5s ease all;
    -o-transition: .5s ease all;
    transition: .5s ease all;
    position: relative;
}


.client-listing-item.active span.task-info-desc {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.task-info span.task-info-desc:after {
    content: " ";
    display: block;
    position: absolute;
    z-index: 100;
    background-image: -o-linear-gradient(top,rgba(255,255,255,0) -155%,#fff 100%);
    background-image: -o-linear-gradient(top,rgba(255,255,255,0) -400%,#fff 100%);
    background-image: -webkit-gradient(linear,left top, left bottom,color-stop(-400%, rgba(255,255,255,0)),to(#fff));
    background-image: linear-gradient(to bottom,rgba(255,255,255,0) -400%,#fff 100%);
    width: 100%;
    left: 0;
    top: 2.5rem;
    bottom: 0;
    right: 0;
    pointer-events: none;
    height: 100%;
}

.task-info .view-more {
    text-transform: capitalize;
    color: #000;
    font-size: .9rem;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 1rem;
    position: relative;
    z-index: 999;
}

.task-info .view-more:hover {
    color: #e42d24;
}

.task-info .view-more i {
    font-size: 120%;
    vertical-align: middle;
    padding-left: .25rem;
}

.task-info span.task-info-desc.show-desc {
    overflow: initial;
    height: initial;
}


.task-info span.task-info-desc.show-desc:after {
    display: none;
}


.email-reminder-container,
.task-assist-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: left;
    -webkit-justify-content: left;
    -moz-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
    width: 100%;
    padding-top: 1rem;
}


.email-reminder-container .email-reminder input {
    width: 4rem;
    margin-right: 0;
}

.email-reminder-container .email-reminder span.input-group-addon {
    width: 8rem;
}


.email-reminder-container .email-reminder input:focus + .input-group-addon {
    border: 1px solid #ff3333;
}


.task-assist-container .task-assist {
    width: 100%;
}


.task-info .email-reminder-container .email-reminder,
.task-info .email-reminder-container .email-reminder label {
    width: initial;
}

.task-full-desc {
    min-height: 10rem;
    resize: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}


/* NEW CLIENT CRM */


.add-new-client {
    -webkit-box-shadow: 0.05rem 0.15rem 0.5rem rgba(0,0,0,.2);
    box-shadow: 0.05rem 0.15rem 0.5rem rgba(0,0,0,.2);
    border: 1px solid rgba(0,0,0,.1);
    border-radius: .25rem;
    background: #fff;
    margin-top: 5vh;
}


.add-new-client .new-client-data {
    border-bottom: 1px solid rgba(0,0,0,.1);
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.add-new-client .new-client-data li {
    border-right: 1px solid rgba(0,0,0,.1);
    list-style: none;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 100%;
}



.add-new-client .new-client-data li a {
    padding: .5rem 1rem;
    text-decoration: none;
    color: #000;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
}


.add-new-client .new-client-data li:last-child {
    border-right: 0;
}

.add-new-client .new-client-data li.active a,
.add-new-client .new-client-data li a:hover,
.add-new-client .new-client-data li a:focus {
    background: #e42d24;
    color: #fff;
}


.add-new-client .add-new-client-content {
    padding: .5rem 1rem;
    position: relative;
}


.add-new-client .flex-row {
    min-height: initial;
    max-height: initial;
    overflow: initial;
    margin-top: 1rem;
    margin-bottom: 1rem;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}


.add-new-client .flex-row label,
.add-new-client .flex-row input,
.add-new-client .flex-row .autocomplete-name-container {
    margin-bottom: 0;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}


.add-new-client .flex-row input,
.add-new-client .flex-row select,
.add-new-client .flex-row .autocomplete-name-container {
    width: 50%;
    margin-left: 0;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.add-new-client .flex-row .checkbox-group {
    width: 65%;
    margin-left: 0;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.add-new-client .flex-row.has-error input,
.modal-add-user .flex-row.has-error input {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #ddd;
    outline: none;
}

.add-new-client .flex-row > span.select2-container {
    width: 50%!important;
    margin-left: 0;
    text-align: left;
    font-weight: initial;
    outline: none;
}

.add-new-client .flex-row label {
    width: 35%;
    cursor: initial;
    -webkit-user-select: initial;
    -moz-user-select: initial;
    -ms-user-select: initial;
    user-select: initial;
}


.add-new-client .flex-row > span {
    width: 35%;
    font-weight: 700;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: left;
}

.filter-autocomplete{
    position: absolute;
    background-color: #fcfcfc;
    z-index: 9999;
    top: 47px;
    width: 100%;
    pointer-events: none;
    border-bottom-left-radius: .35rem;
    border-bottom-right-radius: .35rem;
    -webkit-box-shadow: 1px 2px 2px rgba(0,0,0,.2);
    box-shadow: 1px 2px 2px rgba(0,0,0,.2);
}

.filter-autocomplete.none {
    display: none;
}

.searchGroup .filter-autocomplete {
    pointer-events: initial!important;
}

.filter-autocomplete .autocomplete_inner_container {
    width: 100%;
    margin: 0 auto;
    padding: 1rem;
}

.filter-autocomplete .autocomplete_inner_container .clients-listing {
    width: 100%;
}

.filter-autocomplete .autocomplete_inner_container .clients-listing .clients-listing-content {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.filter-autocomplete .autocomplete_inner_container .clients-listing .clients-listing-content a {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 3.8rem;
    margin-bottom: .5rem;
    pointer-events: initial;
}

.filter-autocomplete .autocomplete_inner_container .clients-listing .clients-listing-content a .client-listing-item {
    height: 100%;
}

.filter-autocomplete .btn-reset-filters {
    display: none;
}

.filter-autocomplete > .col-xs-10 {
    width: 100%;
    padding: 1rem;
    margin: 0;
}

.filter-autocomplete > .col-xs-10 > .col-xs-12 {
    width: 100%;
}

.filter-autocomplete .clients-listing-content {
    margin: 0;
}

.checkbox.checkbox-primary {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.checkbox.checkbox-primary label {
    width: 100%;
    height: 17px;
    min-height: initial;
    cursor: pointer;
    font-weight: normal;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    min-width: 5rem;
}

.checkbox.checkbox-primary label::before {
    width: 17px;
    height: 17px;
}

.checkbox.checkbox-primary label::after {
    top: 0;
    left: 0;
    padding-top: 0;
    padding-left: 0;
    width: 17px;
    height: 17px;
}


.checkbox.checkbox-primary input[type="checkbox"] {
    width: 17px;
    height: 17px;
}

.checkbox.checkbox-primary {
    margin-top: 0;
    margin-bottom: 0;
}


.flex-row .save-client-container,
.flex-row .steps-container {
    width: 100%;
    text-align: right;
}


span.steps {
    position: absolute;
    right: 1rem;
    top: 1.5rem;
    border: 1px solid transparent;
    border-radius: 50%;
    width: 3rem;
    height: 3rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 700;
    -webkit-box-shadow: inset 0 0 0 2px #e42d24;
    box-shadow: inset 0 0 0 2px #e42d24;
}


.progress-circle {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.progress-circle-back {
    fill: none;
    stroke: #D2D2D2;
    stroke-width: 3px;
}


.progress-circle-prog {
    fill: none;
    stroke: #e42d24;
    stroke-width: 3px;
    stroke-dasharray: 0 999;
    stroke-dashoffset: 0px;
    -webkit-transition: stroke-dasharray 0.7s linear 0s;
    -o-transition: stroke-dasharray 0.7s linear 0s;
    transition: stroke-dasharray 0.7s linear 0s;
}

.progress-text {
    position: absolute;
    top: 1.5rem;
    right: 1rem;
    font-size: 1rem;
}


.progress-steps {
    position: absolute;
    top: 1.75rem;
    right: 1rem;
    height: 3rem;
    width: 3rem;
}

.progress-text {
    position: absolute;
    top: .825rem;
    left: 4px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: calc(100% - 7px);
    font-weight: 700;
}

svg.progress-circle {
    width: 3rem;
    height: 3rem;
}

.modal-body .add-new-client {
    margin: 0 auto;
    max-width: initial;
    border-top: none;
}

#new-company .modal-body {
    padding: 0;
}


.ui-menu .ui-menu-item {
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

.ui-menu .ui-menu-item-wrapper {
    width: 100%;
}

.add-new-client .flex-row .autocomplete-name-container {
    position: relative;
}

.add-new-client .flex-row .autocomplete-name-container input {
    width: 100%;
}

.flex-col.has-error {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.has-error .checkbox,
.has-error .checkbox-inline,
.has-error .control-label,
.has-error .form-control-feedback,
.has-error .help-block,
.has-error .radio,
.has-error .radio-inline,
.has-error.checkbox label,
.has-error.checkbox-inline label,
.has-error.radio label,
.has-error.radio-inline label {
    color: #e42d24;
    margin: 0;
    font-weight: bold;
    text-align: left;
    padding-left: .5rem;
    padding-right: .5rem;
}

/* END NEW CLIENT CRM */


/* CLIENT INFO CRM */

.client-info-container {
    padding: 1rem;
    border: 1px solid #ddd;
    background: #fff;
    display: block;
    margin-top: 1rem;
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.1);
    box-shadow: 1px 1px 2px rgba(0,0,0,.1);
}

.attr-group:after {
    content: " ";
    display: block;
    clear: both;
    width: 100%;
    height: 1px;
    background: #ddd;
    margin-top: 2rem;
}


.attr-cat {
    padding-top: .25rem;
    padding-bottom: .25rem;
}



.attr-group h3 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    padding-right: 2rem;
}

.attr-group h3 > span {
    position: relative;
    margin-right: 0.5rem;
}

.attr-group h3 span.total-followers {
    right: -0.3rem;
}

.attr-group h3 a {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    transform: translate(0,-50%);
    color: #3b3f42;
    opacity: .5;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    outline: none;
}

.attr-group h3 a i {
    font-size: 135%;
}

.attr-group h3 a:hover {
    opacity: 1;
}

.attr-cat span,
.attr-cat a {
    color: #3b3f42;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 700;
    padding-top: .25rem;
    padding-bottom: .25rem;
    word-break: break-all;
}

.modal-edit-info .modal-header,
.modal-edit-info .modal-body,
.modal-edit-info .modal-footer {
    padding: 1rem;
}

.modal-edit-info .attr-group .attr-cat {
    padding-top: .5rem;
    padding-bottom: .5rem;
}

.modal-edit-info .attr-group,
.modal-edit-info .attr-group .attr-cat {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}



.tabs-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 4px;
}

.tabs-container .btn-tab {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 50%;
    text-transform: capitalize;
    height: 49px;
    padding: 6px 12px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.2rem;
    font-weight: 300;
    background: #fcfcfc;
    color: #2e2e2e;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    border-radius: 0;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.tabs-container .btn-tab:first-child {
    border: 1px solid #ddd;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: 1px solid transparent;
    position: relative;
}

.tabs-container:after {
    content: " ";
    display: block;
    clear: both;
    height: 100%;
    width: 1px;
    background: #ddd;
    position: absolute;
    left: 50%;
    top: 0;
    z-index: -1;
    -webkit-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    transform: translate(-50%,0);
}

.tabs-container .btn-tab:last-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border: 1px solid #ddd;
    border-left: 1px solid transparent;
}

.tabs-container .btn-tab:hover {
    border: 1px solid #2e2e2e;
}



.tabs-container .btn-tab.active {
    background: #2e2e2e;
    color: #fff;
    border: 1px solid transparent;
}


.client_big_container:after {
    content: " ";
    display: block;
    clear: both;
}

#saveUserForm{padding:10px;}

.users_container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
}

.users_container_header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

.users_container_header .action-group .search-container,
.users_container_header .action-group .search-group {
    width: 100%;
}

.users_container_header .action-group {
    width: 100%;
}

.users_container_body {
    margin-top: 1rem;
}


.users_container_body, .user_elem_row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
}



.client_elem_row, .user_elem_row {
    padding-top: .5rem;
    padding-bottom: .5rem;
    border-radius: .35rem;
    border: 1px solid transparent;
    cursor: pointer;
}

.user_elem_row:hover {
    border: 1px solid #ddd;
}

.user_elem {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 1.25rem;
    color: #555;
}


.user_elem:first-child, .user_elem:nth-child(3) {
    width: 10%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}


.user_elem:nth-child(2) {
    width: 80%;
}


.user_elem:nth-child(2) span:nth-child(2) {
    padding-left: 1rem;
    font-weight: bold;
}



.btn-select {
    border-radius: 50%;
    width: 2.5rem;
    height: 2.5rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid #e42d24;
    padding: 0;
}

.btn-select i {
    font-size: 125%;
    color: #e42d24;
    height: 2.5rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}


.btn-select:hover,
.btn-select:focus,
.btn-select:active:focus,
.btn-select:active:hover,
.btn-select:focus:active,
.btn-select:hover:active {
    background: #e42d24;
}


.btn-select:hover i, .btn-select:focus i, .btn-select:active:focus i, .btn-select:active:hover i, .btn-select:focus:active i, .btn-select:hover:active i {
    color: #fff;
}


.active-tasks-container,
.history-tasks-container {
    position: relative;
    border: 1px solid #ddd;
    padding: 1.5rem 1rem 1rem 1rem;
    margin-top: 5.5rem;
    background: #fff;
    margin-bottom: 5rem;
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.1);
    box-shadow: 1px 1px 2px rgba(0,0,0,.1);
}

.bootstrap-datetimepicker-widget {
    top: 34px!important;
    bottom: auto!important;
}


.modal-add-user .modal-content {
    border-radius: 6px;
}


.modal-add-user .flex-row {
    min-height: initial;
    max-height: initial;
    overflow: initial;
    margin-top: 1rem;
    margin-bottom: 1rem;
}


.modal-add-user .flex-row label {
    width: 30%;
    cursor: initial;
    -webkit-user-select: initial;
    -moz-user-select: initial;
    -ms-user-select: initial;
    user-select: initial;
    text-align: left;
}

.modal-add-user .flex-row .user-role-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}

.modal-add-user .flex-row .user-role-container span {
    text-transform: uppercase;
    color: #fff;
    border-radius: .35rem;
    padding: .35rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #2ed573;
}

.modal-add-user .flex-row span.select2-container {
    width: 100%!important;
    text-align: left;
    font-weight: initial;
    outline: none;
    margin-left: 0;
}

.modal-add-user .flex-row span.user-role {
    width: 100%;
    text-align: left;
    color: #2ecc71;
    text-transform: capitalize;
}


.modal-add-user .flex-row span.select2-container--default .select2-selection--single .select2-selection__clear {
    float: none;
}

.modal-body form:after {
    content: " ";
    display: block;
    clear: both;
}


.modal-footer {
    border-top: 0;
}

/* END CLIENT INFO CRM */



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


.select2-container .select2-search--inline .select2-search__field {
    margin-top: 0;
}

.select2-container .select2-selection--single {
    height: 34px!important;
}

.select2-container--default .select2-selection--single {
    border: 1px solid #ddd!important;
    outline: none;
    text-align: left;
}


.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: initial!important;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding: 6px 12px!important;
}

.select2-container--default .select2-results > .select2-results__options {
    overflow-x: hidden;
}

.modal-task-done .task-desc textarea {
    width: 100%;
    -webkit-box-shadow: none;
    box-shadow: none;
}

#chartdiv {
    width: 100%;
    height: 30rem;
    margin-top: 12.57rem;
    margin-left: 7.3rem;
}


body.crm .mobile-nav {
    left: -100%;
    width: 100%;
    top: 79px;
    position: fixed;
}

body.crm .mobile-open {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    left: 0;
    width: 100%;
}

body.crm .mobile-nav li {
    width: 100%;
}


body.crm .add-new-client .tab-pane {
    min-height: 3rem;
}


.search-autocomplete {
    top: 47px;
    width: 100%;
    padding: 6px 12px;
}

.search-autocomplete .col-xs-10.col-xs-offset-1.np {
    width: 100%!important;
    margin: 0;
}

.search-autocomplete .client-listing-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
}

a.ss {
    text-decoration: none!important;
    outline: none!important;
    color: #000;
    display:-webkit-inline-box;
    display:-webkit-inline-flex;
    display:-moz-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
}

a.ss:hover {
    text-decoration: none!important;
    outline: none!important;
    color: #000;
}

.search-autocomplete .clients-listing {
    width: 100%;
}


.applyBtn, .cancelBtn {
    margin: 0;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: .35rem;
    width: 74px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: .9rem;
}

.applyBtn {
    margin-right: 7px;
}


.filter-status-select label {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}

.filter-status-select .range {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.filter-status-select .range i {
    padding-right: .5rem;
}

.filter-status-select > span {
    font-weight: 700;
}


.offers-big-container .table-responsive {
    max-height: 45rem;
    margin-bottom: 1rem;
}

.offers-sidebar .input-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

.client-listing-tasks .flex-item.item-desc,
.offers-sidebar .input-group .client-listing-tasks .flex-item.item-desc {
    min-width: initial;
    padding-right: 0;
}

.active-tasks-container .client-listing-tasks .flex-item.item-desc,
.history-tasks-container .client-listing-tasks-history .flex-item.item-desc {
    min-width: 27rem;
    padding-right: 1rem;
}

.client-listing-tasks .item-no,
.offers-sidebar .input-group .client-listing-tasks .item-no {
    display: none;
}

#taskuri .client-listing-item .item-no {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.active-tasks-container .item-no,
.history-tasks-container .item-no {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}



.offers-sidebar .input-group.fwr {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.offers-sidebar .input-group .select2-container {
    width: 100%!important;
}

.offers-sidebar .input-group textarea {
    border: 1px solid #000;
    border-radius: 4px;
}

.offers-sidebar a.client-link {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: .5rem;
    font-size: 1.5rem;
    text-decoration: none;
    color: #333;
    font-weight: 500;
}

.offers-sidebar a.btn-save-offer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0;
    height: 2.5rem;
}

.client-listing-tasks .client-listing-item span,
.offers-sidebar .client-listing-item span {
    width: 60%;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.active-tasks-container .client-listing-item span,
.history-tasks-container .client-listing-item span {
    -webkit-box-pack: initial;
    -webkit-justify-content: initial;
    -moz-box-pack: initial;
    -ms-flex-pack: initial;
    justify-content: initial;
}


.active-tasks-container .client-listing-item span.total-followers,
.history-tasks-container .client-listing-item span.total-followers {
    display: block;
    text-align: center;
    width: auto;
}

.active-tasks-container .client-listing-item .item-date span,
.history-tasks-container .client-listing-item .item-date span {
    width: 100%;
}


.client-listing-tasks .client-listing-item .offer-actions,
.offers-sidebar .client-listing-item .offer-actions {
    width: 40%;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.client-listing-tasks .client-listing-item .offer-actions a,
.offers-sidebar .client-listing-item .offer-actions a {
    width: 100%;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0;
}

.client-listing-tasks .client-listing-item .offer-actions a,
.offers-sidebar .client-listing-item .offer-actions a {
    -webkit-transition: .5s ease all;
    -o-transition: .5s ease all;
    transition: .5s ease all;
    text-decoration: none;
}

.client-listing-tasks .client-listing-item .offer-actions a:focus,
.client-listing-tasks .client-listing-item .offer-actions a:hover,
.offers-sidebar .client-listing-item .offer-actions a:focus,
.offers-sidebar .client-listing-item .offer-actions a:hover {
    text-decoration: none;
}

.client-listing-tasks .client-listing-item .offer-actions a i,
.offers-sidebar .client-listing-item .offer-actions a i {
    color: #ddd;
}

.client-listing-tasks .client-listing-item .offer-actions a:hover i,
.offers-sidebar .client-listing-item .offer-actions a:hover i {
    color: #333;
}


.btn-export-pdf {
    width: 100%;
    height: 2.5rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0;
}

.offers-sidebar .clients-listing-content {
    margin-top: 0;
}

#offerAttributes .select2-container {
    width: 100%;
}

.offers-sidebar .product-pagination {
    margin-top: .25rem;
    margin-bottom: .25rem;
}

.client_big_container .client-name h1 {
    color: #3b3f42;
    word-break: break-all;
}

#companies .clients-listing {
    width: 100%;
}

.modal-add-user .form-group {
    text-align: left;
}

.modal-add-user .form-group .select2-container .select2-selection__clear {
    display: none;
}

.modal-add-user .modal-header {
    position: relative;
}

.modal-add-user .modal-header .close {
    margin-top: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    float: none;
    position: absolute;
    top: 50%;
    right: 1rem;
    -webkit-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    transform: translate(0,-50%);
}

.select2-container--default .select2-selection--multiple {
    border: 1px solid #ddd!important;
}

.product-pagination {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin: 0;
}

ul.product-pagination li {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: 0;
}

.task-options {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.task-container .flex-col.options input[type="radio"] {
    margin: 0;
}


.client-name .select2-container {
    width: 100%!important;
}

h4.modal-title {
    line-height: 1rem;
    font-size: 1.6rem!important;
    word-break: break-word;
}

h4.modal-title > span {
    position: relative;
    margin-right: 0.5rem;
}


h4.modal-title i {
    font-size: 120%;
}


h4.modal-title span.total-followers {
    right: -0.1rem;
    max-width: 1.4rem;
}

.box {
    text-align: center;
    margin-bottom: 0;
    position: relative;
    margin-top: 20px;
    padding-right: 15px;
}

.box-filters .box-title[data-target] {
    margin-bottom: 8px;
    border-bottom: 1px solid #e42d24;
    text-align: left;
    font-weight: 400;
    font-size: 1.429rem;
    color: #e42d24;
}

.box-selected-filters .box-title {
    text-align: left;
}

.client-info-big-container {
    margin-top: 6rem;
}

.btn-add-new-task,
.btn-add-new-task-mobile,
.btn-add-files {
    width: 11rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0;
}

.btn-add-files {
    margin-top: 1rem;
    margin-right: 2rem;
}

.bootstrap-datetimepicker-widget {
    background: #fff;
}

.timepicker-picker {
    background: #fff!important;
    z-index: 99999999!important;
    position: relative;
}

.picker-switch {
    background: #fff!important;
    z-index: 999999;
    position: relative;
}

.modal-add-user .modal-dialog {
    width: 84vw;
}

.clients-listing .box.box-selected-filters,
.client-listing-tasks .box.box-selected-filters,
.client-listing-tasks-history .box.box-selected-filters {
    margin-top: 0;
    padding-right: 0;
}

.clients-listing .box.box-selected-filters .box-heading a.attrFilterChange,
.client-listing-tasks .box.box-selected-filters .box-heading a.attrFilterChange,
.client-listing-tasks-history .box.box-selected-filters .box-heading a.attrFilterChange {
    cursor: pointer;
    background: #e42d24;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    color: #fff;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: .35rem;
    text-decoration: none;
    padding: .35rem .5rem;
}

.clients-listing .list-selected-filters li,
.client-listing-tasks .list-selected-filters li,
.client-listing-tasks-history .list-selected-filters li {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    border: 1px solid #ddd;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    border-radius: .35rem;
    padding: .5rem;
    margin-right: .5rem;
}

.clients-listing .list-selected-filters li span,
.client-listing-tasks .list-selected-filters li span,
.client-listing-tasks-history .list-selected-filters li span {
    color: #555;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none;
    padding-left: 0;
    cursor: pointer;
    word-break: initial;
    max-width: initial;
    height: initial;
    line-height: initial;
    text-transform: initial;

}

.clients-listing .list-selected-filters li span i,
.client-listing-tasks .list-selected-filters li span i,
.client-listing-tasks-history .list-selected-filters li span i {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-right: .5rem;
}

.clients-listing .list-selected-filters li a:focus,
.clients-listing .list-selected-filters li a:hover,
.client-listing-tasks .list-selected-filters li a:focus,
.client-listing-tasks .list-selected-filters li a:hover,
.client-listing-tasks-history .list-selected-filters li a:focus,
.client-listing-tasks-history .list-selected-filters li a:hover {
    text-decoration: none;
}

.filter-status-select > span {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -moz-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
}

.companies-filters {
    width: initial;
    margin-right: .5rem;
    min-height: initial;
}

.btn-reset-filters {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0;
    height: 36px;
}

.btn-add-offer {
    width: 11rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 0 1rem 0!important;
}

.clients-listing-content a.btn-add-offer {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.modal-add-user.in,
.modal-task.in,
.modal-send-offer.in,
.modal-upload-files.in {
    padding-right: 0!important;
}

.modal-send-offer .modal-footer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.modal-send-offer .modal-footer button {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0;
}

.modal-send-offer {
    pointer-events: none;
}

.modal-send-offer form.send_email_form {
    pointer-events: initial;
}

.modal-send-offer form.send_email_form .modal-footer .flex-row {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.modal-send-offer .flex-row label {
    min-width: 10rem;
}

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

.task-actions {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.task-actions button {
    margin: 0;
}

.task-actions button:first-child {
    margin-right: .5rem;
}

.client-listing-item.open .task-info {
    display: block;
}

.btn-mark-task-as-done-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-top: 1rem;
}

.mark-date-as-done-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-top: 1rem;
}

.mark-date-as-done-container label {
    padding-right: 1rem;
}

.btn-mark-task-as-done-container .btn-mark-task-as-done {
    margin-right: 0;
}

.task-assist .select2-container,
.task-assist .select2-container .select2-container--default .select2-search--inline .select2-search__field {
    width: 100%!important;
}

.task-options label {
    cursor: pointer;
}

.email-reminder input:focus {
    border-color: #ddd;
}

.task-date input:focus {
    border-color: #ddd;
}


.crm-container:after {
    content: "";
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .5s background ease-in-out;
    -o-transition: .5s background ease-in-out;
    transition: .5s background ease-in-out;
}

.crm-container.backdrop:after {
    visibility: visible;
    opacity: 1;
    z-index: 999999;
    background: rgba(0,0,0,.5);
}

.clients-listing-content-outer .clients-listing-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.clients-listing-content-outer .clients-listing-content a.ss {
    width: 33.333333333333%;
}

.clients-listing-content-outer .clients-listing-content a.ss .client-listing-item {
    width: 100%;
    margin-right: .5rem;
}

.upload-attachment-container {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.upload-attachment-container .upload-attachment-container-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    position: relative;
}

.general_email_container .flex-row .upload-attachment-container .upload-attachment-container-inner a {
    outline: none;
    text-decoration: none;
    margin-left: 1rem;
}

.general_email_container .flex-row .upload-attachment-container .upload-attachment-container-inner a i {
    font-size: 200%;
    color: #e42d24;
}

.modal-upload-files .upload-attachment-container-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 1rem;
}

.upload-attachment-container-inner label {
    min-width: initial;
    max-width: initial;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 0;
    margin: 0 0 0 1rem;
    background: transparent;
}

.upload-attachment-container-inner label:active,
.upload-attachment-container-inner label:focus,
.upload-attachment-container-inner label:hover,
.upload-attachment-container-inner label:active:focus,
.upload-attachment-container-inner label:focus:active,
.upload-attachment-container-inner label:hover:active,
.upload-attachment-container-inner label:active:hover {
    background: transparent;
    border-color: transparent;
}

.upload-attachment-container-inner label i {
    font-size: 200%;
    color: #e42d24;
}

.general_email_container .flex-row .upload-attachment-container .upload-attachment-container-inner span {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}



.general_email_container .flex-row .upload-attachment-container .upload-attachment-container-inner label i {
    font-size: 200%;
}

.upload-attachment-container-inner input[type="file"] {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    padding: 0;
    height: 39px;
    padding: 0;
    margin-bottom: 0;
    text-align: center;
    white-space: nowrap;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    width: 145px;
    cursor: pointer;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #fff!important;
    border: 1px solid #ddd!important;
}


.clients-listing-outer-container {
    position: relative;
    border: 1px solid #ddd;
    padding: 1.5rem 1rem 1rem 1rem;
    margin-top: .5rem;
    background: #fff;
    margin-bottom: 5rem;
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.1);
    box-shadow: 1px 1px 2px rgba(0,0,0,.1);
}

.modal-upload-files .modal-footer button {
    margin-right: 0;
}



.uploaded-files-container span {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid #ddd;
    padding: .35rem;
    cursor: default;
    border-radius: .35rem .5rem;
    height: 2rem;
    -webkit-transition: .5s ease all;
    -o-transition: .5s ease all;
    transition: .5s ease all;
}

.uploaded-files-container span:hover {
    border: 1px solid #000;
}

.uploaded-files-container span a {
    margin-left: 1rem;
    text-decoration: none;
    color: initial;
    -webkit-transition: .5s ease all;
    -o-transition: .5s ease all;
    transition: .5s ease all;
}

.uploaded-files-container span a:hover {
    color: #e42d24;
    text-decoration: none;
}

.uploaded-files-container span i {
    font-size: 125%;
}
.uploaded-taskfiles-container span {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid #ddd;
    padding: .35rem;
    cursor: default;
    border-radius: .35rem .5rem;
    height: 2rem;
    -webkit-transition: .5s ease all;
    -o-transition: .5s ease all;
    transition: .5s ease all;
}

.uploaded-taskfiles-container span:hover {
    border: 1px solid #000;
}

.uploaded-taskfiles-container span a {
    margin-left: 1rem;
    text-decoration: none;
    color: initial;
    -webkit-transition: .5s ease all;
    -o-transition: .5s ease all;
    transition: .5s ease all;
}

.uploaded-taskfiles-container span a:hover {
    color: #e42d24;
    text-decoration: none;
}

.uploaded-taskfiles-container span i {
    font-size: 125%;
}



.client-info-big-container .client-listing-item {
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.1);
    box-shadow: 1px 1px 2px rgba(0,0,0,.1);
    border-radius: 0;
}

.client-info-big-container .uploaded-files-container {
    margin-top: 1rem;
}

.client-info-big-container .uploaded-files-container span {
    margin-right: .25rem;
    margin-bottom: .25rem;
}

.client-info-big-container .uploaded-files-container-upper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}


.client-info-big-container .uploaded-files-container-upper > span {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 50%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.client-info-big-container .uploaded-files-container-upper > span > span.upload-counter {
    font-weight: bold;
    padding-right: .25rem;
    font-size: 1.25rem;
}

.client-info-big-container .uploaded-files-container-upper > span.remove-all-uploads {
    text-align: right;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.client-info-big-container .uploaded-files-container-upper > span.remove-all-uploads a {
    color: #e42d24;
    text-decoration: underline;
}

.client-info-uploaded-files-container h3 {
    text-transform: capitalize;
}

.modal-new-task .modal-body {
    /*overflow-y: auto;*/
}

textarea::-webkit-input-placeholder {
    -webkit-transition: .5s ease all;
    -o-transition: .5s ease all;
    transition: .5s ease all;
}

textarea::-moz-placeholder {
    -webkit-transition: .5s ease all;
    -o-transition: .5s ease all;
    transition: .5s ease all;
}

textarea:-ms-input-placeholder {
    -webkit-transition: .5s ease all;
    -o-transition: .5s ease all;
    transition: .5s ease all;
}

textarea::-ms-input-placeholder {
    -webkit-transition: .5s ease all;
    -o-transition: .5s ease all;
    transition: .5s ease all;
}

textarea::placeholder {
    -webkit-transition: .5s ease all;
    -o-transition: .5s ease all;
    transition: .5s ease all;
}

textarea:focus::-webkit-input-placeholder {
    color: #fff;
}

textarea:focus::-moz-placeholder {
    color: #fff;
}

textarea:focus:-ms-input-placeholder {
    color: #fff;
}

textarea:focus::-ms-input-placeholder {
    color: #fff;
}

textarea:focus::placeholder {
    color: #fff;
}


.filter-autocomplete .flex-item.item-desc {
    min-width: initial;
}

.product-pagination li a {
    pointer-events: initial;
}

/* END CRM */

/* EMAIL TEMPLATE */

.general_email_container {
    margin-top: 2rem;
    margin-left: auto;
    margin-right: auto;
    max-width: 65rem;
}

.general_email_container h1 {
    text-transform: capitalize;
    margin-bottom: 1rem;
    font-size: 2.5rem;
}

.general_email_container .cke_chrome {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #ddd;
    border-radius: .35rem;
}

.general_email_container .cke_top {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: #fcfcfc;
    border-top-left-radius: .35rem;
    border-top-right-radius: .35rem;
    padding: .5rem;
    border-top-left-radius: .35rem;
    border-top-right-radius: .35rem;
    border-bottom: 1px solid #ddd;
}

.general_email_container .cke_toolgroup,
.general_email_container .cke_combo_button {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #ddd;
    background: #fcfcfc;
}

.general_email_container a.cke_button_off:hover,
.general_email_container a.cke_button_off:focus,
.general_email_container a.cke_button_off:active,
.general_email_container a.cke_button_disabled:hover,
.general_email_container a.cke_button_disabled:focus,
.general_email_container a.cke_button_disabled:active,
.general_email_container .cke_combo_off a.cke_combo_button:hover,
.general_email_container .cke_combo_off a.cke_combo_button:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: #ddd;

}

.general_email_container a.cke_button_on:hover,
.general_email_container a.cke_button_on:focus,
.general_email_container a.cke_button_on:active,
.general_email_container .cke_button_on,
.general_email_container .cke_combo_off a.cke_combo_button:active,
.general_email_container .cke_combo_on a.cke_combo_button {
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-filter: none;
    filter: none;
    background-image: none;
    text-shadow: none;
}

.general_email_container .cke_button_on {
    background: #00a8ff;
}



.general_email_container .cke_inner {
    border-radius: .35rem;
}

.general_email_container .cke_contents {
    border-bottom-right-radius: .35rem;
    border-bottom-left-radius: .35rem;
}




.general_email_container .cke_bottom {
    display: none;
}


.general_email_container .cke_wysiwyg_frame {
    background-color: #fff;
}

.general_email_container .cke_combo_off a.cke_combo_button:active,
.general_email_container .cke_combo_on a.cke_combo_button {
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-filter: none;
    filter: none;
    background: #ddd;
}

.general_email_container .cke_combo.cke_combo__format.cke_combo_off,
.general_email_container .cke_combo.cke_combo__format.cke_combo_off a.cke_combo_button:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: initial;
    -webkit-filter: none;
    filter: none;
}


.general_email_container .cke_combo_on a.cke_combo_button:hover,
.general_email_container .cke_combo_on a.cke_combo_button:focus,
.general_email_container .cke_combo_on a.cke_combo_button:active {
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
}

.general_email_container .ck_panel {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #ddd;
    border-bottom-color: #ddd;
}

.general_email_container .cke_panel_block {
    outline: none;
}

.general_email_container .cke_panel_listItem a:hover,
.general_email_container .cke_panel_listItem a:focus,
.general_email_container .cke_panel_listItem a:active {
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
}


.general_email_container .cke_panel_list {
    outline: none;
    margin: 0;
}


.general_email_container_inner {
    background: #fff;
    padding: 1rem;
    -webkit-box-shadow: 2px 2px 2px rgba(0,0,0,.2);
    box-shadow: 2px 2px 2px rgba(0,0,0,.2);
}

.general_email_container input.btn-submit {
    margin-right: 0;
    margin-top: 1rem;
    margin-bottom: 1rem;
}



.general_email_container .cke_panel_block.cke_colorblock,
.general_email_container .cke_panel_block.cke_colorblock:focus {
    outline: none!important;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.general_email_container .flex-row label {
    min-width: 10rem;
    max-width: 10rem;
}

/* END EMAIL TEMPLATE */


/* CRM SETTINGS */

.calendar_container {
    margin-top: 2rem;
    margin-left: auto;
    margin-right: auto;
    max-width: 65rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.calendar_container_inner {
    background: #fff;
    -webkit-box-shadow: 2px 2px 2px rgba(0,0,0,.2);
    box-shadow: 2px 2px 2px rgba(0,0,0,.2);
    padding: 1rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
}


.calendar_container_inner .flex-row {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.calendar_container_inner .flex-row label {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}

.calendar_container_inner .flex-row .input-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    border-radius: 3px;
}

.calendar_container_inner .flex-row .input-group input {
    width: calc(100% - 10rem);
    padding: .35rem .75rem;
    background: #fcfcfc;
    border: 1px solid #fcfcfc;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 3px;
    margin: 0;
}

.calendar_container_inner .flex-row .input-group input:focus {
    border-color: #fcfcfc;
}

.calendar_container_inner .flex-row .input-group a.btn-copy-link {
    width: 10rem;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 999;
    height: 100%;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border: 1px solid #e42d24;
    text-transform: capitalize;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.calendar_container_inner .flex-row .input-group a.btn-copy-link i {
    font-size: 170%;
    padding-right: .5rem;
}


.ui-tooltip {
    position: absolute!important;
    width: initial!important;
    border: none!important;
    text-align: center!important;
    display: none;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    color: #fff!important;
    background: rgba(0,0,0,.7)!important;
    border-radius: 0!important;
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
}

/* END CRM SETTINGS */

/* TASK COMMENTS */

.task-big-container .task-container {
    -webkit-transition: .5s ease all;
    -o-transition: .5s ease all;
    transition: .5s ease all;
    opacity: 1;
}

.task-big-container .task-container.open {
    max-height: 100vh;
}

.task-big-container .task-container.closed {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
}
.task-big-container .task-container .flex-row .client-info-uploaded-files-big-container .flex-col {
    display: -webkit-inline-box;
}
.task-big-container .task-container .flex-row .client-info-uploaded-files-big-container .flex-col .form-control {
    display: -webkit-inline-box;
    margin-top: 20px;
}
.task-big-container .task-container .flex-row .client-info-uploaded-files-big-container .flex-col .btn-add-files {
    margin-right: 2rem;
}
.task-big-container .task-actions #saveUserTask {
    margin-top: 2rem;
}
.comments_container,
.comments_inner_container,
.comments_outer_container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.comments_container {
    margin-top: 1rem;
    position: relative;
    margin-right: 1.5rem;
    margin-bottom: 2rem;
}

.comments_container.open {
    max-height: 80vh;
    margin-top: 0;
}



.comments_inner_container {
    max-height: 15vh;
    overflow-y: auto;
    margin-right: 1.5rem;
    padding: 1rem;
}

a#expandComments {
    position: absolute;
    top: .5rem;
    right: 1.5rem;
    cursor: pointer;
}


a#expandComments i {
    font-size: 250%;
    color: #e42d24;
}

.comments_container h3 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.25rem;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: 1.5rem;
    margin-left: .5rem;
}


.comments_outer_container {
    margin-right: 1.5rem;
}


.comment_box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}

.comment_avatar,
.comment_name,
.comment_message {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.comment_avatar {
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.comment_avatar svg {
    width: 100%;
    height: 100%;
    fill: #ddd;
}




.comment_message {
    width: calc(100% - 3rem);
    padding-left: 1rem;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.comment_message span {
    word-break: break-all;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    color: #686868;
    font-size: .9rem;
}

.comment_message {
    position: relative;
}

.comment_message textarea {
    width: 100%;
    resize: none;
    border-radius: .35rem;
    border: 1px solid #ddd;
    outline: none;
    padding: .5rem 1rem;
    height: 3rem;
    font-size: .9rem;
    -webkit-transition: .2s ease all;
    -o-transition: .2s ease all;
    transition: .2s ease all;
    padding-right: 2.5rem;
}

.comment_message textarea:focus {
    height: 3rem;
}

.comment_message a.send-reply {
    position: absolute;
    top: 0;
    right: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 2.5rem;
    height: 3rem;
    background: #e42d24;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-top-right-radius: .35rem;
    border-bottom-right-radius: .35rem;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
}

.comment_message a i {
    font-size: 150%;
    color: #fff;
}

.comment_message textarea:focus {
    max-height: initial;
}

.comment_row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-bottom: .5rem;
}

.comment_row .comment_box {
    padding: 0;
}



.comment_message_posted {
    border: 1px solid #fbfbfb;
    border-radius: .35rem;
    width: 100%;
    padding: .5rem 1rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    background: #fbfbfb;
}


.comment_message_posted span {
    font-size: .9rem;
    line-height: 1.2rem;
    padding-bottom: 0;
    text-align: left;
}

.comment_message_posted_bellow {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: .25rem;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.comment_message_posted_bellow a {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.comment_message_posted_bellow a {
    text-decoration: underline;
    font-size: .9rem;
    color: #00a8ff;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.comment_message_posted_bellow span {
    font-size: .9rem;
    color: #ddd;
    font-style: italic;
    padding-bottom: 0;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: initial;
}

.comment_message_reply {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}

.comment_message_reply .comment_box {
    display: none;
}

.comment_message_reply .comment_box .comment_avatar {
    width: 2rem;
    height: 2rem;
}

.comment_message_reply .comment_box.open {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding-top: .5rem;
}

.comment_message_reply .comment_box .comment_message {
    width: 100%;
}

.author-and-date {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: .25rem;
}

.author-and-date span:first-child {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-transform: capitalize;
    font-weight: bold;
}

.author-and-date span:last-child {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    color: #ddd;
    font-style: italic;
}

.comments_outer_container .comment_message {
    width: 100%;
}

.comments_outer_container .comment_message textarea {
    max-height: 3rem;
    width: 100%;
}

.comments_outer_container .comment_message .send-reply {
    max-height: 3rem;
}

form#save-comment-global {
    width: 100%;
}



.comment_message_reply_view {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding-top: .5rem;
}

.comment_message_reply_view .comment_box .comment_avatar {
    width: 2rem;
    height: 2rem;
}

.comment_message_reply_view .comment_box .comment_message {
    width: 100%;
}

.comments_container.open .comments_inner_container {
    max-height: 70vh;
}

.modal-open .modal-new-task {
    overflow-y: hidden;
}

.crm.modal-open {
    overflow: hidden;
}

.reply_field {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    position: relative;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.comment_box form {
    width: 100%;
}

/* END TASK COMMENTS */


/* BS DATETIMEPICKER */


.bootstrap-datetimepicker-widget table td.today.active:before {
    border-bottom-color: #fff!important;
}

.bootstrap-datetimepicker-widget table td.today:before {
    border-bottom-color: #e42d24!important;
}


.bootstrap-datetimepicker-widget table thead tr:first-child th span {
    color: #e42d24;
}

.bootstrap-datetimepicker-widget.dropdown-menu {
    width: 100%;
    border-radius: 6px;
}


.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover {
    background-color: #e42d24!important;
}


.bootstrap-datetimepicker-widget a[data-action] {
    color: #e42d24;
}

.bootstrap-datetimepicker-widget .picker-switch td span,
.bootstrap-datetimepicker-widget .picker-switch td span:hover {
    background-color: #e42d24;
    color: #fff;
}

/* END BS DATETIMEPICKER */

/* MEDIA QUERIES */


@media (min-width: 147px) and (max-width: 992px) {
    .userpassform input {
        display: inline-block;
        width: auto;
        vertical-align: middle;
    }
    .btn-lg {
        min-width: inherit;
    }

}

@media (min-width: 147px) and (max-width: 768px) {
    .order_model button {
        width: 100%;
    }
}


@media (min-width: 992px) {
    .in-and-out-of-stock-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: -moz-box;
        display: flex;
    }
    .in-stock-products, .out-of-stock-products {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: -moz-box;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        flex-direction: column;
    }
}


@media (max-width: 991px) {
    .prod-page-pieces {
        text-align: left;
    }
    .clients-listing-content-outer .clients-listing-content a.ss {
        width: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
    }
}

@media (min-width: 320px) and (max-width: 768px) {
    .modal-send-offer .flex-row label {
        min-width: initial;
    }
    .slider-element-info-container, .promotions-element-info-container {
        left: 0;
        padding-right: 0;
        text-align: center;
        width: 70%;
        margin: 0 auto;
    }
    .promotions-big-container h2.text_title {
        font-size: 1.5rem;
        line-height: 1.5rem;
        border-bottom: 2px solid #e42d24;
        text-transform: none;
    }
    .promotions-element-container {
        margin-bottom: .5rem;
        margin-top: 1.25rem;
    }
    .promotions-element-container:first-child {
        margin-top: 0;
    }
    .btn-view-details {
        display: block;
        margin: .5rem auto;
    }
    .btn-view-products {
        display: block;
        margin: .5rem auto;
    }
    .slider-listing .slick-dots {
        bottom: inherit;
        top: 0;
        text-align: center;
        padding-left: 0;
        padding-bottom: 0;
        padding-top: 1rem;
    }
}


@media (min-width: 320px) and (max-width: 992px) {
    .h_width {
        width: 100%!important;
    }
    .about-us-bg-left, .about-us-bg-right {
        min-height: 30rem;
    }

    #drop_feed_trigger_mobile .dropdown-menu-feed {
        width: 100%;
        position: fixed;
        margin-top: -1px;
        border-radius: 0;
        right: 0;
        left: 0;
        top: 4rem;
    }
}

@media (min-width: 992px) and (max-width: 1440px) {
    .h_width {
        width: 85%!important;
    }
    .about-us-bg-left, .about-us-bg-right {
        min-height: 30rem;
    }
}




@media (max-width: 485px) {
    .action-group .form-Search {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        margin: 0 auto;
        margin-bottom: .5rem;
    }
    .action-group .btn-add-client,
    .action-group .btn-add-task {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        width: calc(50% - 2px);
        margin: 0 auto;
        margin-bottom: .5rem;
        margin-top: .5rem!important;
    }
    .action-group .custom-search-form {
        width: 100%;
    }
    .filter-status-dropdown > a,
    .filter-agent-dropdown > a {
        margin-top: .5rem;
    }
    .action-group .custom-search-form {
        min-width: initial;
    }
}

@media (min-width: 485px) and (max-width: 992px) {
    .action-group .form-Search {
        width: 100%;
    }
    .action-group .custom-search-form {
        min-width: 100%;
    }
    .btn-add-client, .btn-add-task {
        margin-left: initial!important;
        margin-top: .5rem;
        margin-right: .5rem;
    }
}


@media (min-width: 320px) and (max-width: 768px) {
    .client-listing-item {
        overflow: initial;
    }
    .flex-row {
        min-height: initial;
        max-height: initial;
        overflow: initial;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .modal-client-status .modal-dialog {
        width: 85%;
    }
    .client-listing-item {
        padding: .5rem;
    }
    .flex-item.item-no span {
        left: -.25rem;
    }
    .client-listing-item:before {
        width: 2.25rem;
    }

}

@media (min-width: 320px) and (max-width: 549px) {
    .flex-item {
        padding-right: .5rem;
    }
    .flex-item.flex-wrap {
        min-width: 5.5rem;
    }
    .flex-row-btn-group {
        padding-top: .25rem;
    }
    .flex-row {
        -webkit-box-align: initial;
        -webkit-align-items: initial;
        -moz-box-align: initial;
        -ms-flex-align: initial;
        align-items: initial;
        -webkit-box-pack: initial;
        -webkit-justify-content: initial;
        -moz-box-pack: initial;
        -ms-flex-pack: initial;
        justify-content: initial;
    }
}



@media (max-width: 992px) {
    .action-group {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .action-group-btn {
        width: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .action-group-btn a,
    .action-group-btn button {
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -moz-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
    }
}

@media (min-width: 993px) {
    .action-group-btn a {
        margin-right: 0;
    }
}


@media (max-width: 521px) {
    .flex-item.item-actions {
        display: none;
    }
    .flex-item.flex-item-bp.item-actions {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        padding-right: 0;
    }
    .flex-item.flex-item-bp.item-actions .flex-row-btn-group {
        padding-top: 0;
        -webkit-box-pack: end!important;
        -webkit-justify-content: flex-end!important;
        -moz-box-pack: end!important;
        -ms-flex-pack: end!important;
        justify-content: flex-end!important;
    }
}

@media (min-width: 522px) {
    .flex-item.flex-item-bp.item-actions {
        display: none;
    }
}


@media (min-width: 522px) and (max-width: 580px) {
    .flex-item.item-actions {
        -webkit-box-pack: center!important;
        -webkit-justify-content: center!important;
        -moz-box-pack: center!important;
        -ms-flex-pack: center!important;
        justify-content: center!important;
    }
}


@media (min-width: 768px) {
    .item-actions {
        min-width: calc(100% - 36rem);
        padding-right: 0;
    }
}


@media (max-width: 768px) {
    .modal-add-user .modal-dialog,
    .modal-task .modal-dialog,
    .modal-send-offer .modal-dialog,
    .modal-upload-files .modal-dialog {
        width: 90%!important;
    }
}


@media (min-width: 320px) and (max-width: 767px) {
    .comment_message {
        width: 100%;
        padding-left: 0;
    }
    a#expandComments {
        top: .75rem!important;
        right: 0!important;
    }
    .task-container .flex-col.params,
    .task-container .flex-col.options {
        width: 100%!important;
    }
    .task-container .flex-col.options .task-options {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .task-container .flex-col.params .client-name,
    .task-container .flex-row .task-desc,
    .task-container .flex-col.params .task-date,
    .task-container .flex-col.options .task-assist,
    .task-container .flex-col.params .task-options,
    .task-container .flex-col.params .email-reminder {
        padding: .5rem 0!important;
    }
    .task-big-container .task-container {
        max-height: initial!important;
    }
    .modal-open .modal-new-task {
        overflow-y: auto;
    }
    .modal-task .modal-header,
    .modal-task .modal-body,
    .modal-task .modal-footer,
    .modal-upload-files .modal-header,
    .modal-upload-files .modal-body,
    .modal-upload-files .modal-footer {
        padding: .5rem;
    }
    .comment_avatar {
        display: none;
    }
    .comments_outer_container {
        margin-right: 0;
    }
    .comments_outer_container .comment_box {
        padding: 0;
    }
    .comments_outer_container .comment_message {
        padding-left: 0;
        width: 100%;
    }
    .comments_inner_container {
        padding: 0;
        margin-right: 0;
        margin-top: 1rem;
        margin-bottom: .5rem;
    }
    .active-tasks-container,
    .history-tasks-container {
        margin-top: 4.5rem;
        margin-bottom: 5rem;
        padding: .5rem;
    }
}



@media (min-device-width: 320px) and (max-device-width: 768px) {
    .client-listing-item .task-info {
        display: none;
    }
}



@media (min-width: 320px) and (max-width: 425px) {
    .email-reminder-container {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .task-info .email-reminder-container .email-reminder span:first-child {
        width: 100%;
    }
    .task-info .email-reminder-container .email-reminder label {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .task-info .email-reminder-container .email-reminder input,
    .task-info .email-reminder-container .email-reminder span.input-group-addon {
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -moz-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
    }
}


@media (min-width: 768px) {
    .add-new-client {
        max-width: 40rem;
        margin: 5vh auto;
    }
}


@media (min-width: 320px) and (max-width: 475px) {
    .add-new-client .flex-row input,
    .add-new-client .flex-row .autocomplete-name-container {
        width: 100%;
    }
    .add-new-client .flex-row > span.select2-container {
        width: 100%!important;
    }
}

@media (max-width: 768px) {
    .checkbox.checkbox-primary {
        margin-top: .5rem;
        margin-bottom: .5rem;
    }
    .add-new-client .flex-row {
        margin-top: 1.5rem;
        margin-bottom: 1.5rem;
    }
    .active-tasks-container .client-listing-tasks .flex-item.item-desc,
    .history-tasks-container .client-listing-tasks-history .flex-item.item-desc {
        min-width: 8rem!important;
        padding-right: 0!important;
    }

}

.ui-front {
    /*z-index: 9999!important;*/
}


@media (max-width: 1199px) {
    #chartdiv {
        margin: 5vh;
    }
    .btn-add-new-task,
    .btn-save-email {
        display: none!important;
    }
}

@media (min-width: 768px) {
    .flex-item.item-desc {
        min-width: 26rem;
    }
}


@media (min-width: 1200px) {
    .btn-save-email-mobile,
    .btn-add-new-task-mobile {
        display: none!important;
    }
}

@media (min-width: 1200px) and (max-width: 1400px) {
    .active-tasks-container .client-listing-tasks .flex-item.item-desc,
    .history-tasks-container .client-listing-tasks-history .flex-item.item-desc {
        min-width: 21rem!important;
        padding-right: 0!important;
    }

}



@media (max-width: 992px) {
    .client-info-container.none {
        display: none;
    }
    .client-listing-tasks.none {
        display: none;
    }
    .client-listing-tasks-history.none {
        display: none;
    }

    .client-name h1 {
        color: #fff;
    }

}


@media (min-width: 320px) {
    .client-charts {
        min-width: 28rem;
    }
}


@media(min-width: 320px) and (max-width: 991px) {
    .client-company-info-container {
        display: none!important;
    }
    .client-company-info-container.active {
        display: block!important;
    }
    .add-new-task-container {
        display: none!important;
    }
    .add-new-task-container.active {
        display: block!important;
    }
    .all-tasks-container {
        display: none!important;
    }
    .all-tasks-container.active {
        display: block!important;
    }
    .client-info-uploaded-files-big-container {
        display: none!important;
    }
    .client-info-uploaded-files-big-container.active {
        display: block!important;
    }
    .client-info-uploaded-files-big-container .flex-col {
        display: -webkit-inline-box;
    }
    .client-offers-container {
        display: none!important;
    }
    .client-offers-container.active {
        display: block!important;
    }
    .active-tasks-container,
    .history-tasks-container {
        margin-top: 14rem!important;
    }
    .crm-dashboard .active-tasks-container,
    .crm-dashboard .history-tasks-container {
        margin-top: 5.5rem!important;
    }
    .btn-add-new-task-mobile,
    .btn-save-email-mobile {
        margin-top: 2rem!important;
    }
    .client-info-big-container {
        margin-top: 0!important;
    }
    .client-info-btns-container {
        display: none!important;
    }
    .client-info-btns-container.active {
        display: -webkit-box!important;
        display: -webkit-flex!important;
        display: -moz-box!important;
        display: -ms-flexbox!important;
        display: flex!important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .active-tasks-container,
    .history-tasks-container {
        margin-top: 8.5rem!important;
    }
    .crm-dashboard .active-tasks-container,
    .crm-dashboard .history-tasks-container{
        margin-top: 5.5rem!important;
    }
    .client-info-big-container {
        margin-top: 0!important;
    }
    .history-tasks-container {
        margin-bottom: 2rem!important;
    }
}


@media (min-width: 320px) and (max-width: 375px) {
    .action-group .btn-add-client,
    .action-group .btn-add-task {
        width: 100%;
    }
}

@media (min-width: 1200px) and (max-width: 1400px) {
    .flex-item.item-desc {
        min-width: 23rem;
    }
}


@media (min-width: 320px) and (max-width: 767px) {
    .active-tasks-container .client-listing-tasks .flex-item.item-desc,
    .history-tasks-container .client-listing-tasks-history .flex-item.item-desc {
        min-width: 55%;
        max-width: 55%;
        padding-right: initial;
    }
}


@media (min-width: 320px) and (max-width: 521px) {
    .active-tasks-container .client-listing-item span, .history-tasks-container .client-listing-item span {
        width: 100%;
    }
}


@media (min-width: 320px) and (max-width: 425px) {
    #chartdiv {
        margin-left: -22vw;
        height: initial;
        min-height: 20rem;
        min-width: 33rem;
        max-width: 100%;
        max-height: 100%;
    }

}


@media (max-device-width: 1279px) {
    #content-logged-in {
        padding-top: 0;
    }
}



@media (min-width: 320px) and (max-width: 1279px) {
    .modal-add-user .modal-dialog,
    .modal-task .modal-dialog,
    .modal-send-offer .modal-dialog,
    .modal-upload-files .modal-dialog {
        margin: 6rem auto;
    }
}



@media (min-width: 320px) and (max-width: 991px) {
    .add-new-client h2 {
        text-align: left;
    }
    .client_big_container .client-name h1 {
        font-size: 1.75rem;
    }
    .client-info-container {
        margin-top: 1rem;
        margin-bottom: 1rem;
    }
}

@media (min-width: 320px) and (max-width: 349px) {
    .steps-container {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .steps-container a,
    .steps-container button {
        width: 100%;
    }
    .steps-container button {
        margin-top: .5rem;
    }
    .steps-container a:last-child {
        margin-top: .5rem;
    }
}

@media (min-width: 320px) and (max-width: 475px) {
    .add-new-client .flex-row label {
        width: 100%;
    }
    .add-new-client > .flex-row span.select2-container {
        width: 100%!important;
    }
    .add-new-client .flex-row .autocomplete-name-container,
    .add-new-client .flex-row input,
    .add-new-client .flex-row select,
    .add-new-client .flex-row > span:not(.select2-selection),
    .add-new-client .flex-row .checkbox-group {
        width: 100%;
    }

}

@media (min-width: 350px) and (max-width: 377px) {
    .btn-step-next {
        margin-top: .5rem;
    }
}

@media (min-width: 320px) and (max-width: 767px) {
    .filter-status-select {
        width: 100%;
    }
}


@media (max-width: 991px) {
    .clients-listing-content a:not(.btn-add-offer),
    .clients-listing-content a .client-listing-item  {
        width: 100%;
    }
    .flex-row-btn-group a {
        width: initial;
    }
}

@media (max-width: 991px) {
    .clients-listing-content a.btn-task-done,
    .clients-listing-content a.btn-task-delayed {
        width: initial;
    }
}


@media (min-width: 992px) and (max-width: 1199px) {
    .clients-listing-content-outer .clients-listing-content a.ss {
        width: 50%;
    }
}


@media (min-width: 320px) and (max-width: 424px) {
    .product-view-left-content-inner .slider-for .slider-item {
        width: 265px;
        height: 265px;
    }
}

@media (min-width: 425px) and (max-width: 767px) {
    .product-view-left-content-inner .slider-for .slider-item {
        width: 352px;
        height: 352px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .product-view-left-content-inner .slider-for .slider-item {
        width: 638px;
        height: 638px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .product-view-left-content-inner .slider-for .slider-item {
        width: 143px;
        height: 143px;
    }
}

@media (min-width: 1200px) and (max-width: 1399px) {
    .product-view-left-content-inner .slider-for .slider-item {
        width: 173px;
        height: 173px;
    }
}

@media (min-width: 1400px) and (max-width: 1599px) {
    .product-view-left-content-inner .slider-for .slider-item {
        width: 206px;
        height: 206px;
    }
}

@media (min-width: 1600px) and (max-width: 1799px) {
    .product-view-left-content-inner .slider-for .slider-item {
        width: 238px;
        height: 238px;
    }
}

@media (min-width: 1800px) {
    .product-view-left-content-inner .slider-for .slider-item {
        width: 269px;
        height: 269px;
    }
}
.red_bk{
    background-color:#e42d24!important;
}
.yellow_bk{
    background-color:#f69803!important;
}
.green_bk{
    background-color:green!important;
}
.grey_bk{
    background-color:grey!important;
}
.fc-nonbusiness {
    background: #ff4f4f!important;
}

/*calendar style*/

#wrap {
    width:95%;
    margin: 0 auto;
    margin-top: 25px;
}

#external-events {
    float: right;
    width:23%;
    padding: 0 10px;
    border: 1px solid #ccc;
    background: #eee;
    text-align: left;
}

#external-events h4 {
    font-size: 16px;
    margin-top: 0;
    padding-top: 1em;
}

#external-events .fc-event {
    margin: 10px 0;
    cursor: pointer;
}

#external-events p {
    margin: 1.5em 0;
    font-size: 11px;
    color: #666;
}

#external-events p input {
    margin: 0;
    vertical-align: middle;
}

#calendar {
    float: left;
    width: 76%;
}

.task {
    overflow: auto;
}
/*end calendar style*/


.form-entity h1, h2, h3, h4, h5, h6 {
    /*margin-bottom: 1.5rem!important;*/
    /*margin-top: 0.8rem!important;*/
    color: #555!important;
    text-align: left!important;
    padding: 0!important;
    font-size: 24px!important;

}

.inline {
    display: inline-block;
}
.modal { overflow: auto !important; }
.modal.fade .modal-dialog {
    top: 0px;
    transform: unset!important;
}
.form-entity .btn {
    display:inline;
    padding: 2px 6px;
}

.form-entity .select2-container {
    max-width: 100%;
    width: 100%!important;

}

.form-entity h4.modal-title {
    line-height: 1rem;
    font-size: 1.6rem!important;
}

#entityPopup .modal-body {
    padding: 0;
    padding-top: 0.5rem;
}

.form-entity h5 {
    margin: 0;
    font-size: 1.4rem!important;
}

.form-entity .form-group {
    margin-bottom: 5px;
}

.form-entity .form-control {
    line-height: 1rem;
    height: 2rem;
    font-size: 0.85rem;
}

.form-entity .select2-container .select2-selection--single {
    height: 2rem!important;
}

.form-entity .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 1rem!important;
    font-size: 0.85rem;
}

.form-entity label {
    font-size: 0.85rem;
}

.form-entity input[type=file] {
    font-size: 0.7rem!important;
}
.form-entity textarea {
    max-width: 100%;
}

.form-entity .fileItem {
    display: inline-flex;
    margin-right: 1rem;
    margin-bottom: 0.5rem;
    font-size: 0.85rem;
    color: #3b3f42;
}

.form-entity .fileItem a {
    padding: 2px 6px;
    border: 1px solid #ddd;
    border-right-color: #eee;
    border-radius: 4px 0 0 4px;
    color: inherit;
    text-decoration: none;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-transition: 0.5s ease all;
    -o-transition: 0.5s ease all;
    transition: 0.5s ease all;
}

.form-entity .fileItem a:hover,
.form-entity .fileItem .removeAttributeFile:hover {
    border-color: #ff3333;
}

.form-entity .fileItem .removeAttributeFile {
    padding: 2px 6px;
    border: 1px solid #ddd;
    border-radius: 0 4px 4px 0;
    border-left-color: #eee;
    cursor: pointer;
    -webkit-transition: 0.5s ease all;
    -o-transition: 0.5s ease all;
    transition: 0.5s ease all;
}

.form-entity .fileItem .fa-times {
    color: #505050;
}

@media (min-width: 768px) {
    .d-sm-flex {
        display: -ms-flexbox!important;
        display: flex!important;
    }
}

.custom-dots{
    width:20px;
    height:20px;
    border-radius:50%!important;
    overflow: hidden;
    color:#3a87ad!important;
    position:absolute;
}

.fc-event .fc-content{
    height:15px;
}

.fc-now-indicator-line {
    border: 1px dashed red!important;
}

.fade.show {
    opacity: 1;
}

.toggleButton , .toggleButton:focus, .toggleButton:active{
	background-color:#bbb;
}
.toggleButton .active,.toggleButton.active:focus, .toggleButton.active:active{
	background-color:#e42d24;
}