/*================================================================================
	Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
	Version: 2.0
	Author: PIXINVENT
	Author URL: http://www.themeforest.net/user/pixinvent
================================================================================

NOTE:
------
PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */
:root {
	--main-color: #2979FF;
	--main-color-hover: #6EA4FF;
	--main-background-color: #2979FF;
	--color-green: #008000;
	--color-white: #fff;
	--main-font-size: 1.2rem;
}
html {
	x-overflow: hidden;
}
html .pace .pace-progress {
	background: var(--main-color);
}
.spinner-border.text-primary {
	color: var(--main-color) !important
}
a {
	color: var(--main-color);
}
a:hover {
	color: var(--main-color);
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	line-height: 1.4 !important;
}
h1 {
	font-size: 21px;
	color: var(--main-color);
	font-weight: 400;
	margin-bottom: 14px;
}
html body p {
	line-height: 24px;
}
.hide {
	display: none;
}
.content-body {
	font-size: var(--main-font-size);
}
.dropdown-item:hover, .dropdown-item:focus,
.textarea-counter-value {
	color: #fff;
    background-color: var(--main-color-hover);
}
.textarea-counter-value {
	font-size: 0.75rem;
}
.field-text-modal {
	min-height: 100px !important;
	max-height: 200px;
}
.dropdown-item.active, .dropdown-item:active {
	background: var(--main-color);
	color: #fff;
}
.home-page-h1 {
	border-right: none !important;
}
.link-inherit {
	color: inherit;
}
.vertical-layout.vertical-menu-modern .main-menu .navigation .menu-content > li > a svg,
.vertical-layout.vertical-menu-modern .main-menu .navigation .menu-content > li > a i {
	width: 16px;
	height: 16px;
}
.main-menu .navbar-header {
	margin-top: 15px;
	padding: 0.4rem 1rem 0.3rem 1rem;
}
.main-menu .main-menu-content {
	margin-top: 12px;
}
.main-menu .navbar-header .navbar-brand {
	margin-top: 0.4rem;
}
.nav-toggle .modern-nav-toggle .feather-x {
	color: var(--main-color) !important;
}
.main-menu .navbar-header .navbar-brand .brand-text {
	line-height: 1;
	color: var(--main-color);
	font-weight: 500;
}
.main-menu.menu-light .navigation > li > a i, .main-menu.menu-light .navigation > li > a svg {
	top: 0;
}
.breadcrumb {
    padding-top: 3px;
    margin-bottom: 15px;
}
.brand-logo {
  position: relative;
}
.brand-logo:after {
  content: "\00ae";
  position: absolute;
  top: -6px;
  right: 5px;
}
@media (max-width: 1200px) {
  .brand-logo:after {
    font-size: 14px;
    top: -12px;
  }
}
.brand-logo img {
    max-width: 60px !important;
	width: 60px;
}
.brand-reg {
  display: block;
  font-size: 11px;
  padding: 5px 0;
  color: #666;
  position: relative;
  z-index: 1;
}
.main-menu.menu-light .navigation > li.active > a,
.main-menu.menu-light .navigation > li ul .active,
.card-congratulations {
	/*background: linear-gradient(118deg, var(--main-color), rgba(24, 123, 201, 0.7));
    box-shadow: 0 0 10px 1px rgb(24 123 201 / 70%);*/
	background: linear-gradient(118deg, #6EA4FF 0.17%, #2979FF 88.51%);
	box-shadow: 0 0 10px 1px rgba(41, 121, 255, 0.67);
}
.avatar.bg-light-primary,
.bg-light-primary,
.select2-container--classic .select2-results__option[aria-selected=true],
.select2-container--default .select2-results__option[aria-selected=true],
.select2-container--classic .select2-results__option--highlighted,
.select2-container--default .select2-results__option--highlighted {
	color: #ffffff !important;
    background-color: var(--main-color) !important;
}
.main-menu ul.navigation-main > li:first-child {
	margin-top: 1rem;
}
.btn-primary {
	border-color: var(--main-color) !important;
	background-color: var(--main-color) !important;
}
.form-control:focus,
.input-group:not(.bootstrap-touchspin):focus-within .form-control, .input-group:not(.bootstrap-touchspin):focus-within .input-group-text {
	border-color: var(--main-color) !important;
}
.select2-container--classic.select2-container--focus .select2-selection--multiple,
.select2-container--default.select2-container--focus .select2-selection--multiple {
	border-color: var(--main-color) !important;
}
.modal .form-check-input:focus {
	border-color: var(--main-color);
	box-shadow: 0 2px 4px 0 rgb(24 123 201 / 40%);
}
.modal .form-check-input:checked {
	border-color: var(--main-color) !important;
	background-color: var(--main-color) !important;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice,
.select2-container--default .select2-selection--multiple .select2-selection__choice {
	background-color: var(--main-color-hover) !important;
	border-color: var(--main-color-hover) !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-top: 5px;
    margin-right: 10px;
    /* padding: 2px; */
    width: 25px;
    height: 25px;
    font-size: 18px;
    background-color: aliceblue;
    border-radius: 50%;
    text-align: center;
    position: absolute;
    top: -17px;
    right: -21px;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
	display: flex;
	flex-direction: column;
}
.auth-wrapper .text-primary,
.auth-wrapper .brand-logo .text-primary {
	color: var(--main-color) !important;
}
.btn-primary:hover:not(.disabled):not(:disabled) {
    box-shadow: 0 8px 25px -8px var(--main-color);
}
.btn-outline-primary {
	border: 1px solid var(--main-color) !important;
    color: var(--main-color);
}
.btn-check:active+.btn-primary, .btn-check:checked+.btn-primary, .btn-primary.active, .btn-primary:active, .btn-primary:focus {
	background-color: var(--main-color-hover) !important;
}
.btn-outline-primary:hover:not(.disabled):not(:disabled),
.btn-outline-primary.show.dropdown-toggle, .btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled):focus {
	color: var(--main-color-hover) !important;
}
.modal-body .auth-wrapper {
	min-height: inherit !important;
}
.modal-body .auth-wrapper.auth-basic .auth-inner {
	max-width: inherit;
}
.auth-modal .modal-dialog {
	max-width: 450px;
}
.alert, .toast-container>:not(:last-child) {
	margin-bottom: 1.8rem !important;
}
.feather-icon-size-16 {
	width: 16px;
    height: 16px;
}
.feather-icon-size-18 {
	width: 18px;
    height: 18px;
}
.feather-icon-size-20 {
    width: 20px;
    height: 20px;
}
.feather-icon-color-green {
	color: var(--color-green);
}
.card-contacts-phone {
	font-size: 1.2rem;
}
.margin-left-5-px {
	margin-left: 5px;
}
.margin-left-10-px {
	margin-left: 10px;
}
.cursor-inherit {
	cursor: inherit;
}
.cursor-pointer {
	cursor: pointer;
}
.main-background-color {
	background-color: var(--main-background-color);
}
.color-white {
	color: var(--color-white);
}
/*.offcanvas-start {
	max-width: 260px;
}*/
.offcanvas-header .btn-close {
	background-color: #fff;
	transition: 0.5s;
}
.offcanvas-header .btn-close:hover {
	transition: 0.5s;
}
.nav-pills .nav-link {
	padding: 0.5rem 1rem !important;
}
.nav-pills .nav-link.active {
	border-color: var(--main-color) !important;
	background-color: var(--main-color) !important;
    box-shadow: 0 4px 18px -4px rgb(24 123 201 / 40%);
}
.button-search-org {
	margin-top: -3px !important;
}
.header-navbar .navbar-container ul.navbar-nav li.dropdown-user .dropdown-menu {
	width: auto;
}
.content-wrapper .content-header-title {
    padding-right: 0 !important;
    border-right: none !important;
}
.bs-stepper .bs-stepper-header .step.active .step-trigger .bs-stepper-box {
    background-color: var(--main-color) !important;
    color: #fff;
    box-shadow: 0 3px 6px 0 var(--main-color-hover) !important;
}
.bs-stepper .bs-stepper-header .step.active .step-trigger .bs-stepper-label .bs-stepper-title {
	color: #f05d5ed4 !important;
}
.card-project-logo {
	margin-bottom: 15px;
}
.card-project-logo img {
	width: 100px;
    filter: drop-shadow(2px 4px 6px black);
}
.border-none-list ul,
.border-none-list ul li {
    border: 0
}
.modal-org-card .modal-content-load {
	height: 100px;
    font-weight: bold;
    font-size: 20px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.modal-org-card .modal-lg {
	max-width: 900px;
}
.modal-org-card .modal-content,
.modal-org-card .modal-content .card {
	border-radius: 17px;
}
.modal-org-card .modal-content .modal-body,
.modal-org-card .modal-header {
	padding: 0;
	margin: 0;
}
.modal-org-card .modal-content .card {
	margin: 24px 25px;
}
.modal-org-card .modal-content .card-body {
	padding: 0;
	margin: 30px;
}
.modal-org-card .modal-content .nav-tabs {
	gap: 20px;
	position: relative;
    z-index: 15;
}
.modal-org-card .nav-tabs .nav-link {
	font-weight: 500;
	padding: 11px 30px;
    font-size: 16px;
	color: #044AD2;
	border: 1px solid #044AD2;
	border-radius: 6px;
	line-height: 130%;
	width: 160px;
}
.modal-org-card .nav-tabs .nav-link.active {
	color: #fff !important;
	background: linear-gradient(180deg, #517FCA 8.97%, #044AD2 210.26%);
	box-shadow: 0px 5px 20px 0px rgb(4 74 210 / 40%);
	padding: 12px 30px;
	border: none;
	font-weight: 300;
}
.modal-org-card .nav-tabs .nav-link:after {
	background: none !important;
}
.modal-org-card .modal-header .h1 {
	color: #044AD2;
	font-weight: 600;
	font-size: 24px;
	line-height: 150%;
	margin: 34px 58px 30px 58px;
}
.modal-org-card .modal-header .btn-close {
	position: absolute;
	top: 10px;
	right: 20px;
}
.modal-org-card .org-locality {
	margin: 0 25px 0 58px;
}
.modal-org-card .org-locality-path span {
	font-size: 16px;
	line-height: 130%;
}
.modal-org-card .org-address {
	margin: 15px 0 40px;
    display: flex;
    gap: 15px;
}
.modal-org-card .org-address span {
	font-weight: 400;
	font-size: 20px;
	line-height: 130%;
	color: #000;
}
.modal-org-card .org-path-separator {
	color: #000;
	margin: 0 3px;
}
.modal-org-card .org-city-name {
	color: #696969;
}
.modal-org-card .org-federal-district-name,
.modal-org-card .org-region-name {
	color: #044AD2;
}
.modal-org-card .org-contacts {
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
	gap: 30px 0;
	margin-top: 35px;
	margin-bottom: 5px;
}
.modal-org-card .org-contacts > div {
	width: 50%;
	display: flex;
    flex-direction: column;
	gap: 20px;
	overflow: hidden;
}
.modal-org-card .org-contacts-item {
	font-weight: 400;
	font-size: 16px;
	line-height: 130%;
	color: #5C5873;
}
.modal-org-card .org-contacts-phones-head,
.modal-org-card .org-contacts-email-head,
.modal-org-card .org-contacts-sites-head {
	display: flex;
	gap: 12px;
}
.modal-org-card .org-contacts-phones-head-name,
.modal-org-card .org-contacts-email-head-name,
.modal-org-card .org-contacts-sites-head-name {
	font-size: 16px;
	font-weight: 600;
	line-height: 130%;
	color: #5C5873;
}
.modal-org-card .org-info-accordion-head-name-types-inst {
	position: relative;
	top: 3px;
}
.modal-org-card .org-contacts-phones-item,
.modal-org-card .org-contacts-email-item,
.modal-org-card .org-contacts-sites-item {
	display: flex;
	flex-wrap: wrap;
    flex-direction: column;
    justify-content: flex-start;
	margin-left: 32px;
    margin-right: 15px;
	margin-bottom: 5px;
}
.modal-org-card .org-contacts-phones-item-description::first-letter {
	text-transform: uppercase;
}
.modal-org-card .org-contacts-icon {
	width: 20px;
	height: 20px;
	color: #5c5873cc;
  fill: none;
  stroke: #5c5873cc;
}
.modal-org-card .org-contacts-head {
	margin-bottom: 15px;
}
.modal-org-card .org-contacts-description  {
	margin-bottom: 5px;
}
.modal-org-card .org-info-item-text {
	font-weight: 400;
	font-size: 14px;
	line-height: 130%;
	color: #5C5873;
}
.modal-org-card .accordion-body {
	margin: 0;
	padding: 0 15px 30px 60px;
}
.modal-org-card .org-info-accordion-head-button {
	gap: 20px;
	padding: 20px 15px;
}
.modal-org-card .org-info-accordion-head-name {
	font-weight: 600;
	font-size: 16px;
	line-height: 130%;
	color: #5C5873;
}
.modal-org-card .org-info-table-head-row th {
	background-color: #fff !important;
	border: none !important;
	text-transform: inherit;
	font-weight: 600;
	font-size: 14px;
}
.modal-org-card .org-info-table-content-row td {
	border: none !important;
}
.modal-org-card .org-add-info,
.modal-org-card .org-types-centers {
	margin: 35px 0 15px;
}
.modal-org-card .org-info-accordion-body {
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 5px;
}
.modal-org-card .table-responsive {
	position: relative;
	right: 25px;
}
.modal-org-card .org-info-table-head-name,
.modal-org-card .org-info-table-content-name {
	width: 215px;
}
.modal-org-card .org-info-table-head-adults,
.modal-org-card .org-info-table-content-adults {
	font-weight: 600;
	color: #044AD2;
	padding: 10px 5px;
    width: 80px;
}
.modal-org-card .org-info-table-head-children,
.modal-org-card .org-info-table-content-children {
	font-weight: 600;
	color: #ff002e;
}
.modal-org-card .org-info-departments-table {
	vertical-align: top;
}
.modal-org-card .org-info-specialization-name {
	font-weight: 600;
	font-size: 16px;
	line-height: 155%;
	color: #5C5873;
	padding: 10px 28px;
	border-bottom: 1px solid #044AD2;
}
.modal-org-card .org-info-specializations-table {
	margin: 20px 0 30px;
}
.modal-org-card .org-info-specializations-types-assistance .org-info-specializations-table:last-child {
	margin-bottom: 0;
}
.table-content-row-accent {
	background-color: #f7f7f7;
}
.table-content-row-border-none td {
	border: none;
}
.table-head-row-description,
.table-content-row-description {
	color: #252525;
	font-size: 13px;
}
.table-head-row-description td {
	padding: 20px 30px 0;
}
.table-content-row-description td {
	padding: 12px 30px 30px;
}
.table-content-row-description p {
	margin-bottom: 0;
	line-height: 155%;
}
.org-info-no-objects {
	padding: 10px 30px;
}
.offcanvas .partner-logo img {
	max-width: 100%;
	max-height: 150px;
}
.offcanvas .partner-description {
	font-size: 1rem;
}
@media(min-width: 1200px) {
	nav.header-navbar,
	div.header-navbar-shadow {
		display: none !important;
	}
	html .content.app-content {
		padding: calc(0.45rem + 1.3rem) 2rem 0;
	}
	.main-menu-content .navigation-main li.nav-item {
		margin: 0 15px;
	}
	.main-menu-content .navigation-main li.nav-item a {
		margin: 0;
	}
}
@media(max-width: 1199px) {
	.navbar-container > ul.navbar-nav li.dropdown {
		display: none;
	}
}
@media(max-width: 768px) {
	footer.footer-static {
		text-align: center;
	}
	.footer-project-name {
		display: block;
	}

    /* filters */
	#filter-section {
        display: none
    }
    .filter .link-filter .bs-btn-close {
        order: 2
    }
    .filter .link-filter {
        display: flex;
        width: 100%;
        justify-content: space-between
    }
    .filter .reset-filter svg {
        margin-right: 0
    }
    .filter .reset-filter svg.font-medium-3 {
        height: 1.6rem !important;
        width: 1.6rem !important
    }
    #openFilter .filter .bs-btn .filter-item a.collapsed,
    .filter .bs-btn .filter-item a.reset-filter {
        border-bottom: 1px solid #BBB
    }
    /*#openFilter .filter .wrap-bs {
        margin-top: 0;
        padding-top: 5px
    }*/
    #openFilter .filter .filter-list.bs-btn {
        margin-top: -10px
    }
    #openFilter .filter .bs-btn .filter-item a {
        padding-top: 10px;
        padding-bottom: 10px;
        margin: 0 2px;
    }
    .mobile-btn-filter {
        display: block;
        margin-bottom: 30px;
    }
}
@media (max-width: 576px) {
	.auth-modal .modal-dialog {
		max-width: 100%;
	}
	.auth-modal .modal-dialog .card-body {
		padding: 0;
	}
	.org-contacts-column {
		width: 100% !important;
	}
	.modal-org-card h2 {
		margin: 15px 20px !important;
    	font-size: 20px !important;
	}
	.modal-org-card .org-locality {
		margin: 0 20px;
	}
	.modal-org-card .org-address {
		margin: 15px 0 25px;
	}
	.modal-org-card .org-locality-path span {
		font-size: 14px;
	}
	.modal-org-card .org-address span {
		font-size: 14px;
		line-height: inherit;
	}
	.modal-org-card .modal-content .card {
		margin: 24px 20px;
	}
	.modal-org-card .modal-dialog {
		padding-right: 0.3rem !important;
		padding-left: 0.3rem !important;
	}
	.modal-org-card .modal-content .card-body {
		margin: 20px;
	}
	.modal-org-card .modal-content .nav-tabs {
		gap: 15px;
		justify-content: center;
	}
	.modal-org-card .nav-tabs .nav-link {
		padding: 9px 30px;
		font-size: 15px;
		width: 128px;
	}
	.modal-org-card .nav-tabs .nav-link.active {
		padding: 10px 30px;
	}
	.modal-org-card .org-info-accordion-head-button {
		padding: 20px 0px;
	}
	.modal-org-card .org-info-accordion .org-info-accordion-head {
		margin: inherit !important;
	}
	.modal-org-card .org-info-accordion .accordion-body {
		padding: inherit;
	}
	.modal-org-card .org-info-accordion-body {
		padding: 0 10px 20px 0;
	}
	.modal-org-card .table-responsive {
		right: 0;
	}
	.modal-org-card .table-responsive .table-content-row-description td {
		padding: 20px 5px 5px;
	}
	.modal-org-card .org-info-specialization-name {
		padding: 0 0 10px 0;
	}
	.modal-org-card .table-responsive .table>:not(caption)>*>* {
		padding: 10px !important;
	}
	.modal-org-card .org-info-specializations-table {
		margin: 10px 0 30px;
	}
}
@media (max-width: 400px) {
	.link-new-account {
		display: block;
	}
}
@media (max-width: 375px) {
	.modal-org-card .nav-tabs .nav-link {
		width: 145px;
	}
}

.org-contacts-social-head-icon {
  margin-right: 7px;
}
.org-contacts-social {
  width: 100% !important;
  flex-direction: row !important;
  margin-top: 10px;
  gap: 0 !important;
}
.org-contacts-social-item {
  padding-bottom: 15px;
}
@media (min-width: 768px) {
  .org-contacts-social > div {
    display: flex;
    flex: 0 0 50%;
    flex-wrap: wrap;
  } 
  .org-contacts-social-item {
    padding-right: 30px;
  }
}
@media (max-width: 767px) {
  .org-contacts-social,
  .org-contacts-social > div {
    display: block !important;
  }
}

.justwidget--container-form {
  /* display: none; */
}
.justwidget--container-form textarea {
  box-shadow: 0 0 0 1px #aaa inset;
}

.justwidget--reload {
  padding: 0 15px 0 0 !important;
  background: none;
  font-weight: 700;
  color: var(--headline-font-color);
}