/* ========================================================================================
    @font-face
======================================================================================== */

/* Open Sans
============================================================================= */
@font-face {
    font-family: "Open Sans";
    src: local("Open Sans Light"), local("OpenSans-Light"),
        url("../fonts/opensans/opensanslight.woff2") format("woff2"),
        url("../fonts/opensans/opensanslight.woff") format("woff"),
        url("../fonts/opensans/opensanslight.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: "Open Sans";
    src: local("Open Sans"), local("OpenSans"),
        url("../fonts/opensans/opensans.woff2") format("woff2"),
        url("../fonts/opensans/opensans.woff") format("woff"),
        url("../fonts/opensans/opensans.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "Open Sans";
    src: local("Open Sans Semibold"), local("OpenSans-Semibold"),
        url("../fonts/opensans/opensanssemibold.woff2") format("woff2"),
        url("../fonts/opensans/opensanssemibold.woff") format("woff"),
        url("../fonts/opensans/opensanssemibold.ttf") format("truetype");
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: "Open Sans";
    src: local("Open Sans Bold"), local("OpenSans-Bold"),
        url("../fonts/opensans/opensansbold.woff2") format("woff2"),
        url("../fonts/opensans/opensansbold.woff") format("woff"),
        url("../fonts/opensans/opensansbold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: "Open Sans";
    src: local("Open Sans Extrabold"), local("OpenSans-Extrabold"),
        url("../fonts/opensans/opensansextrabold.woff2") format("woff2"),
        url("../fonts/opensans/opensansextrabold.woff") format("woff"),
        url("../fonts/opensans/opensansextrabold.ttf") format("truetype");
    font-weight: 800;
    font-style: normal;
}


/* ========================================================================================
    reset + normalize (v8.0.0)
======================================================================================== */
*,
*::before,
*::after {
    box-sizing: border-box;
}

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
dl, dt, dd, ol, ul, li,
form, fieldset, legend, label,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
    font-size: 100%;
    font: inherit;
}

header,
nav,
menu,
main,
article,
section,
aside,
details,
figcaption,
figure,
summary
footer {
    display: block;
}

figure {
    margin: 1rem 2.500rem;
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}

a {
    background-color: transparent;
}

a:hover,
a:active {
    outline: 0;
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted;
}

abbr[title],
abbr[data-original-title] {
    cursor: help;
}

pre,
code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1rem;
}

dfn {
    font-style: italic;
}

mark {
    background-color: rgba(255, 255, 0, 1);
    color: rgba(51, 51, 51, 1);
}

small {
    font-size: 80%;
}

sub,
sup {
    position: relative;
    vertical-align: baseline;
    font-size: 75%;
    line-height: 0;
}

sub {
    bottom: -0.25rem;
}

sup {
    top: -0.5rem;
}

audio,
video {
    display: inline-block;
}

audio:not([controls]) {
    display: none;
    height: 0;
}


img {
    border-style: none;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
    content: none;
}

svg:not(:root) {
    overflow: hidden;
}

button,
input,
optgroup,
select,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: 100%;
    line-height: 1;
}

button,
input {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: .063rem dotted ButtonText;
}

legend {
    display: table;
    max-width: 100%;
    padding: 0;
    color: inherit;
    white-space: normal;
}

progress {
    display: inline-block;
    vertical-align: baseline;
}

textarea {
    overflow: auto;
}

[type="checkbox"],
[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -.125rem;
}

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}

summary {
    display: list-item;
}

canvas {
    display: inline-block;
}

template {
    display: none;
}

[hidden] {
    display: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    background-color: transparent;
}

td,
th {
    padding: 0;
}


/* ========================================================================================
    common styles
======================================================================================== */
html {
    width: 100%;
    height: 100%;
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
}

body {
    width: 100%;
    min-width: 320px;
    height: 100%;
	min-height: 480px;
    overflow-x: hidden;
    overflow-y: auto;
    background: rgba(255, 255, 255, 1);
    color: rgba(36, 36, 36, 1);
    font: normal normal 400 .875rem/1 "Open Sans", sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* layouts
============================================================================= */
.wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
		display: -ms-flexbox;
    display: flex;
	height: 100vh;
		-ms-flex-direction: column;
	flex-direction: column;
		-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
		-ms-flex-pack: start;
	justify-content: flex-start;
		-ms-flex-line-pack: stretch;
	align-content: stretch;
		-ms-flex-align: stretch;
	align-items: stretch;
}

.wrapper::before,
.wrapper::after {
    content: "";
    clear: both;
    display: block;
    width: 100%;
    height: 0;
    margin: 0;
    padding: 0;
    visibility: hidden;
    font-size: 0;
    line-height: 0;
}

.wrapper > * {
		-ms-flex-positive: 0;
	flex-grow: 0;
		-ms-flex-negative: 0;
	flex-shrink: 0;
		-ms-flex-preferred-size: auto;
    flex-basis: auto;
	max-width: auto;
		-ms-flex-item-align: auto;
	align-self: auto;
		-ms-flex-order: 0;
	order: 0;

    /* background: #ccc; */
}

.clr {
    content: "";
    clear: both;
    display: block;
    width: 100%;
    height: 0;
    margin: 0;
    padding: 0;
    visibility: hidden;
    font-size: 0;
    line-height: 0;
}

/* container-inline
============================================ */
.container-inline {
    width: 100%;
    font-size: 0;
    line-height: 0;
    letter-spacing: -.063rem;
}

.block-inline {
    display: inline-block;
    width: auto;
    vertical-align: top;
    font-size: .875rem;
    line-height: 1;
    letter-spacing: normal;
}

/* container-flex
============================================ */
.container-flex {
    display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-content: stretch;
	align-items: stretch;
}

.element-flex {
	flex-grow: 0;
	flex-shrink: 0;
    flex-basis: auto;
	max-width: auto;
	align-self: auto;
	order: 0;
}

/* up down
============================================================================= */
.up {
    display: none;
    position: fixed;
    right: 1.875rem;
    bottom: 9.500rem;
    width: 3.125rem;
    height: 3.125rem;
    z-index: 5555;
    background: rgba(255, 65, 0, 1) url(../images/arrow-up.svg) no-repeat 50% 50%;
    cursor: pointer;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
    -webkit-transition: background-color 0.3s 0.02s ease;
    transition: background-color 0.3s 0.02s ease;
}

.down {
    display: none;
    position: fixed;
    right: 1.875rem;
    bottom: 6.250rem;
    width: 3.125rem;
    height: 3.125rem;
    z-index: 5555;
    background: rgba(255, 65, 0, 1) url(../images/arrow-down.svg) no-repeat 50% 50%;
    cursor: pointer;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
    -webkit-transition: background-color 0.3s 0.02s ease;
    transition: background-color 0.3s 0.02s ease;
}

.up:hover,
.down:hover {
    background-color: rgba(29, 35, 42, 1);
}

/* img
============================================================================= */
img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    -ms-interpolation-mode: bicubic;
}

/* buttons + btn
============================================================================= */
.buttons {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-content: center;
	align-items: center;

	/* background: #ccc; */
}

.buttons > * {
	flex-grow: 0;
	flex-shrink: 1;
    flex-basis: auto;
	max-width: auto;
	align-self: auto;
	order: 0;
	margin: 0 2.500rem .938rem 0;
}


.buttons a {
	display: inline-block;
	height: auto;
    padding: 0;
    border: none;
    background: none;
    color: rgba(0, 102, 204, 1);
	transition: color 0.3s 0.02s linear;
    font-weight: 400;
    font-size: .875rem;
    text-transform: none;
    transition: none;
    text-decoration: underline;
}

.buttons a:hover,
.buttons a:active,
.buttons a:focus {
    color: rgba(36, 36, 36, 1);
    text-decoration: none;
}


a.link-button {
    display: inline-block;
	height: 2.750rem;
	margin: 0 2.500rem .938rem 0;
    padding: .875rem 2.500rem;
    border: .063rem solid rgba(255, 65, 0, 1);
    background: rgba(255, 65, 0, 1);
    text-decoration: none;
    color: rgba(255, 255, 255, 1);
    font-weight: 600;
    font-size: .875rem;
    text-transform: uppercase;
    	-webkit-transition: border-color .3s .02s linear,
							background .3s .02s linear,
							color .3s .02s linear;
    transition: border-color .3s .02s linear,
				background .3s .02s linear,
				color .3s .02s linear;
}

a.link-button:hover,
a.link-button:active,
a.link-button:focus {
    border-color: rgba(29, 35, 42, 1) !important;
    background: rgba(255, 255, 255, 1) !important;
    color: rgba(36, 36, 36, 1) !important;
}

.grey-button {
	border-color: rgba(217, 217, 217, 1) !important;
    background: rgba(217, 217, 217, 1) !important;
	color: rgba(0, 0, 0, 1) !important;
}

.blue-button {
	border-color: rgba(0, 102, 204, 1) !important;
    background: rgba(0, 102, 204, 1) !important;
}

.black-button {
	border-color: rgba(29, 35, 42, 1) !important;
    background: rgba(29, 35, 42, 1) !important;
}

.last-button {
	margin-right: 0 !important;
	margin-left: auto !important;
}


/* forms
============================================================================= */
label {
    display: block;
	position: relative;
    width: 100%;
    margin: 0 0 .625rem;
    color: rgba(36, 36, 36, 1);
    font-weight: 700;
    line-height: 1.2 !important;

    /* background: red; */
}

label i {
	display: inline-block;
	margin: 0 .313rem 0 0;
	color: rgba(255, 65, 0, 1);
}

label > .fa {
	font-size: 1rem;
}

label > .zmdi {
	position: relative;
	top: .125rem;
	margin-top: -.313rem;
	font-size: 1.250rem;
}

.check {
	font-weight: normal;
}

.editor:focus {
	border:none;
}

.error {
	color: rgba(255, 0, 0, 1);
}

/* input text
============================================ */
input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="range"]),
textarea {
    display: block;
    width: 100%;
    height: 2.750rem;
    margin: 0 0 .500rem;
    padding: .625rem .938rem;
    border: .063rem solid rgba(217, 217, 217, 1);
    background: rgba(255, 255, 255, 1);
    outline: none;
    color: rgba(36, 36, 36, 1);
    font-size: .875rem;
    line-height: 1;
    font-family: inherit;
    -webkit-transition: border 0.2s 0.02s ease;
    transition: border 0.2s 0.02s ease;
}

textarea {
    height: 25.625rem;
    line-height: 1.3;
}

input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="range"])::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    opacity: 1;
    color: rgba(137, 137, 137, 1);
    -webkit-transition: color 0.15s ease-in-out;
    transition: color 0.15s ease-in-out;
}

input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="range"])::-moz-placeholder,
textarea::-moz-placeholder {
    opacity: 1;
    color: rgba(137, 137, 137, 1);
    -webkit-transition: color 0.15s ease-in-out;
    transition: color 0.15s ease-in-out;
}

input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="range"]):-ms-input-placeholder,
textarea:-ms-input-placeholder {
    opacity: 1;
    color: rgba(137, 137, 137, 1);
    -webkit-transition: color 0.15s ease-in-out;
    transition: color 0.15s ease-in-out;
}

input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="range"]):focus,
textarea:focus {
    border: .063rem solid rgba(255, 65, 0, 1);
}

input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="range"]):focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
    color: rgba(137, 137, 137, 0);
}

input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="range"]):focus::-moz-placeholder,
textarea:focus::-moz-placeholder {
    color: rgba(137, 137, 137, 0);
}

input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="range"]):focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder {
    color: rgba(137, 137, 137, 0);
}


.date-picker {
	position: relative;
    padding-left: 2.188rem !important;
    background: rgba(255, 255, 255, 1) url(../images/ico-calendar.svg) no-repeat .625rem center !important;
}

.time-picker {
    padding-left: 2.188rem !important;
    background: rgba(255, 255, 255, 1) url(../images/ico-time.svg) no-repeat .625rem center !important;
}

/* checkbox + radio
============================================ */
input[type="checkbox"] + label,
input[type="radio"] + label {
    display: inline-block;
    position: relative;
    margin: 0 0 .938rem;
    padding: 0 0 0 1.500rem;
    cursor: pointer;
    line-height: 1;
}

input[type="checkbox"] + label::before,
input[type="radio"] + label::before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 1rem;
    height: 1rem;
    margin: 0;
    border: .063rem solid rgba(217, 217, 217, 1);
    background: rgba(255, 255, 255, 1);
}

input[type="radio"] + label::before {
    border-radius: 100%;
}

input[type="checkbox"],
input[type="radio"] {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	border: 0;
	padding: 0;
	white-space: nowrap;
	clip-path: inset(100%);
	clip: rect(0 0 0 0);
	overflow: hidden;
}

input[type="checkbox"]:checked + label::before,
input[type="radio"]:checked + label::before {
    content: "\f00c";
    display: inline-block;
    padding: .063rem 0 0;
    color: rgba(255, 65, 0, 1);
    font-weight: 400;
    font-size: .750rem;
    line-height: 1;
    font-family: FontAwesome;
    text-align: center;
}

input[type="radio"]:checked + label::before {
    content: "\f111";
    padding: 0;
    font-size: .500rem;
    line-height: .875rem;
}

/* jq-file
============================================ */
.jq-file {
	width: 100%;
    margin: 0 0 .500rem;
}

.jq-file input {
	height: auto;
    cursor: pointer;

    /* background: red; */
}

.jq-file__name {
    display: block;
    width: 100%;
    height: 2.750rem;
    padding: .875rem .938rem;
    border: .063rem solid rgba(217, 217, 217, 1);
    background: rgba(255, 255, 255, 1);
    outline: none;
    cursor: pointer;
    color: rgba(137, 137, 137, 1);
    font-size: .875rem;
    line-height: 1;
    font-family: inherit;
    -webkit-transition: border-color 0.2s 0.02s ease;
    transition: border-color 0.2s 0.02s ease;

    /* background: yellow; */
}

.jq-file__browse {
	position: absolute;
	top: .063rem;
	right: .063rem;
    height: 2.750rem;
    padding: .875rem .938rem;
	border-left: .063rem solid rgba(217, 217, 217, 1);
    background: rgba(243, 243, 243, 1);
    cursor: pointer;
    color: rgba(36, 36, 36, 1);
    font-size: .875rem;
    -webkit-transition: all 0.2s 0.02s ease;
    transition: all 0.2s 0.02s ease;
}

.jq-file:hover .jq-file__browse {
	background: rgba(255, 65, 0, 1);
    color: rgba(255, 255, 255, 1);
}

/* .jq-file:active .jq-file__browse {
	background: red;
} */

.jq-file.focused .jq-file__name {
	border: .063rem solid rgba(255, 65, 0, 1);
}

/* .jq-file.disabled,
.jq-file.disabled .jq-file__name,
.jq-file.disabled .jq-file__browse {
	border-color: #CCC;
	background: #F5F5F5;
	box-shadow: none;
	color: #888;
} */

/* jq-selectbox
============================================ */
.jq-selectbox {
    width: 100%;
    margin: 0 0 .500rem;
}

.jq-selectbox__select {
    height: 2.750rem;
	padding: 0 2.250rem 0 0;
	border: .063rem solid rgba(217, 217, 217, 1);
	background: rgba(255, 255, 255, 1);
    cursor: pointer;
    font-size: .875rem;
    line-height: 1;
}

/* .jq-selectbox__select:hover {
	border-color: red;
} */

/* .jq-selectbox__select:active {
	background: yellow;
} */

.jq-selectbox.focused .jq-selectbox__select {
	border: .063rem solid rgba(255, 65, 0, 1);
}

/* .jq-selectbox.disabled .jq-selectbox__select {
	border-color: #CCC;
	background: greenyellow;
	box-shadow: none;
	color: #888;
} */

.jq-selectbox__select-text {
	display: block;
    width: 100%;
    height: 2.625rem;
    padding: .875rem 0 0 .938rem;
    overflow: hidden;
	white-space: nowrap;
    text-overflow: ellipsis;
    font-size: .875rem;

    /* background: red; */
}

.jq-selectbox .placeholder {
    color: rgba(137, 137, 137, 1);
}

.jq-selectbox__trigger {
	position: absolute;
	top: 0;
	right: 0;
	width: 2.250rem;
	height: 100%;
	/* border-left: .063rem solid rgba(227, 234, 243, 1); */

    /* background: pink; */
}

.jq-selectbox__trigger-arrow {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
	width: 0;
	height: 0;
	border-top: .313rem solid rgba(36, 36, 36, 1);
	border-right: .313rem solid transparent;
	border-left: .313rem solid transparent;
}

/* .jq-selectbox:hover .jq-selectbox__trigger-arrow {
	border-top-color: red;
} */

/* .jq-selectbox.disabled .jq-selectbox__trigger-arrow {
	border-top-color: yellow;
} */

.jq-selectbox__dropdown {
	position: relative;
	z-index: 2;
	width: 100%;
	border: .063rem solid rgba(217, 217, 217, 1);
    background: rgba(255, 255, 255, 1);
    font-size: .875rem;

    /* background: pink; */
}

.jq-selectbox__dropdown ul {
	max-height: 18rem;
}


.jq-selectbox__search {
    margin: .313rem .313rem 0;
}

.jq-selectbox__search input {
    height: 2.500rem !important;
    margin: 0 0 .750rem !important;
    padding: .750rem 2.750rem .750rem .938rem !important;
    border: .063rem solid rgba(217, 217, 217, 1);
    background: rgba(255, 255, 255, 1) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAO1JREFUeNqU078LAXEYx/FzYfNzk5TJaFNKYjFYSQZ/hvwBsvg1UCY2xT9gM8hukQGThWRjkcFw3pdnujhfT736Xn2fPvfc3fd07V0OFDDFAnM0ENYsZRiGLSc9OpqIYIA9fMhhjCrW2h9VlMlcH/aymMGtOqEugX08PwQucUZKdTozMIqdTc9WepQD7wjY9ARx+ydwhfyXfS+S0qMcOEQJGcueB3VccFINdMgal6NzkmPjRwJXxDBB7/2RDdtAp6wb+dpphHDASG5QQ0V6u2aoSqBZD/lDrNWRJynLK2qpBn4rc6K2XB9/Nb8EGABtf1thzY6X2AAAAABJRU5ErkJggg==) no-repeat calc(100% - .500rem) 50% !important;
    -webkit-appearance: textfield;
}

.jq-selectbox__search input::-webkit-search-cancel-button,
.jq-selectbox__search input::-webkit-search-decoration {
    -webkit-appearance: none;
}

.jq-selectbox__not-found {
    margin: .313rem;
    padding: .625rem;
    background: rgba(229, 45, 39, 1);
    color: rgba(255, 255, 255, 1);
    font-size: .813rem;
}


.content .jq-selectbox ul:not([class]) {
    margin: 0;
    padding: 0;
    list-style: none;

    /* background: green !important; */
}

.content .jq-selectbox ul:not([class]) li {
	min-height: 1.250rem;
    margin: 0;
	padding: .625rem .938rem;
    background-image: none;
	-webkit-user-select: none;
	user-select: none;
	color: rgba(36, 36, 36, 1);
    line-height: 1.1;

    /* background: red; */
}

.jq-selectbox li.selected {
	background-color: rgba(241, 242, 243, 1) ;
	color: rgba(255, 255, 255, 1);
}

.jq-selectbox li:hover {
	background-color: rgba(241, 242, 243, 1) ;
    cursor: pointer;
	color: rgba(255, 255, 255, 1);
}

/* .jq-selectbox li.disabled {
	color: #AAA;
}

.jq-selectbox li.disabled:hover {
	background: none;
} */


.jq-selectbox li.optgroup {
	font-weight: 700;
}

.jq-selectbox li.optgroup:hover {
	background: none;
	color: rgba(36, 36, 36, 1);
	cursor: default;
}

.jq-selectbox li.option {
	padding: 0 0 0 1.250rem;
}

/* [type="submit"]
============================================ */
[type="submit"] {
    display: inline-block;
    width: auto;
    height: 2.750rem;
    padding: .875rem 2.500rem;
    border: .063rem solid rgba(255, 65, 0, 1);
    background: rgba(255, 65, 0, 1);
    color: rgba(255, 255, 255, 1);
    font-weight: 600;
    font-size: .875rem;
    text-transform: uppercase;
    -webkit-transition: border-color .3s .02s linear,
						background .3s .02s linear,
						color .3s .02s linear;
    transition: border-color .3s .02s linear,
				background .3s .02s linear,
				color .3s .02s linear;
}

[type="submit"]:hover,
[type="submit"]:active {
    border-color: rgba(29, 35, 42, 1) !important;
    background: rgba(255, 255, 255, 1) !important;
    cursor: pointer;
    color: rgba(36, 36, 36, 1) !important;
}


.submit-zoom {
	position: relative;
	margin: 0 0 1.250rem;
	padding: 0 2.500rem 0 0;

	/* background: greenyellow; */
}

.submit-zoom input {
	width: 100% !important;
	padding-right: 2.750rem !important;

	/* background: papayawhip !important; */
}

.submit-zoom [type="submit"] {
	position: absolute;
	right: 2.500rem;
	bottom: .500rem;
	width: 2.750rem;
	height: 2.750rem;
	padding: 0;
	border: none;
	background: none !important;
	text-align: center;

	/* background: peru !important; */
}

.submit-zoom [type="submit"] .zmdi {
	color: rgba(0, 102, 204, 1);
	transition: color 0.3s 0.02s linear;
	font-size: 1.375rem;
	line-height: 2.500rem;
}

.submit-zoom [type="submit"]:hover .zmdi,
.submit-zoom [type="submit"]:active .zmdi,
.submit-zoom [type="submit"]:focus .zmdi {
	color: rgba(0, 0, 0, 1);
}

/* message
============================================================================= */
.message {
    padding: 1.250rem;
    background: rgba(45, 192, 117, 1);
    color: rgba(255, 255, 255, 1);
    font-weight: 600;
    font-size: 1rem;
    text-align: center;
}

.message-error {
    background: rgba(229, 45, 39, 1);
}

.message-att {
    background: rgba(251, 192, 45, 1);
    color: rgba(36, 36, 36, 1);
}

.message .btn__edit::before {
    /* color: rgba(255, 255, 255, 1); */
    font-weight: 400;
    text-decoration: none;
    -webkit-transition: color 0.3s 0.02s linear;
    transition: color 0.3s 0.02s linear;
}

.message .btn__edit:hover::before,
.message .btn__edit:active::before {
    color: rgba(255, 65, 0, 1);
}


/* ========================================================================================
    header
======================================================================================== */
.main-header {
    position: relative;
    padding-right: 1.250rem;
    z-index: 1030;
    overflow: hidden;

    /* background: pink; */
}

/* logo
============================================================================= */
.main-header .logo {
    display: block;
    float: left;
    position: relative;
    width: 15.625rem;
    min-height: 3.750rem;
    overflow: hidden;
    /* border-right: .063em solid rgba(217, 217, 217, 1); */
    background: rgba(255, 255, 255, 1);
    -webkit-transition: width 0.3s ease-in-out;
    transition: width 0.3s ease-in-out;

    /* background: yellowgreen; */
}

.main-header .logo a {
    display: block;
    width: 100%;
}

.main-header .logo a .logo-lg {
    display: block;

    /* background: red; */
}

.main-header .logo a .logo-mini {
    display: none;

    /* background: green; */
}

.main-header .logo img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: auto;
    max-width: auto;
    height: 2.688rem;

    /* background: #ccc; */
}

/* header
============================================================================= */
.main-header .header {
    margin-left: 15.625rem;
    overflow: hidden;
    -webkit-transition: margin-left 0.3s ease-in-out;
    transition: margin-left 0.3s ease-in-out;

    /* background: palegreen; */
}

/* toggle-sidebar
============================================ */
.main-header .toggle-sidebar {
    float: left;
    width: 3.750rem;

    /* background: pink; */
}

.main-header .toggle-sidebar a {
    display: block;
    position: relative;
    width: 100%;
    min-height: 3.750rem;
    padding: 1.375rem;
    box-shadow: inset 0 -.063rem .063rem rgba(217, 217, 217, .1);
    text-decoration: none;
    -webkit-transition: background 0.3s 0.02s linear;
    transition: background 0.3s 0.02s linear;

    /* background: peru; */
}

.main-header .toggle-sidebar a svg {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    fill: rgba(29, 35, 42, 1);
    -webkit-transition: fill 0.3s 0.02s linear;
    transition: fill 0.3s 0.02s linear;
}

.main-header .toggle-sidebar a:hover,
.main-header .toggle-sidebar a:active {
    background: rgba(29, 35, 42, 1);
}

.main-header .toggle-sidebar a:hover svg,
.main-header .toggle-sidebar a:active svg {
    fill: rgba(255, 255, 255, 1);
}


.main-header .information {
    float: right;
    width: calc(100% - 3.750rem);
    padding-bottom: .938rem;
    color: rgba(29, 35, 42, 1);
    text-align: right;

    /* background: brown; */
}

/* membership
============================================ */
.membership {
    margin: 1.250rem 0 0;
    line-height: 1.5;

    /* background: red; */
}

.membership span {
    display: inline-block;
    font-weight: 700;

    /* background: yellow; */
}

.membership span sup {
    padding: 0 .188rem;
    background: rgba(255, 255, 255, 1);
    color: rgba(29, 35, 42, 1);
}


.membership .fa {
    position: relative;
	top: -.063rem;
    margin: 0 .313rem;
	color: rgba(255, 65, 0, 1);
}

/* user
============================================ */
.user {
    margin: 1.250rem 3.125rem 0;
    font-weight: 700;
    white-space: nowrap;
    line-height: 1.5;

    /* background: red; */
}

.user::before {
    content: url(../images/user.svg);
    display: inline-block;
    position: relative;
    top: .063rem;
    margin: 0 .313rem 0 0;
}

.site-logout {
    margin: 1.375rem 0 0;

    /* background: pink; */
}

/* site
============================================ */
.site {
    display: inline-block;

    /* background: teal; */
}

.site a {
    display: block;
    color: rgba(29, 35, 42, 1);
    font-weight: 600;
    text-decoration: none;
    -webkit-transition: color 0.3s 0.02s ease;
    transition: color 0.3s 0.02s ease;
}

.site a .fa {
    display: inline-block;
    margin: 0 .188rem 0 0;
    color: rgba(255, 65, 0, 1);
	font-size: 1rem;
}

.site a span:last-child {
    display: inline-block;
    position: relative;
    top: -.063rem;
}

.site a:hover,
.site a:active {
    color: rgba(255, 65, 0, 1);
}

/* logout
============================================ */
.logout {
    display: inline-block;
    margin: 0 0 0 .938rem;

    /* background: thistle; */
}

.logout a {
    display: block;
    color: rgba(29, 35, 42, 1);
    font-weight: 600;
    text-decoration: none;
    -webkit-transition: color 0.3s 0.02s ease;
    transition: color 0.3s 0.02s ease;
}

.logout a .fa {
    display: inline-block;
    margin: 0 .188rem 0 0;
    color: rgba(255, 65, 0, 1);
	font-size: 1.125rem
}

.logout a span:last-child {
    display: inline-block;
    position: relative;
    top: -.063rem;
}

.logout a:hover,
.logout a:active {
    color: rgba(255, 65, 0, 1);
}


/* ========================================================================================
    content-wrapper
======================================================================================== */
.content-wrapper {
    min-height: 100%;
    margin-left: 15.625rem;
    padding: 0;
    z-index: 800;
    -webkit-transition: -webkit-transform 0.3s ease-in-out,
                        margin 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out,
                margin 0.3s ease-in-out;

		-ms-flex-positive: 1;
	flex-grow: 1;
		-ms-flex-negative: 0;
	flex-shrink: 0;
		-ms-flex-preferred-size: 100%;
    flex-basis: 100%;
	max-width: 100%;
		-ms-flex-item-align: auto;
	align-self: auto;
		-ms-flex-order: 0;
	order: 0;

	/* height: 100%; */

		display: -ms-flexbox;
    display: flex;
		-ms-flex-direction: row;
	flex-direction: row;
		-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
		-ms-flex-pack: start;
	justify-content: flex-start;
		-ms-flex-line-pack: stretch;
	align-content: stretch;
		-ms-flex-align: stretch;
	align-items: stretch;

    /* background: red; */
}

/* content
============================================================================= */
.content {
    padding: 0 1.250rem 2.500rem;
	border-bottom: .063rem solid rgba(217, 217, 217, .5);
		-ms-flex-positive: 1;
	flex-grow: 1;
		-ms-flex-negative: 1;
	flex-shrink: 1;
		-ms-flex-preferred-size: 100%;
    flex-basis: 100%;
	max-width: 100%;
		-ms-flex-item-align: auto;
	align-self: auto;
		-ms-flex-order: 0;
	order: 0;

    /* background: green; */
}

/* .content > *:last-child:not(.dashboard) {
	margin: 0 0 3.125rem;
} */

/* content h1
============================================================================= */
.content h1 {
    margin: 0 -1.250rem;
    padding: 1.875rem 1.250rem;
    background: rgba(29, 35, 42, 1);
    color: rgba(255, 255, 255, 1);
    font-weight: 600;
    font-size: 2rem;
    line-height: 1.2;

    /* background: #777; */
}

/* page_nav
============================================================================= */
.page_nav {
    margin: 0 -1.250rem 2.500rem;
    padding: 0 1.250rem;
    background-image: linear-gradient(to right, rgba(53, 59, 72, 1) 0%, rgba(53, 59, 72, 1) 75%, rgba(29, 35, 42, 1) 100%);

    /* background: rgba(53, 59, 72, 1); */
}

.page_nav ul {
    display: inline-block;
    width: auto;
	margin: 0 1.250rem 0 0 !important;
    padding: .625rem 0 0;
	vertical-align: top;
    font-size: 0;
    line-height: 0;
    letter-spacing: -.063rem;
}

.page_nav li {
    display: inline-block;
	width: auto;
    margin: 0 1.250rem 0 0 !important;
	padding: 0 !important;
	background: none !important;
    vertical-align: top;
    font-size: .875rem;
    line-height: 1 !important;
    letter-spacing: normal;
}

.page_nav li:last-child {
    margin: 0;
}

.page_nav li a {
    display: block !important;
	margin: 0;
    padding: .625rem .625rem 1.125rem;
    border-bottom: .188rem solid rgba(255, 65, 0, 1);
    color: rgba(255, 255, 255, 1) !important;
    font-weight: 600;
    line-height: 1.2;
    text-decoration: none !important;
	-webkit-transition: all 0.3s 0.02s linear !important;
	transition: all 0.3s 0.02s linear !important;
}

.page_nav li a span {
	display: inline-block;
	margin: 0 .313rem 0 0;
}

.page_nav li a.active,
.page_nav li a:hover,
.page_nav li a:active {
	margin: 0 0 .625rem;
	padding-bottom: .500rem;
	border-bottom-color: transparent;
    background: rgba(255, 65, 0, 1);
}


.page_nav form {
    display: inline-block;
	width: 100%;
    max-width: 22.500rem;
    margin: .563rem 0 0;
	padding: 0 0 0 .063rem;
    overflow: hidden;
	vertical-align: top;
}

.page_nav form button {
	float: left;
    width: 2.500rem;
	height: 2.500rem;
    margin: 0 0 0 -.063rem;
	padding: 0;
	border: .063rem solid rgba(217, 217, 217, .5) !important;
	border-right: none !important;
	background: none !important;
	text-align: center;
}

.page_nav form .zmdi {
	color: rgba(255, 65, 0, 1);
    font-size: 1.250rem;
	line-height: 2rem;
}

.page_nav form input {
	float: left;
	width: 12.500rem !important;
	height: 2.500rem !important;
	padding: .313rem .625rem .313rem 0 !important;
	border-color: rgba(217, 217, 217, .5) !important;
	border-left: none !important;
	background: none !important;
		-webkit-transition: all 0.3s 0.02s ease !important;
	transition: all 0.3s 0.02s ease !important;
	color: rgba(255, 255, 255, 1) !important;
}

.page_nav form input:focus {
	width: calc(100% - 2.625rem) !important;
}

/* typography
============================================ */
.content h2 {
    margin: 0 0 1.500rem;
    color: rgba(0, 0, 0, 1);
    font-weight: 700;
    font-size: 1.625rem;
    line-height: 1.2;
}

.content h2 a {
	display: inline-block;
	color: rgba(255, 65, 0, 1);
	font-weight: 600;
	font-size: 1rem;
}

.content h2 sup {
	top: 0;
    font-weight: 700;
    font-size: 1.250rem;
    line-height: 1.2;
}

.content h2 span {
	display: block;
	margin: .313rem 0 0;
	color: rgba(137, 137, 137, 1);
	font-weight: 600;
	font-size: .875rem;
}

.content h3 {
    margin: 0 0 1.250rem;
    color: rgba(255, 65, 0, 1);
    font-weight: 600;
    font-size: 1.250rem;
    line-height: 1.2;
}

/* .content h4 {
    margin: 0 0 1.250rem;
    color: rgba(255, 65, 0, 1);
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.2;
} */


.content p {
    margin: 0 0 1.250rem;
    line-height: 1.5;
}

 a {
    display: inline-block;
    color: rgba(0, 102, 204, 1);
    text-decoration: underline;
    -webkit-transition: color 0.3s 0.02s linear;
    transition: color 0.3s 0.02s linear;
}

a:hover {
    color: rgba(36, 36, 36, 1);
    text-decoration: none;
}


.content ul:not([class]) {
    margin: 0 0 1.250rem;
}

.content ul:not([class]) li {
    margin: 0 0 .313rem;
	padding: 0 0 0 .938rem;
	background: url(../images/li.svg) no-repeat 0 .500rem;
    line-height: 1.3;
}

.content ul:not([class]) li a {
    display: inline-block;
    color: rgba(0, 102, 204, 1);
    text-decoration: underline;
	-webkit-transition: color 0.3s 0.02s linear;
    transition: color 0.3s 0.02s linear;
}

.content ul:not([class]) li a:hover,
.content ul:not([class]) li a:active {
    color: rgba(36, 36, 36, 1);
    text-decoration: none;
}


.content ol:not([class]) {
    margin: 0 0 1.250rem 1.500rem;
	list-style: decimal;
	list-style-position: outside;

	/* background: #cccccc; */
}

.content ol:not([class]) li {
    margin: 0 0 .313rem;
    line-height: 1.3;
}

.content ol:not([class]) li a {
    display: inline-block;
    color: rgba(0, 102, 204, 1);
    text-decoration: underline;
	-webkit-transition: color 0.3s 0.02s linear;
    transition: color 0.3s 0.02s linear;
}

.content ol:not([class]) li a:hover,
.content ol:not([class]) li a:active {
    color: rgba(36, 36, 36, 1);
    text-decoration: none;
}


.content ul:not([class]) ul:not([class]) {
	margin: .625rem 0 .625rem 1.250rem;
}


strong,
.bold {
    font-weight: 700;
}

em {
	font-style: italic;
}

.green {
	color: rgba(45, 192, 117, 1);
}

.red {
	color: rgba(229, 45, 39, 1);
}

.yellow {
	color: rgba(251, 192, 45, 1);
}


.note {
	display: inline-block;
	width: auto;
	padding: .938rem;
	border: .063rem solid rgba(217, 217, 217, 1);
	background: rgba(241, 242, 243, 1);
	font-weight: 600;
}

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

.text-center {
    text-align: center !important;
}

.text-center .table_short {
	display: inline-block;
	float: none;
	width: 8.125rem !important;
	padding: 0 2.500rem 0 0 !important;
	vertical-align: top;

	/* background: #777777; */
}

.text-center .table_short .jq-selectbox__search {
	display: none;
}

.text-center .table_short + span {
	display: inline-block;
	margin:  .938rem 0 0;
	vertical-align: top;
	font-size: .625rem;

	/* background: #ccc; */
}

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

.highlight-search {
	display: inline-block;
	padding: 0 .313rem .125rem;
	background: rgba(45, 192, 117, 1);
	color: rgba(255, 255, 255, 1);
}
.highlight-plus {
	padding: 0 .313rem;
	background: rgba(45, 192, 117, 1);
	color: rgba(255, 255, 255, 1);
}
.highlight-minus {
	padding: 0 .313rem;
	background: rgba(229, 45, 39, 1);
	color: rgba(255, 255, 255, 1);
}

/* content_setting
============================================ */
.content_setting {
    display: block;
    position: relative;
    width: 100%;
    max-width: 47.625rem;
    margin-bottom: 1.875rem;
    padding: 1.250rem;
    border: .063rem solid rgba(217, 217, 217, 1);

    /* background: burlywood; */
}

.content_setting h2 {
    margin-top: 0;
}

/*.content_setting .table_600 {
    margin-right: 0;
}

.content_setting .table_300 {
    width: 50%;
}

.content_setting label {
    font-weight: normal;
}

.content_setting .table_600 input {
    width: 100%;
    max-width: 22.500rem !important;

    /* background: #ccc;
}

.content_setting .table_300 input {
    width: 100%;
    max-width: 11.250rem !important;
}*/

/* content_table
============================================ */
.table-not-responsive {
	position: relative;
    width: 100%;
    overflow: auto;
	z-index: 1;
}


.content_table {
    width: 100%;
    margin: 0 0 1.250rem;
    background: rgba(255, 255, 255, 1);
    text-align: center;

    /* background: yellowgreen; */
}

.content_table tr {
    background: transparent;
    -webkit-transition: background 0.2s 0.02s linear;
    transition: background 0.2s 0.02s linear;
}

.content_table tr:hover {
    background: rgba(241, 242, 243, 1);
}

.content_table tr:first-child:hover {
    background: transparent;
}

.content_table th {
    padding: .938rem;
    border-bottom: .125rem solid rgba(137, 137, 137, 1);
	background: rgba(241, 242, 243, 1);
    vertical-align: middle;
    font-weight: 700;
    line-height: 1.1;
}

.content_table tr th.img-th {
    padding: 0;

    /* background: plum; */
}

.content_table tr th.img-th::before {
    content: "";
    display: block;
    width: 3.750rem;
    height: auto;
    margin: 0 auto;
    color: transparent;

    /* background: blue; */
}

.content_table td {
    padding: .750rem .938rem;
    border-bottom: .063rem solid rgba(217, 217, 217, 1);
    vertical-align: middle;
    font-size: .875rem;
    line-height: 1.3;
}


.content_table tr td.img-td {
    padding: .625rem;

    /* background: powderblue; */
}

.content_table tr td.img-td img {
    width: 3.750rem;
    margin: 0 auto;

    /* background: black; */
}


.content_table td a {
    display: inline-block;
    color: rgba(0, 102, 204, 1);
    text-decoration: underline;
    -webkit-transition: color 0.3s 0.02s linear;
    transition: color 0.3s 0.02s linear;
}

.content_table td a.link-button {
    margin: 0;
    color: rgba(255, 255, 255, 1);
    line-height: 1;
    text-decoration: none;
}

.content_table td a:hover {
    color: rgba(36, 36, 36, 1);
    text-decoration: none;
}

.content_table input[type="text"] {
    display: inline-block !important;
    width: 2.750rem !important;
    margin: 0 !important;
    padding: 0 .125rem !important;
    text-align: center;
}

/* .content_table tr td:nth-child(9) {
    background: #ccc;
} */

.content_table .check {
    width: auto;

    /* background: red; */
}

.content_table .fa {
	position: relative;
	top: .125rem;
	margin: 0 0 0 .313rem;
	color: rgba(137, 137, 137, 1);
	-webkit-transition: all 0.3s 0.02s linear;
	transition: all 0.3s 0.02s linear;
}

.content_table .fa:hover,
.content_table .fa:focus {
	color: rgba(36, 36, 36, 1);
}


/* .content_table .big-cbx {
	background: palevioletred;
} */

.content_table .big-cbx input[type="checkbox"] + label::before,
.content_table .big-cbx input[type="radio"] + label::before {
	left: 50%;
	transform: translateX(-50%);
}


.table-no-padding th {
    padding: .938rem .250rem;
}

.table-no-padding td {
    padding: .750rem .250rem;
}

/* .table-no-padding td:nth-child(2n) {
	background: #ccc;
} */

/* table-sort
============================================ */
.table-sort .head {
	position: relative;
	padding-left: .938rem !important;
	padding-right: 1.250rem !important;
	cursor: pointer;
}

.table-sort .head::before {
	content: "\f2f8";
	position: absolute;
	top: -.188rem;
	right: .313rem;
	color: rgba(36, 36, 36, 1);
	font-size: .875rem;
	font-family: "Material-Design-Iconic-Font";
}

.table-sort .head::after {
	content: "\f2f2";
	position: absolute;
	top: .125rem;
	right: .313rem;
	color: rgba(36, 36, 36, 1);
	font-size: .875rem;
	font-family: "Material-Design-Iconic-Font";
}

.table-sort .desc,
.table-sort .asc {
	background: transparent; /* активный th */
}

.table-sort .desc {
	position: relative;
	padding-left: .938rem !important;
	padding-right: 1.250rem !important;
	cursor: pointer;
}

.table-sort .desc::before {
	content: "\f2f8";
	position: absolute;
	top: 0;
	right: .313rem;
	color: rgba(36, 36, 36, 1);
	font-size: .875rem;
	font-family: "Material-Design-Iconic-Font";
}

.table-sort .asc {
	position: relative;
	padding-left: .938rem !important;
	padding-right: 1.250rem !important;
	cursor: pointer;
}

.table-sort .asc::after {
	content: "\f2f2";
	position: absolute;
	top: 0;
	right: .313rem;
	color: rgba(36, 36, 36, 1);
	font-size: .875rem;
	font-family: "Material-Design-Iconic-Font";
}

.table-sort .evenrow td {
	background: rgba(255, 255, 255, 1);
}

.table-sort .oddrow td {
	background: transparent;
}

.table-sort td.evenselected {
	background: rgba(241, 242, 243, 1);
}

.table-sort td.oddselected {
	background: rgba(241, 242, 243, 1);
}

/* grafik_table
============================================ */
.grafik_table {
    width: 100%;
    margin: 0 0 1.250rem;
    background: rgba(255, 255, 255, 1);
    text-align: center;

    /* background: yellowgreen; */
}

.grafik_table input {
    height: 3rem !important;
    margin: 0 !important;
    padding: 0 .625rem !important;
    border-color: transparent !important;
    background: transparent !important;
    text-align: center;
}

.grafik_table input:focus {
    border-color: rgba(255, 65, 0, 1) !important;
}

.grafik_table tr {
    background: transparent;
    -webkit-transition: background 0.2s 0.02s linear;
    transition: background 0.2s 0.02s linear;
}

.grafik_table tr:hover {
    background: rgba(241, 242, 243, 1);
}

.grafik_table thead {
    border-bottom: .125rem solid rgba(137, 137, 137, 1);

    /* background: pink; */
}

.grafik_table thead tr:hover {
    background: transparent;
}

.grafik_table thead th {
    padding: .938rem;
    -webkit-transition: background 0.2s 0.02s linear;
    transition: background 0.2s 0.02s linear;
    vertical-align: middle;
    font-weight: 700;
    line-height: 1.1;
}

.grafik_table thead th:first-child {
    width: 21.875rem;
	padding-left: .625rem;
    white-space: nowrap;
}

/* .grafik_table tbody {
    background: #777;
} */

.grafik_table tbody tr {
    border-bottom: .063rem solid rgba(217, 217, 217, 1);
}

.grafik_table tbody th {
    padding: 0;
    border-right: .125rem solid rgba(137, 137, 137, 1);
    -webkit-transition: background 0.2s 0.02s linear;
    transition: background 0.2s 0.02s linear;
}

.grafik_table tbody th input {
	white-space: nowrap;
	text-align: left;
}

/*.grafik_table tbody th input {
    display: inline-block !important;
    width: 17.500rem !important;
    margin: 0 !important;
    font-weight: 600;
    text-align: left;
}*/

.grafik_table tbody th .jq-selectbox {
    /* display: inline-block !important;
    width: 99% !important;
    margin: 0 !important;
    font-weight: 600;
    text-align: left; */
	margin: 0;
	padding: 0;
	text-align: left;
}

.grafik_table tbody th .jq-selectbox.focused .jq-selectbox__select {
	border-color: rgba(217, 217, 217, 1) !important;
	outline: none;
}

.grafik_table tbody th .jq-selectbox__select {
	border-color: transparent;
	background: transparent;
}

.grafik_table tbody th .jq-selectbox__search input {
    height: 2.500rem !important;
    margin: 0 0 .750rem !important;
    padding: .750rem 2.750rem .750rem .938rem !important;
    border: .063rem solid rgba(217, 217, 217, 1) !important;
}


.grafik_table tbody td {
    padding: 0;
    -webkit-transition: background 0.2s 0.02s linear;
    transition: background 0.2s 0.02s linear;
    vertical-align: middle;
}

.grafik_table tbody td:hover {
    background: rgba(217, 217, 217, 1);
}

.grafik_table .hover {
	background: rgba(241, 242, 243, 1);
}

/* table-info
============================================ */
.table-info {
    width: auto;
    margin: 0 0 1.250rem;
    background: rgba(255, 255, 255, 1);
    text-align: left;
}

.table-info th {
    padding: .938rem;
	border-bottom: .063rem solid rgba(217, 217, 217, 1);
    vertical-align: top;
    font-weight: 700;
    line-height: 1.1;
}

.table-info td {
    padding: .938rem;
    border-bottom: .063rem solid rgba(217, 217, 217, 1);
    vertical-align: top;
    font-size: .875rem;
    line-height: 1.3;
}

/* table-erp-orders
============================================ */
.width-short,
input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="range"]).width-short {
	width: 6.250rem !important;
	padding: 0 .625rem !important;
	text-align: left;

	/* background: red; */
}

.width-300,
input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="range"]).width-300 {
	width: 12.500rem !important;
	padding: 0 .625rem !important;
	text-align: left;
}

/* table-erp-tech-cards
============================================ */
/* .table-erp-tech-cards .jq-selectbox__select {
	width: 12.500rem;
	text-align: left;
} */

.table-erp-tech-cards th:first-child {
	width: 17.500rem;
}

.table-erp-tech-cards input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="range"]) {
	width: 100% !important;
    /* height: 3rem !important; */
    margin: 0 !important;
    padding: 0 .625rem !important;
    border-color: transparent !important;
    background: transparent !important;

	/* background: red !important; */
}

.table-erp-tech-cards input:focus {
    border-color: rgba(255, 65, 0, 1) !important;
}

.table-erp-tech-cards td {
    padding: 0;
	/*border: .063rem solid rgba(217, 217, 217, 1);*/
    vertical-align: middle;
}

.table-erp-tech-cards td .jq-selectbox {
    margin: 0;
}

.table-erp-tech-cards td .jq-selectbox__select {
	height: 3.125rem;
	border-color: transparent;

	/* background: palegoldenrod; */
}

.table-erp-tech-cards td .jq-selectbox__select-text {
    height: 3rem;
    padding: 1.125rem 0 0 .938rem !important;

	/* background: palegreen; */
}

.table-erp-tech-cards td .jq-selectbox__dropdown  {
	top: 3.125rem;
}

.table-erp-tech-cards td .jq-selectbox__search input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="range"]) {
    height: 2.500rem !important;
    margin: 0 0 .750rem !important;
    padding: .750rem 2.750rem .750rem .938rem !important;
    border: .063rem solid rgba(217, 217, 217, 1) !important;
}




.holidays {
	color: rgba(229, 45, 39, 1);
}

.holidays input {
	color: rgba(229, 45, 39, 1) !important;
}


.page {
    padding-left: 1.500rem !important;
    background: url(../images/page.svg) no-repeat 0 center;
}

.ml-20 {
    background-position-x: 1.250rem;
    padding-left: 2.750rem !important;
}

.ml-40 {
    background-position-x: 2.500rem;
    padding-left: 4rem !important;
}

.ml-60 {
    background-position-x: 3.750rem;
    padding-left: 5.250rem !important;
}


.yes {
	display: inline-block;
    position: relative;
    top: -.125rem;
	width: 1rem;
	height: 1rem;
    vertical-align: top;

    /* background: pink; */
}

.yes::before {
    content: "\f26b";
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: rgba(229, 45, 39, 1);
    font-weight: 700;
    font-size: 1.250rem;
    font-family: "Material-Design-Iconic-Font";
}

.no {
	display: inline-block;
    position: relative;
	width: 1rem;
	height: 1rem;
    vertical-align: top;

    /* background: pink; */
}

.no::before {
    content: "-";
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-weight: 600;
}


.btn__save {
	display: inline-block;
    position: relative;
	width: 1rem;
	height: 1rem;
    vertical-align: top;
    cursor: pointer;

    /* background: pink; */
}

.btn__save::before {
    content: "\f242";
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: rgba(137, 137, 137, 1);
    font-size: .875rem;
    font-family: "Material-Design-Iconic-Font";
}


.btn__preview {
	display: inline-block;
    position: relative;
    top: -.063rem;
	width: 1rem;
	height: 1rem;
    vertical-align: top;

    /* background: pink; */
}

.btn__preview::before {
    content: "\f326";
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: rgba(255, 144, 13, 1);
    font-size: 1.125rem;
    font-family: "Material-Design-Iconic-Font";
}


.btn__copy {
	display: inline-block;
    position: relative;
	width: 1rem;
	height: 1rem;
    vertical-align: top;

    /* background: pink; */
}

.btn__copy::before {
    content: "\f237";
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: rgba(46, 204, 113, 1);
    font-size: 1rem;
    font-family: "Material-Design-Iconic-Font";
}


.btn__restore {
	display: inline-block;
    position: relative;
	width: 1rem;
	height: 1rem;
    vertical-align: top;

    /* background: pink; */
}

.btn__restore::before {
    content: "\f258";
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: rgba(0, 0, 0, 1);
    font-size: 1rem;
    font-family: "Material-Design-Iconic-Font";
}


.btn__edit {
	display: inline-block;
    position: relative;
	width: 1rem;
	height: 1rem;
    vertical-align: top;

    /* background: pink; */
}

.btn__edit::before {
    content: "\f22e";
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: rgba(0, 102, 204, 1);
    font-size: .875rem;
    font-family: "Material-Design-Iconic-Font";
}


.btn__delete {
	display: inline-block;
    position: relative;
	width: 1rem;
	height: 1rem;
    vertical-align: top;

    /* background: pink; */
}

.btn__delete::before {
    content: "\f118";
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: rgba(229, 45, 39, 1);
    font-weight: 700;
    font-size: 1rem;
    font-family: "Material-Design-Iconic-Font";
}

/* tooltip
============================================ */
.q-tooltip {
    display: inline-block;
    position: absolute;
    top: -.125rem;
	left: auto;
    width: 1.250rem;
    height: 1.250rem;
    margin: 0 0 0 .313rem;
    padding: .188rem 0 0;
    border: 1px solid rgba(0, 102, 204, 1);
    color: rgba(36, 36, 36, 1);
    font-size: .750rem;
	font-weight: 700;
	line-height: 1;
    text-align: center;
}

.q-tooltip-no-p {
	position: static !important;
}

#tooltip {
    position: absolute;
    max-width: 25rem;
    padding: .500rem .625rem;
    z-index: 810;
    background: rgba(29, 35, 42, .9) none repeat scroll 0 0;
    color: rgba(255, 255, 255, 1);
    font-size: .750rem;
    line-height: 1.2;
}

#tooltip::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -.438rem;
    width: 0;
    height: 0;
    margin-left: -.438rem;
    border-left: .438rem solid transparent;
    border-right: .438rem solid transparent;
    border-top: .438rem solid rgba(29, 35, 42, .9);
}

#tooltip.top::after {
    top: -.875rem;
    bottom: auto;
    border-bottom: .438rem solid rgba(29, 35, 42, .9);
    border-top-color: transparent;
}

#tooltip.left::after {
    left: .625rem;
    margin: 0;
}

#tooltip.right::after {
    right: .625rem;
    left: auto;
    margin: 0;
}


/* .tool-tip {
    display: inline-block;
    position: relative;
    top: -.313rem;
    width: .875rem;
    height: .875rem;
    margin: 0 0 0 .313rem;
    background: rgba(255, 65, 0, 1);
    cursor: help;
    color: rgba(255, 255, 255, 1);
    font-size: .625rem;
    line-height: .875rem;
    text-align: center;
} */

/* flex   table_short   table_300   table_600   table_long
============================================ */
.flex {
    display: flex;
    margin: 0 0 .625rem;
    justify-content: flex-start;
    align-items: center;

    /* background: crimson; */
}

.table_600 .flex {
	flex-wrap: nowrap;
}

.table_long .flex {
	flex-wrap: nowrap;
}

.table_600 .flex .jq-file {
	flex-basis: auto;
	width: 100%;
    max-width: 19.875rem;
    margin: 0 2.500rem 0 0;
}

.table_long .flex .jq-file {
	flex-basis: auto;
	width: 100%;
    max-width: 42.500rem;
    margin: 0 2.500rem 0 0;
}

.flex > a {
	flex-basis: auto;
	width: 100%;
    max-width: 3.750rem;
	margin: 0 1.875rem 0 0;

	/* background: palevioletred; */
}

.flex a.fancybox:hover img,
.flex a.fancybox:focus img {
	-webkit-transform: none;
	transform: none;
}

.ico-img {
	width: auto;
	max-width: auto;
	max-height: 2.750rem;


	/* background: palegreen; */
}

.flex span {
	flex-basis: auto;
    width: auto;
    margin: 0 2.500rem 0 0;
	white-space: nowrap;

    /* background: red; */
}

.flex span a {
	display: inline-block;
	margin: 0 .313rem 0 0;
}

.flex > label {
    width: auto;
    margin: 0 !important;

    /* background: chartreuse; */
}


.table_short,
.table_300,
.table_600,
.table_900,
.table_long {
    float: left;
	position: relative;
    width: 100%;
    margin: 0 0 1.875rem;
    padding: 0 2.500rem 0 0;

    /* background: pink; */
}

.table_border {
	padding: 1.250rem !important;
    border: .063rem solid rgba(217, 217, 217, 1);
}

.short input {
    width: 6.250rem !important;
}

.greybg {
    position: relative;
}

.greybg::after {
    content: "";
    position: absolute;
    top: -.625rem;
    right: 1.875rem;
    bottom: -.313rem;
    left: -.625rem;
    z-index: -1;
    background: rgba(241, 242, 243, 1);
}

[class^="table_"] .content_table {
    width: 100%;
}

.table_short {
    max-width: 11.250rem;
}

.table_300 {
    max-width: 22.375rem;

    /* background: #ccc; */
}


.table_600 {
    max-width: 45rem;

    /* background: blue; */
}

.table_900 {
    max-width: 67.500rem;

    /* background: pink; */
}

.table_long {
    max-width: 90%;
    min-width: 45rem;

    /* background: coral; */
}

.title {
	display: block;
	margin: 0 0 .625rem !important;
	font-weight: 700;
    /* font-size: 1rem; */
}

.urlnameGen,
.add_properties {
    margin: 0 0 .500rem;
}

.list_300,
#pagetype_inc {
    margin-bottom: 1.875rem;

    /* background: #ccc; */
}

.list_300 .table_300,
#pagetype_inc .table_300 {
    margin-bottom: .313rem;
}

/* ======= filenames ======= */
.filenames {
    position: relative;
}

.filenames p {
    margin: .625rem 0 .625rem;
    font-weight: 600;
}

.filenames ul {
    margin: 0 0 1.250rem;
}

.filenames li {
    margin: 0 0 .313rem;
}

.filenames .btn__delete {
	width: .875rem;
	height: .875rem;
    cursor: pointer;

    /* background: pink; */
}

.filenames .btn__delete::before {
    content: "\f136";
    font-size: .875rem;
}

/* ======= properties ======= */
.properties > input {
    float: left;
    max-width: 18.750rem;
    margin: 0 2.500rem 0 0 !important;

    /* background: #ccc !important; */
}

.properties > .jq-selectbox {
    float: left !important;
    max-width: 18.750rem !important;

    /* background: #777 !important; */
}

/* ======= helptext ======= */
.helptext {
    color: rgba(137, 137, 137, 1);
    font-size: .813rem;
    line-height: 1.3;
}

/* ======= all ======= */
.all {
    font-weight: 600;
}

.all span {
    font-size: 1rem;
}

/* ======= filters-clear ======= */
.filters-clear a {
	display: inline-block;
	margin: 2.625rem 0 0;
}

/* gallery
============================================ */
.gallery-flex {
    	display: -ms-flexbox;
    display: flex;
		-ms-flex-direction: row;
	flex-direction: row;
		-ms-flex-wrap: wrap;
	flex-wrap: wrap;
		-ms-flex-pack: start;
	justify-content: flex-start;
		-ms-flex-line-pack: stretch;
	align-content: stretch;
		-ms-flex-align: stretch;
	align-items: stretch;
	margin: 0 -.938rem;

	/* background: palegoldenrod; */
}

.wrap-tabl  {
	display: block;
	width: 100%;
	margin: 1.250rem .938rem 2.500rem;

	/* background: burlywood; */
}


.gallery {
		-ms-flex-positive: 0;
	flex-grow: 0;
		-ms-flex-negative: 0;
	flex-shrink: 0;
		-ms-flex-preferred-size: calc(16.66666666666667% - 1.875rem);
    flex-basis: calc(16.66666666666667% - 1.875rem);
	max-width: calc(16.66666666666667% - 1.875rem);
		-ms-flex-item-align: auto;
	align-self: auto;
		-ms-flex-order: 0;
	order: 0;
	position: relative;
	margin: 0 .938rem 1.875rem;
	border: .063rem  solid rgba(217, 217, 217, 1);
	-webkit-transition: border-color 0.3s 0.02s linear;
	transition: border-color 0.3s 0.02s linear;
	line-height: 1.3;

	/* background: red; */
}

.gallery:hover,
.gallery:focus {
	border-color: rgba(255, 65, 0, 1);
}


.sort-btns-img-gallery {
	    display: -ms-flexbox;
    display: flex;
		-ms-flex-direction: row;
	flex-direction: row;
		-ms-flex-wrap: wrap;
	flex-wrap: wrap;
		-ms-flex-pack: start;
	justify-content: flex-start;
		-ms-flex-line-pack: center;
	align-content: center;
		-ms-flex-align: center;
	align-items: center;
	margin: .938rem 0;

	/* background: palegreen; */
}


.sort-img-gallery {
		-ms-flex-positive: 0;
	flex-grow: 0;
		-ms-flex-negative: 0;
	flex-shrink: 0;
		-ms-flex-preferred-size: 65%;
    flex-basis: 65%;
	max-width: 65%;
		-ms-flex-item-align: auto;
	align-self: auto;
		-ms-flex-order: 0;
	order: 0;
	position: relative;
	padding: 0 0 0 5.500rem;
	font-weight: 700;

	/* background: palegoldenrod; */
}

.sort-img-gallery span {
	display: inline-block;
	position: absolute;
	top: 50%;
	left: .938rem;
	transform: translateY(-50%);
	color: rgba(137, 137, 137, 1);
	font-weight: 600;

	/* background: #ccc; */
}


.btns-img-gallery {
		-ms-flex-positive: 0;
	flex-grow: 0;
		-ms-flex-negative: 0;
	flex-shrink: 0;
		-ms-flex-preferred-size: auto;
    flex-basis: auto;
	max-width: auto;
		-ms-flex-item-align: auto;
	align-self: auto;
		-ms-flex-order: 0;
	order: 0;
	margin-left: auto;
	padding: 0 .938rem 0 0;

	/* background: blueviolet; */
}

.btns-img-gallery .btn__edit {
	margin-right: .625rem;
}

.btns-img-gallery .btn__edit::before {
	font-size: 1.063rem;
}

.btns-img-gallery .btn__delete::before {
	font-size: 1.188rem;
}


.name-img-gallery {
	position: relative;
	margin: .625rem 0;
	padding: 0 .938rem 0 5.500rem;
}

.name-img-gallery span {
	display: inline-block;
	position: absolute;
	top: 0;
	left: .938rem;
	color: rgba(137, 137, 137, 1);
	font-weight: 600;
}


.alt-img-gallery {
	position: relative;
	margin: .625rem 0;
	padding: 0 .938rem 0 5.500rem;
}

.alt-img-gallery span {
	display: inline-block;
	position: absolute;
	top: 0;
	left: .938rem;
	color: rgba(137, 137, 137, 1);
	font-weight: 600;
}


.title-img-gallery {
	position: relative;
	margin: .625rem 0;
	padding: 0 .938rem 0 5.500rem;
}

.title-img-gallery span {
	display: inline-block;
	position: absolute;
	top: 0;
	left: .938rem;
	color: rgba(137, 137, 137, 1);
	font-weight: 600;
}


.gallery input[type="checkbox"] + label {
	position: absolute;
	margin: 0;
	padding: 0;
	z-index: 2;
}

.gallery input[type="checkbox"] + label::before {
	top: .938rem;
	left: .938rem;
	width: 2.500rem;
    height: 2.500rem;
}

.gallery input[type="checkbox"]:checked + label::before {
    font-size: 2.250rem;
}


.sort-img-gallery input[type="text"] {
	display: inline-block !important;
	height: auto !important;
	margin: 0 !important;
	padding: .625rem .313rem !important;

	/* background: yellow !important; */
}

/* fancybox
============================================ */
.fancybox {
    display: block !important;
	position: relative;
    overflow: hidden;
	cursor: zoom-in;
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
}

a.fancybox img {
	position: relative;
	-webkit-transition: -webkit-transform 1s;
	transition: transform 1s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

a.fancybox:hover img,
a.fancybox:focus img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

/* userfiles
============================================ */
/* .userfiles {
	background: blue;
} */

.userfiles > label {
	margin: 0 0 1.250rem;
}

.userfiles .container-flex {
		-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 -.625rem;

	/* background: papayawhip; */
}

.userfiles .element-flex {
	position: relative;
		-ms-flex-preferred-size: calc(20% - 1.250rem);
    flex-basis: calc(20% - 1.250rem);
	max-width: calc(20% - 1.250rem);
	margin: 0 .625rem 1.250rem;
	padding:  .938rem .938rem 0 4.688rem;
	border: .063rem solid rgba(217, 217, 217, .5);

	/* background: paleturquoise; */
}

/* .userfiles .element-flex:nth-of-type(2n) {
	background: palevioletred;
} */

.userfiles-ico {
	position: absolute;
	top: .938rem;
	left: .938rem;
	width: 2.500rem;
}

.userfiles-ico .fa {
	font-size: 2.500rem;
}


.userfiles-name {
	margin: 0 0 .625rem;
	overflow: hidden;
}

.userfiles-name a {

}

.userfiles-name span {
	display: block;
	margin: .313rem 0 0;
}


.add-files-alt {
    flex-basis: 5.750rem !important;
	max-width: 5.750rem !important;
	height: 5.750rem;
	padding: 0 !important;
	border: none !important;

	/* background: red; */
}

.add-files-alt .jq-file {
	display: none !important;
}

.add-files-alt input {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	margin: -1px !important;
	border: none !important;
	padding: 0 !important;
	white-space: nowrap !important;
	clip-path: inset(100%) !important;
	clip: rect(0 0 0 0) !important;
	overflow: hidden !important;
}

.add-files-alt label {
	display: flex;
	height: 100%;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	border: .063rem solid rgba(217, 217, 217, .5);
	transition: border-color 0.3s 0.02s linear;

	/* background: pink; */
}

.add-files-alt label:hover,
.add-files-alt label:active {
	border-color: rgba(255, 65, 0, 1);
}

.add-files-alt .fa {
	color: rgba(137, 137, 137, 1);
	font-size: 1.500rem;
	transition: color 0.3s 0.02s linear;
}

/* .add-files-alt label:hover .fa,
.add-files-alt label:active .fa {
	color: rgba(255, 65, 0, 1);
} */









/* video
============================================ */
.video {
	position: relative;
	width: 100%;
    height: 100%;
    margin: 0;
	padding-bottom: 55%;
	overflow: hidden;

	/* background: red; */
}

.video iframe {
	position: absolute;
	top: 0;
  	left: 0;
    width: 100%;
    height: 100%;
}

/* help-coffeerp
============================================ */
/* .help-coffeerp {
background: palegoldenrod;
} */

.left-help-coffeerp {
	flex-basis: calc(100% - 25rem);
	max-width: calc(100% - 25rem);
	padding-right: 2.500rem;

	/* background: yellowgreen; */
}

.file-help-coffeerp {
	display: inline-block;
	position: relative;
	padding:  .938rem .938rem 0 4.688rem;
	border: .063rem solid rgba(217, 217, 217, .5);

	/* background: paleturquoise; */
}

.ico-file-help-coffeerp {
	position: absolute;
	top: .938rem;
	left: .938rem;
	width: 2.500rem;
}

.ico-file-help-coffeerp .fa {
	font-size: 2.500rem;
}


.name-file-help-coffeerp {
	margin: 0 0 .625rem;
	overflow: hidden;
}

.name-file-help-coffeerp a {

}

.name-file-help-coffeerp span {
	display: block;
	margin: .313rem 0 0;
}


.rihgt-help-coffeerp {
	flex-basis: 25rem;
	max-width: 25rem;
	margin: 0 0 0 auto;
	background: rgba(241, 242, 243, 1);

}

.list-rihgt-help-coffeerp {
	padding: 1.250rem;
}

.list-rihgt-help-coffeerp li {
	margin: 0 0 .938rem;
	padding: 0 0 .938rem;
	border-bottom: 1px solid rgba(217, 217, 217, 1);
}

.list-rihgt-help-coffeerp li a {
	line-height: 1.3;
}

/* search-content
============================================ */
.search-content {
    position: relative;

	/* background: greenyellow; */
}

.greybg.search-content label {
	width: 100%;

	/* background: powderblue; */
}

.greybg.search-content {
	width: calc(100% - 2.500rem) !important;

	/* background: palevioletred; */
}

.search-content input {
	width: 100% !important;
	padding-right: 2.750rem !important;

	/* background: papayawhip !important; */
}

.search-content [type="submit"] {
	position: absolute;
	right: 2.500rem;
	bottom: .500rem;
    width: 2.750rem;
	height: 2.750rem;
	padding: 0;
	border: none;
	background: none !important;
	text-align: center;

	/* background: peru !important; */
}

.search-content [type="submit"] .zmdi {
	color: rgba(255, 65, 0, 1);
	transition: color 0.3s 0.02s linear;
    font-size: 1.375rem;
	line-height: 2.500rem;
}

.search-content [type="submit"]:hover .zmdi,
.search-content [type="submit"]:active .zmdi,
.search-content [type="submit"]:focus .zmdi {
	color: rgba(0, 0, 0, 1);
}

/* btn-radio
============================================ */
/* .btn-radio {
    background: yellow;
} */

.btn-radio input[type="radio"] {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	border: 0;
	padding: 0;
	white-space: nowrap;
	clip-path: inset(100%);
	clip: rect(0 0 0 0);
	overflow: hidden;
}

.btn-radio label {
    display: block;
    width: 100%;
	height: 100%;
    margin: 0;
    padding: .938rem 2.500rem .938rem 1.250rem !important;
    border: 1px solid rgba(217, 217, 217, 1);
    background-color: rgba(255, 255, 255, 1);
    cursor: pointer;
    font-weight: 400;
    font-size: .875rem;
    transition: all 0.15s ease-in-out;
}

.btn-radio input[type="radio"]:checked + label i {
	color: rgba(255, 65, 0, 1);
}

.btn-radio input[type="radio"]:not(:checked) + label i {
	color: rgba(137, 137, 137, 1);
}

.btn-radio input[type="radio"] + label::before {
    top: .875rem;
    right: .938rem;
	left: auto;
    width: 1.250rem;
    height: 1.250rem;
	border: none;
}

.btn-radio input:checked + label {
    border-color: rgba(255, 65, 0, 1);
}

.btn-radio input[type="radio"]:checked + label::before {
	content: "\f00c";
    font-size: .875rem;
    line-height: 1;
}

.btn-radio .helptext {
	margin: .500rem 0 0;
}

/* btn-checkbox
============================================ */
/* .btn-checkbox {
    background: yellow;
} */

.btn-checkbox input[type="checkbox"] {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	border: 0;
	padding: 0;
	white-space: nowrap;
	clip-path: inset(100%);
	clip: rect(0 0 0 0);
	overflow: hidden;
}

.btn-checkbox label {
    display: block;
	position: relative;
    width: 100%;
	height: 100%;
    margin: 0;
    padding: .938rem 2.500rem .938rem 1.250rem !important;
    border: 1px solid rgba(217, 217, 217, 1);
    background-color: rgba(255, 255, 255, 1);
    cursor: pointer;
    font-weight: 400;
    font-size: .875rem;
    transition: all 0.15s ease-in-out;
}

.btn-checkbox input[type="checkbox"]:checked + label i {
	color: rgba(255, 65, 0, 1);
}

.btn-checkbox input[type="checkbox"]:not(:checked) + label i {
	color: rgba(137, 137, 137, 1);
}

.btn-checkbox input[type="checkbox"] + label::before {
    top: .875rem;
    right: .938rem;
	left: auto;
    width: 1.250rem;
    height: 1.250rem;
	border: none;
}

.btn-checkbox input:checked + label {
    border-color: rgba(255, 65, 0, 1);
}

.btn-checkbox input[type="checkbox"]:checked + label::before {
    font-size: .875rem;
}

.btn-checkbox .helptext {
	margin: .500rem 0 0;
}

/* tabs
============================================ */
.tabs {
    display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-content: stretch;
	align-items: stretch;
    border-bottom: 1px solid rgba(217, 217, 217, 1);

	/* background: yellow; */
}

.tabs::after {
    content: "";
    clear: both;
    display: block;
    width: 100%;
    height: 0;
    margin: 0;
    padding: 0;
    visibility: hidden;
    font-size: 0;
    line-height: 0;
}

.tabs li {
	flex-grow: 0;
	flex-shrink: 1;
    flex-basis: auto;
	max-width: auto;
	align-self: auto;
	order: 0;
	position: relative;
	top: 1px;
    padding: .938rem 1.250rem;
    border: 1px solid rgba(217, 217, 217, 1);
	border-right: none;
	border-bottom: none;
    background: rgba(241, 242, 243, 1);
	transition: background .3s .02s linear,
				color .3s .02s linear;
	cursor: pointer;
}

.tabs li:last-child {
	border-right: 1px solid rgba(217, 217, 217, 1) !important;
}

.tabs li:hover,
.tabs li:focus,
.tabs li:active {
    background: rgba(217, 217, 217, 1);
}

.tabs li.active {
	display: block;
	padding: .813rem .938rem 1.250rem;
	padding-top: .813rem;
	padding-bottom: 1rem;
	border-top: 2px solid rgba(255, 65, 0, 1);
    background: rgba(255, 255, 255, 1);
	cursor: default;
	color: inherit;
	font-weight: 700;
}


.tab-accordion {
    display: none;
}


.content-tab {
    margin: 0 0 1.250rem;
    padding: 1.250rem;
    border: 1px solid rgba(217, 217, 217, 1);
	border-top: none;
}

.content-tab p {
	margin: 0 0 .938rem;
	line-height: 1.5;
}







/* ========================================================================================
    sidebar
======================================================================================== */
.main-sidebar {
    position: absolute;
    top: 0;
    left: 0;
    min-height: calc(100% - 3.750rem);
    width: 15.625rem;
    margin-top: 3.750rem;
    border-right: .063em solid rgba(217, 217, 217, .1);
    z-index: 810;
    background: rgba(29, 35, 42, 1) url(../images/sidebar-bg.svg) no-repeat left bottom;
    -webkit-transition: -webkit-transform 0.3s ease-in-out,
                        width 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out,
                width 0.3s ease-in-out;
}

/* sidebar-menu
============================================================================= */
.sidebar-menu {
    margin: 1.250rem 0 0;
    padding: .500rem 0 0;
    overflow: hidden;
}

.sidebar-menu:hover {
  overflow: visible;
}

.sidebar-menu > li {
    position: relative;
    margin: 0 0 .063rem;
}

.sidebar-menu > li > a {
	    display: -ms-flexbox;
    display: flex;
		-ms-flex-direction: row;
	flex-direction: row;
		-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
		-ms-flex-pack: start;
	justify-content: flex-start;
		-ms-flex-line-pack: stretch;
	align-content: stretch;
		-ms-flex-align: stretch;
	align-items: stretch;

    /* display: block; */

    position: relative;
	height: 100%;
    padding: .813rem .313rem .875rem .938rem;
    color: rgba(255, 255, 255, 1);
    font-weight: 600;
	line-height: 1.3;
	white-space: nowrap;
    text-decoration: none;
    -webkit-transition: background 0.3s 0.02s ease;
    transition: background 0.3s 0.02s ease;
}

.sidebar-menu > li > a > * {
		-ms-flex-positive: 0;
	flex-grow: 0;
		-ms-flex-negative: 0;
	flex-shrink: 0;
		-ms-flex-preferred-size: auto;
    flex-basis: auto;
	max-width: auto;
		-ms-flex-item-align: auto;
	align-self: auto;
		-ms-flex-order: 0;
	order: 0;
}

.sidebar-menu > li > a::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: -1;
    background: linear-gradient(to right, rgba(255, 144, 13, 1) 0%, rgba(255, 65, 0, 1) 100%);
    -webkit-transition: opacity .3s .02s linear;
    transition: opacity .3s .02s linear;
}

.sidebar-menu > li > a > .fa {
    position: relative;
    top: 0;
		-ms-flex-preferred-size: 1.250rem;
    flex-basis: 1.250rem;
	max-width: 1.250rem;
    margin: 0 .625rem 0 0;
	font-weight: 400;
    font-size: .875rem;
	line-height: 1.3;
    text-align: center;

    /* background: blue; */
}

.sidebar-menu > li > a > .fa + span {
		-ms-flex-preferred-size: calc(100% - 3.750rem);
    flex-basis: calc(100% - 3.750rem);
	max-width: calc(100% - 3.750rem);

	/* background: blue; */
}

.sidebar-menu > li:hover > a::after,
.sidebar-menu > li.active > a::after,
.sidebar-menu > li.menu-open > a::after {
    opacity: 1;
}

.sidebar-menu > li > a:hover::after,
.sidebar-menu > li > a:active::after {
    opacity: 1;
}


.sidebar-menu > li.line {
    margin: .938rem 0 0;
    padding: .938rem 0 0;
    border-top: .063rem solid rgba(243, 243, 243, .1);
}

.sidebar-menu li > a > .pull-right-container {
		-ms-flex-preferred-size: .938rem;
    flex-basis: .938rem;
	max-width: .938rem;
	margin: 0 .625rem 0 auto;

	/* background: cadetblue; */
}

.sidebar-menu li > a > .fa-angle-left,
.sidebar-menu li > a > .pull-right-container > .fa-angle-left {
	position: relative;
	top: .188rem;
	-webkit-transition: transform 0.5s ease;
	transition: transform 0.5s ease;
}

.sidebar-menu .menu-open > a > .fa-angle-left,
.sidebar-menu .menu-open > a > .pull-right-container > .fa-angle-left {
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

.sidebar-menu .active > .treeview-menu {
	display: block;
}


.treeview-menu {
	display: none;
	margin: 0;
	padding: .625rem .313rem .625rem .313rem;
	background: rgba(53, 59, 72, 1);
}

.treeview-menu > li {
	margin: 0;
}

.treeview-menu > li > a {
    	display: -ms-flexbox;
    display: flex;
		-ms-flex-direction: row;
	flex-direction: row;
		-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
		-ms-flex-pack: start;
	justify-content: flex-start;
		-ms-flex-line-pack: stretch;
	align-content: stretch;
		-ms-flex-align: stretch;
	align-items: stretch;

	padding: .500rem .625rem;
	color: rgba(255, 255, 255, 1);
	-webkit-transition: color 0.3s 0.02s linear;
	transition: color 0.3s 0.02s linear;
	font-size: .875rem;
	line-height: 1.2;
	text-decoration: none;
}

.treeview-menu > li > a > * {
		-ms-flex-positive: 0;
	flex-grow: 0;
		-ms-flex-negative: 0;
	flex-shrink: 0;
		-ms-flex-preferred-size: auto;
    flex-basis: auto;
	max-width: auto;
		-ms-flex-item-align: auto;
	align-self: auto;
		-ms-flex-order: 0;
	order: 0;
}

.treeview-menu > li > a > .fa {
    width: 1.250rem;
	margin: 0 .625rem 0 0;
    font-size: .875rem;
	line-height: 1.3;
	text-align: center;

    /* background: blue; */
}

.treeview-menu > li > a > .fa + span {
		-ms-flex-preferred-size: calc(100% - 2.250rem);
    flex-basis: calc(100% - 2.250rem);
	max-width: calc(100% - 2.250rem);

	/* background: palegoldenrod; */
}

.treeview-menu > li.active > a,
.treeview-menu > li > a:hover,
.treeview-menu > li > a:active {
	color: rgba(255, 87, 4, 1);
}

/* sidebar-information
============================================================================= */
.sidebar-information {
    display: none;
    margin: .938rem 0 0;
    padding: 1.250rem .313rem 0 .938rem;
    border-top: .063rem solid rgba(243, 243, 243, .1);
    color: rgba(255, 255, 255, 1);

    /* background: brown; */
}

/* sidebar-information membership
============================================ */
.sidebar-information .membership {
    margin: 0;
    line-height: 2;

    /* background: red; */
}

.sidebar-information .membership .fa {
    margin: 0 .625rem 0 0;
}

/* sidebar-information user
============================================ */
.sidebar-information .user {
	margin: 1.250rem 0 .225rem;

	/* background: paleturquoise; */
}

.sidebar-information .user::before {
    position: relative;
    top: .125rem;
    width: 1.250rem;
    margin: 0 .625rem 0 0;
}

/* sidebar-information site
============================================ */
.sidebar-information .site {
    display: block;
    margin: 0 0 .938rem;

	/* background: palevioletred; */
}

.sidebar-information .site a {
    padding: .313rem 0;
    color: rgba(255, 255, 255, 1);
}

.sidebar-information .site a .fa {
    position: relative;
    width: 1.250rem;
    margin: 0 .625rem 0 0;
}

.sidebar-information .site a:hover,
.sidebar-information .site a:active {
    color: rgba(255, 65, 0, 1);
}

/* sidebar-information logout
============================================ */
.sidebar-information .logout {
    display: block;
    margin: 0;

	/* background: papayawhip; */
}

.sidebar-information .logout a {
    padding: .313rem 0;
    color: rgba(255, 255, 255, 1);
}

.sidebar-information .logout a .fa {
    position: relative;
    width: 1.250rem;
    margin: 0 .625rem 0 0;
}

.sidebar-information .logout a:hover,
.sidebar-information .logout a:active {
    color: rgba(255, 65, 0, 1);
}


/* ========================================================================================
    footer
======================================================================================== */
.main-footer {
    margin-left: 15.625rem;
    padding: .938rem 1.250rem;
    z-index: 820;
    background: rgba(241, 242, 243, 1);
    font-size: .750rem;
    -webkit-transition: -webkit-transform 0.3s ease-in-out,
                        margin 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out,
                margin 0.3s ease-in-out;
		-ms-flex: 0 0 auto;
	flex: 0 0 auto;

    /* background: red; */
}

.main-footer .block-inline {
    width: 50%;
}


.copyright a {
    display: inline-block;
    margin: .625rem 0 0;
    color: rgba(36, 36, 36, 1);
    font-weight: 700;
    text-decoration: none;
    -webkit-transition: color 0.2s 0.02s linear;
    transition: color 0.2s 0.02s linear;
}

.copyright a:hover,
.copyright a:active {
    color: rgba(255, 65, 0, 1);
}


.version {
    text-align: right;
}

.version p {
    margin: 0 0 .313rem;
}

.version span {
    display: inline-block;
    font-weight: 700;
}


/* ========================================================================================
    login-page
======================================================================================== */
.body-login {
    position: relative;
    background: rgba(255, 255, 255, 1) url(../images/login-bg.svg) no-repeat center;
}

.login {
    position: absolute;
    top: 40%;
    left: 50%;
    -webkit-transform: translate(-50%, -40%);
    transform: translate(-50%, -40%);
    width: calc(100% - 1.875rem);
    max-width: 25rem;
    background: rgba(29, 35, 42, 1);

    /* background: #ccc; */
}

.logo-login {
    min-width: 10rem;
    max-width: 14.375rem;
    margin: 2.500rem auto 0;
}

.form-login {
    margin: 0 auto;
    padding: 2.500rem 2.500rem 1.250rem;
    text-align: center;

    /* background: #777; */
}

.form-login p {
    margin: 0 0 2.500rem;
    color: rgba(255, 255, 255, 1);
    font-size: 1.375rem;
}

.form-login p::after {
    content: "";
    display: block;
    width: 3.750rem;
    height: .125rem;
    margin: .750rem auto 0;
    background: rgba(255, 255, 255, 1);
}

.form-login label {
    margin: 0 0 .625rem;
    color: rgba(255, 255, 255, 1);
    text-align: left;
}

.form-login input[type="password"] {
    margin: 0 0 1.875rem !important;
}

.form-login .container-inline {
    margin: 0 0 .938rem;
}

.form-login .block-inline {
    width: 60%;
    text-align: left;
}

.form-login .block-inline input[type="checkbox"] + label {
    padding: 0 0 0 1.500rem;
}

.form-login .block-inline input[type="checkbox"] + label::before {
    top: -.063rem;
}

.form-login .block-inline:last-of-type {
    width: 40%;
    text-align: right;
}


.form-login .block-inline a {
    display: inline-block;
    padding: 0 0 .313rem;
    border-bottom: .063rem solid rgba(255, 255, 255, 1);
    color: rgba(255, 255, 255, 1);
    text-decoration: none;
    -webkit-transition: all 0.3s 0.02s ease;
    transition: all 0.3s 0.02s ease;
}

.form-login .block-inline a:hover,
.form-login .block-inline a:active {
    border-color: transparent;
    color: rgba(255, 255, 255, 1);
}

.form-login [type="submit"] {
    margin: 0 0 1.875rem;
    padding: .938rem 3.125rem;
}

/* .social-login {
    background: red;
} */

.social-login .container-inline {
    margin: 0;
    text-align: center;
}

.social-login p {
    margin: 0 0 1.875rem;
    font-size: .875rem;
    letter-spacing: normal;
}

.social-login p::after {
    content: none;
}

.social-login .block-inline {
    width: auto;
    padding: 0 .625rem;

    /* background: #ccc; */
}

.social-login .block-inline:last-of-type {
    width: auto;
}

/* .social-login .block-inline:nth-child(2n) {
    background: #777;
} */

.social-login a {
    display: block;
    padding: 0 !important;
    border: none !important;
}

.social-login .fa {
    color: rgba(217, 217, 217, 1);
    font-size: 1.375rem;
    -webkit-transition: color 0.3s 0.02s ease;
    transition: color 0.3s 0.02s ease;
}

.social-login a:hover .fa,
.social-login a:active .fa {
    color: rgba(255, 255, 255, 1);
}


/* ========================================================================================
    present
======================================================================================== */
.body-present {
    position: relative;
    background: rgba(255, 255, 255, 1) url(../images/present-bg.svg) no-repeat center;
}

.present {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	padding: 0 1.250rem;
	text-align: center;

	/* background: palegreen; */
}


.logo-present {
	position: relative;
	top: -5rem;
	max-width: 80rem;
	margin: 0 auto;

	/* background: red; */
}


.slogan-login {
	position: relative;
	top: -1.250rem;
	margin: 0 0 3.750rem;
	font-size: 2.500rem;
	line-height: 1.2;

	/* background: greenyellow; */
}


.btn-present {
	/* background: paleturquoise; */
}


/* ========================================================================================
    popup
======================================================================================== */
#parent_popup {
	display: none;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 7777;
	background-color: rgba(0, 0, 0, .8);
}

#popup {
	position: absolute;
    top: 40%;
    left: 50%;
	transform: translate(-50%, -40%);
    width: 30rem;
	z-index: 8888;
	box-shadow: 0 .313rem .938rem rgba(0, 0, 0, .5);
	background: rgba(255, 255, 255, 1);
}


.title-popup {
    padding: 1.875rem 1.250rem;
    background-image: linear-gradient(to right bottom, rgba(53, 59, 72, 1) 0%, rgba(29, 35, 42, 1) 100%);
    color: rgba(255, 255, 255, 1);
	font-weight: 700;
    font-size: 1.250rem;
    line-height: 1.3;
    text-transform: uppercase;
    text-align: center;
}

.title-popup span {
    display: block;
    margin: .313rem 0 0;
	color: rgba(255, 255, 255, .5);
	font-weight: 600;
	font-size: .875rem;
    text-transform: none;
}


.content-popup {
    padding: 1.875rem;
}


.content-popup .jq-selectbox {
	margin-bottom: 1.250rem;
}

.content-popup .jq-selectbox__select {
	height: 3rem;
}

.content-popup .jq-selectbox__select-text {
    height: 2.875rem;
    padding: .938rem 0 0 .938rem;
	font-weight: 600;
    font-size: 1rem;
}

.content-popup .jq-selectbox__dropdown ul {
	max-height: none;
}

.content-popup .jq-selectbox ul:not([class]) {
    margin: 0;
    padding: 0;
    list-style: none;

    /* background: green !important; */
}

.content-popup .jq-selectbox ul:not([class]) li {
	min-height: 1.250rem;
    margin: 0;
	padding: .938rem;
    background-image: none;
	-webkit-user-select: none;
	user-select: none;
	color: rgba(36, 36, 36, 1);
	font-size: 1rem;
    line-height: 1.1;

    /* background: red; */
}


.content-popup .jq-selectbox__search input {
    height: 2.625rem !important;
    margin: .500rem 0 .750rem !important;
    padding: .875rem 2.750rem .875rem .938rem !important;
}

.close {
	display: none;

	/* position: absolute;
	top: -24px;
	right: -24px;
	width: 24px;
	height: 24px;
	cursor: pointer; */
}

/* .close:hover {

} */

/* ========================================================================================
    modal
======================================================================================== */
.reveal-modal-bg {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, .8);
    z-index: 1111;
}

.reveal-modal {
    position: absolute;
    top: 50%;
    left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	max-width: 50rem;
    visibility: hidden;
	box-shadow: 0 .313rem .938rem rgba(0, 0, 0, .5);
    background: rgba(255, 255, 255, 1);
    z-index: 2222;
}

#modal-present {
	max-width: 25rem;
}

.reveal-modal a.close-reveal-modal {
    position: absolute;
    top: .500rem;
    right: .688rem;
    font-size: 1.375rem;
    line-height: .5;
    color: rgba(255, 65, 0, 1);
    font-weight: 600;
	text-decoration: none;
    cursor: pointer;
}


.title-modal {
    padding: 2.500rem 1.875rem;
    background: rgba(29, 35, 42, 1);
    color: rgba(255, 65, 0, 1);
	font-weight: 600;
    font-size: 1.125rem;
    line-height: 1.2;
    text-transform: uppercase;
}

.content-modal {
    padding: 1.875rem;
}

.content-modal input {
	margin: 0 0 .938rem !important;
}

.content-modal [type="submit"] {
	margin: 1.250rem 0 0 !important;
}


.container-modal {
    padding: 1.875rem;
    overflow: hidden;
}

.container-modal .title-modal {
	margin: 0 0 2.500rem;
	font-weight: 700;
	font-size: 1.500rem;
}

.container-modal .content-modal {
    	display: -ms-flexbox;
    display: flex;
		-ms-flex-direction: row;
	flex-direction: row;
		-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
		-ms-flex-pack: start;
	justify-content: flex-start;
		-ms-flex-line-pack: stretch;
	align-content: stretch;
		-ms-flex-align: stretch;
	align-items: stretch;
}

.container-modal .content-modal ~ div {
		-ms-flex-positive: 0;
	flex-grow: 0;
		-ms-flex-negative: 0;
	flex-shrink: 0;
		-ms-flex-preferred-size: auto;
    flex-basis: auto;
	max-width: auto;
		-ms-flex-item-align: auto;
	align-self: auto;
		-ms-flex-order: 0;
	order: 0;
}

.container-modal .img-modal {
		-ms-flex-preferred-size: 40%;
    flex-basis: 40%;
	max-width: 40%;
	padding-right: 1.875rem;
	border-right: .063rem solid rgba(217, 217, 217, .5);
}

.container-modal .text-modal {
	padding-left: 1.875rem;
}

.container-modal .volume-art-modal {
	margin: 0 0 1.250rem;
	padding: 0 0 1.875rem;
	border-bottom: .063rem solid rgba(217, 217, 217, .5);
}

.container-modal .volume-modal {
	margin: 0 .625rem 0 0;
	padding: .250rem .500rem;
	border: .063rem solid rgba(217, 217, 217, .5);
	background: rgba(241, 242, 243, 1);
	font-weight: 600;
}

.container-modal .art-modal {
	font-weight: 600;
}

.container-modal .art-modal i {
	font-style: normal;
	font-weight: 400;
}

.container-modal .title-content-modal {
	margin: 1.250rem 0;
	font-weight: 600;
	font-size: 1.125rem;
}

.container-modal .content-modal .btn {
    margin: 0;
}

.container-modal .content-modal .btn a {
    padding: .750rem 1.875rem;
    font-size: .750rem;
}


/* ========================================================================================
    elements
======================================================================================== */

/* big-cbx
============================================================================= */
/* .big-cbx {
	background: red;
} */

.big-cbx input[type="checkbox"] + label,
.big-cbx input[type="radio"]:not([name="tabs-radio"]) + label {
    margin: 0 0 1.250rem;
    padding: 0 0 0 2.250rem;
	font-weight: 400 !important;
	font-size: 1rem;
	line-height: 1.3 !important;
}

.table_border .big-cbx:last-of-type input[type="checkbox"] + label,
.table_border .big-cbx:last-of-type input[type="radio"]:not([name="tabs-radio"]) + label {
	margin: 0;
}

.big-cbx input[type="checkbox"] + label::before,
.big-cbx input[type="radio"]:not([name="tabs-radio"]) + label::before {
	top: -.125rem;
    width: 1.500rem;
    height: 1.500rem;
}

.big-cbx input[type="checkbox"]:checked + label::before,
.big-cbx input[type="radio"]:not([name="tabs-radio"]):checked + label::before {
    padding: .125rem 0 0;
    font-size: 1.125rem;
}

.big-cbx input[type="radio"]:not([name="tabs-radio"]):checked + label::before {
    padding: .250rem 0 0;
    font-size: .875rem;
    line-height: .875rem;
}

/* accordion
============================================================================= */
.accordion-item {
    position: relative;
    margin: 0 0 1.250rem;

    /* background: #777; */
}

.accordion-item .head-acc {
    display: block;
    position: relative;
    text-decoration: none;

    /* background: yellow; */
}

.accordion-item .icon-acc {
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 1.875rem;
    height: 1.875rem;
    background: rgba(255, 65, 0, 1);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

.accordion-item .icon-acc::before,
.accordion-item .icon-acc::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: .875rem;
    height: .125rem;
    border-radius: .250rem;
    background: rgba(255, 255, 255, 1);
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.accordion-item .icon-acc::after {
    -webkit-transform: translate(-50%, -50%) rotate(90deg);
    transform: translate(-50%, -50%) rotate(90deg);
    z-index: -1;
}

.accordion-item.active .icon-acc::after {
    width: 0;
}

.accordion-item .head-acc .title-acc {
    padding: 1.250rem 0 1.250rem 3.750rem;
	border-bottom: .063rem solid rgba(217, 217, 217, 1);
    color: rgba(255, 65, 0, 1);
    font-weight: 600;
    font-size: 1.250rem;
    line-height: 1.2;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

.accordion-item .head-acc:hover .icon-acc {
    background: rgba(29, 35, 42, 1);
}

.accordion-item.active .icon-acc {
    background: rgba(29, 35, 42, 1);
}

.accordion-item .head-acc:hover .title-acc {
	color: rgba(36, 36, 36, 1);
}

.accordion-item.active .title-acc {
	color: rgba(36, 36, 36, 1);
}


.accordion-item .content-acc {
    display: none;
    padding: 1.250rem 0;
    border-bottom: .063rem solid rgba(29, 35, 42, 1);
	border-top: none;
}

/* colors-dashboard
============================================================================= */
.red-db {
	/* background: rgba(239, 83, 80, 1); */
	background: linear-gradient(to right bottom, rgba(239, 83, 80, 1) 0%, rgba(239, 83, 80, .7) 100%);
}

.pink-db {
	/* background: rgba(236, 64, 122, 1); */
	background: linear-gradient(to right bottom, rgba(236, 64, 122, 1) 0%, rgba(236, 64, 122, .7) 100%);
}

.purple-db {
	/* background: rgba(186, 104, 200, 1); */
	background: linear-gradient(to right bottom, rgba(186, 104, 200, 1) 0%, rgba(186, 104, 200, .7) 100%);
}

.deep-purple-db {
	/* background: rgba(149, 117, 205, 1); */
	background: linear-gradient(to right bottom, rgba(149, 117, 205, 1) 0%, rgba(149, 117, 205, .7) 100%);
}

.indigo-db {
	/* background: rgba(92, 107, 192, 1); */
	background: linear-gradient(to right bottom, rgba(92, 107, 192, 1) 0%, rgba(92, 107, 192, .7) 100%);
}

.blue-db {
	/* background: rgba(66, 165, 245, 1); */
	background: linear-gradient(to right bottom, rgba(66, 165, 245, 1) 0%, rgba(66, 165, 245, .7) 100%);
}

.light-blue-db {
	/* background: rgba(79, 195, 247, 1); */
	background: linear-gradient(to right bottom, rgba(79, 195, 247, 1) 0%, rgba(79, 195, 247, .7) 100%);
}

.cyan-db {
	/* background: rgba(38, 198, 218, 1); */
	background: linear-gradient(to right bottom, rgba(38, 198, 218, 1) 0%, rgba(38, 198, 218, .7) 100%);
}

.teal-db {
	/* background: rgba(77, 182, 172, 1); */
	background: linear-gradient(to right bottom, rgba(77, 182, 172, 1) 0%, rgba(77, 182, 172, .7) 100%);
}

.green-db {
	/* background: rgba(102, 187, 106, 1); */
	background: linear-gradient(to right bottom, rgba(102, 187, 106, 1) 0%, rgba(102, 187, 106, .7) 100%);
}

.light-green-db {
	/* background: rgba(156, 204, 101, 1); */
	background: linear-gradient(to right bottom, rgba(156, 204, 101, 1) 0%, rgba(156, 204, 101, .7) 100%);
}

.lime-db {
	/* background: rgba(158, 157, 36, 1); */
	background: linear-gradient(to right bottom, rgba(158, 157, 36, 1) 0%, rgba(158, 157, 36, .7) 100%);
}

.yellow-db {
	/* background: rgba(249, 168, 37, 1); */
	background: linear-gradient(to right bottom, rgba(249, 168, 37, 1) 0%, rgba(249, 168, 37, .7) 100%);
}

.amber-db {
	/* background: rgba(255, 196, 0, 1); */
	background: linear-gradient(to right bottom, rgba(255, 196, 0, 1) 0%, rgba(255, 196, 0, .7) 100%);
}

.orange-db {
	/* background: rgba(239, 108, 0, 1); */
	background: linear-gradient(to right bottom, rgba(239, 108, 0, 1) 0%, rgba(239, 108, 0, .7) 100%);
}

.deep-orange-db {
	/* background: rgba(255, 87, 34, 1); */
	background: linear-gradient(to right bottom, rgba(255, 87, 34, 1) 0%, rgba(255, 87, 34, .7) 100%);
}

.brown-db {
	/* background: rgba(141, 110, 99, 1); */
	background: linear-gradient(to right bottom, rgba(141, 110, 99, 1) 0%, rgba(141, 110, 99, .7) 100%);
}

.grey-db {
	/* background: rgba(158, 158, 158, 1); */
	background: linear-gradient(to right bottom, rgba(158, 158, 158, 1) 0%, rgba(158, 158, 158, .7) 100%);
}

.blue-grey-db {
	/* background: rgba(120, 144, 156, 1); */
	background: linear-gradient(to right bottom, rgba(120, 144, 156, 1) 0%, rgba(120, 144, 156, .7) 100%);
}

.paleturquoise-db {
	/* background:	rgba(205, 133, 63, 1); */
	background: linear-gradient(to right bottom, rgba(205, 133, 63, 1) 0%, rgba(205, 133, 63, .7) 100%);
}


.colors-dashboard {
		-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 -.625rem 1.250rem;
}

.colors-dashboard .element-flex {
		-ms-flex-preferred-size: calc(10% - 1.250rem);
    flex-basis: calc(10% - 1.250rem);
	max-width: calc(10% - 1.250rem);
	height: 4.500rem;
	margin: 0 .625rem 1.250rem;
}

.radio-color-dashboard {
	position: relative;
	width: 100%;
	height: 100%;
}

.radio-color-dashboard input[type="radio"] + label {
	position: absolute;
	margin: 0;
	padding: 0;
}

.radio-color-dashboard input[type="radio"] + label::before {
	top: .938rem;
	left: .938rem;
	width: 2.500rem;
    height: 2.500rem;
}

.radio-color-dashboard input[type="radio"]:checked + label::before {
	padding: .438rem 0 0;
    font-size: 1.500rem;
	line-height: 1;
}










/* --== 22 февраля 2020 ==-- */