/*---------------------------------
max 1919px для галереи
max 1599px для подгружаемых файлов
max 1365px для галереи

max 1199px
max 991px
max 767px
max 575px
max 359px
-----------------------------------*/



/* ========================================================================================
    max 1919px
======================================================================================== */
@media (max-width: 1919px) {

.gallery {
		-ms-flex-preferred-size: calc(20% - 1.875rem);
    flex-basis: calc(20% - 1.875rem);
	max-width: calc(20% - 1.875rem);
}

/* help-coffeerp
============================================ */
.left-help-coffeerp {
	flex-basis: calc(100% - 18.750rem);
	max-width: calc(100% - 18.750rem);
}

.rihgt-help-coffeerp {
	flex-basis: 18.750rem;
	max-width: 18.750rem;
}





/* colors-dashboard
============================================================================= */
.colors-dashboard .element-flex {
		-ms-flex-preferred-size: calc(14.28571428571429% - 1.250rem);
    flex-basis: calc(14.28571428571429% - 1.250rem);
	max-width: calc(14.28571428571429% - 1.250rem);
}

}


/* ========================================================================================
    max 1599px
======================================================================================== */
@media (max-width: 1599px) {

/* flex   table_short   table_300   table_600   table_long
============================================ */
.flex {
    margin: 0 0 1.250rem;
	flex-wrap: wrap !important;
}

.table_600 .flex .jq-file,
.table_long .flex .jq-file {
	flex-basis: 100%;
    max-width: 100% !important;
    margin: 0 0 .938rem !important;
}

}


/* ========================================================================================
    max 1365px
======================================================================================== */
@media (max-width: 1365px) {
.gallery {
		-ms-flex-preferred-size: calc(25% - 1.875rem);
    flex-basis: calc(25% - 1.875rem);
	max-width: calc(25% - 1.875rem);
}

/* userfiles
============================================ */
.userfiles .element-flex {
		-ms-flex-preferred-size: calc(25% - 1.250rem);
    flex-basis: calc(25% - 1.250rem);
	max-width: calc(25% - 1.250rem);
}

/* colors-dashboard
============================================================================= */
.colors-dashboard .element-flex {
		-ms-flex-preferred-size: calc(16.66666666666667% - 1.250rem);
    flex-basis: calc(16.66666666666667% - 1.250rem);
	max-width: calc(16.66666666666667% - 1.250rem);
}

}


/* ========================================================================================
    min 992px
======================================================================================== */
/* sidebar-collapse
============================================================================= */
@media (min-width: 992px) {
.sidebar-collapse .content-wrapper,
.sidebar-collapse .main-footer {
	margin-left: 0;
}

.sidebar-collapse .main-sidebar {
	-webkit-transform: translate(-15.625rem, 0);
	transform: translate(-15.625rem, 0);
}


.sidebar-mini.sidebar-collapse .main-header .logo {
	width: 3.125rem;
}

.sidebar-mini.sidebar-collapse .main-header .logo a {
	padding-right: 0;
}

.sidebar-mini.sidebar-collapse .main-header .logo a > .logo-lg {
	display: none;
}

.sidebar-mini.sidebar-collapse .main-header .logo a > .logo-mini {
	display: block;

	/* background: powderblue; */
}

.sidebar-mini.sidebar-collapse .main-header .header {
	margin-left: 3.125rem;
}

.sidebar-mini.sidebar-collapse .content-wrapper,
.sidebar-mini.sidebar-collapse .main-footer {
	margin-left: 3.125rem !important;
	z-index: 840;
}

.sidebar-mini.sidebar-collapse .main-sidebar {
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
	width: 3.125rem !important;
	z-index: 850;
}

.sidebar-mini.sidebar-collapse .sidebar-menu > li {
	position: relative;
}

.sidebar-mini.sidebar-collapse .sidebar-menu > li > a {
	margin-right: 0;
}

.sidebar-mini.sidebar-collapse .sidebar-menu > li > a > span {
	border-top-right-radius: .250rem;
}

.sidebar-mini.sidebar-collapse .sidebar-menu > li:not(.treeview) > a > span {
	border-bottom-right-radius: .250rem;
}

.sidebar-mini.sidebar-collapse .sidebar-menu > li:not(.treeview) > a > span {
	border-bottom-right-radius: .250rem;
}

.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
	padding-top: .313rem;
	padding-bottom: .313rem;
	border-bottom-right-radius: .313rem;
}

.sidebar-mini.sidebar-collapse .sidebar-menu > li > a > span,
.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu,
.sidebar-mini.sidebar-collapse .sidebar-menu > li > a > .pull-right {
	display: none !important;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
}

.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > a > .fa + span:first-of-type {
		-ms-flex-positive: 1;
	flex-grow: 1;
    top: -.063rem !important;
		-ms-flex-preferred-size: 15.625rem;
    flex-basis: 15.625rem;
	max-width: 15.625rem;
	height: auto;
    margin-left: -.063rem;
    padding: .875rem .313rem .875rem .938rem;
	border: .063rem solid rgba(53, 59, 72, 1);
    background: rgba(29, 35, 42, 1);
	z-index: 2;
    color: rgba(255, 255, 255, 1);
    -webkit-transition: color 0.3s 0.02s ease;
    transition: color 0.3s 0.02s ease;
	line-height: 1.3;

	/* background: violet; */
}

.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > a > span:hover {
    color: rgba(255, 65, 0, 1) !important;
}

.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > a > span:not(.pull-right),
.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > .treeview-menu {
	display: block !important;
	position: absolute;
	top: 100%;
	left: 3.125rem;
	width: 15.625rem;
	height: auto;

	/* background: powderblue; */
}

.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > .treeview-menu {
	width: 15.563rem;
	padding: .625rem 0 .625rem !important;
	border: .063rem solid rgba(53, 59, 72, 1);
}

.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > .treeview-menu > li > a > .fa {
    width: .938rem;
	margin: 0 .625rem 0 0;
}

.sidebar-expanded-on-hover .main-footer,
.sidebar-expanded-on-hover .content-wrapper {
    margin-left: 3.125rem;
}

.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > a > .pull-right-container:last-of-type {
	left: -9999rem !important;

	/* background: pink !important; */
}

}



/* ========================================================================================
    1199px
======================================================================================== */
@media (max-width: 1199px) {

html {
    font-size: 85% !important;
}

/* ========================================================================================
    content-wrapper
======================================================================================== */
/* page_nav
============================================================================= */
.page_nav li {
	margin-bottom: .625rem;
}

/* ========================================================================================
    elements
======================================================================================== */
/* colors-dashboard
============================================================================= */
.colors-dashboard .element-flex {
		-ms-flex-preferred-size: calc(20% - 1.250rem);
    flex-basis: calc(20% - 1.250rem);
	max-width: calc(20% - 1.250rem);
}

}



/* ========================================================================================
    max 991px
======================================================================================== */
@media (max-width: 991px) {

/* ========================================================================================
    header
======================================================================================== */
.main-header {
    padding: 0 1.250rem;
}

/* logo
============================================================================= */
.main-header .logo {
    float: none;
    width: 100%;
    margin: 0;
    text-align: center;
}

/* header
============================================================================= */
.main-header .header {
    margin-left: 0;
}

/* toggle-sidebar
============================================ */
.main-header .toggle-sidebar {
    float: none;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
}


.main-header .information {
    display: none;
}


/* ========================================================================================
    content-wrapper
======================================================================================== */
.content-wrapper {
    margin-left: 0;
    padding: 0;
}

/* help-coffeerp
============================================ */
.help-coffeerp {
	flex-direction: column;
}

.left-help-coffeerp {
	flex-basis: 100%;
	max-width: 100%;
	margin: 0 0 2.500rem;
	padding-right: 0;

}

.rihgt-help-coffeerp {
	flex-basis: 100%;
	max-width: 100%;
	margin: 0;
}




/* ========================================================================================
    sidebar
======================================================================================== */
/* sidebar-information
============================================================================= */
.sidebar-information {
    display: block;
}


.sidebar-open .content-wrapper,
.sidebar-open .main-footer {
    -webkit-transform: translate(15.625rem, 0);
    transform: translate(15.625rem, 0);
}

.main-sidebar {
    -webkit-transform: translate(-15.625rem, 0);
    transform: translate(-15.625rem, 0);
}

.sidebar-open .main-sidebar {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}


/* ========================================================================================
    footer
======================================================================================== */
.main-footer {
    margin-left: 0;
}

}



/* ========================================================================================
    max 767px
======================================================================================== */
@media (max-width: 767px) {

/* ========================================================================================
    content-wrapper
======================================================================================== */
/* content h1
============================================================================= */
.content h1 {
    font-size: 1.625rem;
}

/* typography
============================================ */
.content h2 {
    font-size: 1.500rem;
}

.content h3 {
    font-size: 1.125rem;
}

/* content_setting
============================================ */
.content_setting {
    max-width: 100%;
}

/* flex   table_short   table_300   table_600   table_long
============================================ */
.table_short,
.table_300,
.table_600,
.table_900,
.table_long {
    padding: 0;
}


.table_short {
    max-width: 100%;
}

.table_300 {
    max-width: 100%;
}

.table_600 {
    max-width: 100%;
}
.table_900 {
    max-width: 100%;
}

.table_long {
    max-width: 100%;
    min-width: 100%;
}

.greybg::after {
    right: -.625rem;
}

/* ======= filters-clear ======= */
.filters-clear a {
	margin: 0;
}


.last-btn {
	margin-left: 0;
}

/* ======= properties ======= */
.properties > input {
    float: none;
    max-width: 100%;
    margin: 0 0 .938rem !important;
}

.properties > .jq-selectbox {
    float: none !important;
    max-width: 100% !important;
}



/* gallery
============================================ */
.gallery {
		-ms-flex-preferred-size: calc(33.33333% - 1.875rem);
    flex-basis: calc(33.33333% - 1.875rem);
	max-width: calc(33.33333% - 1.875rem);
}

/* userfiles
============================================ */
.userfiles .element-flex {
		-ms-flex-preferred-size: calc(33.33333% - 1.250rem);
    flex-basis: calc(33.33333% - 1.250rem);
	max-width: calc(33.33333% - 1.250rem);
}

/* ========================================================================================
    elements
======================================================================================== */
/* colors-dashboard
============================================================================= */
.colors-dashboard .element-flex {
		-ms-flex-preferred-size: calc(25% - 1.250rem);
    flex-basis: calc(25% - 1.250rem);
	max-width: calc(25% - 1.250rem);
}

/* btn-radio
============================================ */
.btn-radio {
    height: auto !important;
}

/* btn-checkbox
============================================ */
.btn-checkbox {
    height: auto !important;
}

}



/* ========================================================================================
    max 575px
======================================================================================== */
@media (max-width: 575px) {

/* ========================================================================================
    common styles
======================================================================================== */
/* up down
============================================================================= */
.up {
    right: -5rem;
}

.down {
    right: -5rem;
}


/* ========================================================================================
    content-wrapper
======================================================================================== */
/* content h1
============================================================================= */
.content h1 {
    padding: 1.500rem .938rem 1.500rem 1.375rem;
    font-size: 1.500rem;
}

/* table-info
============================================ */
.table-info {
    width: 100%;
}

.table-info tr {
	display: block;
	border-bottom: .063rem solid rgba(217, 217, 217, 1);
}

.table-info th {
	display: block;
	padding: .938rem .938rem 0 0;
	border-bottom: none;
}

.table-info td {
	display: inline-block;
	width: calc(50% - .125rem);
	padding-left: 0;
	border-bottom: none;
}

/* flex   table_short   table_300   table_600   table_long
============================================ */
.flex span {
	flex-basis: calc(100% - 5.625rem);
	max-width: calc(100% - 5.625rem);
	margin: 0;

	/* background: paleturquoise; */
}

.flex > label {
	flex-basis: 100% !important;
	width: 100% !important;
	max-width: 100% !important;
	margin: .938rem 0 0 !important;

	/* background: red; */
}


/* gallery
============================================ */
.gallery {
		-ms-flex-preferred-size: calc(50% - 1.875rem);
    flex-basis: calc(50% - 1.875rem);
	max-width: calc(50% - 1.875rem);
}

.userfiles .element-flex {
		-ms-flex-preferred-size: calc(50% - 1.250rem);
    flex-basis: calc(50% - 1.250rem);
	max-width: calc(50% - 1.250rem);
}

/* ========================================================================================
    footer
======================================================================================== */
.main-footer .block-inline {
    display: block;
    width: 100%;
}

.copyright {
    margin: 0 0 .938rem;
}

.version {
    text-align: left;
}

/* ========================================================================================
    popup
======================================================================================== */
.content-popup .jq-selectbox__dropdown ul {
	max-height: 11.250rem;
}

/* ========================================================================================
    modal
======================================================================================== */
.content-modal {
		-ms-flex-direction: column;
	flex-direction: column;
}

.img-modal {
		-ms-flex-preferred-size: 50%;
    flex-basis: 50%;
	max-width: 50%;
	margin: 0 auto 1.875rem;
	padding-right: 0;
	border-right: none;
	text-align: center;
}

.text-modal {
	padding-left: 0;
}

.volume-art-modal {
	text-align: center;
}

/* ========================================================================================
    elements
======================================================================================== */
/* colors-dashboard
============================================================================= */
.colors-dashboard .element-flex {
		-ms-flex-preferred-size: calc(33.33333% - 1.250rem);
    flex-basis: calc(33.33333% - 1.250rem);
	max-width: calc(33.33333% - 1.250rem);
}

}




/* ========================================================================================
    max 359px
======================================================================================== */
@media (max-width: 359px) {

/* ========================================================================================
    present
======================================================================================== */
.slogan-login {
	font-size: 1.875rem;
}


.gallery-flex {
	margin: 0;
}

.gallery {
		-ms-flex-preferred-size: 100%;
    flex-basis: 100%;
	max-width: 100%;
	margin: 0 0 1.875rem;
}

/* ========================================================================================
    popup
======================================================================================== */
#popup {
	width: 21.875rem;
}

/* ========================================================================================
    elements
======================================================================================== */
/* colors-dashboard
============================================================================= */
.colors-dashboard .element-flex {
		-ms-flex-preferred-size: calc(50% - 1.250rem);
    flex-basis: calc(50% - 1.250rem);
	max-width: calc(50% - 1.250rem);
}


}




/* --== 29 июля 2020 ==-- */