/* ------------------------------------------------------------ *\
	Reset
\* ------------------------------------------------------------ */

*,
*:before,
*:after { padding: 0; margin: 0; outline: 0; 
	-webkit-box-sizing: border-box; 
	   -moz-box-sizing: border-box; 
	        box-sizing: border-box; 
}

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

html { tap-highlight-color: rgba(0,0,0,0); }

body {
	-moz-osx-font-smoothing: grayscale; 
	 -webkit-font-smoothing: antialiased; 
			 font-smoothing: antialiased; 
	-webkit-text-size-adjust: none; 
		-ms-text-size-adjust: none; 
			text-size-adjust: none;
}

img,
iframe,
video,
audio,
object { max-width: 100%; }

img,
iframe { border: 0 none; }

img { height: auto; display: inline-block; vertical-align: middle; }

b,
strong { font-weight: bold; }

address { font-style: normal; }

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

a,
button,
input[type="submit"],
input[type="button"],
input[type="reset"],
input[type="file"],
input[type="image"],
label[for] { cursor: pointer; }

a[href^="tel"],
button[disabled],
input[disabled],
textarea[disabled],
select[disabled] { cursor: default; }

button::-moz-focus-inner,
input::-moz-focus-inner { padding: 0; border: 0; }

input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="color"],
textarea,
a[href^="tel"] {
	-webkit-appearance: none; 
	   -moz-appearance: none; 
	        appearance: none; 
}

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

textarea { overflow: auto; 
	-webkit-overflow-scrolling: touch; 
			overflow-scrolling: touch; 
}

button,
input,
optgroup,
select,
textarea { font-family: inherit; font-size: inherit; color: inherit; 
	-moz-osx-font-smoothing: grayscale; 
	 -webkit-font-smoothing: antialiased; 
			 font-smoothing: antialiased; 
}

button,
select { text-transform: none; }

table { width: 100%; border-collapse: collapse; border-spacing: 0; }

nav ul,
nav ol { list-style: none outside none; }

/* ------------------------------------------------------------ *\
	Base
\* ------------------------------------------------------------ */

html { font-size: 10px; }

body { font: 500 1.4rem/1.2 'Montserrat', sans-serif; color: #50555e; background: #edf1f9; min-width: 320px; }

a { color: inherit; }

h2,
h3 { font-weight: 600; }

h1 { font-weight: 800; font-size: 8rem; line-height: 1; text-transform: uppercase; }
h2 { font-size: 2.4rem; color: #686d77; margin-bottom: 24px; }
h3 { font-size: 1.6rem; }

@media (max-width: 1600px) {
	h1 { font-size: 6rem; }
}
@media (max-width: 1439px) {
	h1 { font-size: 5rem; }
}
@media (max-width: 767px) {
	h1 { font-size: 4rem; }
	h2 { font-size: 2rem; }
}

/* ------------------------------------------------------------ *\
	Fonts
\* ------------------------------------------------------------ */

@font-face {
	font-family: "Font Awesome 5 Brands";
	src: url(fonts/fa-brands-400.eot);
	src: url(fonts/fa-brands-400.eot?#iefix) format("embedded-opentype"),
		 url(fonts/fa-brands-400.woff2) format("woff2"),
		 url(fonts/fa-brands-400.woff) format("woff"),
		 url(fonts/fa-brands-400.ttf) format("truetype"),
		 url(fonts/fa-brands-400.svg#fontawesome) format("svg");
	font-style: normal;
	font-weight:normal;
}
@font-face {
	font-family: "Font Awesome 5 Free";
	src: url(fonts/fa-regular-400.eot);
	src: url(fonts/fa-regular-400.eot?#iefix) format("embedded-opentype"),
		 url(fonts/fa-regular-400.woff2) format("woff2"),
		 url(fonts/fa-regular-400.woff) format("woff"),
		 url(fonts/fa-regular-400.ttf) format("truetype"),
		 url(fonts/fa-regular-400.svg#fontawesome) format("svg");
	font-style: normal;
	font-weight: 400;
}
@font-face {
	font-family: "Font Awesome 5 Free";
	src: url(fonts/fa-solid-900.eot);
	src: url(fonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),
		 url(fonts/fa-solid-900.woff2) format("woff2"),
		 url(fonts/fa-solid-900.woff) format("woff"),
		 url(fonts/fa-solid-900.ttf) format("truetype"),
		 url(fonts/fa-solid-900.svg#fontawesome) format("svg");
	font-style: normal;
	font-weight: 900;
}

/* ------------------------------------------------------------ *\
	Helpers
\* ------------------------------------------------------------ */

/* Hidden */
.hidden { display: none; }

/* ------------------------------------------------------------ *\
	Grid
\* ------------------------------------------------------------ */

.cols { margin: -11px; 
	display: -webkit-flex; 
	display: -moz-flex; 
	display: -ms-flex; 
	display: -o-flex; 
	display: flex; 
	-webkit-flex-wrap: wrap; 
	   -moz-flex-wrap: wrap; 
	    -ms-flex-wrap: wrap; 
	     -o-flex-wrap: wrap; 
	        flex-wrap: wrap; 
}

.col { flex: 0 0 auto; width: 100%; padding: 11px; }
.col--1of2 { width: 50%; }
.col--1of3 { width: calc(100% / 3); }
.col--2of3 { width: calc(100% / 3 * 2); }

@media (max-width: 1439px) {
	.col--1of3 { width: 40%; }
	.col--2of3 { width: 60%; }
}
@media (max-width: 1199px) {
	.col--1of3,
	.col--2of3 { width: 100%; }
}
@media (max-width: 767px) {
	.col--1of2 { width: 100%; }
}

/* ------------------------------------------------------------ *\
	List
\* ------------------------------------------------------------ */

/* List */
[class^="list-"] { list-style: none; }

/* List Details */
.list-details { margin-bottom: 30px; }

.list-details li + li { margin-top: 20px; }
.list-details p { margin-bottom: 3px; }

/* List Links */
.list-links li { display: inline-block; vertical-align: middle; padding-right: 40px; margin: 5px 0; }

@media (max-width: 767px) {
	.list-links li { padding-right: 20px; }
}

/* ------------------------------------------------------------ *\
	Button
\* ------------------------------------------------------------ */

/* Button */
.btn { display: inline-block; font-weight: 500; font-size: 1.6rem; line-height: 1.2; text-decoration: none; text-align: center; color: #1d447f; background: #fce72e; border: 0; border-radius: 5px; min-width: 180px; padding: 12px 15px; 
	-webkit-transition: color .3s, background .3s; 
	     -o-transition: color .3s, background .3s; 
	        transition: color .3s, background .3s; 
	-webkit-appearance: none; 
	   -moz-appearance: none; 
	        appearance: none; 
}

.btn:hover,
.btn:focus { color: #fce72e; background: #1d447f; }

@media (max-width: 1023px) {
	.btn { min-width: 130px; padding: 12px 10px; }
}
@media (max-width: 767px) {
	.btn { font-size: 1.4rem; min-width: 0; padding: 9px 15px 10px; }
}

/* Button Small */
.btn--small { font-weight: 600; font-size: 1.8rem; min-width: 117px; padding: 16px 15px; }

@media (max-width: 767px) {
	.btn--small { min-width: 0; padding: 10px 20px; }
}

/* Button Large */
.btn--large { }

/* Button Block */
.btn--block { display: block; width: 100%; }

/* Button Blue */
.btn--blue { color: #fff; background: #6370e6; }

.btn--blue:hover,
.btn--blue:focus { color: #6370e6; background: #fce72e; }

/* Button Grey */
.btn--grey { color: #6a707c; background: #ced0d5; }

.btn--grey:hover,
.btn--grey:focus { color: #fff; background: #000; }

/* Button Menu */
.btn-menu { display: inline-block; width: 36px; height: 22px; position: relative; z-index: 5; }

.btn-menu span,
.btn-menu span:before,
.btn-menu span:after { background: #9a9ea4; height: 2px; position: absolute; left: 0; }

.btn-menu span:before,
.btn-menu span:after { content: ''; width: 27px; 
	-webkit-transition: all .3s; 
	     -o-transition: all .3s; 
	        transition: all .3s; 
}

.btn-menu span { width: 100%; top: 50%; 
	-webkit-transform: translateY(-1px); 
	    -ms-transform: translateY(-1px); 
	     -o-transform: translateY(-1px); 
	        transform: translateY(-1px); 
	-webkit-transition: background .3s; 
	     -o-transition: background .3s; 
	        transition: background .3s; 
}
.btn-menu span:before { top: -10px; }
.btn-menu span:after { top: 10px; }

.btn-menu.active span { background: transparent; }

.btn-menu.active span:before,
.btn-menu.active span:after { width: 100%; top: 0; }

.btn-menu.active span:before {
	-webkit-transform: rotate(-45deg); 
	    -ms-transform: rotate(-45deg); 
	     -o-transform: rotate(-45deg); 
	        transform: rotate(-45deg); 
}
.btn-menu.active span:after {
	-webkit-transform: rotate(45deg); 
	    -ms-transform: rotate(45deg); 
	     -o-transform: rotate(45deg); 
	        transform: rotate(45deg); 
}

/* ------------------------------------------------------------ *\
	Link
\* ------------------------------------------------------------ */

.link { text-decoration: none; color: #686d77; 
	-webkit-transition: color .3s; 
	     -o-transition: color .3s; 
	        transition: color .3s; 
}

.link:hover,
.link:focus { color: #3d48b0; }

.link i { font-size: 1.8rem; vertical-align: middle; margin-right: 5px; }

/* ------------------------------------------------------------ *\
	Logo
\* ------------------------------------------------------------ */

.logo { display: inline-block; font-size: 0; line-height: 0; text-indent: -4000px; background: url(../../images/logo.png) center center no-repeat; width: 199px; height: 53px; position: absolute; top: 14px; left: 63px; z-index: 30;
	-webkit-background-size: 100% auto; 
	        background-size: 100% auto; 
}

@media (max-width: 767px) {
	.logo { top: 15px; left: 15px; }
}

/* Logo Alt */

@media (max-width: 1023px) {
	.logo--alt { left: 25px; }
}
@media (max-width: 767px) {
	.logo--alt { width: 132px; height: 35px; left: 15px; }
}

/* ------------------------------------------------------------ *\
	Wrapper
\* ------------------------------------------------------------ */

.wrapper { min-height: 100vh; }

/* ------------------------------------------------------------ *\
	Container
\* ------------------------------------------------------------ */

.container,
.container .container__inner { min-height: calc(100vh - 81px); 
	display: -webkit-flex; 
	display: -moz-flex; 
	display: -ms-flex; 
	display: -o-flex; 
	display: flex; 
}

.container .container__inner { flex: 0 0 auto; width: 100%; }

@media (max-width: 767px) {
	.container,
	.container .container__inner { display: block; min-height: calc(100vh - 125px); }

	.container .container__inner { position: relative; z-index: 5; }

	.container .sidebar { height: 100%; position: absolute; top: 0; left: 0; z-index: 15; 
		-webkit-transform: translateX(-100%); 
		    -ms-transform: translateX(-100%); 
		     -o-transform: translateX(-100%); 
		        transform: translateX(-100%); 
		-webkit-transition: transform .3s; 
		     -o-transition: transform .3s; 
		        transition: transform .3s; 
	}
	.container .sidebar.expanded {
		-webkit-transform: translateX(0); 
		    -ms-transform: translateX(0); 
		     -o-transform: translateX(0); 
		        transform: translateX(0); 
	}
}

/* ------------------------------------------------------------ *\
	Sidebar
\* ------------------------------------------------------------ */

.sidebar { flex: 0 0 auto; background: #3d48b0; width: 83px; white-space: nowrap; overflow: hidden; 
	-webkit-transition: width .3s; 
	     -o-transition: width .3s; 
	        transition: width .3s; 
}

.sidebar .nav a i { margin-right: 40px; 
	-webkit-transition: margin-right .3s; 
	     -o-transition: margin-right .3s; 
	        transition: margin-right .3s; 
}

.sidebar.expanded .nav a i { margin-right: 10px; }

.sidebar.expanded { width: 324px; }

@media (max-width: 1023px) {
	.sidebar { width: 65px; }

	.sidebar.expanded { width: 250px; }
}
@media (max-width: 767px) {
	.sidebar,
	.sidebar.expanded { width: 100%; }

	.sidebar .nav a i { margin-right: 40px; }

	.sidebar.expanded .nav a i { margin-right: 10px; }
}

/* ------------------------------------------------------------ *\
	Content
\* ------------------------------------------------------------ */

.content { width: 100%; padding: 24px 0 40px; }

@media (max-width: 479px) {
	.content { padding: 50px 0 40px; }
}

/* ------------------------------------------------------------ *\
	Shell
\* ------------------------------------------------------------ */

.shell-fluid { padding: 0 23px; }

@media (max-width: 1023px) {
	.shell-fluid { padding: 0 15px; }
}

/* ------------------------------------------------------------ *\
	Form
\* ------------------------------------------------------------ */

/* Form Main */
.form--main .form__controls { margin-bottom: 27px; }
.form--main .form__controls:last-child { margin-bottom: 0; }
.form--main .form__body { margin-bottom: 31px; }
.form--main .form__actions .btn--block + .btn--block { margin-top: 13px; }

/* Form Login */
.form--login form { width: 260px; }

.form--login .form__label { display: block; font-weight: 500; font-size: 1.6rem; line-height: 1.2; color: #6a717c; margin-bottom: 5px; }
.form--login .form__controls { margin-bottom: 20px; }
.form--login .form__controls:last-child { margin-bottom: 0; }
.form--login .form__body { margin-bottom: 39px; }
.form--login .form__actions { text-align: center; }

@media (max-width: 1439px) {
	.form--login form { width: 240px; }

	.form--login .form__body { margin-bottom: 30px; }
}
@media (max-width: 620px) {
	.form--login form { width: 200px; }

	.form--login .form__controls { margin-bottom: 15px; }
	.form--login .form__body { margin-bottom: 20px; }
}
@media (max-width: 479px) {
	.form--login form { width: 150px; }

	.form--login .form__controls { margin-bottom: 10px; }
	.form--login .form__body { margin-bottom: 15px; }
}

/* Form Inline */
.form--inline { padding: 33px 33px 40px 30px; }

.form--inline ::-webkit-input-placeholder { color: inherit; opacity: .5; }
.form--inline ::-moz-placeholder { color: inherit; opacity: .5; }
.form--inline :-ms-input-placeholder { color: inherit; opacity: .5; }
.form--inline :-moz-placeholder { color: inherit; opacity: .5; }

.form--inline .form__inner,
.form--inline .form__cols {
	display: -webkit-flex; 
	display: -moz-flex; 
	display: -ms-flex; 
	display: -o-flex; 
	display: flex; 
}

.form--inline .form__actions { flex: 0 0 auto; padding-left: 53px; }

.form--inline .form__cols,
.form--inline .form__col { width: 100%; }

.form--inline .form__cols { margin: -10px -24px; 
	-webkit-flex-wrap: wrap; 
	   -moz-flex-wrap: wrap; 
	    -ms-flex-wrap: wrap; 
	     -o-flex-wrap: wrap; 
	        flex-wrap: wrap; 
	-ms-align-items: flex-start; 
	    align-items: flex-start; 
}
.form--inline .form__col { flex: 0 0 auto; padding: 10px 24px; }
.form--inline .form__col--1of2 { width: 50%; }
.form--inline .form__col--1of3 { width: calc(100% / 3); }
.form--inline .form__col--1of4 { width: 25%; }
.form--inline .form__col--1of5 { width: 20%; }
.form--inline .form__col--size1 { width: 40%; }
.form--inline .form__col--size2 { width: 28%; }
.form--inline .form__col--size3 { width: 20%; }
.form--inline .form__col--size4 { width: 12%; }

.form--inline .form__col_5--size1 { width: 36%; }
.form--inline .form__col_5--size2 { width: 20%; }
.form--inline .form__col_5--size3 { width: 20%; }
.form--inline .form__col_5--size4 { width: 12%; }
.form--inline .form__col_5--size5 { width: 12%; }

.form--inline .field { margin-bottom: 20px; }
.form--inline .field:last-child { margin-bottom: 0; }

@media (max-width: 1440px) {
	.form--inline .form__actions { padding-left: 40px; }
	.form--inline .form__cols { margin: -10px -20px; }
	.form--inline .form__col { padding: 10px 20px; }
}
@media (max-width: 1200px) {
	.form--inline .form__col { width: 50%; }
}
@media (max-width: 1023px) {
	.form--inline { padding: 15px; }

	.form--inline .form__actions { padding-left: 15px; }
	.form--inline .form__cols { margin: -5px -7px; }
	.form--inline .form__col { padding: 5px 7px; }
}
@media (max-width: 767px) {
	.form--inline .form__col { width: 100%; }
}
@media (max-width: 479px) {
	.form--inline .form__inner { display: block; }
	.form--inline .form__actions { text-align: right; padding: 15px 0 0; }
	.form--inline .form__cols { margin: -5px 0; }
	.form--inline .form__col { padding: 5px 0; }
}

/* ------------------------------------------------------------ *\
	Form Elements
\* ------------------------------------------------------------ */

input::placeholder { color: inherit; opacity: 1; }
textarea::placeholder { color: inherit; opacity: 1; }

input { appearance: none; }
input:-webkit-autofill { -webkit-text-fill-color: inherit; -webkit-box-shadow: 0 0 0 1000px #fff inset; }

input[type='number'] { -moz-appearance: textfield; }

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button { margin: 0; 
	-webkit-appearance: none; 
	   -moz-appearance: none; 
	        appearance: none; 
}

select { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
select::-ms-expand { display: none; }
select.placeholder {
  color: rgba(80, 85, 94, .5);
}

select.placeholder option:enabled {
  color: rgb(80, 85, 94);
}

/* Field Small */
.field,
.field-small,
.select select,
.textarea { width: 100%; 
	-webkit-transition: box-shadow .3s; 
	     -o-transition: box-shadow .3s; 
	        transition: box-shadow .3s; 
}

.field,
.select select,
.textarea { font-weight: 500; background: #edf1f9; border: 1px solid #d2d7ec; border-radius: 3px; 
	-webkit-appearance: none; 
	   -moz-appearance: none; 
	        appearance: none; 
}

.field,
.select select { height: 43px; }

/* Field */
.field { padding: 0 10px; }

@media (max-width: 767px) {
	.field { height: 35px; }
}

/* Field Small */
.field-small { background: #dde2ec; border: 0; border-radius: 5px; height: 45px; padding: 0 10px; }
.field-small:focus {
	-webkit-box-shadow: inset 1px 1px 10px rgba(0, 0, 0, 0.3); 
	        box-shadow: inset 1px 1px 10px rgba(0, 0, 0, 0.3); 
}

@media (max-width: 767px) {
	.field-small { height: 35px; }
}

/* Field Small (modifier) */
.field--small,
.select--small { font-weight: 600; width: 171px; }

.field--small { padding: 0 20px; }

@media (max-width: 767px) {
	.field--small { padding: 0 10px; }
}

/* Select */
.select { position: relative; z-index: 5; }
.select:before { content: ''; background: #dbe0ea; border-left: 1px solid #dadfea; border-radius: 0 3px 3px 0; width: 45px; height: calc(100% - 2px); top: 1px; right: 1px; }
.select:after { content: '\f0d7'; font: 900 2rem/1 'Font Awesome 5 Free'; top: 11px; right: 16px; }

.select:before,
.select:after { position: absolute; pointer-events: none; z-index: 5; }

.select select { padding: 0 50px 0 20px; }

@media (max-width: 767px) {
	.select select { padding-left: 10px; }
}

/* Upload */
.upload { line-height: 42px; padding-right: 0; 
	display: -webkit-flex; 
	display: -moz-flex; 
	display: -ms-flex; 
	display: -o-flex; 
	display: flex; 
}
.upload.has--value span { opacity: 1; }

.upload input { display: none; }
.upload span { display: inline-block; white-space: nowrap; width: 100%; opacity: .5; overflow: hidden; 
	-ms-text-overflow: ellipsis; 
	    text-overflow: ellipsis; 
}

.upload span,
.upload .btn { pointer-events: none; }

.upload .btn { border-left: 1px solid #d2d7ec; border-radius: 0 3px 3px 0; min-width: 0; width: 147px; padding: 11px 5px; }

@media (max-width: 767px) {
	.upload { line-height: 32px; }

	.upload .btn { width: 130px; padding: 7px 5px; }
}

/* Textarea */
.textarea { height: 150px; }

/* ------------------------------------------------------------ *\
	Search
\* ------------------------------------------------------------ */

.search { font-size: 1.6rem; color: #686d77; position: relative; z-index: 5; }

.search .search__field { font-weight: 500; background: #edf1f9; border: 0; border-radius: 21px; height: 46px; width: 375px; padding: 0 15px 0 46px; }
.search .search__btn { background: transparent; border: 0; width: 47px; height: 100%; position: absolute; top: 0; left: 0; 
	-webkit-appearance: none; 
	   -moz-appearance: none; 
	        appearance: none; 
}

@media (max-width: 1023px) {
	.search { font-size: 1.4rem; }

	.search .search__field { border-radius: 21px; height: 40px; width: 215px; padding: 0 5px 0 40px; }
	.search .search__btn { width: 40px; }
}
@media (max-width: 479px) {
	.search { font-size: 1.3rem; }

	.search .search__field { border-radius: 21px; height: 30px; width: 100%; padding: 0 5px 0 40px; }
	.search .search__btn { width: 40px; }
}

/* ------------------------------------------------------------ *\
	Table
\* ------------------------------------------------------------ */

/* Table Main */
.table--main { font-weight: 500; text-align: left; background: #fff; border-radius: 6px; overflow: hidden; }

.table--main th { font-weight: 600; font-size: 1.8rem; color: #686d77; background: #c5ccdc; padding: 11px 16px; position: relative; z-index: 5; }
.table--main th + th { border-left: 1px solid #bbc2cf; }
.table--main th .table__arrows { position: absolute; top: 50%; right: 16px; 
-webkit-transform: translateY(-50%); 
    -ms-transform: translateY(-50%); 
     -o-transform: translateY(-50%); 
        transform: translateY(-50%); }
.table--main td { border-bottom: 1px solid #eaecf1; padding: 21px 17px 20px; }
.table--main td + td { border-left: 1px solid #eaecf1; }
.table--main tr:nth-child(odd) td { background: #edf1f9; }
.table--main tr:last-child td { border-bottom: 0; }

.table--main .table__actions { padding: 33px 36px 40px; 
	display: -webkit-flex; 
	display: -moz-flex; 
	display: -ms-flex; 
	display: -o-flex; 
	display: flex; 
	-ms-align-items: flex-start; 
	    align-items: flex-start; 
	justify-content: space-between; 
}
.table--main .table__actions .btn + .btn { margin-left: 15px; }

.table--main .table__arrows { text-align: center; }
.table--main .table__arrows a { text-decoration: none; 
	-webkit-transition: color .3s; 
	     -o-transition: color .3s; 
	        transition: color .3s; 
}

.table--main .table__arrows a:hover,
.table--main .table__arrows a:focus { color: #fff; }

.table--main .table__arrows a,
.table--main .table__arrows i { display: block; }

.table--main .table__arrows i { line-height: .5; margin: 0 auto; }
.table--main .table__arrows i + i { margin-top: 1px; }

.table--main .table__link { text-decoration: underline; color: #3b6bd7; }

.table--main .table__link:hover,
.table--main .table__link:focus { text-decoration: none; }

@media (max-width: 1200px) {
	.table--main th { padding: 9px 10px; }
	.table--main th .table__arrows { right: 10px; }
	.table--main td { padding: 16px 10px; }
}
@media (max-width: 1023px) {
	.table--main { font-size: 1.2rem; }

	.table--main th { font-size: 1.4rem; padding: 9px 20px 9px 5px; }
	.table--main th .table__arrows { right: 5px; }
	.table--main td { padding: 12px 5px; }

	.table--main .table__actions { padding: 15px; }
}
@media (max-width: 767px) {
	.table--main .table__actions { display: block; }
	.table--main .table__actions .btn { width: 100%; }
	.table--main .table__actions .btn + .btn { margin: 15px 0 0; }
}
@media (max-width: 479px) {
	.table--main { overflow-y: hidden; overflow-x: auto; }

	.table--main table { width: 479px; max-width: none; }
	.table--main th:first-child { border-top-left-radius: 6px; }
	.table--main th:last-child { border-top-right-radius: 6px; }
}

/* Table Fixed */
.table--fixed table { table-layout: fixed; }

@media (max-width: 767px) {
	.table--fixed table { table-layout: auto; }
}

/* ------------------------------------------------------------ *\
	Header
\* ------------------------------------------------------------ */

.header { background: #3d48b0; padding-left: 324px; position: relative; z-index: 10; }

.header .header__content { text-align: right; background: #fff; padding-top: 13px; padding-bottom: 13px; position: relative; z-index: 5; }
.header .header__content > * { display: inline-block; vertical-align: middle; text-align: left; }

.header .profile { margin-left: 115px; }
.header .btn-menu { position: absolute; top: 50%; left: 32px; 
	-webkit-transform: translateY(-50%); 
	    -ms-transform: translateY(-50%); 
	     -o-transform: translateY(-50%); 
	        transform: translateY(-50%); 
}

@media (max-width: 1200px) {
	.header .profile { margin-left: 30px; }
	.header .btn-menu { left: 23px; }
}
@media (max-width: 1023px) {
	.header { padding-left: 250px; }

	.header .header__content { padding-top: 20px; padding-bottom: 20px; }

	.header .btn-menu { left: 15px; }
}
@media (max-width: 767px) {
	.header { padding: 65px 0 0; }

	.header .header__content { padding-top: 10px; padding-bottom: 10px; }
}
@media (max-width: 479px) {
	.header .profile { margin-left: 5px; }
	.header .search { width: calc(100% - 30px); position: absolute; top: 100%; left: 15px; 
		-webkit-transform: translateY(9px); 
		    -ms-transform: translateY(9px); 
		     -o-transform: translateY(9px); 
		        transform: translateY(9px); 
	}
	.header .search .search__field {
		-webkit-box-shadow: 0 0 7px rgba(0, 0, 0, .3); 
		        box-shadow: 0 0 7px rgba(0, 0, 0, .3); 
	}
}

/* ------------------------------------------------------------ *\
	Nav
\* ------------------------------------------------------------ */

.nav { font-weight: 300; font-size: 1.6rem; line-height: 1.2; color: #fff; }

.nav a { display: block; text-decoration: none; border-left: 5px solid transparent; padding: 19px 50px 19px 26px; position: relative; z-index: 5; 
	-webkit-transition: background .3s; 
	     -o-transition: background .3s; 
	        transition: background .3s; 
}
.nav a i { vertical-align: middle; margin-right: 10px; position: relative; top: -2px; }
.nav a .fa-angle-right { margin-right: 0; }
.nav .fa-angle-right { position: absolute; top: 50%; left: 290px; 
	-webkit-transform: translateY(-50%); 
	    -ms-transform: translateY(-50%); 
	     -o-transform: translateY(-50%); 
	        transform: translateY(-50%); 
}

.nav .current a,
.nav a:hover,
.nav a:focus { background: rgba(0, 0, 0, .5); }

.nav .current a { font-weight: 600; border-left-color: #fbe400; }

@media (max-width: 1023px) {
	.nav { font-size: 1.4rem; }

	.nav a { padding-left: 18px; }

	.nav .fa-angle-right { left: 220px; }
}
@media (max-width: 767px) {
	.nav { font-size: 1.6rem; }

	.nav a { padding-left: 23px; }

	.nav .fa-angle-right { left: auto; right: 15px; }
}
@media (max-width: 479px) {
	.nav { padding-top: 50px; }
}

/* ------------------------------------------------------------ *\
	Dropdown
\* ------------------------------------------------------------ */

.dropdown { position: relative; z-index: 5; }

.dropdown ul { list-style: none; background: #fff; min-width: 140px; padding: 7px 0; position: absolute; top: 100%; right: 0; visibility: hidden; opacity: 0;
	-webkit-transition: visibility .3s, opacity .3s; 
	     -o-transition: visibility .3s, opacity .3s; 
	        transition: visibility .3s, opacity .3s; 
}
.dropdown ul a { font-size: 1.4rem; padding: 7px 9px; }
.dropdown a { display: block; text-decoration: none; 
	-webkit-transition: color .3s; 
	     -o-transition: color .3s; 
	        transition: color .3s; 
}

.dropdown a:hover,
.dropdown a:focus { color: #3d48b0; }

.dropdown ul a:hover,
.dropdown ul a:focus { text-decoration: underline; }

.dropdown a i { margin-left: 17px; }
.dropdown > a { padding: 7px 0; }

.dropdown.expanded ul { visibility: visible; opacity: 1; }

@media (max-width: 479px) {
	.dropdown a i { margin-left: 5px; }
}

/* ------------------------------------------------------------ *\
	Login
\* ------------------------------------------------------------ */

.login { background-position: center center; background-repeat: no-repeat; height: 100vh; position: relative; z-index: 5; overflow: hidden; 
	-webkit-background-size: cover; 
	        background-size: cover; 
}

.login .login__title,
.login .login__wheel,
.login .form { position: absolute; }

.login .login__title,
.login .form { z-index: 5; }

.login .login__wheel,
.login .form { top: 50%; left: 50%; }

.login .login__title { text-align: right; color: #fce72e; top: 50%; right: 100%; 
	-webkit-transform: translate(-144px, -50%); 
	    -ms-transform: translate(-144px, -50%); 
	     -o-transform: translate(-144px, -50%); 
	        transform: translate(-144px, -50%); 
}
.login .login__wheel { width: 724px; max-width: none; height: 787px; z-index: -1; 
	-webkit-transform: translate(-50%, calc(-50% + 55px)); 
	    -ms-transform: translate(-50%, calc(-50% + 55px)); 
	     -o-transform: translate(-50%, calc(-50% + 55px)); 
	        transform: translate(-50%, calc(-50% + 55px)); 
}

.login .form { background: #fff; border-radius: 50%; width: 408px; height: 408px; padding-top: 40px; 
	display: -webkit-flex; 
	display: -moz-flex; 
	display: -ms-flex; 
	display: -o-flex; 
	display: flex; 
	-ms-align-items: center; 
	    align-items: center; 
	justify-content: center; 
	-webkit-box-shadow: 0 0 35px rgba(0, 0, 0, .5); 
	        box-shadow: 0 0 35px rgba(0, 0, 0, .5); 
	-webkit-transform: translate(-50%, -50%); 
	    -ms-transform: translate(-50%, -50%); 
	     -o-transform: translate(-50%, -50%); 
	        transform: translate(-50%, -50%); 
}

@media (max-width: 1439px) {
	.login .login__title { 
		-webkit-transform: translate(-124px, -50%); 
		    -ms-transform: translate(-124px, -50%); 
		     -o-transform: translate(-124px, -50%); 
		        transform: translate(-124px, -50%); 
	}
	.login .login__wheel { width: 629px; height: 684px; 
		-webkit-transform: translate(-50%, calc(-50% + 46px)); 
		    -ms-transform: translate(-50%, calc(-50% + 46px)); 
		     -o-transform: translate(-50%, calc(-50% + 46px)); 
		        transform: translate(-50%, calc(-50% + 46px)); 
	}

	.login .form { width: 370px; height: 370px; padding-top: 35px; }
}
@media (max-width: 1200px) {
	.login .login__title { max-width: none; white-space: nowrap; top: 100%; right: auto; left: 50%; 
		-webkit-transform: translate(-50%, 65px); 
		    -ms-transform: translate(-50%, 65px); 
		     -o-transform: translate(-50%, 65px); 
		        transform: translate(-50%, 65px); 
	}
	.login .login__title br { display: none; }
}
@media (max-width: 1024px) {
	.login { min-height: 100vh; height: auto; padding: 200px 0; }

	.login .login__form,
	.login .form { position: relative; top: 0; left: 0; 
		-webkit-transform: none; 
		    -ms-transform: none; 
		     -o-transform: none; 
		        transform: none; 
	}

	.login .form { margin: 0 auto; }
}
@media (max-width: 620px) {
	.login .login__wheel { width: 471px; height: 513px; 
		-webkit-transform: translate(-50%, calc(-50% + 35px)); 
		    -ms-transform: translate(-50%, calc(-50% + 35px)); 
		     -o-transform: translate(-50%, calc(-50% + 35px)); 
		        transform: translate(-50%, calc(-50% + 35px)); 
	}

	.login .form { width: 270px; height: 270px; }
}
@media (max-width: 479px) {
	.login .login__title { text-align: center; }
	.login .login__title br { display: block; }

	.login .login__wheel { width: 392px; height: 427px; 
		-webkit-transform: translate(-50%, calc(-50% + 30px)); 
		    -ms-transform: translate(-50%, calc(-50% + 30px)); 
		     -o-transform: translate(-50%, calc(-50% + 30px)); 
		        transform: translate(-50%, calc(-50% + 30px)); 
	}

	.login .form { text-align: center; width: 240px; height: 240px; padding-top: 10px; }
}

/* ------------------------------------------------------------ *\
	Profile
\* ------------------------------------------------------------ */

.profile { font-weight: 400; font-size: 1.6rem; color: #768089; }

.profile > * { display: inline-block; vertical-align: middle; }
.profile > * + * { margin-left: 21px; }

@media (max-width: 1023px) {
	.profile { font-size: 1.4rem; }

	.profile > * + * { margin-left: 15px; }
}
@media (max-width: 479px) {
	.profile > * + * { margin-left: 5px; }
}

/* ------------------------------------------------------------ *\
	Avatar
\* ------------------------------------------------------------ */

.avatar { width: 55px; height: 55px; overflow: hidden; }

.avatar,
.avatar img { border-radius: 50%; }

.avatar img { display: block; width: 100%; height: auto; }

@media (max-width: 1023px) {
	.avatar { width: 40px; height: 40px; }
}
@media (max-width: 479px) {
	.avatar { width: 30px; height: 30px; }
}

/* ------------------------------------------------------------ *\
	Popup
\* ------------------------------------------------------------ */

.popup { background: #fff; border-radius: 9px; max-width: 382px; padding: 42px 44px 44px; margin: 0 auto; position: relative; z-index: 5;
	-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .5); 
	        box-shadow: 0 0 20px rgba(0, 0, 0, .5); 
}

.popup h2 { text-align: center; }

.popup .popup__actions {
	display: -webkit-flex; 
	display: -moz-flex; 
	display: -ms-flex; 
	display: -o-flex; 
	display: flex; 
}
.popup .popup__actions .btn { min-width: 0; width: 100%; }
.popup .popup__actions .btn + .btn { margin-left: 13px; }

@media (max-width: 767px) {
	.popup { padding: 45px 15px 15px; }
}

/* ------------------------------------------------------------ *\
	Datepicker
\* ------------------------------------------------------------ */

/* Datepicker */
.datepicker-wrapper { position: relative; z-index: 5; }
.datepicker-wrapper input { padding-right: 40px; }
.datepicker-wrapper i { font-size: 2.4rem; position: absolute; top: 50%; right: 12px; pointer-events: none; color: #c5ccda;
	-webkit-transform: translateY(-50%); 
	    -ms-transform: translateY(-50%); 
	     -o-transform: translateY(-50%); 
	        transform: translateY(-50%); 
}

.form__col.datepicker-wrapper i {
  top: calc(50% - 10px);
  right: 36px;
}

/* UI Datepicker */
.ui-datepicker { z-index: 1043 !important; }

.ui-widget-header { background: rgba(27, 38, 144, .1); border: 1px solid #1b2690; }
.ui-widget-header .ui-state-hover { background: transparent; border: 0; }
.ui-datepicker .ui-datepicker-prev { left: 10px; 
	-webkit-transform: rotate(45deg); 
	    -ms-transform: rotate(45deg); 
	     -o-transform: rotate(45deg); 
	        transform: rotate(45deg); 
}
.ui-datepicker .ui-datepicker-next { right: 10px; 
	-webkit-transform: rotate(-45deg); 
	    -ms-transform: rotate(-45deg); 
	     -o-transform: rotate(-45deg); 
	        transform: rotate(-45deg); 
}

.ui-datepicker .ui-datepicker-prev, 
.ui-datepicker .ui-datepicker-next { width: auto; height: auto; top: 10px; 
	-webkit-transform-origin: center center; 
	   -moz-transform-origin: center center; 
	    -ms-transform-origin: center center; 
	     -o-transform-origin: center center; 
	        transform-origin: center center; 
}

.ui-datepicker .ui-datepicker-prev span { border-width: 0 0 3px 3px; }
.ui-datepicker .ui-datepicker-next span { border-width: 0 3px 3px 0; }

.ui-datepicker .ui-datepicker-prev span, 
.ui-datepicker .ui-datepicker-next span { background: transparent; border-style: solid; border-color: #000; width: 10px; height: 10px; position: static; margin: 0; 
	-webkit-transition: transform .3s; 
	     -o-transition: transform .3s; 
	        transition: transform .3s; 
}

.ui-datepicker .ui-datepicker-prev.ui-state-hover span, 
.ui-datepicker .ui-datepicker-next.ui-state-hover span {
	-webkit-transform: scale(1.3); 
	    -ms-transform: scale(1.3); 
	     -o-transform: scale(1.3); 
	        transform: scale(1.3); 
}

/* ------------------------------------------------------------ *\
	Filter
\* ------------------------------------------------------------ */

.filter { font-weight: 600; font-size: 1.6rem; padding: 36px 25px; margin-bottom: 23px; }

.filter label { font-variant: small-caps; margin-right: 5px; }

.filter .filter__inner,
.filter .filter__body {
	display: -webkit-flex; 
	display: -moz-flex; 
	display: -ms-flex; 
	display: -o-flex; 
	display: flex; 
	-ms-align-items: flex-start; 
	    align-items: flex-start; 
}

.filter .filter__inner { justify-content: space-between; }
.filter .filter__body {
	-webkit-flex-wrap: wrap; 
	   -moz-flex-wrap: wrap; 
	    -ms-flex-wrap: wrap; 
	     -o-flex-wrap: wrap; 
	        flex-wrap: wrap; 
}
.filter .filter__actions { flex: 0 0 auto; }
.filter .filter__item { margin-right: 35px; }

@media (max-width: 1439px) {
	.filter .filter__item { margin-right: 25px; }
	.filter .filter__actions .btn { min-width: 0; }
}
@media (max-width: 1200px) {
	.filter .filter__body,
	.filter .filter__item,
	.filter .filter__item .field,
	.filter .filter__item .select { width: 100%; }
	
	.filter .filter__body { padding-right: 30px; }
	.filter .filter__item { margin: 10px 0 0; }

	.filter .datepicker-wrapper { width: 50%; margin: 0 0 10px; 
		display: -webkit-flex; 
		display: -moz-flex; 
		display: -ms-flex; 
		display: -o-flex; 
		display: flex; 
		-ms-align-items: center; 
		    align-items: center; 
	}
	.filter .datepicker-wrapper label { margin: 0 15px; }
}
@media (max-width: 1023px) {
	.filter .filter__inner { display: block; }
	.filter .filter__body { padding-right: 0; }
	.filter .filter__actions { text-align: right; padding-top: 20px; }
}
@media (max-width: 479px) {
	.filter .datepicker-wrapper { width: 100%; margin: 0 0 10px; }
	.filter .datepicker-wrapper label { text-align: center; width: 70px; margin: 0; }
}

/* ------------------------------------------------------------ *\
	Panel
\* ------------------------------------------------------------ */

/* Panels */
.panels { margin-bottom: 34px; }
.panels:last-child { margin-bottom: 0; }

/* Panel */
.panel { background: #fff; border-radius: 6px; 
	-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .2); 
	        box-shadow: 0 0 20px rgba(0, 0, 0, .2); 
}

.panel .panel__head { color: #686d77; background: #c5ccdc; border-radius: 6px 6px 0 0; padding: 13px 16px 12px; }
.panel .panel__body { padding: 46px 15px 42px; }
.panel .panel__body--flex { padding: 0 15px; }

.panel .panel__body--flex,
.panel .panel__body--flex .stats { min-height: 250px; }

@media (max-width: 767px) {
	.panel .panel__head { padding: 13px 15px; }
	.panel .panel__body { padding: 46px 15px 42px; }
	.panel .panel__body--flex { padding: 0 15px; }

	.panel .panel__body--flex,
	.panel .panel__body--flex .stats { min-height: 0; }
}

/* ------------------------------------------------------------ *\
	Stat
\* ------------------------------------------------------------ */

/* Stats */
.stats {
	display: -webkit-flex; 
	display: -moz-flex; 
	display: -ms-flex; 
	display: -o-flex; 
	display: flex; 
	-webkit-flex-wrap: wrap; 
	   -moz-flex-wrap: wrap; 
	    -ms-flex-wrap: wrap; 
	     -o-flex-wrap: wrap; 
	        flex-wrap: wrap; 
	-ms-align-items: center; 
	    align-items: center; 
	justify-content: center; 
}

.stats .stat { margin: 20px 46px; }
.stats .stat--small { margin: 25px 60px; }

@media (max-width: 1439px) {
	.stats .stat,
	.stats .stat--small { margin: 20px; }
}

/* Stat */
.stat { font-weight: 600; font-size: 1.6rem; text-align: center; color: #878fa3; width: 216px; height: 216px; position: relative; z-index: 5; }

.stat svg { width: 100%; height: 100%; 
	-webkit-transform: rotate(117deg); 
	    -ms-transform: rotate(117deg); 
	     -o-transform: rotate(117deg); 
	        transform: rotate(117deg); 
}

.stat .stat__text { position: absolute; top: 50%; left: 50%; 
	-webkit-transform: translate(-50%, -50%); 
	    -ms-transform: translate(-50%, -50%); 
	     -o-transform: translate(-50%, -50%); 
	        transform: translate(-50%, -50%); 
}
.stat .stat__text span { font-size: 6rem; line-height: 1; color: #000; }
.stat .stat__text p { width: 75px; margin: 0 auto; }

@media (max-width: 1023px) {
	.stat { font-size: 1.2rem; width: 165px; height: 165px; }

	.stat .stat__text span { font-size: 3.6rem; }
}

/* Stat Small */
.stat--small { font-size: 1.2rem; width: 165px; height: 165px; }

.stat--small .stat__text span { font-size: 3.6rem; }
.stat--small .stat__text p { width: 65px; }

/* Stat Themes */
.stat--red svg path { stroke: #dd3e5e; }
.stat--red .stat__text span { color: #dd3e5e; }

.stat--blue svg path { stroke: #5c98fc; }
.stat--blue .stat__text span { color: #5c98fc; }

.stat--orange svg path { stroke: #e48424; }
.stat--orange .stat__text span { color: #e48424; }

.stat--purple svg path { stroke: #6154d7; }
.stat--purple .stat__text span { color: #6154d7; }

.stat--green svg path { stroke: #7dd696; }
.stat--green .stat__text span { color: #7dd696; }

.stat--yellow svg path { stroke: #ffe400; }
.stat--yellow .stat__text span { color: #ffe400; }

.stat--sky--blue svg path { stroke: #00bff3; }
.stat--sky--blue .stat__text span { color: #00bff3; }

.stat--spring--green svg path { stroke: #a5d945; }
.stat--spring--green .stat__text span { color: #a5d945; }

.prizePicture {
    max-height: 50px;
    width: auto;
    cursor: pointer;
}

#shop-video-column {
  width: 360px;
}

#user-actions-column {
  width: 460px;
}

.checkVideoItem {
  width: 150px;
}

.overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(57,75,183,1);
  z-index: 1000;
}

.scan {
    font-weight: 600;
    font-size: 1.6rem;
    margin-bottom: 23px;
}

.prize-image {
    display:block;
    margin:auto;
}

.default-margin-bottom {
  margin-bottom: 23px;
}

/*
Big lottery
*/
.big-lottery-header {
  font-weight: 600;
  font-size: 1.6rem;
  padding: 36px 25px;
  margin-bottom: 23px;
}

/*
Checkbox
*/
.checkbox-container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-top: 10px;
  padding-top: 4px;
}

/* Hide the browser's default checkbox */
.checkbox-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
}

/* On mouse-over, add a grey background color */
.checkbox-container:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.checkbox-container input:checked ~ .checkmark {
  background-color: #6370e6;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.checkbox-container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.checkbox-container .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}