@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

:root {
  --grey: #ECECEC;
  --primary-black: #121212;
  --secondary-black: #3E3E3E;
  --blue: #3755FA;
  --white: #FEFEFE;
  --info-light: #E3F1FF;
  --light-grey: #F8F9FA;
  --blue-bg: #F3FAFF;
  --red: #DC3545;
  --light-red: #FBDADA;
  --grey-primary: #8A8A8A;
  --grey3: #EAEAEA;
  --grey4: #F9F9F9;
  --black2: #3E3E3E;
  --black1: #121212;
}

#content{ min-height: 800px;}
body .fw-600 {
	font-weight: 600;
}

body .roboto-16 {
	font-size: 16px;
}

body .roboto-14 {
	font-size: 14px;
}

body .roboto-12 {
	font-size: 12px;
}

.as-table[data-code="customerNotes"] .crd2Item[data-code="note"] {
	width: 207px;
}

.btn[data-code="addReview"] {
  	padding: 12px 24px;
  	font-weight: 600;
  	border-radius: 8px;
	//background: linear-gradient(180deg, #75B7FE 0%, #3755FA 100%);
    background: #3755FA;
  	text-transform: uppercase;
}

.bg-info-light.card-header {
	background-color: var(--info-light);
  	border-color: var(--grey3);
  	color: var(--black2);
}

.bg-grey.card-header {
	background-color: var(--grey3);
}

body .form-statuses .card-header[data-toggle=collapse] {
	padding: 10px 12px;
  	font-size: 16px;
  	font-weight: 600;
  	color: var(--black2);
}

body .as-entity-statusName {
	font-size: 16px;
  	font-weight: 600;
}

body .form-statuses .card-header[data-toggle=collapse]::after {
  	display: flex;
  	align-items: center;
	padding-right: 0;
  	right: 12px;
  	top: 50%;
  	transform: translateY(-50%);
  	width: 20px;
  	height: 20px;
  	line-height: 0;
}

body .as-entity-status[data-itemid="12406"],
body .as-entity-status[data-itemid="12203"]{
	color: var(--white);
}

html body {
	font-family: "Roboto", Arial;
}

body #wrapper #content-wrapper {
	background-color: var(--blue-bg);
}

body .topbar .navbar-search {
	margin-left: 0 !important;
}

body .navbar {
  	padding: 10px 24px;
  	align-items: center;
	margin-top: 0px;
  	box-shadow: none !important;
}

body .navbar-nav {
	align-items: center;
  	gap: 20px;
}

body .as-userPic {
	width: 36px !important;
  	height: 36px !important;
    aspect-ratio: 1/1;
    object-fit: cover;
    max-width: 36px!important;
}

body .topbar .nav-item .nav-link {
   padding: 0;
	flex-shrink: 0;
}

body .topbar .topbar-divider {
	margin: 0;
}

body .topbar .dropdown {
	margin: 0 !important;
}

.top-0 { top: 0; }
.bottom-0 { bottom: 0; }
.left-0 { left: 0; }
.right-0 { right: 0; }

.form-tools {
  max-height: 520px;
  overflow: auto;
  padding: 10px 0;
}

html body .breadcrumb.breadcrumbLeft {
  	margin-bottom: 24px;
  	padding: 16px 24px;
  	border-radius: 8px;
    box-shadow: unset;
    background: unset;
	//box-shadow: 0px 2px 15px 0px #3755FA26;
  	//background-color: var(--grey4);
}

body .breadcrumb-item {
	font-size: 16px;
}

body .breadcrumb-item+.breadcrumb-item {
	padding-left: 0;
  	color: #212529;
}

body .breadcrumb-item+.breadcrumb-item::before {
	padding-right: 0;
}

body #accordionSidebar {
  	gap: 48px;
    background: #3755FA;
}

body .sidebar .sidebar-brand {
	padding: 16px;
  	justify-content: start !important;
    width: 100%;
}

body .sidebar .sidebar-brand .sidebar-brand-text {
    display: none;
}

body .sidebar-dark hr.sidebar-divider {
	display: none !important;
}

body .sidebar-brand-icon>img {
    max-width: 120px;
    max-height: 33px;
    float: left;
    width: 100%;
}

body .as-leftColCont {
	display: flex;
  	flex-direction: column;
  	gap: 48px;
}

body .sidebar .nav-item:last-child {
	margin-bottom: 0;
}

body .sidebar.toggled .sidebar-brand-icon>img {
    max-width: 60px;
}

body .sidebar-dark #sidebarToggle {
	background-color: rgba(249, 249, 249, 1);
}

body .sidebar-dark #sidebarToggle::after,
body .sidebar-dark.toggled #sidebarToggle::after {
	color: rgba(62, 62, 62, 1);
}

body .sidebar-dark .nav-item .nav-link {
	color: rgba(249, 249, 249, 1);
}

body .sidebar .nav-item .nav-link span {
	font-size: 16px;
  	line-height: 100%;
}

body .sidebar-dark .nav-item .nav-link i {
	color: rgba(255, 255, 255, 1);
}

body .crd2ColDesc {
	color: inherit;
}

.as-table[data-code="projectBids"] .crd2Cell[data-code="result"] .crd2Val {
	display: flex;
  	gap: 8px;
}


@media (max-width: 767px) {
  .as-table[data-code="projectBids"] .crd2Cell[data-code="result"] .crd2Val {
  	flex-direction: row-reverse;
    justify-content: center;
    flex-wrap: wrap;
  }


  @media only screen and (max-width: 768px) {
    body div[data-g] .crd2Table tr {
        border: 1px solid var(--grey3);
    }
}

  div[data-g] .crd2Table tr:not(.crd2WholeRow):not(.crd2AddRow) td.crd2Item[data-code="result"] {
  	padding: .3rem !important;
  }

}

.badge-custom {
  	padding: 4px 6px;
	font-size: 14px;
  	border-radius: 4px;
  	border: 1px solid var(--grey3);
  	color: var(--black2);
}

.fa.fa-times.text-danger::before {
  	display: block;
	content: '';
  	width: 25px;
  	height: 25px;
  	background-image: url(/uploads/makeup/img/close.svg);
  	background-repeat: no-repeat;
  	background-position: center;
}

.sticky-footer .container {
	margin: 0;
  	width: 100%;
  	max-width: 100% !important;
}

.sticky-footer .footer-top {
  font-size: 1rem;
  color: rgba(18, 18, 18, 1);
	background: none;
}

.pHtml {
	margin-bottom: 24px;
}

.crd2PagingwrapperDown .pagingcontainer {
	display: block;
}

.container-fluid > .sticky-footer,
.pHtml > .sticky-footer {
	margin: 0 -1.5rem;
}


.footer-top .line-heigt-footer {
	color: rgba(18, 18, 18, 1);
}

.footer__social {
  	display: inline-block;
  	width: 40px;
  	height: 40px;
	background-color: rgba(55, 85, 250, 1);
}

@media (min-width: 768px) {
	body.as-demo #content {background: url(/uploads/demo-back.png) repeat-y center center; background-attachment: fixed;}
}

body.as-mob #content > .container-fluid {
    margin-top: 20px !important;
}

html .as-horizontalMainMenu .sidebar.toggled{ width:100% !important; }
.as-horizontalMainMenu .sidebar.toggled .nav-item .nav-link { white-space: break-spaces; }

.bl-text img {   box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important; }
.extrasmall{font-size: 10px;}
.cat-list[data-code=products] .cat-listItem{display: inline-block; width: 320px;  margin-right: 10px;}
.prodCard { min-height: 370px; }
.prodCardText{
 display: -webkit-box;
   -webkit-line-clamp: 4;
   -webkit-box-orient: vertical;
   overflow: hidden;
   text-overflow: ellipsis;
}

.cat-filters .as-chosen{ max-width: 100%; }
html .as-files-itemTitle {width: 160px;}
.regBtn, div a.forgotpasswordBtn{ display:none !important; }
.fab {
    font-family: "Font Awesome 5 Brands" !important;
}
@media (max-width: 453px) {
  #hero div div {
    flex-direction: column;
    align-items: center;
  }

  #hero .btn-get-started {
    margin-top:5px;
    text-align:center;
    width:75%;
  }

  #navbar11 .nav-item[title="Баланс пользователя"] {
    display:none;
  }


}

#content {
  min-height:700px;
}

.sidebar  .as-fl-cont .alert { padding: 10px !important;}
.cat-sorts>ul>li>span{ font-weight: bold; }
.cat-sorts>ul>li>a{ color: #000000; }
.cat-itemOffers .as-cart-count{position: relative; top: 3px; }
.as-rs-bigFirstCont .as-rs-bigFirst .as-rs-itemImg img{max-width: 600px; width: 100%;}
.cat-itemPhoto .as-rs-bigFirst{ background: transparent; border-width: 0; }
.as-rs-bigFirstCont .as-rs-bigFirst .as-rs-itemImg img{ max-width: max-content !important;  }

.cat-productPanel{ margin-bottom: 20px;}
.cat-productPanel  .cat-productTitle{height: 55px; text-overflow: unset; white-space: initial; font-size: 1rem; }

.cat-itemAttr{ font-size: 0.75rem;}
.cat-itemAttrValue{font-weight: bold; color:#000;}
.cat-productPanel .cat-productImg{height: 150px; display: block;}
.cat-productPanel .cat-productImg img{ max-width: 200px; max-height: 150px; width: 100%;}
.cat-productPanel .as-cart-addFav{top: 9px !important;}

.cat-productListItem {    margin-bottom: 40px;}

.cat-productListItem  .cat-productTitle{text-overflow: unset; white-space: initial; font-size: 1rem; }
.cat-productListItem .cat-productImg{height: 220px;}
.cat-productListItem .cat-productImg img{ max-width: 300px; max-height:220px; width: 100%;}

.toast-body .btn-light {color: black !important;}

.ctm-item{ margin-bottom: 20px;}
.ctm-subItem{vertical-align: top; display: inline-block; width: 250px;}

.as-color1 {color: blue;}
.as-color2 {color: black;}
.as-switchCategory .toggle.btn {width: 150px !important;}

//.au-list .list-group-item {
//  background-color: #274EC2!important;
//  color: #fff!important;
//  border-width: 1px!important;
//  border-color: #456BC2!important;
//}

//.au-list a.list-group-item:hover {
//  background-color: #456BC2!important;
//  border-width: 1px!important;
//  border-color: #456BC2!important;
//}

.crd2TypicalFilterLink {
  display: none;
}
.nav-item .fa-money-bill-alt {margin-right: 10px;}


.cat-listItemDetails {
  min-height: 635px;
}

#catalog-supplier-reviews{
  overflow-y: auto;
  overflow-x: hidden;
  max-height:700px;
}

/* для дашбордов на мобиле */
@media (max-width: 767px) {
  .as-ds-digits .card-body {
    padding: 5px 12px !important;
  }
  .as-ds-additionalNumber{ margin-bottom: 0 !important;}
  .as-ds-digits>div{ margin-bottom: 8px !important;}
  .as-ds-digits  .h1 {
    font-size: 1.7em;
  }

  body .sidebar .nav-item .nav-link span {
    font-size: 12px;
  }

}

#trf-hiden-tariff-price input {
  border: none;
  outline: none;
  pointer-events: none;
  text-align: center;
  font-weight: 700;
  background-color: white!important;
}
.topSupLink{ font-weight: bold; text-decoration: none;}
.as-intro-run {top: 150px !important;}
.as-online .text-danger{color: #aaa !important;}

.as-comments[data-type="commentProjectBids"] .as-cmt-items, .as-comments[data-type="project"] .as-cmt-items {
  max-height: 200px;
  overflow: auto;
}

@media(max-width: 768px) {
  div#content>div.container-fluid {
    padding-top: 5rem;
  }
}

@media(max-width: 768px) {
	div.as-table[data-code="sb-log"] tr.crd2Row>td.crd2Item {
      padding-left: 0 !important;
  	}
}

.viewPos {
  margin-bottom: .5rem;
  position: relative;
  top: 8px;
}

.line-heigt-footer {line-height: 2.2em;}

.btn-white-outline {
  font-family: "Roboto", sans-serif!important;
  font-size: 16px!important;
  border: 1px solid #000!important;
  border-radius: 8px!important;
  padding: 8px!important;
  display: flex!important;
  align-items: center!important;
  justify-content: center!important;
  color: #000!important;
}

.modal-footer .btn-light {
  font-family: "Roboto", sans-serif!important;
  font-size: 16px!important;
  border: 1px solid #000!important;
  border-radius: 8px!important;
  padding: 12px 24px!important;
  display: flex!important;
  align-items: center!important;
  justify-content: center!important;
  color: #000!important;
}

.modal-footer .btn-primary {
  font-family: "Roboto", sans-serif!important;
  font-size: 16px!important;
  background: #3755FA!important;
  /*linear-gradient(180deg, #75B7FE 0%, #3755FA 100%)*/
  border-radius: 8px!important;
  padding: 12px 24px!important;
  color: #fff!important;
  align-items: center!important;
  justify-content: center!important;
  width: max-content!important;
}

.modal-footer .btn-primary:hover {
  background: linear-gradient(180deg, #3F9BFF 0%, #1D40FC 100%)!important;
  color: #fff!important;
  text-decoration: none!important;
}

.ymaps-2-1-79-inner-panes {
    border-radius: 16px;
}

.btn-primary {
  //background: linear-gradient(180deg, #75B7FE 0%, #3755FA 100%)!important;
  background: #3755FA!important;
  border-radius: 8px!important;
  padding: 12px 24px!important;
  color: #fff!important;
  width: max-content!important;
}

.btn-primary:hover {
  background: linear-gradient(180deg, #3F9BFF 0%, #1D40FC 100%)!important;
  color: #fff!important;
  text-decoration: none!important;
}

footer.sticky-footer {
    padding: 0!important;
    flex-shrink: 0;
}

footer.sticky-footer > .container {
  padding-left: 0!important;
    padding-right: 0!important;
}

.ymaps-2-1-79-map {
  width: 100%!important;
}

@media (max-width: 575px) {
  .h-sm-100 {
    height: 100%!important;
  }
}

.form-control {
    color: #000!important;
    border-radius: 8px!important;
}

.as-entity-statusName {
    margin: 0 auto;
    border-radius: 8px;
    border: unset;
    padding: 12px 24px;
    text-align: center;
    font-weight: 600;
}

.as-entity-statusAction {
    border-radius: 8px!important;
    padding: 12px 24px!important;
}

h2 {
    font-weight: 600;
}

.btn {
  border-radius: 8px;
  padding: 12px 24px;
}

.card .card-header[data-toggle=collapse] {
    padding: 12px 24px;
}

.card-header:first-child {
    border-radius: 8px!important;
}

.card {
  border-radius: 8px!important;
}


.card .card-header[data-toggle=collapse]::after {
    position: absolute;
    top: 0;
    line-height: 51px;
    padding-right: 0;
    content: url(/uploads/makeup/img/chevron-down-black.svg)!important;
}

.as-files-dropzone {
    margin-bottom: 0!important;
    border: 1px dashed #3755FA;
    border-radius: 8px;
  min-height: 35px!important;
}

.as-files-dz-hint {

    font-size: 12px!important;
}

.as-files-dropzone span{

    color: #3755FA!important;
}

.as-form[data-code="sb-customerProject"] .as-form-cap {
    font-size: 12px;
}

.as-form[data-code="sb-newLead"] .as-form-cap {
    font-size: 12px;
}

.as-form[data-code="sb-lead"] .as-form-cap {
    font-size: 12px;
}

.light-panel {
  background: #f9f9f9;
  border-radius: 16px;
  padding: 24px;
}


.crd2Empty {
    border-radius: 8px!important;
    background: #E3F1FF!important;
    color: #000!important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.crd2Empty i::before {
  content: url(/uploads/makeup/img/info-black.svg);
}

  .nav-tabs .nav-link.active {
    color: #000!important;
    background-color: #fff!important;
    border-color: #EAEAEA #EAEAEA #fff #EAEAEA!important;
    font-weight: 600!important;
  }

  .nav-tabs .nav-link {
    border: 1px solid!important;
    border-color: #EAEAEA #EAEAEA #EAEAEA #EAEAEA!important;
    border-top-left-radius: 16px!important;
    border-top-right-radius: 16px!important;
    padding: 12px 18px!important;
    background: #f9f9f9!important;
    color: #3e3e3e!important;
  }

  .nav-tabs {
    border-bottom: unset!important;
  }

.modal-content {
    border-radius: 16px!important;
  padding: 40px 32px!important;
}

.modal-header {
  padding: 0!important;
  padding-bottom: 1rem!important;
  border-bottom: 0px solid #e3e6f0!important;
}

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

.modal-footer {
    padding: 0!important;
  border-top: 0px solid #e3e6f0!important;
  justify-content: end!important;
  margin-top: 15px!important;
}

.modal-titleButtons button {
    font-size: 0;
}

.modal-titleButtons .close::before {
    content: url(/uploads/makeup/img/close-black.svg);
}

.fa-trophy:before {
    content: url(/uploads/makeup/img/trophy.svg)!important;
}

.fa-clipboard-check:before {
    content: url(/uploads/makeup/img/clipboard.svg)!important;
}

.fa-comment:before {
    content: url(/uploads/makeup/img/comment.svg)!important;
}

.as-table[data-code="projectBids"] .crd2Cell[data-code="info"] span.crd2Val {
    display: flex;
    align-items: center;
}

input.form-control[type=checkbox] {
    display: none;
}

.as-form-item input[type=checkbox]:checked ~ label:before {
    content: url(/uploads/makeup/img/checkbox-full.svg);
}

.as-form-item input[type=checkbox] ~ label:before {
    content: url(/uploads/makeup/img/checkbox-empty.svg);
    vertical-align: middle;
}

@media (max-width: 767px) {
  body .container-fluid {
  	padding-left: 16px;
    padding-right: 16px;
  }
}

.pgCont>.row{clear:right;}

.modal-title {
    font-size: 1.5rem;
    font-weight: 600;
}

.form-control:disabled, .form-control[readonly] {
    background-color: #fff!important;
    font-weight: 500!important;
}

.as-form-cap {

    color: #000!important;
}


.as-notification-url {
    margin-left: 0!important;
}

.as-notifcations-panel .btn-primary {
   background: #3755FA!important;
  margin-left: 0!important;
}

.pr-style {
  background: #f9f9f9!important;
}

.lines-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.lines-1 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
}

.lines-4 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    -webkit-box-orient: vertical;
}

.lines-3 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
}





.as-cmt-add .emoji-btn {
  display: none!important;
}

.as-cmt-add {
    background: transparent!important;
    border: unset!important;
    display: flex;
    padding: 0!important;
    margin: 0!important;
    align-items: end;
}

.as-cmt-add button {
  font-family: "Roboto", sans-serif!important;
  border: 1px solid #3755FA!important;
  border-radius: 8px!important;
  padding: 8px!important;
  display: flex!important;
  align-items: center!important;
  justify-content: center!important;
  color: #000!important;
  margin-right: 0!important;
  font-size: 0px!important;
  height: fit-content!important;
  background: #fff;
}

.as-cmt-add button:hover{
  background: #E3F1FF!important;
}

.as-cmt-add button::before {
    content: url(/uploads/paper-plane.svg);
}

.as-cmt-add .as-cmt-addText {
    border-radius: 6px;
    border: 1px solid #cecece;
}

.as-cmt-add textarea:focus-visible {
    border: 1px solid #000!important;
    outline: unset;
}

.as-cmt-addText {
    border-radius: 6px;
    border: 1px solid #cecece;
}

.btn:focus {
    outline: 0;
    box-shadow: unset!important;
}

.partners-img svg {
    max-height: 50px!important;
    max-width: 100%!important;
    padding: 10px 5px;
}

.as-mainMenu .nav-item .fa-money-bill-alt {
    margin-right: 0px;
}

.as-mainMenu .nav-link[title="Избранное"] {
  display: none!important;
}

div.as-comments {
    min-height: 100px;
}

body .form-statuses .card-body  {
    padding: 15px 12px;
}

.as-entity-statusActions {
    margin: 10px 0;
}

.as-entity[data-code="project"]  .as-entity-additionalToolbar {
    margin: 10px 0 40px;
}

.as-notification-process .fa-times::before {
    content: url(/uploads/makeup/img/close-black.svg)!important;
}

.as-notifcations-panel .alert {
    padding: 20px!important;
    background: #fff!important;
    border-radius: 16px!important;
}

.as-notification-from {
    font-size: 15px;
}

.text-muted.as-notification-date {
    color: #000!important;
}

.as-notification-date {
    font-size: 14px!important;
    color: #000!important;
    font-weight: 600;
    margin-left: 10px;
}

.as-notification-name {
    margin-top: 0.75rem!important;
    font-size: 12px;
    margin-bottom: 10px;
}

.as-notifcations-panel>div {
    max-width: 280px!important;
}

.as-notification-url {
  border-radius: 6px!important;
}

.as-notification-additional {
    display: none!important;
}

.as-notification-additional i {
    display: none!important;
}

.modal-content .as-form[data-code="sb-newLead"] .as-form-submit {
  display: none!important;
}

.crd2TitleCount {
    display: inline-flex!important;
    border-radius: 50%!important;
    padding: 6px!important;
    height: 100%!important;
    min-width: 35px!important;
    align-items: center!important;
    justify-content: center!important;
    aspect-ratio: 1/1!important;
}

.as-panel {
    box-shadow: unset!important;
}

.btn-light {
    background-color: unset!important;
}

.btn-xs {
    border-radius: 8px!important;
  	padding: 4px 8px!important;
}

@media (min-width: 1200px) {
  .modal-dialog {
      max-width: 600px!important;
      margin: 1.75rem auto;
  }
}

@media (max-width: 575px) {
  .btn-xs {
    border-radius: 8px!important;
    padding: 10px 16px!important;
  }
}



html body .breadcrumb{
	-webkit-box-shadow: 0px 0px 10px 2px rgba(34, 60, 80, 0.2);
-moz-box-shadow: 0px 0px 10px 2px rgba(34, 60, 80, 0.2);
box-shadow: 0px 0px 10px 2px rgba(34, 60, 80, 0.2);
}


html .sidebar-toggled .sidebar .nav-item .nav-link i {
    font-size: 0.85rem;
}


html body a {
    color: #3755fa; 
}


html body {
    font-size: 0.9rem !important;
}