:root {
    --body-bg-color:#edf2f6;--body-bg-color-dark:#131313;--body-color:#888da8;--body-color-dark:#dfdfdf;--link-color:#3367d6;--header-bg-color:#3367d6;--header-bg-color-dark:#212121}

body {
	font-family: "Lato","Lato Neue",Lato,Arial,sans-serif;
	font-size: 13px;
	line-height: 1.42857143;
	padding-top: 60px; /* 60px for header */
	color: #6a6a6a;
	background: #f4f3f4 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAIAAAAmkwkpAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RTE4QTFCMDAwNjNBMTFFMkI0NUZBODgwQ0RGODIyNTEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RTE4QTFCMDEwNjNBMTFFMkI0NUZBODgwQ0RGODIyNTEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFMThBMUFGRTA2M0ExMUUyQjQ1RkE4ODBDREY4MjI1MSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFMThBMUFGRjA2M0ExMUUyQjQ1RkE4ODBDREY4MjI1MSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PhbPqNcAAAAuSURBVHjaYnz96jUDAwMnJyeQZGFhZWGAARZWVlaG/wzfv38HcYAssBhIHiDAAOdIB/U8HOnxAAAAAElFTkSuQmCC")
}

body.night-mode {
	background: none;
    color: var(--body-color-dark);
    background-color: var(--body-bg-color-dark);
}

*, *::before, *::after {
	box-sizing: border-box;
	outline: none;
	border: none;
}

a {
	color: var(--link-color);
	text-decoration: none;
}

a, a:hover, a:focus {
	text-decoration: none;
}

ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

small {
	line-height: 100%;
}

video, audio {
	width: 100%!important;
	height: 100%!important;
}
/* -- */


/* MAIN */
/* ------------------------------- */

.main-wrapper {
	width: 100%;
	min-width: 260px; /* to show scroll for small size browsers ;) */
}

/* Grid */
.container {
    margin: 0 auto;
	-webkit-transition: all .5s;
	transition: all .5s;
}

@media (min-width: 1200px) {
	.container {
		width: 1200px !important; /* override bootstrap 1200px container but lightbox */
	}
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
	padding-left: 10px; /* override bootstrap 15px padding */
	padding-right: 10px;
}
.row {
	margin-left: -10px; /* override bootstrap -15px margin */
	margin-right: -10px;
}

.form-horizontal .form-group {
	margin-right: 0;
	margin-left: -10px;
}
/* -- */

/* Tooltip */
.tooltip-inner {
	border-radius: 2px;
	max-width: none;
    white-space: nowrap;
}
/* -- */

/* Alert */
.alert {
	border-radius: 0;
}
.alert-warning {
	background-color: #fdf6cd;
}

.alert .title {
	padding-bottom: 8px;
	margin-bottom: 10px;
	font-weight: 600;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}
.alert .icon, .option .icon {
	display: table-cell;
    vertical-align: middle;
    padding-right: 10px;
}
.alert .text, .option .text {
	display: table-cell;
    vertical-align: top;
}

.alert .text.middle, .option .text.middle {
	vertical-align: middle;
}

body.night-mode .nav-tabs .nav-item.show .nav-link,body.night-mode .nav-tabs .nav-link.active {
    color: #fff;
    border-color: #363636 #363636 #212121;
    background-color: #212121
}

body.night-mode .nav-tabs .nav-link:not(.active):hover {
    border-color: #363636
}

body.night-mode .nav-tabs {
    border-bottom-color: #363636
}

body.night-mode .nav-tabs > li > a {
	color: #a3afce;
}

body.night-mode .nav-tabs > li.active > a , 
body.night-mode .nav-tabs > li > a:hover, 
body.night-mode .nav-tabs > li > a:focus {
    color: #fff;
    border-color: #363636 #363636 #212121;
    background-color: #212121
}

body.night-mode .nav-tabs > li > a:hover {
	background-color: #212121;
	border-color: #363636;
}

.dropdown-menu {
    min-width: 200px;
    box-shadow: 0 50px 100px rgba(50,50,93,.1),0 15px 35px rgba(50,50,93,.15),0 5px 15px rgba(0,0,0,.1)
}

body.night-mode .dropdown-menu {
    color: #e5e5e5;
    background: var(--header-bg-color-dark);
    box-shadow: 0 6px 12px rgba(0,0,0,.175)
}

.dropdown-menu .dropdown-item {
    font-size: 14px;
    padding: 8px 16px
}

.night-mode .dropdown-item {
    color: #e5e5e5
}

body.night-mode .dropdown-item:focus,
body.night-mode .dropdown-item:hover {
    color: #e5e5e5;
    background-color: #333
}

body.night-mode .dropdown-divider {
    border-top-color: #424242
}

/* -- */

.modal {
    z-index: 999999
}

/* -- */

/* Tables */
.table-responsive .row {
	margin-left: 0;
	margin-right: 0;
}
.table_info {
    margin: 0 0 10px 0;
    border-top: none;
    border-radius: 0 0 3px 3px;
	position: relative;
}

.table_info th {
    background: #eee;
	width: 200px;
    padding: 5px 10px;
    text-align: right;
    color: #434647
}

.table_info td {
    background: #FFF;
    padding: 5px 10px;
	border-top: solid 1px #E1E1E1;
    border-bottom: solid 1px #E1E1E1;
    line-height: 150%;
    overflow-wrap: break-word;
    word-wrap: break-word;
    max-width: 450px
}

body.night-mode .table_info td {
	background: #212121;
	border-color: #565656;
}

body.night-mode .table_info th {
	background: #131313;
	color: #919191;
}

.table_info .first td,.table_info .first th {
    /* border: none */
}

.table_info th tt {
    font-family: "Lato",Arial,Lato,sans-serif;
    font-size: 11px;
    color: #444
}

.table_info td>div {
    overflow-wrap: break-word;
    word-wrap: break-word
}

@media only screen and (max-width: 425px) {
	.table_info tbody {
		display: block;
		width: 100%;
	}
	.table_info tr, .table_info th, .table_info td {
		display: block;
		width: 100%;
		text-align: left;
	}
}

.bootstrap-datetimepicker-widget table thead tr:first-child th {
	font-size: 15px;
}

.bootstrap-datetimepicker-widget table th {
	font-size: 14px;
}

.bootstrap-datetimepicker-widget table td.day {
	font-size: 14px;
}

.bootstrap-datetimepicker-widget.usetwentyfour td.hour {
	height: 30px !important;
    line-height: 30px !important;
}

.input-group [data-toggle="datetimepicker"] {
	cursor: pointer; 
}
/* -- */

/* Panels */
.panel {
	border-radius: 3px;
}
.panel-heading.light {
	background: transparent;
}
.panel-heading.no_border {
	border-bottom: 0;
}
.panel-heading.dark a {
	color: inherit;
}
.panel-heading a.btn:hover {
	text-decoration: none;
}
.panel-heading .panel-icon {
	color: #ADB3BC;
}

.panel-heading.with-icon {
	padding-top: 20px;
	padding-bottom: 20px;
}
.panel-heading.with-icon .btn {
	padding: 5px 12px;
	font-size: 12px;
	line-height: 1.5;
	-webkit-transition: padding .5s;
	transition: padding .5s;
}

.panel-heading.with-nav {
	padding-bottom: 0;
	border-bottom: 0;
}
.panel-heading.with-nav .nav>li>a {
	padding: 10px 10px;
	font-size: 11px;
}

.panel-body .divider {
	border-top: 1px solid #E7E7E7;
	margin-bottom: 25px;
}
.panel-body li.divider{
	height: 1px;
	margin: 9px 0;
	padding: 0;
	overflow: hidden;
	background-color: #e5e5e5;
}
.panel-body .panel-title {
	margin-bottom: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #ccc;
    font-size: 14px;
    font-weight: 600;
}
.panel-body .panel-sub-title {
	background: #f9f9f9;
    padding: 10px;
	font-size: 13px;
    font-weight: 600;
    text-align: center;
    border-radius: 2px;
}

.panel-body.with-nav {
	padding: 0;
}

.panel-widget .panel-heading {
	font-size: 12px;
	color: #909090;
}
.panel-widget .panel-body {
	padding: 5px;
}

body.night-mode .panel, body.night-mode .panel-default > .panel-heading {
	color: #f6f9fc;
    background: #212121;
    border-color: #212121;
}

body.night-mode .panel-heading .panel-icon {
	color: #f6f9fc;
}



/* PAGE = [BASIC] */
/* ------------------------------- */
.page-title {
    background-image: url(/static/images/patterns/bright_squares.png);
    background-repeat: repeat;
    color: var(--link-color);
    text-align: center;
    font-size: 34px;
    font-weight: 300;
    line-height: 70px;
    padding: 70px 0
}

.night-mode .page-title {
    background-image: url(/static/images/patterns/crissXcross.png)
}

.page-header {
    background: #457fca;
    background: linear-gradient(to bottom,#5691c8,#457fca);
    position: relative;
    text-align: center;
    padding: 70px 15px;
    overflow: hidden;
    color: #fff;
    z-index: -999
}

.page-header.mini {
    padding: 35px 15px
}

@media (min-width: 768px) {
    .page-header {
        padding:90px 15px
    }

    .page-header.mini {
        padding: 45px 15px
    }
}

.page-header.movies-header {
    background-image: url(/static/images/movies.jpg);
    background-repeat: repeat;
    background-size: contain;
    z-index: auto
}

.page-header.market-header {
    background-image: url(/static/images/market.jpg);
    background-repeat: repeat;
    z-index: auto
}

.page-header.bg-1 {
    background: #667db6;
    background: linear-gradient(to right,#667db6,#0082c8,#0082c8,#667db6)
}

.page-header.bg-2 {
    background: #3a7bd5;
    background: linear-gradient(to right,#3a6073,#3a7bd5)
}

.page-header.bg-3 {
    background: #005c97;
    background: linear-gradient(to right,#363795,#005c97)
}

.page-header.bank-transfer {
    z-index: 1;
    padding: 20px;
    background-color: #2196f3;
    background: linear-gradient(90deg,#03a9f4 0,#2196f3 35%,#3f51b5 100%)
}

.page-header .floating-img {
    position: absolute;
    bottom: 10px;
    left: 10%;
    width: 300px;
    opacity: .5;
    z-index: -997
}

.page-header .circle-1 {
    position: absolute;
    top: 60px;
    left: -180px;
    width: 290px;
    height: 290px;
    background-image: radial-gradient(circle 800px at 75% -25%,#000 0,rgba(255,255,255,0) 100%);
    border-radius: 50%;
    opacity: .05
}

.page-header .circle-2 {
    position: absolute;
    top: 17px;
    right: -242px;
    width: 500px;
    height: 500px;
    background-image: radial-gradient(circle 800px at 10% -25%,#000 0,rgba(255,255,255,0) 100%);
    border-radius: 50%;
    opacity: .03
}

.page-header .circle-3 {
    position: absolute;
    top: -73px;
    right: 78px;
    width: 200px;
    height: 200px;
    background-image: radial-gradient(circle 800px at 10% -25%,#000 0,rgba(255,255,255,0) 100%);
    border-radius: 50%;
    opacity: .04
}

.page-header .ellipse-1 {
    position: absolute;
    top: -50px;
    left: 0;
    width: 200px;
    height: 100px;
    background-color: rgba(2,136,209,.3);
    border-radius: 50%;
    z-index: -998
}

.page-header .crystal {
    width: 0;
    height: 0;
    position: absolute;
    z-index: -998
}

.page-header .crystal.c01 {
    border-bottom: 100px solid rgba(0,96,100,.1);
    border-right: 100vw solid transparent;
    bottom: 0;
    right: 0
}

.page-header .crystal.c02 {
    border-bottom: 160px solid rgba(2,136,209,.3);
    border-left: 100vw solid transparent;
    bottom: 0;
    left: 0
}

.page-header .crystal.c03 {
    border-top: 200px solid rgba(0,96,155,.2);
    border-right: 40vw solid transparent;
    border-left: 60vw solid transparent;
    top: 0;
    right: 0
}

.page-header .crystal.c04 {
    border-top: 400px solid rgba(24,255,255,.3);
    border-right: 80vw solid transparent;
    border-left: 20vw solid transparent;
    top: 0;
    left: 0
}

.page-header .crystal.c05 {
    border-bottom: 250px solid transparent;
    border-top: 100px solid transparent;
    border-right: 100vw solid rgba(128,216,255,.3);
    bottom: 10px;
    right: 0
}

.page-header .crystal.c06 {
    border-bottom: 400px solid rgba(79,195,247,.4);
    border-right: 10vw solid transparent;
    border-left: 30vw solid transparent;
    bottom: 0;
    right: 20vw
}

.page-header .crystal.c07 {
    border-top: 367px solid rgba(0,131,143,.2);
    border-left: 60vw solid transparent;
    top: 0;
    right: 0
}

.page-header .crystal.c08 {
    border-top: 50px solid rgba(167,255,235,.4);
    border-right: 60vw solid transparent;
    top: 0;
    left: 0
}

.page-header .crystal.c09 {
    border-top: 400px solid rgba(0,176,255,.3);
    border-right: 30vw solid transparent;
    top: 0;
    left: 0
}

.page-header .crystal.c10 {
    border-bottom: 400px solid rgba(128,222,234,.2);
    border-right: 20vw solid transparent;
    border-left: 20vw solid transparent;
    bottom: 0;
    right: 60vw
}

.page-header h2 {
    font-weight: 400
}

.page-header .inner {
    z-index: 999
}

.page-header.bank-transfer .inner {
    border: 6px solid rgba(255,255,255,.3);
    padding: 20px;
    border-radius: 5px
}

.page-header.bank-transfer .bank-info-meta {
    font-size: 18px
}

.page-header.bank-transfer .bank-info-help {
    font-size: 12px;
    color: #eee;
    text-transform: uppercase
}

.page-title {
	background: #EBE8D7;
	background-image: url('/static/images/shattered.png');
	background-repeat: repeat;
	color: #40628A;
	text-align: center;
	font-size: 34px;
	font-weight: 100;
	line-height: 50px;
	padding: 70px 0;
	margin-bottom: 25px;
}

.hr-heading {
	display: block;
	overflow: hidden;
	text-align: center;
	white-space: nowrap;
}

.hr-heading-text {
	position: relative;
	display: inline-block;
	color: #999;
}

.hr-heading-text:before, .hr-heading-text:after {
	position: absolute;
	top: 50%;
	width: 9999px;
	height: 1px;
	background: #ddd;
	content: '';
}

.hr-heading-text:before {
	right: 100%;
	margin-right: 15px;
}

.hr-heading-text:after {
	left: 100%;
	margin-left: 15px;
}

.footer {
	border-top: 1px solid #ddd;
	padding: 10px 0;
	margin-top: 25px;
	margin-bottom: 25px;
}

.panel-login {
    margin-top: 20px;
    border: 0 none;
    border-radius: 0;
    background-color: #fff;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
}
@media (min-width: 768px) {
	.panel-login {
		min-width: 330px;
	}
}
.panel-login h4 {
	margin-top: 0;
	margin-bottom: 20px;
}
/* -- */

.daytime_message {
	padding: 5px 10px;
	display: none;
}
.daytime_message img {
	width: 28px;
	height: 28px;
	margin-right: 5px; 
}
.daytime_message button {
	margin-top: 4px;
    font-size: 18px;
}

/* PAGE = [PROFILE] */
/* ------------------------------- */

.profile-avatar-wrapper {
	position: relative;
	display: inline-block;
	padding: 2px;
	background: #fff;
	border-radius: 2px;
	box-shadow: 0 0 0 1px rgba(0, 0, 0, .3);
}
.profile-avatar-wrapper.static {
	padding: 4px!important;
	bottom: 0!important;
	left: 30%;
}
.profile-avatar-wrapper img {
	width: 60px;
	height: 60px;

	-webkit-transition: all .5s;
	transition: all .5s;
}
.profile-avatar-wrapper img.js_lightbox {
	cursor: pointer;
}
.profile-avatar-wrapper.static img  {
	width: 150px!important;
	height: 150px!important;
}
.profile-avatar-wrapper:hover .profile-avatar-change,
.profile-avatar-wrapper:hover .profile-avatar-delete {
	background: rgba(0, 0, 0, 0.25);
	opacity: 0.9;
	border-radius: 1px;
}

.profile-avatar-change,
.profile-avatar-delete {
	display: block;
	position: absolute;
	bottom: 15px;
	left: 15px;
	opacity: 0.4;
	color: #fff;
	font-size: 14px;
	padding: 0 4px;
	
	-webkit-transition: all .5s;
	transition: all .5s;
}
.profile-avatar-delete {
	left: 45px;
}
.profile-avatar-change i,
.profile-avatar-delete i {
	cursor: pointer;
	text-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
}
.profile-avatar-change form.x-uploader {
	position: relative;
}
.profile-avatar-change-loader {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0.5;
	background: #000;
	width: 100%;
	height: 100%;
	padding-top: 31px;

	-webkit-transition: all .5s;
	transition: all .5s;
}

/* feeds-item */
.feeds-item {
	border-bottom: 1px solid #e4e4e4;
}
.feeds-item:last-child {
	border-bottom: 0 none;
}
.feeds-item.unread {
	background: #E9EAED;
}

.feeds-item.active {
	background: #D0E2FF;
}
/* -- */

/* data-container */
.data-container-wrapper {
	border: 1px solid #EFEFEF;
	border-radius: 1px;
	margin-bottom: 15px;
}

.data-container {
	position: relative; /* relative for .data-avatar to be absolute */
	display: block;
	width: 100%;
	padding: 8px;
	min-height: 64px; /* 50px avatar + 16px padding */
	border-radius: 3px;
}

.data-container.small {
	min-height: 46px; /* 30px avatar + 16px padding */
}

a.data-container:hover, .data-container.clickable:hover {
	background: #f6f7f8;
	text-decoration: none;
	cursor: pointer;
}

body.night-mode .data-container.clickable:hover,body.night-mode a.data-container:hover {
    background: #424242
}

.data-avatar {
	position: absolute;
	top: 8px;
	left: 8px;
	width: 30px;
	height: 30px;
	text-align: center;
	border-radius: 2px;
}
.data-avatar .left-avatar, 
.data-avatar .right-avatar {
	background-size: cover;
	background-position: center center;
	float: left;
	overflow: hidden;
	width: 14px;
	height: 30px;
	margin-right: 1px;
	border-radius: 2px 0 0 2px;
}
.data-avatar .right-avatar {
	width: 15px;
	margin-right: 0;
	border-radius: 0 2px 2px 0;
}

.data-avatar .fa, .data-avatar .fab {
	font-size: 2.4em;
}

.data-content {
	padding-left: 38px;
	color: #818181;
	font-size: 11px;
	line-height: 16px;
}

.data-content a {
	color: #818181;
}

.data-content .data-img {
	background-color: #fff;
	border: 1px solid #ddd;
	padding: 1px;
	width: 48px;
}

.data-content a:hover {
	text-decoration: underline;
}

.data-content .btn {
	padding: 1px 5px;
	font-size: 10px;
	line-height: 1.5;

	-webkit-transition: padding .5s;
	transition: padding .5s;
}

.data-content .name {
	font-weight: bold;
}

.data-content .name a {
	color: var(--link-color);
}

.data-content .time {
	font-size: 10px;
	color: #bbb;
}

.data-content .text {
	word-break: break-all;
}
/* -- */

/* Dropdowns */
.dropdown-menu:not(.colorpicker) {
	right: 0; /* override bootstrap default left dropdowns */
	left: inherit;
}
.dropdown-menu>li>a {
	font-size: 12px;
	white-space: normal;
	outline: 0;
}
.dropdown-menu>li>a:hover, 
.dropdown-menu>li>a:focus {
	color: #fff;
	background: #5e86b8;
}
/* -- */

/* x-uploader */
.x-uploader {
	overflow: hidden;
}
.x-uploader input[type=file] {
	position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    opacity: 0;
    outline: none;
    background: white;
    cursor: pointer;
    display: block;
}
.x-uploader .fa {
	cursor: pointer;
}
/* -- */

/* x-image */
.x-image {
	position: relative;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	background-color: #eee;
	width: 96px;
	height: 96px;
	overflow: hidden;
	display: block;
	border-radius: 2px;
}
.x-image.sm {
	width: 48px;
	height: 48px;
}
.x-image:before {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background: #000;
	content: '';
	opacity: 0;
}
.x-image:hover.x-image:before {
	opacity: 0.2;
}

.x-image .loader {
	margin-top: 39px;
}

.x-image .x-uploader {
	position: absolute;
	bottom: 5px;
	right: 5px;
}

.x-image  button {
	position: absolute;
	top: 0;
	right: 5px;
}
/* -- */

/* Custome Dropdowns */
.dropdown-menu.auto-complete {
	display: none;
	left: 0; /* override the override just for auto-complete */
	margin-top: 0;
	border-radius: 0;
	box-shadow: none;
}
/* -- */

/* Inputs */
.form-control {
	border-radius: 0;
	box-shadow: none;
}

.form-control:focus {
    box-shadow: none
}

.form-control-label {
    font-weight: 600;
    color: #525f7f
}

.input-group-addon {
	border-radius: 0;
}

.form-table-row {
    display: flex;
    margin-bottom: 30px
}

.form-table-row>div {
    flex: 1
}

.form-table-row>div:last-child {
    flex-basis: auto;
    flex-grow: 0;
    margin-left: 10px
}

.form-table-row>div.avatar {
    flex-basis: auto;
    flex-grow: 0;
    margin-right: 10px
}

.input-money {
	position: relative;
}
.input-money span {
	font-size: 20px;
    position: absolute;
    top: 15px;
    left: 10px;
}
.input-money input {
	font-size: 40px;
    line-height: 40px;
    font-family: "Lato";
    margin: 0;
    padding: 10px;
    padding-left: 30px;
    height: 60px;
    outline: 0;
}

body.night-mode .form-control,
body.night-mode .input-group-text,
body.night-mode .select2-container--default .select2-selection--multiple {
    background-color: #232323;
    border-color: #363636;
    color: #dfdfdf
}

.card {
    border: 1px solid #e6ecf5;
    margin-bottom: 20px
}

body.night-mode .card {
    background: #212121;
    border-color: #212121
}

.card-header {
    background-color: #f6f9fc;
	border-color: #e6ecf5;
	color: #333;
}

body.night-mode .card-header {
	color: var(--body-color-dark);
    background: #212121;
    border-color: #363636
}

.card-header.with-icon {
    padding-top: 20px;
    padding-bottom: 20px
}

.card-header.with-nav {
    padding-bottom: 0;
    border-bottom: 0
}

@media (min-width: 768px) {
    .card-header.with-icon {
        font-size:14px;
        font-weight: 600
    }
}

.card-header.block-title {
    font-size: 9px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 10px 35px;
    background: 0 0
}

.card-body.with-form,.card-body.with-list,.card-body.with-nav {
    padding: 10px
}

.card-body .divider {
    border-top: 1px solid #e6ecf5;
    margin: 25px 0
}

body.night-mode .card-body .divider {
    border-color: #131313
}

@media (min-width: 768px) {
    .card-body.page-content {
        padding:50px
    }
}

.card-login {
    background: #fff;
    border: 0;
    box-shadow: 0 1px 20px 0 rgba(0,0,0,.1);
    overflow: hidden
}

.card-login .card-header {
    border: 0;
    padding: 0 0 15px;
    background: 0 0
}

.card-login .card-header img {
    position: absolute;
    left: 0;
    top: -135px;
    margin-left: -50px;
    margin-top: -150px;
    border-radius: 20%;
    width: 350px
}

.card-login .card-header .card-title {
    position: relative;
    font-size: 4em;
    font-weight: 900;
    color: #eee;
    text-transform: lowercase;
	margin-left: -3px;
	margin-top: 0;
	margin-bottom: 10px;
}

body.night-mode .card-login .card-header .card-title {
    color: #222a42
}

.card-login .form-control {
    border-radius: 18px;
    background: #f7f7f7
}

.card-login .input-group>.input-group-prepend>.input-group-text {
    background: #f7f7f7;
    border-radius: 18px 0 0 18px
}

body.night-mode .card-login .form-control {
    background: #232323;
    border-color: #363636
}

body.night-mode .card-login .input-group>.input-group-prepend>.input-group-text {
    background: #232323;
    border-color: #363636;
    color: #dfdfdf
}


.bg-gradient-primary {
    color: #fff!important;
    background: linear-gradient(87deg,#5e72e4 0,#825ee4 100%)!important
}

.bg-gradient-secondary {
    background: linear-gradient(87deg,#f7fafc 0,#f7f8fc 100%)!important
}

.bg-gradient-success {
    color: #fff!important;
    background: linear-gradient(87deg,#2dce89 0,#2dcecc 100%)!important
}

.bg-gradient-info {
    color: #fff!important;
    background: linear-gradient(87deg,#11cdef 0,#1171ef 100%)!important
}

.bg-gradient-warning {
    color: #fff!important;
    background: linear-gradient(87deg,#fb6340 0,#fbb140 100%)!important
}

.bg-gradient-danger {
    color: #fff!important;
    background: linear-gradient(87deg,#f5365c 0,#f56036 100%)!important
}

.bg-gradient-light {
    background: linear-gradient(87deg,#adb5bd 0,#adaebd 100%)!important
}

.bg-gradient-dark {
    color: #eee;
    background: linear-gradient(87deg,#212529 0,#212229 100%)!important
}

.bg-gradient-default {
    color: #eee;
    background: linear-gradient(87deg,#172b4d 0,#1a174d 100%)!important
}

.bg-gradient-white {
    background: linear-gradient(87deg,#fff 0,#fff 100%)!important
}

.bg-gradient-neutral {
    background: linear-gradient(87deg,#fff 0,#fff 100%)!important
}

.bg-gradient-darker {
    color: #eee;
    background: linear-gradient(87deg,#000 0,#000 100%)!important
}

.bg-gradient-blue {
    color: #fff!important;
    background: linear-gradient(87deg,#5e72e4 0,#825ee4 100%)!important
}

.bg-gradient-indigo {
    color: #fff!important;
    background: linear-gradient(87deg,#5603ad 0,#9d03ad 100%)!important
}

.bg-gradient-purple {
    color: #fff!important;
    background: linear-gradient(87deg,#8965e0 0,#bc65e0 100%)!important
}

.bg-gradient-pink {
    color: #fff!important;
    background: linear-gradient(87deg,#f3a4b5 0,#f3b4a4 100%)!important
}

.bg-gradient-red {
    color: #fff!important;
    background: linear-gradient(87deg,#f5365c 0,#f56036 100%)!important
}

.bg-gradient-orange {
    color: #fff!important;
    background: linear-gradient(87deg,#fb6340 0,#fbb140 100%)!important
}

.bg-gradient-yellow {
    color: #666;
    background: linear-gradient(87deg,#ffd600 0,#beff00 100%)!important
}

.bg-gradient-green {
    color: #fff!important;
    background: linear-gradient(87deg,#2dce89 0,#2dcecc 100%)!important
}

.bg-gradient-teal {
    color: #fff!important;
    background: linear-gradient(87deg,#11cdef 0,#1171ef 100%)!important
}

.bg-gradient-cyan {
    color: #fff!important;
    background: linear-gradient(87deg,#2bffc6 0,#2be0ff 100%)!important
}

.bg-gradient-white {
    background: linear-gradient(87deg,#fff 0,#fff 100%)!important
}

.bg-gradient-gray {
    color: #fff!important;
    background: linear-gradient(87deg,#8898aa 0,#888aaa 100%)!important
}

.bg-gradient-gray-dark {
    color: #fff!important;
    background: linear-gradient(87deg,#32325d 0,#44325d 100%)!important
}

.bg-gradient-light {
    background: linear-gradient(87deg,#ced4da 0,#cecfda 100%)!important
}

.bg-gradient-lighter {
    background: linear-gradient(87deg,#e9ecef 0,#e9eaef 100%)!important
}
/* -- */

.control-stepper {
	display: -ms-inline-flexbox;
	display: inline-flex;
}

.btn.control-stepper__minus-button,
.btn.control-stepper__plus-button,
.dataTables_wrapper
	.dataTables_paginate
	.control-stepper__minus-button.paginate_button,
.dataTables_wrapper
	.dataTables_paginate
	.control-stepper__plus-button.paginate_button {
	font-weight: 600;
	font-size: 19px;
}

.btn.control-stepper__minus-button,
.dataTables_wrapper
	.dataTables_paginate
	.control-stepper__minus-button.paginate_button {
	border-right-style: none;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.btn.control-stepper__plus-button,
.dataTables_wrapper
	.dataTables_paginate
	.control-stepper__plus-button.paginate_button {
	border-left-style: none;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.btn.control-stepper__minus-button,
.control-stepper__input,
.control-stepper__input:active,
.control-stepper__input:focus,
.control-stepper__input:hover,
.control-stepper__minus-button:active,
.control-stepper__minus-button:focus,
.control-stepper__minus-button:hover,
.control-stepper__plus-button,
.control-stepper__plus-button:active,
.control-stepper__plus-button:focus,
.control-stepper__plus-button:hover,
.dataTables_wrapper
	.dataTables_paginate
	.control-stepper__minus-button.paginate_button {
	border-color: #c9cde4;
	outline: none;
	box-shadow: none;
	margin: 0;
}

.dataTables_wrapper .dataTables_filter input.control-stepper__input,
.dataTables_wrapper .dataTables_length select.control-stepper__input,
.form-control.control-stepper__input {
	text-align: center;
	width: 50px;
	border-radius: 0;
	border-left-width: 0;
	border-right-width: 0;
	height: auto;
	padding-left: 0;
	padding-right: 0;
	-moz-appearance: textfield;
	white-space: nowrap;
	text-overflow: ellipsis;
}

body.night-mode .control-stepper .btn {
	background: #666;
	border-color: #666;
}

body.night-mode .control-stepper .control-stepper__input {
	border-color: #666;
}

body.night-mode .control-stepper .btn:hover,
body.night-mode .control-stepper .btn:focus {
	color: #fff;
	outline: none;
}
/* ==========================================================================
   #MODAL 
   ========================================================================== */

.modal-content {
    position: relative;
    width: 100%;
    border-radius: 4px;
    outline: 0;
}

.modal-header {
    background: #2ea1f8;
    background: linear-gradient(to bottom, #2ea1f8, #1990ea);
    display: flex;
    align-content: center;
    align-items: center;
	justify-content: space-between;
	border-bottom: none;
}

.modal-title {
    margin: 0;
	color: #fff;
	font-size: 16px;
}

.modal-close {
    color: #fff;
    font-size: 16px;
    cursor: pointer;
    opacity: 0.8;
}

.modal-close:hover {
    color: #fff;
}

.modal-footer {
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid #e6eaee;
    background-color: #EFF3F6;
}

body.night-mode .modal-content {
    background: #212121;
}

body.night-mode .modal-footer,
body.night-mode .modal-header {
	border-color: #424242;
    background: #212121;
}


/* ==========================================================================
   #INPUTS
   ========================================================================== */
.form-control {
    display: block;
    width: 100%;
    margin: 0;
    border-radius: 4px;
    background-color: #fff;
    resize: none;
}

.form-control::placeholder {
    transition: opacity 0.3s;
    color: rgba(53, 64, 82, 0.5);
    font-weight: 400;
    opacity: 0.5;
}

.form-control:focus {
    border-color: #2ea1f8;
    outline: none;
}

.form-control:focus::placeholder {
    opacity: 0.2;
}

.form-control.is-disabled, .form-control:disabled {
    border-color: #dfe3e9;
    background-color: #e6eaee;
    color: rgba(53, 64, 82, 0.5);
    cursor: not-allowed;
}

/**
 * Textarea
 */
textarea.form-control {
    min-height: 90px;
    font-weight: 400;
}


/* ==========================================================================
   #ALERTS
   ========================================================================== */
.alert {
    width: 100%;
	border-radius: 4px;
	font-size: 15px;
    color: #fff;
}

.alert-success {
    background-color: #1bb934;
}

.alert-info {
    background-color: #2ea1f8;
}

.alert-warning {
    background-color: #fd9a18;
}

.alert-danger {
    background-color: #ed1c24;
}

/* ==========================================================================
   #BUTTONS
   ========================================================================== */

.btn-fullwidth {
    width: 100%;
}

/* Style variants
   ========================================================================== */
/**
 * Buttons have a simple, nice gradient on the background, we use 
 * sass's `darken()` method to generate a dark shade of the requested color, 
 * then we use our `linear-gradient` mixin to generate the gradient background.
 */
.btn-primary {
    background: #475364;
    background: linear-gradient(to bottom, #475364, #273142);
    border-color: #354052;
}

.btn-primary:hover {
    background: #3f4958;
    background: linear-gradient(to bottom, #3f4958, #151b24);
}

.btn-primary:focus {
    background: #3a4452;
    background: linear-gradient(to bottom, #3a4452, #12161e);
}

.btn-secondary {
    background: #fff;
    background: linear-gradient(to bottom, #fff, #f2f4f7);
    border-color: #dfe3e9;
    color: #354052;
}

.btn-secondary:hover {
    background: #fcfcfc;
    background: linear-gradient(to bottom, #fcfcfc, #eceff3);
    color: #354052;
}

.btn-secondary:focus {
    background: #fafafa;
    background: linear-gradient(to bottom, #fafafa, #e9ecf1);
    color: #354052;
}

.btn-info {
    background: #2ea1f8;
    background: linear-gradient(to bottom, #2ea1f8, #1990ea);
    border-color: #1a91eb;
}

.btn-info:hover {
    background: #1a98f7;
    background: linear-gradient(to bottom, #1a98f7, #1485db);
}

.btn-info:focus {
    background: #1094f7;
    background: linear-gradient(to bottom, #1094f7, #137fd1);
}

.btn-success {
    background: #39b54a;
    background: linear-gradient(to bottom, #39b54a, #34aa44);
    border-color: #249533;
}

.btn-success:hover {
    background: #34a544;
    background: linear-gradient(to bottom, #34a544, #2f9a3e);
}

.btn-success:focus {
    background: #329e40;
    background: linear-gradient(to bottom, #329e40, #2d933b);
}

.btn-fancy {
    background: #886ce6;
    background: linear-gradient(to bottom, #886ce6, #7d5be2);
    border-color: #7d5be2;
}

.btn-fancy:hover {
    background: #7a5be3;
    background: linear-gradient(to bottom, #7a5be3, #6f4adf);
}

.btn-fancy:focus {
    background: #7352e2;
    background: linear-gradient(to bottom, #7352e2, #6841dd);
}

.btn-warning {
    background: #fd9a18;
    background: linear-gradient(to bottom, #fd9a18, #f16911);
    border-color: #f16911;
}

.btn-warning:hover {
    background: #fd9104;
    background: linear-gradient(to bottom, #fd9104, #e0600d);
}

.btn-warning:focus {
    background: #f48c02;
    background: linear-gradient(to bottom, #f48c02, #d75c0d);
}

.btn-danger {
    background: #f95359;
    background: linear-gradient(to bottom, #f95359, #d35847);
    border-color: #d35847;
}

.btn-danger:hover {
    background: #f83f46;
    background: linear-gradient(to bottom, #f83f46, #cf4937);
}

.btn-danger:focus {
    background: #f8353c;
    background: linear-gradient(to bottom, #f8353c, #cb4331);
}

/* Custome Buttons */
.btn-delete:hover {
	color: #fff!important;
	border-color: #e3503e!important;
	border-bottom-color: #df3823!important;
	background: #e66454!important;
	background-image: -webkit-linear-gradient(top,#e76858 0,#e3503e 100%)!important;
	background-image: linear-gradient(to bottom,#e76858 0,#e3503e 100%)!important;
	background-repeat: repeat-x!important;
}
.btn-delete:hover .fa:before {
	content: "\f1f8";
}

.btn-option {
	background: #fff;
    border: 1px solid #ccc;
}
.bootstrap-select.btn-group:not(.input-group-btn) {
	height: 100%;
}
/* -- */

/* Callout */
.bs-callout {
    padding: 20px;
    margin: 20px 0;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;
}
.bs-callout h4 {
    margin-top: 0;
    margin-bottom: 5px;
}
.bs-callout p:last-child {
    margin-bottom: 0;
}
.bs-callout code {
    border-radius: 3px;
}
.bs-callout+.bs-callout {
    margin-top: -5px;
}
.bs-callout-default {
    border-left-color: #777;
}
.bs-callout-default h4 {
    color: #777;
}
.bs-callout-primary {
    border-left-color: #428bca;
}
.bs-callout-primary h4 {
    color: #428bca;
}
.bs-callout-success {
    border-left-color: #5cb85c;
}
.bs-callout-success h4 {
    color: #5cb85c;
}
.bs-callout-danger {
    border-left-color: #d9534f;
}
.bs-callout-danger h4 {
    color: #d9534f;
}
.bs-callout-warning {
    border-left-color: #f0ad4e;
}
.bs-callout-warning h4 {
    color: #f0ad4e;
}
.bs-callout-info {
    border-left-color: #5bc0de;
}
.bs-callout-info h4 {
    color: #5bc0de;
}
/* -- */

/* Twemoji-Awesome */
.twa-xlg {
	height: 1.6em!important;
	width: 1.6em!important;
	margin: 0 0.0665em 0 0.15em!important;
	vertical-align: -0.15em!important;
	background-size: 1.6em 1.6em!important;
}
/* -- */

/* HEADER */
/* ------------------------------- */

/* top-bar */
.top-bar {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	width: 100%;
	min-height: 46px;
	font-size: 0.9em;
	line-height: 46px;
	background: #fff2cc;
	z-index: 1001;
}
.top-bar.alert-bar {
	background: #ce3426;
	color: #fff;
}
.top-bar.alert-bar a {
	color: #FFF200;
}
.top-bar.alert-bar a:hover {
	text-decoration: underline;
}
/* -- */

/* main-header */
.main-header {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	width: 100%;
	min-height: 60px;
	background: var(--header-bg-color);
	box-shadow: 0 2px 2px rgba(0,0,0,.04),0 1px 0 rgba(0,0,0,.04);
	z-index: 1001;
}

body.night-mode:not(.visitor) .main-header {
    background: var(--header-bg-color-dark);
    box-shadow: 0 1px 4px rgba(0,0,0,.2)
}

body.modal-open .main-header,
body.modal-open .top-bar {
	padding-right: 17px !important; /* fix bootstrap modal padding-right for hiding scroll */
}
@media (min-width: 768px) {
	body.modal-open:not(.n_chat) .main-header,
	body.modal-open:not(.n_chat) .top-bar {
		padding-right: 223px !important; /* fix bootstrap modal padding-right for hiding scroll */
	}
}
body.n_activated .main-header, body.n_live .main-header {
	top: 60px; /* for activation bar */
}

.main-header .header-container {
	position: relative; /* relative for .navbar-container to be absolute */
	min-height: 60px;
}
/* -- */

/* - brand-container - */
.main-header .brand-container {
	float: left;
	padding: 0;
	margin-right: 15px;
	width: auto;
	height: 60px;
	overflow: hidden;
	word-break: break-all;	
}

.main-header .brand {
	display: inline-block;
	width: 100%;
	padding: 0 0 0 14px;
	font-size: 11px;
	font-weight: 600;
	line-height: 60px;
	color: #fff;
	opacity: 1;
	text-transform: uppercase;
	-webkit-transition: all .2s;
	transition: all .2s;
}
.main-header .brand:hover {
	opacity: 0.8;
	text-decoration: none;
}
/* -- */

/* - navbar-form - */
.main-header .navbar-form {
	position: relative; /* relative for .navbar-toggle to be absolute */
	border: none;
	margin: 0;
	padding: 0; 
	width: 100%;
	box-shadow: none;
}

.main-header .navbar-form .form-control {
	width: 100%;
	box-shadow: none;
	background: #fff;
	border: 0 none;
	border-radius: 3px;
	color: #7697b7;
	
	-webkit-transition: all .5s;
	transition: all .5s;
}
.main-header .navbar-form .form-control::-webkit-input-placeholder {
	color: #7697b7;
}
.main-header .navbar-form .form-control:-moz-placeholder {
	color: #7697b7;
	opacity: 1;
}
.main-header .navbar-form .form-control:-ms-input-placeholder {
	color: #7697b7;
}
/* -- */

/* navbar-container */
body.visitor .navbar-container {
	float: right;
}
/* -- */

/* navbar-nav */
.main-header .navbar-nav {
	width: 100%;
	margin: 0;
}

.main-header .nav>li {
	float: left;
	width: 14.28571428571429%;
}
body.visitor .main-header .nav>li {
	width: auto;
}


.main-header .nav>li>a {
	background: transparent;
	color: #ffffff;
	height: 60px;
	font-size: 15px;
	line-height: 60px;
	padding: 0 10px;
	text-align: center;
}
.main-header .nav>li>a:hover, 
.main-header .nav>li>a:active, 
.main-header .nav>li>a:focus  {
	color: #efefef;
	background-color: transparent;
}
.main-header .nav>li.dropdown.open>a {
	color: #fff!important;
	background-color: #40628a;
}

.main-header .nav>li>a .fa {
	font-size: 1.4em;
}

.main-header .nav>li>a .label {
	display: block;
	position: absolute;
	right: 7px;
	top: 7px;
	padding: 2px 4px;
	background: #e66454;
	font-size: 10px;
	font-weight: 600;
}
/* -- */

.main-header .nav>li,
.main-header .dropdown.main-header .nav>li>a {
	position: static;
}

/* dropdown-menu */
.navbar-nav .open .dropdown-menu {
	position: absolute;
	float: left;
	width: 100%;
	margin-top: 0;
	background-color: #fff;
	border: 1px solid #ccc;
	border: 1px solid rgba(0,0,0,.15);
	border-top: 0;
	-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
	box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
.navbar-nav .open .dropdown-menu {
	right: 0!important;
	left: 0!important;
}

.main-header ul.dropdown-menu {
	top: 60px;
}

.main-header .user-menu>img {
	border-radius: 3px;
	display: inline-block;
	height: 20px;
	margin: -2px 0 0 0;
	width: 20px;
}

.main-header .user-menu>.caret {
	display: none;
}

@media (min-width: 480px) {
	.main-header .user-menu>.caret {
		display: inline-block;
	}
}

body.night-mode .main-header .nav>li>a:hover {
    background-color: rgba(0,0,0,.1)
}

body.night-mode .main-header .nav>li.dropdown.show>a {
    background-color: #494c62
}
/* -- */

/* COMMON */
/* ------------------------------- */

/* dropdown-widget */
.dropdown-widget {
    width: 100%;
    padding-bottom: 0;
    padding-top: 0;
    border: 0
}

.dropdown-widget-header {
    padding: 10px;
    font-size: 11px;
    border-bottom: 1px solid #e4e4e4
}

body.night-mode .dropdown-widget-header {
    border-color: #424242
}

.dropdown-widget-header .title {
    text-transform: uppercase;
    color: #9a9fbf;
    font-size: 9px;
    font-weight: 700
}

.dropdown-widget-header a:hover {
    text-decoration: underline
}

.dropdown-widget-body {
    padding: 0;
    font-size: 12px
}

.dropdown-widget-body .title {
    border-top: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
    color: #9a9fbf;
    padding: 8px;
    display: block;
    font-size: 11px;
    font-weight: 600;
    line-height: 16px
}

body.night-mode .dropdown-widget-body .title {
    border-color: #424242
}

.dropdown-widget-footer {
    background: #f6f9fc;
    display: block;
    padding: 10px 0;
    border-top: 1px solid #e5e5e5;
    border-bottom: 0 none;
    text-align: center;
    font-size: 11px;
    border-radius: 0 0 4px 4px
}

body.night-mode .dropdown-widget-footer {
    background: #1b1b1b;
    border-color: #424242
}

.dropdown-widget-footer:hover {
    text-decoration: underline
}

@media (min-width: 768px) {
    .dropdown-widget {
        min-width:380px!important
    }

    .dropdown-widget.with-arrow:before {
        position: absolute;
        display: inline-block;
        content: '';
        top: -7px;
        right: 10px;
        border-right: 7px solid transparent;
        border-left: 7px solid transparent;
        border-bottom: 7px solid #fff
    }

	.dropdown-widget.dropdown-search {
        border-radius: 2px 2px 0 0
    }
}
/* -- */

/* side-nav */
.side-nav {
	padding: 0;
	margin: 0;
	list-style: none;
}
.side-nav ul {
	background-color: #F9F9F9;
}
.side-nav ul a {
	padding: 14px 30px;
}
.side-nav li, .side-nav a {
	display: block;
}
.side-nav a, .side-nav .static {
    font-size: 14px;
	padding: 14px 15px;
	color: #6a6a6a;
	border-bottom: 1px solid #c5d1da;
}
.side-nav a i, .side-nav .static i {
	color: var(--link-color);
}
.side-nav a:hover {
	text-decoration: none;
	background-color: #eee;
}
.side-nav a.no-border {
	border-bottom: 0;
}
.side-nav li.selected a {
	color: var(--link-color);
}
.side-nav ul li a {
	font-size: 12px;
}

.side-nav>li.active>a {
	background-color: #f6f8f8;
	color: #597BA5;
	font-weight: bold;
}
.side-nav ul>li.active>a {
	background-color: #eee;
	color: #597BA5;
	font-weight: bold;
}

body.night-mode .side-nav ul>li.active>a {
	color: #fff;
	background-color: #111;
}


body.night-mode .side-nav ul {
    background: #212121;
}

body.night-mode .side-nav a, body.night-mode .side-nav .static {
	color: #919191;
	background-color: rgba(0,0,0,.03);
    border-bottom: 1px solid rgba(0,0,0,.125);
}

body.night-mode .side-nav>li.active>a, body.night-mode .side-nav>li:hover>a {
	color: #fff;
	background-color: #111;
	border-bottom: 1px solid rgba(0,0,0,.125);
}

body.night-mode .img-thumbnail {
    background: #212121;
    border-color: #424242
}

body.night-mode .list-group-item {
    background: #212121;
    border-color: #424242
}
/* -- */


/* --- RESPONSIVE 786 --- */
/* ------------------------------- */

@media (min-width: 768px) {

	/* --- MAIN --- */
	/* ------------------------------- */

	/* Panels */
	.panel-heading.with-icon {
		font-size: 16px;
	}

	.panel-heading.with-nav .nav>li>a {
		padding: 10px 15px;
		font-size: 13px;
	}
	/* -- */


	/* --- HEADER --- */
	/* ------------------------------- */

	/* - navbar-form - */
	.main-header .navbar-form {
		width: 45%;
		height: 60px;
	}

	.main-header .navbar-form .form-control {
		height: 30px;
		line-height: 20px;
		margin-top: 8px;
		padding-bottom: 5px;
		padding-top: 5px;
	}
	/* -- */

	/* navbar-container */
	.navbar-container {
		float: right;
	}
	.main-header .nav>li {
		width: auto!important;
	}
	.main-header .nav>li.dropdown.open>a {
		color: #fff!important;
		background-color: transparent;
	}

	.main-header .nav>li,
	.main-header .dropdown {
		position: relative;
	}

	/* dropdown-menu */
	.navbar-nav .open .dropdown-menu {
		right: 0!important;
		left: inherit!important;
	}

	.main-header .nav .open>a.user-menu, 
	.main-header .nav .open>a.user-menu:hover, 
	.main-header .nav .open>a.user-menu:focus {
		background: #40628a;
		border-left: 1px solid #40628a;
	}

	.main-header .user-menu>img {
		height: 30px;
		margin-top: -3px;
		width: 30px;
		border-radius: 50%;
	}

	.main-header .user-menu>span {
		padding-left: 5px;
	}
	/* -- */

	/* top-bar */
	.top-bar {
		font-size: 1em;
	}
	.top-bar .col-sm-5 {
		text-align: right;
	}
	/* -- */

	.profile-avatar-wrapper {
		padding: 4px;
		border-radius: 3px;
	}
	.profile-avatar-wrapper.static {
		left: 40%;
	}
	.profile-avatar-wrapper img {
		width: 150px;
		height: 150px;
	}

	.profile-avatar-wrapper:hover .profile-avatar-change,
	.profile-avatar-wrapper:hover .profile-avatar-delete {
		border-radius: 3px;
	}

	.profile-avatar-change,
	.profile-avatar-delete {
		font-size: 18px;
	}
	.profile-avatar-change-loader {
		padding-top: 62px;
	}

	/* dropdown-widget */
	.navbar-container .dropdown-widget {
		min-width: 400px!important;
	}
	.dropdown-widget.with-arrow:before {
		position: absolute;
        display: inline-block;
        content: '';
        top: -7px;
        right: 10px;
        border-right: 7px solid transparent;
        border-left: 7px solid transparent;
        border-bottom: 7px solid #fff
	}

	body.night-mode .dropdown-widget.with-arrow:before {
        border-bottom-color: var(--header-bg-color-dark)
	}
	
	.dropdown-widget.dropdown-search {
		left: 0!important;
		top: 39px!important;
		right: inherit!important;
	}
	/* -- */


	/* --- COMMON --- */
	/* ------------------------------- */

	/* feeds-item */
	.navbar-container .feeds-item {
		border-bottom: 1px solid #e4e4e4;
	}
	.navbar-container .feeds-item.unread {
		background: #E9EAED;
		border-radius: 0;
	}
	.navbar-container .feeds-item:last-child {
		border-bottom: 0 none;
	}
	/* -- */

	/* data-container */
	.data-container {
		border-radius: 0;
	}

	.navbar-container a.data-container:hover {
		background: #f6f7f8;
	}

	.data-avatar {
		width: 50px;
		height: 50px;
		border-radius: 3px;
	}
	.data-avatar.rounded {
		border-radius: 50%;
	}
	.data-avatar .left-avatar, 
	.data-avatar .right-avatar {
		width: 24px;
		height: 50px;
		border-radius: 3px 0 0 3px;
	}
	.data-avatar .right-avatar {
		width: 25px;
		border-radius: 0 3px 3px 0;
	}

	.data-container.small .data-avatar {
		width: 30px; /* override the previous */
		height: 30px;
	}
	.data-container.small .data-avatar .left-avatar, 
	.data-container.small .data-avatar .right-avatar {
		width: 24px;
		height: 50px;
	}
	.data-container.small .data-avatar .right-avatar {
		width: 25px;
	}

	.data-avatar .fa {
		font-size: 4em;
	}

	.data-content {
		padding-left: 58px;
		word-wrap: break-word;
	}
	.data-container.small .data-content {
		padding-left: 38px; /* override the previous */
	}

	.navbar-container .data-content {
		color: #818181;
	}

	.navbar-container .data-content a {
		color: #818181;
	}

	.navbar-container .data-content .name a {
		color: var(--link-color);
	}
	/* -- */

}	

/* BOX */
/* ------------------------------- */

.box-tabs-wrapper {
	background: #fff;
	padding: 0 5px;
	margin-bottom: 20px;
}
.box-tabs-wrapper>ul>li {
    float: left;
    margin-right: 2px;
}
.box-tabs-wrapper>ul>li>a {
	color: #333;
    padding: 12px 8px;
    font-size: 11px;
    line-height: 20px;
    border-bottom: 2px solid transparent;
}
@media (min-width: 480px) {
	.box-tabs-wrapper>ul>li {
	    margin-right: 5px;
	}
	.box-tabs-wrapper>ul>li>a {
		padding: 12px 10px;
		font-size: 12px;
	}
}
@media (min-width: 768px) {
	.box-tabs-wrapper {
		padding: 0 10px;
	}
	.box-tabs-wrapper>ul>li {
	    margin-right: 10px;
	}
	.box-tabs-wrapper>ul>li>a {
		padding: 12px;
	    font-size: 13px;
	    line-height: 20px;
	}
}
.box-tabs-wrapper>ul>li>a:hover {
	background: transparent;
	border-bottom: 2px solid #ccc;
}
.box-tabs-wrapper>ul>li.active>a {
	color: var(--link-color);
	font-weight: 600;
	border-bottom: 2px solid #597ba5;
}

.box {
	position: relative;
    margin-bottom: 20px;
    background: #fff;
    border: 1px solid #ddd;
}
.box-picture {
	background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    background-color: #fff;
    width: 100%;
    height: 100%;
    padding-top: 101%;
    overflow: hidden;
    display: block;
}
.box-content {
	padding: 10px;
}
.box-content .title {
	margin-bottom: 10px;
	font-size: 14px;
	font-weight: 500;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
	display: -webkit-box;
	line-height: 18px;
	max-height: 18px;
	-webkit-line-clamp: 1; /* number of lines to show */
	-webkit-box-orient: vertical;
}
.box-content .text {
	font-size: 11px;
	line-height: 26px;
    color: #999;
}
.box-content .btn {
	padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
}

/* PAGE = [ADMIN] */
/* ------------------------------- */

.nav.admin>li>a {
	padding: 10px 10px;
}

.stat-panel {
    border-radius: 4px;
    margin-bottom: 20px;
    overflow: hidden
}

.stat-panel.border {
    border: 1px solid #e6ecf5
}

body.night-mode .stat-panel.border {
    border-color: #363636!important
}

.stat-cell {
    position: relative;
    padding: 20px
}

.stat-cell .icon {
    position: absolute;
    top: 20px;
    right: 20px;
    background: #fff;
    font-size: 20px;
    width: 48px;
    height: 48px;
    padding: 14px;
    border-radius: 50%
}

.stat-cell .bg-icon {
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: 100px;
    opacity: .25
}

.stat-cell a {
    font-size: 12px;
    color: #fff
}

.stat-cell a:hover {
    text-decoration: underline
}

.admin-chart {
	min-width: 100%;
	height: 350px;
	margin: 0 auto;
	border: 1px solid #ddd;
}

.highcharts-data-table table {
	font-family: Verdana, sans-serif;
	border-collapse: collapse;
	border: 1px solid #EBEBEB;
	margin: 10px auto;
	text-align: center;
	width: 100%;
	max-width: 500px;
}
.highcharts-data-table caption {
    padding: 1em 0;
    font-size: 1.2em;
    color: #555;
}
.highcharts-data-table th {
	font-weight: 600;
    padding: 0.5em;
}
.highcharts-data-table td, .highcharts-data-table th, .highcharts-data-table caption {
    padding: 0.5em;
}
.highcharts-data-table thead tr, .highcharts-data-table tr:nth-child(even) {
    background: #f8f8f8;
}
.highcharts-data-table tr:hover {
    background: #f1f7ff;
}

/* -- */

/* AUTO-COMPLETE */
/* ------------------------------- */

.typeahead {
	position: relative; /* for dropdown-menu */
	float: left;
}

.typeahead input {
	width: 100%;
	color: #4e5665;
	font-size: 13px;
	line-height: 20px;
	outline: 0 none;
	border: 0 none;
}

.tags li {
	float: left;
	padding: 2px 4px;
	margin: 0 3px 3px 0;
	background: #EEF2F5;
	color: #245774;
	font-size: 11px;
	line-height: 16px;
	border: 1px dotted #9FB8CB;
	border-radius: 3px;
}

.tags button {
	filter: alpha(opacity=50);
	opacity: 0.5;
	font-size: 16px;
	margin-left: 4px;
}
.tags button:hover {
	filter: alpha(opacity=80);
	opacity: 0.8;
}

/* Google Geo-Autocomplete */
.pac-container {
	z-index: 999999;
}
/* -- */

/* NOTY NOTIFICATION */
/* ------------------------------- */

.noty_theme__mint.noty_type__info, 
.noty_theme__mint.noty_type__information {
	background-color: rgba(89, 123, 165, 0.8)!important;
    border-bottom: 1px solid #597ba5!important;
}

.noty_body {
	padding: 5px!important;
}
.noty_body .data-content {
	color: #fff!important;
}
/* -- */

/* BIG ICON */
/* ------------------------------- */

.big-icon {
	width: 80px;
	height: 80px;
	border: 4px solid rgba(128, 128, 128, 0.15);
	border-radius: 50%;
	margin: 20px auto;
	position: relative;
}
.big-icon.success {
	border-color: rgba(76, 174, 76, 0.15);
}

.big-icon.error {
	border-color: rgba(217, 83, 79, 0.15);
}

.big-icon .fa {
	padding-top: 17px;
	padding-left: 3px;
}
.big-icon.success .fa {
	color: #4cae4c;
}
.big-icon.error .fa {
	color: #d9534f;
}
/* -- */

/* LOADER */
/* ------------------------------- */

.loader {
	width: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 5px 0;
}
.loader:after {
	display: block;
	position: relative;
	width: 20px;
	height: 20px;
	-webkit-animation: rotate 0.6s linear infinite;
	-moz-animation: rotate 0.6s linear infinite;
	-ms-animation: rotate 0.6s linear infinite;
	-o-animation: rotate 0.6s linear infinite;
	animation: rotate 0.6s linear infinite;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	border-top: 1px solid #545a6a;
	border-bottom: 1px solid #d4d4db;
	border-left: 1px solid #545a6a;
	border-right: 1px solid #d4d4db;
	content: '';
	opacity: .5;
}
.loader.loader_large:after {
	width: 40px;
	height: 40px;
}
.loader.loader_medium:after {
	width: 25px;
	height: 25px;
}
.loader.loader_small:after {
	width: 10px;
	height: 10px;
}
.loader.loader_green:after {
	opacity: 1;
	border-top: 1px solid #42a26e;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #42a26e;
	border-right: 1px solid #fff;
}
@keyframes rotate {
	0% {
		transform: rotateZ(-360deg);
		-webkit-transform: rotateZ(-360deg);
		-moz-transform: rotateZ(-360deg);
		-o-transform: rotateZ(-360deg);
	}
	100% {
		transform: rotateZ(0deg);
		-webkit-transform: rotateZ(0deg);
		-moz-transform: rotateZ(0deg);
		-o-transform: rotateZ(0deg);
	}
}
@-webkit-keyframes rotate {
	0% {
		transform: rotateZ(-360deg);
		-webkit-transform: rotateZ(-360deg);
		-moz-transform: rotateZ(-360deg);
		-o-transform: rotateZ(-360deg);
	}
	100% {
		transform: rotateZ(0deg);
		-webkit-transform: rotateZ(0deg);
		-moz-transform: rotateZ(0deg);
		-o-transform: rotateZ(0deg);
	}
}
@-moz-keyframes rotate {
	0% {
		transform: rotateZ(-360deg);
		-webkit-transform: rotateZ(-360deg);
		-moz-transform: rotateZ(-360deg);
		-o-transform: rotateZ(-360deg);
	}
	100% {
		transform: rotateZ(0deg);
		-webkit-transform: rotateZ(0deg);
		-moz-transform: rotateZ(0deg);
		-o-transform: rotateZ(0deg);
	}
}
@-o-keyframes rotate {
	0% {
		transform: rotateZ(-360deg);
		-webkit-transform: rotateZ(-360deg);
		-moz-transform: rotateZ(-360deg);
		-o-transform: rotateZ(-360deg);
	}
	100% {
		transform: rotateZ(0deg);
		-webkit-transform: rotateZ(0deg);
		-moz-transform: rotateZ(0deg);
		-o-transform: rotateZ(0deg);
	}
}
/* -- */


/* POST LOADER */
/* ------------------------------- */
@keyframes anim {
  0% {
    background-position: -468px 0;
  }
  100% {
    background-position: 468px 0;
  }
}
@-o-keyframes anim {
  0% {
    background-position: -468px 0;
  }
  100% {
    background-position: 468px 0;
  }
}
@-ms-keyframes anim {
  0% {
    background-position: -468px 0;
  }
  100% {
    background-position: 468px 0;
  }
}
@-moz-keyframes anim {
  0% {
    background-position: -468px 0;
  }
  100% {
    background-position: 468px 0;
  }
}
@-webkit-keyframes anim {
  0% {
    background-position: -468px 0;
  }
  100% {
    background-position: 468px 0;
  }
}

.panel-effect {
  position: relative;
  background: #f6f7f8 no-repeat 800px 104px;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y2ZjdmOCIvPjxzdG9wIG9mZnNldD0iMjAlIiBzdG9wLWNvbG9yPSIjZWRlZWYxIi8+PHN0b3Agb2Zmc2V0PSI0MCUiIHN0b3AtY29sb3I9IiNmNmY3ZjgiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNmY3ZjgiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #f6f7f8), color-stop(20%, #edeef1), color-stop(40%, #f6f7f8), color-stop(100%, #f6f7f8));
  background-image: -moz-linear-gradient(left, #f6f7f8 0%, #edeef1 20%, #f6f7f8 40%, #f6f7f8 100%);
  background-image: -webkit-linear-gradient(left, #f6f7f8 0%, #edeef1 20%, #f6f7f8 40%, #f6f7f8 100%);
  background-image: linear-gradient(to right, #f6f7f8 0%, #edeef1 20%, #f6f7f8 40%, #f6f7f8 100%);
  height: 104px;
  -moz-animation: anim 1s forwards infinite linear;
  -webkit-animation: anim 1s forwards infinite linear;
  animation: anim 1s forwards infinite linear;
}

.fake-effect {
  position: absolute;
  background: #fff;
  right: 0;
  left: 0;
  height: 6px;
}

.fe-0 {
  height: 40px;
  left: 40px;
  width: 8px;
}

.fe-1 {
  height: 8px;
  left: 48px;
  top: 0;
  right: 0;
}

.fe-2 {
  left: 136px;
  top: 8px;
}

.fe-3 {
  height: 12px;
  left: 48px;
  top: 14px;
}

.fe-4 {
  left: 100px;
  top: 26px;
}

.fe-5 {
  height: 10px;
  left: 48px;
  top: 32px;
}

.fe-6 {
  height: 20px;
  top: 40px;
}

.fe-7 {
  left: 410px;
  top: 60px;
}

.fe-8 {
  height: 13px;
  top: 66px;
}

.fe-9 {
  left: 440px;
  top: 79px;
}

.fe-10 {
  height: 13px;
  top: 85px;
}

.fe-11 {
  left: 178px;
  top: 98px;
}
/* -- */


/* ON/OFF TOGGLE */
/* ------------------------------- */
.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
    margin: 0
}

.switch.sm {
    width: 30px;
    height: 17px
}

.switch input {
    display: none
}

.switch .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s
}

body.night-mode .switch .slider {
    background-color: #666
}

.switch .slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: #fff;
    -webkit-transition: .4s;
    transition: .4s
}

.switch.sm .slider:before {
    height: 13px;
    width: 13px;
    left: 2px;
    bottom: 2px
}

.switch input:checked+.slider {
    background-color: var(--link-color)
}

.switch input:focus+.slider {
    box-shadow: 0 0 1px #2196f3
}

.switch input:checked+.slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px)
}

.switch.sm input:checked+.slider:before {
    -webkit-transform: translateX(13px);
    -ms-transform: translateX(13px);
    transform: translateX(13px)
}

.switch .slider.round {
    border-radius: 34px
}

.switch .slider.round:before {
    border-radius: 50%
}
/* -- */


/* FANCY CHECKBOX */
/* ------------------------------- */
.checkbox label {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	padding-left: 5px;
}
.checkbox label::before {
	content: "";
	display: inline-block;
	position: absolute;
	width: 17px;
	height: 17px;
	left: 0;
	margin-left: -20px;
	border: 1px solid #cccccc;
	border-radius: 3px;
	background-color: #fff;
	-webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
	-o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
	transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
}
.checkbox label::after {
	display: inline-block;
	position: absolute;
	width: 16px;
	height: 16px;
	left: 0;
	top: 0;
	margin-left: -20px;
	padding-left: 3px;
	padding-top: 1px;
	font-size: 10px;
	color: #555555;
}
.checkbox input[type="checkbox"],
.checkbox input[type="radio"] {
	opacity: 0;
	z-index: 1;
	cursor: pointer;
}
.checkbox input[type="checkbox"]:focus + label::before,
.checkbox input[type="radio"]:focus + label::before {
	outline: thin dotted;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}
.checkbox input[type="checkbox"]:checked + label::after,
.checkbox input[type="radio"]:checked + label::after {
	content:"\e013";
	font-family:'Glyphicons Halflings';
}
.checkbox input[type="checkbox"]:indeterminate + label::after,
.checkbox input[type="radio"]:indeterminate + label::after {
	display: block;
	content: "";
	width: 10px;
	height: 3px;
	background-color: #555555;
	border-radius: 2px;
	margin-left: -16.5px;
	margin-top: 7px;
}
.checkbox input[type="checkbox"]:disabled,
.checkbox input[type="radio"]:disabled {
	cursor: not-allowed;
}
.checkbox input[type="checkbox"]:disabled + label,
.checkbox input[type="radio"]:disabled + label {
	opacity: 0.65;
}
.checkbox input[type="checkbox"]:disabled + label::before,
.checkbox input[type="radio"]:disabled + label::before {
	background-color: #eeeeee;
	cursor: not-allowed;
}
.checkbox.checkbox-circle label::before {
	border-radius: 50%;
}
.checkbox.checkbox-inline {
	margin-top: 0;
}

.checkbox-primary input[type="checkbox"]:checked + label::before,
.checkbox-primary input[type="radio"]:checked + label::before {
	background-color: #337ab7;
	border-color: #337ab7;
}
.checkbox-primary input[type="checkbox"]:checked + label::after,
.checkbox-primary input[type="radio"]:checked + label::after {
	color: #fff;
}

.checkbox-danger input[type="checkbox"]:checked + label::before,
.checkbox-danger input[type="radio"]:checked + label::before {
	background-color: #d9534f;
	border-color: #d9534f;
}
.checkbox-danger input[type="checkbox"]:checked + label::after,
.checkbox-danger input[type="radio"]:checked + label::after {
	color: #fff;
}

.checkbox-info input[type="checkbox"]:checked + label::before,
.checkbox-info input[type="radio"]:checked + label::before {
	background-color: #5bc0de;
	border-color: #5bc0de;
}
.checkbox-info input[type="checkbox"]:checked + label::after,
.checkbox-info input[type="radio"]:checked + label::after {
	color: #fff;
}

.checkbox-warning input[type="checkbox"]:checked + label::before,
.checkbox-warning input[type="radio"]:checked + label::before {
	background-color: #f0ad4e;
	border-color: #f0ad4e;
}
.checkbox-warning input[type="checkbox"]:checked + label::after,
.checkbox-warning input[type="radio"]:checked + label::after {
	color: #fff;
}

.checkbox-success input[type="checkbox"]:checked + label::before,
.checkbox-success input[type="radio"]:checked + label::before {
	background-color: #5cb85c;
	border-color: #5cb85c;
}
.checkbox-success input[type="checkbox"]:checked + label::after,
.checkbox-success input[type="radio"]:checked + label::after {
	color: #fff;
}

.checkbox-primary input[type="checkbox"]:indeterminate + label::before,
.checkbox-primary input[type="radio"]:indeterminate + label::before {
	background-color: #337ab7;
	border-color: #337ab7;
}

.checkbox-primary input[type="checkbox"]:indeterminate + label::after,
.checkbox-primary input[type="radio"]:indeterminate + label::after {
	background-color: #fff;
}

.checkbox-danger input[type="checkbox"]:indeterminate + label::before,
.checkbox-danger input[type="radio"]:indeterminate + label::before {
	background-color: #d9534f;
	border-color: #d9534f;
}

.checkbox-danger input[type="checkbox"]:indeterminate + label::after,
.checkbox-danger input[type="radio"]:indeterminate + label::after {
	background-color: #fff;
}

.checkbox-info input[type="checkbox"]:indeterminate + label::before,
.checkbox-info input[type="radio"]:indeterminate + label::before {
	background-color: #5bc0de;
	border-color: #5bc0de;
}

.checkbox-info input[type="checkbox"]:indeterminate + label::after,
.checkbox-info input[type="radio"]:indeterminate + label::after {
	background-color: #fff;
}

.checkbox-warning input[type="checkbox"]:indeterminate + label::before,
.checkbox-warning input[type="radio"]:indeterminate + label::before {
	background-color: #f0ad4e;
	border-color: #f0ad4e;
}

.checkbox-warning input[type="checkbox"]:indeterminate + label::after,
.checkbox-warning input[type="radio"]:indeterminate + label::after {
	background-color: #fff;
}

.checkbox-success input[type="checkbox"]:indeterminate + label::before,
.checkbox-success input[type="radio"]:indeterminate + label::before {
	background-color: #5cb85c;
	border-color: #5cb85c;
}

.checkbox-success input[type="checkbox"]:indeterminate + label::after,
.checkbox-success input[type="radio"]:indeterminate + label::after {
	background-color: #fff;
}

.selectgroup {
display: -ms-inline-flexbox;
display: inline-flex;
}

.selectgroup-inline {
	display: -ms-inline-table;
	display: inline-table;
}

.selectgroup-vertical {
-ms-flex-direction: column;
flex-direction: column;
}

.selectgroup-item {
-ms-flex-positive: 1;
flex-grow: 1;
position: relative;
}

.selectgroup:not(.selectgroup-vertical) > .selectgroup-item + .selectgroup-item {
margin-left: -1px;
}

.selectgroup:not(.selectgroup-vertical) > .selectgroup-item:not(:first-child) .selectgroup-button {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}

.selectgroup:not(.selectgroup-vertical) > .selectgroup-item:not(:last-child) .selectgroup-button {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}

.selectgroup-vertical > .selectgroup-item:not(:last-child) {
margin-bottom: 0;
}

.selectgroup-vertical > .selectgroup-item + .selectgroup-item {
margin-top: -1px;
margin-left: 0;
}

.selectgroup-vertical > .selectgroup-item:not(:first-child) .selectgroup-button {
border-top-left-radius: 0;
border-top-right-radius: 0;
}

.selectgroup-vertical > .selectgroup-item:not(:last-child) .selectgroup-button {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}

.selectgroup-input {
opacity: 0;
position: absolute;
z-index: -1;
top: 0;
left: 0;
}

.selectgroup-button {
display: block;
border: 1px solid rgba(0, 40, 100, 0.12);
text-align: center;
padding: 0.375rem 1rem;
position: relative;
cursor: pointer;
border-radius: 3px;
color: #9aa0ac;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
font-size: 15px;
line-height: 22px;
min-width: 80px;
}

.selectgroup-button-icon {
padding-left: .5rem;
padding-right: .5rem;
font-size: 1rem;
}

.selectgroup-input:checked + .selectgroup-button {
border-color: #467fcf;
z-index: 1;
color: #467fcf;
background: #edf2fa;
}

.selectgroup-input:focus + .selectgroup-button {
border-color: #467fcf;
z-index: 2;
color: #467fcf;
box-shadow: 0 0 0 2px rgba(70, 127, 207, 0.25);
}

.selectgroup-pills {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: start;
align-items: flex-start;
}

.selectgroup-pills .selectgroup-item {
margin-right: .5rem;
-ms-flex-positive: 0;
flex-grow: 0;
}

.selectgroup-pills .selectgroup-button {
border-radius: 50px !important;
}

.radio {
	padding-left: 20px;
}
.radio label {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	padding-left: 5px;
}
.radio label::before {
	content: "";
	display: inline-block;
	position: absolute;
	width: 17px;
	height: 17px;
	left: 0;
	margin-left: -20px;
	border: 1px solid #cccccc;
	border-radius: 50%;
	background-color: #fff;
	-webkit-transition: border 0.15s ease-in-out;
	-o-transition: border 0.15s ease-in-out;
	transition: border 0.15s ease-in-out;
}
.radio label::after {
	display: inline-block;
	position: absolute;
	content: " ";
	width: 11px;
	height: 11px;
	left: 3px;
	top: 3px;
	margin-left: -20px;
	border-radius: 50%;
	background-color: #555555;
	-webkit-transform: scale(0, 0);
	-ms-transform: scale(0, 0);
	-o-transform: scale(0, 0);
	transform: scale(0, 0);
	-webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
	-moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
	-o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
	transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
}
.radio input[type="radio"] {
	opacity: 0;
	z-index: 1;
	cursor: pointer;
}
.radio input[type="radio"]:focus + label::before {
	outline: thin dotted;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}
.radio input[type="radio"]:checked + label::after {
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	transform: scale(1, 1);
}
.radio input[type="radio"]:disabled {
	cursor: not-allowed;
}
.radio input[type="radio"]:disabled + label {
	opacity: 0.65;
}
.radio input[type="radio"]:disabled + label::before {
	cursor: not-allowed;
}
.radio.radio-inline {
	margin-top: 0;
}

.radio-primary input[type="radio"] + label::after {
	background-color: #337ab7;
}
.radio-primary input[type="radio"]:checked + label::before {
	border-color: #337ab7;
}
.radio-primary input[type="radio"]:checked + label::after {
	background-color: #337ab7;
}

.radio-danger input[type="radio"] + label::after {
	background-color: #d9534f;
}
.radio-danger input[type="radio"]:checked + label::before {
	border-color: #d9534f;
}
.radio-danger input[type="radio"]:checked + label::after {
	background-color: #d9534f;
}

.radio-info input[type="radio"] + label::after {
	background-color: #5bc0de;
}
.radio-info input[type="radio"]:checked + label::before {
	border-color: #5bc0de;
}
.radio-info input[type="radio"]:checked + label::after {
	background-color: #5bc0de;
}

.radio-warning input[type="radio"] + label::after {
	background-color: #f0ad4e;
}
.radio-warning input[type="radio"]:checked + label::before {
	border-color: #f0ad4e;
}
.radio-warning input[type="radio"]:checked + label::after {
	background-color: #f0ad4e;
}

.radio-success input[type="radio"] + label::after {
	background-color: #5cb85c;
}
.radio-success input[type="radio"]:checked + label::before {
	border-color: #5cb85c;
}
.radio-success input[type="radio"]:checked + label::after {
	background-color: #5cb85c;
}

input[type="checkbox"].styled:checked + label:after,
input[type="radio"].styled:checked + label:after {
	content:"\e013";
	font-family:'Glyphicons Halflings';
}
input[type="checkbox"] .styled:checked + label::before,
input[type="radio"] .styled:checked + label::before {
	color: #fff;
}
input[type="checkbox"] .styled:checked + label::after,
input[type="radio"] .styled:checked + label::after {
	color: #fff;
}
/* -- */


/* PROGRESS BAR */
/* ------------------------------- */

#ProgressBar {
    position: fixed;
    top: 0;
    width: 0%;
    height: 5px;
    background-color: #597ba5;
    z-index: 99999;

    -webkit-transition: padding .5s;
	transition: padding .5s;
}
/* -- */

/* EXTRAS */
/* ------------------------------- */

/* margins */
.mt0 {
	margin-top: 0!important;
}
.mb0 {
	margin-bottom: 0!important;
}
.ml0 {
	margin-left: 0!important;
}
.mr0 {
	margin-right: 0!important;
}
.ml5 {
	margin-left: 5px  !important;
}
.mr5 {
	margin-right: 5px !important;
}
.mlr5 {
	margin-left: 5px !important;
	margin-right: 5px !important;
}
.mt5 {
	margin-top: 5px !important;
}
.mb5 {
	margin-bottom: 5px !important;
}
.mtb5 {
	margin-top: 5px !important;
	margin-bottom: 5px !important;
}
.ml10 {
	margin-left: 10px !important;
}
.mr10 {
	margin-right: 10px !important;
}
.mlr10 {
	margin-left: 10px !important;
	margin-right: 10px !important;
}
.mt10 {
	margin-top: 10px !important;
}
.mb10 {
	margin-bottom: 10px !important;
}
.mtb10 {
	margin-top: 10px !important;
	margin-bottom: 10px !important;
}
.ml20 {
	margin-left: 20px !important;
}
.mr20 {
	margin-right: 20px !important;
}
.mlr20 {
	margin-left: 20px !important;
	margin-right: 20px !important;
}
.mt20 {
	margin-top: 20px !important;
}
.mb20 {
	margin-bottom: 20px !important;
}
.mtb20 {
	margin-top: 20px !important;
	margin-bottom: 20px !important;
}
.mauto {
	margin-left: auto !important;
	margin-right: auto !important;
}
/* -- */

/* paddings */
.pl0 {
	padding-left: 0px !important;
}
.pr0 {
	padding-right: 0px !important;
}
.plr0 {
	padding-left: 0px !important;
	padding-right: 0px !important;
}
.pt0 {
	padding-top: 0px !important;
}
.pb0 {
	padding-bottom: 0px !important;
}
.ptb0 {
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}
.pl5 {
	padding-left: 5px !important;
}
.pr5 {
	padding-right: 5px !important;
}
.plr5 {
	padding-left: 5px !important;
	padding-right: 5px !important;
}
.pt5 {
	padding-top: 5px !important;
}
.pb5 {
	padding-bottom: 5px !important;
}
.ptb5 {
	padding-top: 5px !important;
	padding-bottom: 5px !important;
}
.pl10 {
	padding-left: 10px !important;
}
.pr10 {
	padding-right: 10px !important;
}
.plr10 {
	padding-left: 10px !important;
	padding-right: 10px !important;
}
.pt10 {
	padding-top: 10px !important;
}
.pb10 {
	padding-bottom: 10px !important;
}
.ptb10 {
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}
.pl20 {
	padding-left: 20px !important;
}
.pr20 {
	padding-right: 20px !important;
}
.plr20 {
	padding-left: 20px !important;
	padding-right: 20px !important;
}
.pt20 {
	padding-top: 20px !important;
}
.pb20 {
	padding-bottom: 20px !important;
}
.ptb20 {
	padding-top: 20px !important;
	padding-bottom: 20px !important;
}
.pl30 {
	padding-left: 30px !important;
}
.pr30 {
	padding-right: 30px !important;
}
.plr30 {
	padding-left: 30px !important;
	padding-right: 30px !important;
}
.pt30 {
	padding-top: 30px !important;
}
.pb30 {
	padding-bottom: 30px !important;
}
.ptb30 {
	padding-top: 30px !important;
	padding-bottom: 30px !important;
}
/* -- */

/* text */
.text-x-muted {
	color: #999;
}
.text-link {
	color: var(--link-color);
}
.text-link:hover {
	cursor: pointer;
	text-decoration: underline;
}
.text-underline:hover {
	cursor: pointer;
	text-decoration: underline;
}
.text-clickable:hover {
	cursor: pointer;
}
.text-clickable:hover span {
	text-decoration: underline;
}
.text-active {
	color: #1e8bd2;
    font-weight: 500;
}
.text-readable {
	font-size: 1.3em;
	line-height: 1.8em;
}
.text-bg {
	font-size: 1em;
}
.text-lg {
	font-size: 1.3em;
}
.text-xlg {
	font-size: 2.3em;
	font-weight: 700;
}
.fw-normal {
	font-weight: normal;
}
.fw-bold {
	font-weight: bold;
}
.red {
	color: red;
}
.green {
	color: green;
}
.yellow {
	color: #ebba16;
}
/* -- */

/* positions */
.relative {
	position: relative;
}
.fixed {
	position: fixed;
}
.absolute {
	position: absolute;
}
/* -- */

/* cursor */
.pointer {
	cursor: pointer;
}

/* x */
.x-muted {
	color: #a7a7a7;
}
.x-notifier {
	background: #ffffcd!important;
}
.x-hidden {
	display: none;
}
.x-visible {
	visibility: hidden;
}

.align-items-center {
    -webkit-box-align: center!important;
    -ms-flex-align: center!important;
    align-items: center!important;
}
/* -- */

/* --- RESPONSIVE 480 --- */
/* ------------------------------- */

@media (min-width: 480px) {

	/* --- COMMON --- */
	/* ------------------------------- */

	/* data-container */
	.data-content .btn {
		padding: 4px 12px;
		font-size: 12px;
	}
	.data-container.small .btn {
		padding: 4px 8px;
		font-size: 11px;
	}
	/* -- */

}

/* --- RESPONSIVE 786 --- */
/* ------------------------------- */

@media (min-width: 768px) {

	/* --- MAIN --- */
	/* ------------------------------- */

	/* Panels */
	.panel-heading.with-icon {
		font-size: 16px;
	}

	.panel-heading.with-nav .nav>li>a {
		padding: 10px 15px;
		font-size: 13px;
	}
	/* -- */

	.profile-avatar-wrapper {
		padding: 4px;
		border-radius: 3px;
	}
	.profile-avatar-wrapper.static {
		left: 40%;
	}
	.profile-avatar-wrapper img {
		width: 150px;
		height: 150px;
	}

	.profile-avatar-wrapper:hover .profile-avatar-change,
	.profile-avatar-wrapper:hover .profile-avatar-delete {
		border-radius: 3px;
	}

	.profile-avatar-change,
	.profile-avatar-delete {
		font-size: 18px;
	}
	.profile-avatar-change-loader {
		padding-top: 62px;
	}
}

/* OFFCANVAS */
/* ------------------------------- */

@media (max-width: 767px) {
	.offcanvas {
		position: relative;
	}
	.offcanvas>.row{
		overflow: hidden;
	}
	.offcanvas-sidebar {
		position: absolute;
		top: 0;
		left: -80%;
		width: 80%;
		height: 100%;
		z-index: 100;

		-webkit-transition: all 0.25s ease-out;
		-moz-transition: all 0.25s ease-out;
		transition: all 0.25s ease-out;
	}
	.offcanvas.active .offcanvas-sidebar {
		left: 0;
	}
	.offcanvas-mainbar {
		left: 0;
		-webkit-transition: all 0.25s ease-out;
		-moz-transition: all 0.25s ease-out;
		transition: all 0.25s ease-out;
	}
	.offcanvas.active .offcanvas-mainbar {
		left: 80%;		
	}
}

.ProgressiveDeliverySchedule {
    margin-bottom: 10px;
}

.ProgressiveDeliverySchedule__actions {
    text-align: center;
}

.ProgressiveDeliverySchedule__parts {
    font-size: 14px;
    list-style-type: none;
    margin: 0;
    padding: 10px 0 0;
}

.ProgressiveDeliverySchedule__part {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-bottom: 24px;
    text-align: -webkit-match-parent;
}

.ProgressiveDeliverySchedule__part__title::after, .ProgressiveDeliverySchedule__part__pages::after, .ProgressiveDeliverySchedule__part__deadline::after {
    color: #e7e7e7;
    content: "—";
    margin-left: 5px;
    margin-right: 5px;
}

.ProgressiveDeliverySchedule__part__deadline__calendar {
    border: 1px solid #c4c7c9;
    box-shadow: inset 0 0 1px #c4c7c9;
    color: #81868b;
    display: inline-block;
    margin-right: 5px;
    min-width: 1.4em;
    padding: 2px;
    position: relative;
    text-align: center;
}

.ProgressiveDeliverySchedule__part__deadline__calendar::before, .ProgressiveDeliverySchedule__part__deadline__calendar::after {
    background-color: rgba(218, 218, 218, 0.4);
    border-color: white;
    border-style: solid;
    border-width: 0 1px;
    content: " ";
    display: block;
    height: 3px;
    left: 4px;
    position: absolute;
    top: -3px;
    width: 3px;
}

.ProgressiveDeliverySchedule__part__deadline__calendar::after {
    left: auto;
    right: 4px;
}

.ProgressiveDeliverySchedule__reject-reason-label {
    display: block;
    font-size: 14px;
    margin: 0 0 4px;
}

.ProgressiveDeliverySchedule__reject-controls--actions {
    text-align: center;
}

.OrderMessages__buttons {
    border-bottom: 1px solid rgba(218, 218, 218, 0.4);
    display: flex;
    padding: 10px;
}

.OrderMessage__link a {
    background-color: #488113;
    border: none;
    border-radius: 5px;
    color: white;
    display: inline-block;
    font-size: 13px;
    font-weight: bold;
    height: auto;
    line-height: 120%;
    margin-top: 3px;
    outline: medium none;
    padding: 3px 30px;
    text-align: center;
    text-decoration: none;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
    vertical-align: top;
    width: auto;
}

.OrderMessages__empty-message {
    color: #777;
    font-size: 14px;
    font-weight: bold;
    padding: 40px 20px;
    text-align: center;
    text-transform: uppercase;
}

.OrderMessages__button--mark-all {
    margin-left: auto;
}

@media only screen and (max-width: 425px) {
    .OrderMessages__button--mark-all[disabled] {
        display: none;
    }
}

.OrderDetailsFilesFile {
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.2), 0 1px 1px rgba(0, 0, 0, 0.1);
    margin-bottom: 8px;
    border-radius: 5px;
}

.OrderDetailsFilesFile__header {
    align-items: center;
    cursor: pointer;
    display: block;
    display: flex;
    padding: 10px 10px 10px 25px;
    position: relative;
    border: none;
    background: none;
    color: inherit;
    width: 100%;
    border-radius: 5px;
}

.OrderDetailsFilesFile__header:focus {
    outline: none;
}

.OrderDetailsFilesFile__header:hover {
    background-color: #f5f9fa;
}

.OrderDetailsFilesFile__header::before {
    border-color: transparent transparent transparent #c1c0c0;
    border-style: solid;
    border-width: 4px 0 4px 4px;
    content: " ";
    display: block;
    height: 0;
    left: 10px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0;
}

.OrderDetailsFilesFile__heading {
    justify-content: space-between;
    min-width: 0;
}

@media only screen and (min-width: 641px) {
    .OrderDetailsFilesFile__heading {
        display: flex;
        flex: 1 1 auto;
    }
}

.OrderDetailsFilesFile__name {
    font-size: 14px;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
    margin-right: 10px;
}

.OrderDetailsFilesFile__created-at {
    color: #777;
    font-size: 12px;
    line-height: 20px;
    white-space: nowrap;
    text-align: left;
}

.OrderDetailsFilesFile__header--is-open::before {
    border-color: #c1c0c0 transparent transparent;
    border-width: 4px 4px 0;
    margin: 0 0 0 -2px;
}

.OrderDetailsFilesFile__header--is-new {
    font-weight: bold;
}

.OrderDetailsFilesFile__body {
    padding-bottom: 10px;
}

@media only screen and (max-width: 425px) {
    .OrderDetailsFilesFile__body {
        padding: 10px;
    }
}

@media only screen and (min-width: 426px) {
    .OrderDetailsFilesFile__body {
        margin-left: 55px;
    }
}

.OrderDetailsFilesFile__body__additional_info {
    color: #777;
    font-size: 12px;
    line-height: 130%;
    margin-bottom: 5px;
}

.OrderDetailsFilesFile__body__description {
    font-size: 12px;
    line-height: 130%;
    margin-bottom: 10px;
}

.OrderDetailsFilesFile__body__time-free-revision, .OrderDetailsFilesFile__body__comment {
    color: #777;
    font-size: 13px;
    line-height: 1.3;
    margin-bottom: 10px;
}

.OrderDetailsFilesFile__button {
    margin: 0 10px 10px 0;
    padding: 5px;
    min-width: 215px;
    text-align: center;
}

.OrderDetailsFilesFile__button::before {
    content: "";
    display: inline-block;
    height: 19px;
    margin-right: 10px;
    vertical-align: -4px;
    width: 19px;
}

.OrderDetailsFilesFile__button:hover::before {
    opacity: .5;
}

.OrderDetailsFilesFile__button--light {
    border-color: transparent;
    background-color: #fff;
}

.OrderDetailsFilesFile__button--light:not([aria-disabled]):hover {
    border-color: #dce0ef;
    color: #1c7ed6;
}

.OrderDetailsFilesFile__button--revision::before {
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNy4yIDE2LjEyIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6IzAxODBkNTt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmljb24tcGFpZC1yZXZpc2lvbjwvdGl0bGU+PGcgaWQ9IkxheWVyXzIiIGRhdGEtbmFtZT0iTGF5ZXIgMiI+PGcgaWQ9IkxheWVyXzMiIGRhdGEtbmFtZT0iTGF5ZXIgMyI+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNOS42Nyw0LjYxYS43MS43MSwwLDAsMC0xLDBMMS45MSwxMS4zOGEuNy43LDAsMCwwLS4yLjRsLS41MywzLjQ0YS43My43MywwLDAsMCwuMTguNThsLjE1LjE0aDBhLjc1Ljc1LDAsMCwwLC4zNi4xSDJsMy40NC0uNTJhLjg0Ljg0LDAsMCwwLC40LS4ybDYuNzctNi43N2EuNzIuNzIsMCwwLDAsMC0xWk00LDE0LjI5bC0xLjI1LjE5LjE5LTEuMjVaTTkuMzgsOS43NWwtNCw0TDMuNDgsMTEuODFsNC00Wk0xMS4xLDhsLS43My43Mkw4LjQ1LDYuODNsLjcyLS43MlpNMi4xNywxNVoiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik03Ljg0LDBhOS4yNCw5LjI0LDAsMCwwLTYuMiwyLjM3TDEuNzUuOTFBLjc2Ljc2LDAsMCwwLDEuMDYuMS43Ni43NiwwLDAsMCwuMjUuNzlMMCw0YS43NS43NSwwLDAsMCwuNjIuOGwzLjIuNTRoLjEyYS43NS43NSwwLDAsMCwuMTMtMS40OUwyLjQ5LDMuNjFhNy44NSw3Ljg1LDAsMCwxLDExLDExLjI0Ljc1Ljc1LDAsMCwwLDAsMS4wNi43My43MywwLDAsMCwuNTIuMjEuNzUuNzUsMCwwLDAsLjU0LS4yMkE5LjM2LDkuMzYsMCwwLDAsNy44NCwwWiIvPjwvZz48L2c+PC9zdmc+") center/17px 16px no-repeat;
}

.OrderDetailsFilesFile__button--refund::before {
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNy4xOSAxNi4yNSI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiMwMTgwZDU7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5pY29uLXJlZnVuZDwvdGl0bGU+PGcgaWQ9IkxheWVyXzIiIGRhdGEtbmFtZT0iTGF5ZXIgMiI+PGcgaWQ9IkxheWVyXzMiIGRhdGEtbmFtZT0iTGF5ZXIgMyI+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNNy44NCwwQTkuMjksOS4yOSwwLDAsMCwxLjYzLDIuMzdMMS43NS45MUEuNzUuNzUsMCwwLDAsLjI1Ljc5TDAsNGEuNzUuNzUsMCwwLDAsLjYyLjhsMy4yLjU0aC4xMmEuNzUuNzUsMCwwLDAsLjEzLTEuNDlMMi40OSwzLjYxYTcuODUsNy44NSwwLDAsMSwxMSwxMS4yNC43NS43NSwwLDAsMCwwLDEuMDYuNzMuNzMsMCwwLDAsLjUyLjIxLjc1Ljc1LDAsMCwwLC41NC0uMjJBOS4zNiw5LjM2LDAsMCwwLDcuODQsMFoiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0xMC4xOCwxMC4yMWExMC43NCwxMC43NCwwLDAsMC0xLjc3LS43NWMtLjczLS4yOS0xLjktLjU1LTEuOTEtMS4yNWExLDEsMCwwLDEsLjQxLS44NEExLjg3LDEuODcsMCwwLDEsOC4xMSw3YTIuMDcsMi4wNywwLDAsMSwxLjcyLjk0LjguOCwwLDEsMCwxLjM4LS44MkEzLjU2LDMuNTYsMCwwLDAsOC45Miw1LjVWNUEuODEuODEsMCwwLDAsNy4zMSw1di40OGEzLjEyLDMuMTIsMCwwLDAtMS40Mi42NCwyLjczLDIuNzMsMCwwLDAtMSwyLjEsMi40LDIuNCwwLDAsMCwxLjE0LDJBMTAuNjUsMTAuNjUsMCwwLDAsNy44MSwxMWMuNzQuMjksMS45MS41NSwxLjkxLDEuMjdhMSwxLDAsMCwxLS40LjgzLDIsMiwwLDAsMS0xLjIxLjM3LDIuMDksMi4wOSwwLDAsMS0xLjcyLS45NUEuODEuODEsMCwxLDAsNSwxMy4zMWEzLjYyLDMuNjIsMCwwLDAsMi4zLDEuNjN2LjVhLjgxLjgxLDAsMSwwLDEuNjEsMFYxNWEzLjMxLDMuMzEsMCwwLDAsMS40Mi0uNjYsMi42NywyLjY3LDAsMCwwLDEtMi4wOEEyLjM4LDIuMzgsMCwwLDAsMTAuMTgsMTAuMjFaIi8+PC9nPjwvZz48L3N2Zz4=") center/17px 16px no-repeat;
}

.OrderDetailsFilesFile__button--approve::before {
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNC4zMSAxMC44NCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiMwMTgwZDU7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5pY29uLWFwcHJvdmU8L3RpdGxlPjxnIGlkPSJMYXllcl8yIiBkYXRhLW5hbWU9IkxheWVyIDIiPjxnIGlkPSJMYXllcl8zIiBkYXRhLW5hbWU9IkxheWVyIDMiPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTUuMDgsMTAuODRoMGEuODYuODYsMCwwLDEtLjYzLS4yOEwuMjIsNmEuODUuODUsMCwwLDEsLjA2LTEuMi44NC44NCwwLDAsMSwxLjIsMGwzLjYsMy45M0wxMi44My4yOEEuODYuODYsMCwwLDEsMTQsLjIyYS44NS44NSwwLDAsMSwuMDUsMS4yTDUuNzEsMTAuNTZBLjg0Ljg0LDAsMCwxLDUuMDgsMTAuODRaIi8+PC9nPjwvZz48L3N2Zz4=") center/14px 11px no-repeat;
}

.OrderDetailsFilesFile__button--approve-highlight::before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNC4zMSAxMC44NCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNmZmY7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5pY29uLWFwcHJvdmU8L3RpdGxlPjxnIGlkPSJMYXllcl8yIiBkYXRhLW5hbWU9IkxheWVyIDIiPjxnIGlkPSJMYXllcl8zIiBkYXRhLW5hbWU9IkxheWVyIDMiPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTUuMDgsMTAuODRoMGEuODYuODYsMCwwLDEtLjYzLS4yOEwuMjIsNmEuODUuODUsMCwwLDEsLjA2LTEuMi44NC44NCwwLDAsMSwxLjIsMGwzLjYsMy45M0wxMi44My4yOEEuODYuODYsMCwwLDEsMTQsLjIyYS44NS44NSwwLDAsMSwuMDUsMS4yTDUuNzEsMTAuNTZBLjg0Ljg0LDAsMCwxLDUuMDgsMTAuODRaIi8+PC9nPjwvZz48L3N2Zz4=");
}

.OrderDetailsFilesFile__button--download::before {
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNy42IDE2LjQ0Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6IzAxODBkNTt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmljb24tZG93bmxvYWQ8L3RpdGxlPjxnIGlkPSJMYXllcl8yIiBkYXRhLW5hbWU9IkxheWVyIDIiPjxnIGlkPSJMYXllcl8zIiBkYXRhLW5hbWU9IkxheWVyIDMiPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTE2LjgsNy43OGEuOC44LDAsMCwwLS44Ljh2NS4xOGExLjA4LDEuMDgsMCwwLDEtMS4wOCwxLjA4SDIuNjdBMS4wNywxLjA3LDAsMCwxLDEuNiwxMy43NlY4LjU4YS44LjgsMCwwLDAtLjgtLjguOC44LDAsMCwwLS44Ljh2NS4xOGEyLjY4LDIuNjgsMCwwLDAsMi42NywyLjY4SDE0LjkyYTIuNjgsMi42OCwwLDAsMCwyLjY4LTIuNjhWOC41OEEuOC44LDAsMCwwLDE2LjgsNy43OFoiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik04LjI2LDEyLjgyYS44LjgsMCwwLDAsMS4wOCwwbDIuNzEtMi40N0EuOC44LDAsMCwwLDExLDkuMTdMOS42LDEwLjQyVi44QS44LjgsMCwwLDAsOCwuOHY5LjYyTDYuNjMsOS4xN2EuOC44LDAsMCwwLTEuMDgsMS4xOFoiLz48L2c+PC9nPjwvc3ZnPg==") center/18px 16px no-repeat;
}

.OrderDetailsFilesFile__button--download-highlight::before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNy42IDE2LjQ0Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmljb24tZG93bmxvYWQ8L3RpdGxlPjxnIGlkPSJMYXllcl8yIiBkYXRhLW5hbWU9IkxheWVyIDIiPjxnIGlkPSJMYXllcl8zIiBkYXRhLW5hbWU9IkxheWVyIDMiPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTE2LjgsNy43OGEuOC44LDAsMCwwLS44Ljh2NS4xOGExLjA4LDEuMDgsMCwwLDEtMS4wOCwxLjA4SDIuNjdBMS4wNywxLjA3LDAsMCwxLDEuNiwxMy43NlY4LjU4YS44LjgsMCwwLDAtLjgtLjguOC44LDAsMCwwLS44Ljh2NS4xOGEyLjY4LDIuNjgsMCwwLDAsMi42NywyLjY4SDE0LjkyYTIuNjgsMi42OCwwLDAsMCwyLjY4LTIuNjhWOC41OEEuOC44LDAsMCwwLDE2LjgsNy43OFoiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik04LjI2LDEyLjgyYS44LjgsMCwwLDAsMS4wOCwwbDIuNzEtMi40N0EuOC44LDAsMCwwLDExLDkuMTdMOS42LDEwLjQyVi44QS44LjgsMCwwLDAsOCwuOHY5LjYyTDYuNjMsOS4xN2EuOC44LDAsMCwwLTEuMDgsMS4xOFoiLz48L2c+PC9nPjwvc3ZnPg==");
}

.OrderDetailsFilesSample {
    display: flex;
    margin-bottom: 15px;
    padding-bottom: 15px;
}

.OrderDetailsFilesSample:not(:last-child) {
    border-bottom: 1px solid rgba(218, 218, 218, 0.4);
}

.OrderDetailsFilesSample__content {
    flex: 1 1 auto;
}

.OrderDetailsFilesSample__header {
    margin-bottom: 5px;
}

@media only screen and (min-width: 641px) {
    .OrderDetailsFilesSample__header {
        display: flex;
        justify-content: space-between;
    }
}

.OrderDetailsFilesSample__name {
    font-size: 13px;
}

.OrderDetailsFilesSample__date {
    font-size: 12px;
}

.OrderDetailsFilesSample__description {
    font-size: 13px;
    margin-bottom: 5px;
}

.OrderDetailsFilesSource {
    display: flex;
    margin-bottom: 15px;
    padding-bottom: 15px;
}

.OrderDetailsFilesSource:not(:last-child) {
    border-bottom: 1px solid rgba(218, 218, 218, 0.4);
}

.OrderDetailsFilesSource__content {
    flex: 1 1 auto;
}

.OrderDetailsFilesSource__header {
    margin-bottom: 5px;
}

@media only screen and (min-width: 641px) {
    .OrderDetailsFilesSource__header {
        display: flex;
        justify-content: space-between;
    }
}

.OrderDetailsFilesSource__name {
    font-size: 13px;
}

.OrderDetailsFilesSource__date {
    font-size: 12px;
}

.OrderDetailsFilesSource__description {
    font-size: 13px;
    margin-bottom: 5px;
}

.OrderSourcesPanel {
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.2), 0 1px 1px rgba(0, 0, 0, 0.1);
    margin-bottom: 8px;
}

.OrderSourcesPanel__header {
    align-items: center;
    cursor: pointer;
    display: flex;
    padding: 10px 10px 10px 25px;
    position: relative;
}

.OrderSourcesPanel__header:hover {
    background-color: #f5f9fa;
}

.OrderSourcesPanel__header::before {
    border-color: transparent transparent transparent #c1c0c0;
    border-style: solid;
    border-width: 4px 0 4px 4px;
    content: " ";
    display: block;
    height: 0;
    left: 10px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0;
}

.OrderSourcesPanel__header__buttons {
    margin-left: auto;
}

.OrderSourcesPanel__body {
    padding: 10px 30px;
}

.OrderDetailsFilesCustomersFile {
    align-items: center;
    border-bottom: 1px solid rgba(218, 218, 218, 0.4);
    display: flex;
    padding: 10px;
}

.OrderDetailsFilesCustomersFile__link {
    color: rgba(0, 20, 50, 0.75);
    display: flex;
    flex: 1 1 auto;
    min-width: 0;
}

.OrderDetailsFilesCustomersFile__link:hover {
    color: rgba(0, 20, 50, 0.9);
}

body.night-mode .OrderDetailsFilesCustomersFile__link,
body.night-mode .OrderDetailsFilesCustomersFile__link:hover {
    color: var(--body-color-dark);
}

.OrderDetailsFilesCustomersFile__subject {
    margin-right: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex-grow: 1;
}

.OrderDetailsFilesCustomersFile__date {
    color: rgba(0, 0, 0, 0.53);
    font-size: 11px;
    float: right;
    white-space: nowrap;
}

body.night-mode .OrderDetailsFilesCustomersFile__date {
    color: var(--body-bg-color);
}

.OrderDetailsFilesCustomersFile__file-description {
    font-size: 11px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.OrderDetailsFilesCustomersFile__delete-button {
    background-color: transparent;
    border: 0 none;
    cursor: pointer;
    height: 30px;
    margin-left: auto;
    padding: 0;
    text-align: center;
    width: 30px;
    opacity: .5;
    flex-shrink: 0;
}

.OrderDetailsFilesCustomersFile__delete-button:focus, .OrderDetailsFilesCustomersFile__delete-button:hover {
    opacity: 1;
}

.OrderDetailsFilesCustomersFile__delete-button::before {
    content: " ";
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    background: transparent url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOS4xMyAyMCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNjZDUxNDg7fTwvc3R5bGU+PC9kZWZzPjxnIGlkPSJMYXllcl8yIiBkYXRhLW5hbWU9IkxheWVyIDIiPjxnIGlkPSJMYXllcl8xLTIiIGRhdGEtbmFtZT0iTGF5ZXIgMSI+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTguMzEsM0gxMy4wNkEzLjUyLDMuNTIsMCwwLDAsOS41OSwwSDkuNTRBMy41MiwzLjUyLDAsMCwwLDYuMDcsM0guODJhLjgyLjgyLDAsMCwwLDAsMS42NEgyVjE2LjQ1QTMuNTQsMy41NCwwLDAsMCw1LjU3LDIwaDhhMy41NSwzLjU1LDAsMCwwLDMuNTYtMy41NVY0LjU5aDEuMjNhLjgyLjgyLDAsMSwwLDAtMS42NFpNOS41NCwxLjY0aC4wNUExLjg0LDEuODQsMCwwLDEsMTEuMzcsM0g3LjczQTEuOSwxLjksMCwwLDEsOS41NCwxLjY0Wm01LjkyLDE0LjgxYTEuOSwxLjksMCwwLDEtMS45MSwxLjkxaC04YTEuOSwxLjksMCwwLDEtMS45MS0xLjkxVjQuNTlIMTUuNDRWMTYuNDVaIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNNy41NSwxNS42NmEuOC44LDAsMCwwLC44Mi0uODJWOC4xN2EuODIuODIsMCwwLDAtMS42NCwwdjYuNjdBLjgxLjgxLDAsMCwwLDcuNTUsMTUuNjZaIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTEuNTcsMTUuNjZhLjguOCwwLDAsMCwuODItLjgyVjguMTdhLjgyLjgyLDAsMCwwLTEuNjQsMHY2LjY3QS44My44MywwLDAsMCwxMS41NywxNS42NloiLz48L2c+PC9nPjwvc3ZnPg==") center/contain no-repeat;
}

.OrderDetailsFiles {
    flex: 1 0 auto;
}

@media only screen and (min-width: 1025px) {
    .OrderDetailsFiles {
        display: flex;
    }
}

.OrderDetailsFiles__split {
    box-sizing: border-box;
    min-width: 0;
    padding: 20px;
}

.OrderDetailsFiles__split--from-service {
    border-right: 1px solid rgba(218, 218, 218, 0.4);
}

@media only screen and (min-width: 1025px) {
    .OrderDetailsFiles__split--from-service {
        flex-basis: 50%;
    }
}

.OrderDetailsFiles__split--from-customer {
    background-color: #fcfdfc;
    box-shadow: inset 0 0 5px #fff;
}

body.night-mode .OrderDetailsFiles__split--from-customer {
	background-color: var(--body-bg-color-dark);
	box-shadow: none;
}

@media only screen and (min-width: 1025px) {
    .OrderDetailsFiles__split--from-customer {
        flex-basis: 50%;
    }
}

.OrderDetailsFiles__split__header {
    display: flex;
    margin: 0 0 14px;
    padding: 5px 0;
}

.OrderDetailsFiles__split__title {
    flex: 1 1 auto;
    line-height: 21px;
}

.OrderDetailsFiles__split__body {
    font-size: 14px;
    margin-bottom: 20px;
}

.OrderDetailsFiles__split__count {
    align-self: center;
    color: #777;
    font-size: 14px;
    font-weight: normal;
    line-height: 21px;
}

.OrderDetailsFiles__no-from-service-message {
    background: #fdfaf6;
    border-radius: 4px;
    padding: 30px 20px;
}

.OrderDetailsFiles__no-smart-paper-message {
    background: rgba(82, 153, 215, 0.1);
    border-radius: 4px;
    padding: 30px 20px;
}

.OrderDetailsFiles__no-from-customer-message {
    font-size: 13px;
    margin-bottom: 15px;
}

.OrderDetailsFiles__no-sources-message, .OrderDetailsFiles__no-samples-message {
    color: #777;
    font-size: 13px;
    padding: 20px;
}

.OrderDetailsFiles__no-plagiarism {
    background-color: #f0f5ea;
    border-radius: 2px;
    font-size: 12px;
    padding: 10px;
}

.OrderDetailsFiles__files-container {
    margin-bottom: 15px;
}

.OrderDetailsFilesFile__download-doc-tip {
    display: inline-block;
    font-size: 12px;
    line-height: 20px;
}

.OrderDetailsFiles__anti-plag-details-button {
    padding: 0;
    background: none;
    border: none;
}

.FormFile__icon {
    background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAbCAYAAAB836/YAAAAZklEQVRIx+3SMQrAMAhA0dy8V3UQoaCjONqp0CEm1XZU+OtDwQFInuwYqwEkN7NXqeoezYBm5oDkJ0uMVkBVjdEKeJ8/RatgiH4Bp2gFXL5UFhSRaczsgORpcLd9gw022GCDD/DPLtbKrKjuXRiiAAAAAElFTkSuQmCC") center/20px 21px no-repeat;
    display: block;
    flex: 0 0 auto;
    height: 27px;
    margin-right: 10px;
    position: relative;
    width: 20px;
}

.FormFile__icon__badge {
    background-image: linear-gradient(0deg, #888 0%, #a1a1a1 100%);
    box-shadow: 0 1px 0 #dfe3e5;
    color: #fff;
    content: "";
    display: block;
    font-family: Lato, Arial, sans-serif;
    font-size: 9px;
    font-style: normal;
    left: 0;
    letter-spacing: 1px;
    line-height: 11px;
    margin-top: -3px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 100%;
}

.FormFile__icon__badge--jpg,
.FormFile__icon__badge--jpeg,
.FormFile__icon__badge--png,
.FormFile__icon__badge--gif,
.FormFile__icon__badge--tiff,
.FormFile__icon__badge--bmp {
    background-image: linear-gradient(0deg, #9f590f 0%, #c68622 100%);
}

.FormFile__icon__badge--doc,
.FormFile__icon__badge--odt,
.FormFile__icon__badge--rtf,
.FormFile__icon__badge--txt {
    background-image: linear-gradient(0deg, #3775a0 0%, #4b9cbb 100%);
}

.FormFile__icon__badge--xls {
    background-image: linear-gradient(0deg, #0f9e12 0%, #22c53d 100%);
}

.FormFile__icon__badge--pdf {
    background-image: linear-gradient(0deg, #9e0f0f 0%, #c53222 100%);
}

.FormFile__icon__badge--rar,
.FormFile__icon__badge--zip {
    background-image: linear-gradient(0deg, #9e0f93 0%, #a122c5 100%);
}

.files-control {
    background-color: #fffdf0;
    border: 1px dashed #c9cde4;
    border-radius: 5px;
    margin-bottom: 10px;
    padding: 15px
}

.files-control .browse-button {
    margin-right: 5px
}

.files-control .start-uloading-button {
    float: right
}

.files-control .dropzone-static {
    display: none;
    font-size: 30px
}

.files-control .control-or {
    margin-left: 15px;
    margin-right: 15px
}

.files-control .control-drop-here {
    color: rgba(0,0,0,.6)
}

.files-control--files:not(:empty) {
    margin-bottom: 10px
}

body.dragging-file .files-control .dropzone {
    display: -ms-flexbox;
    display: flex
}

body.dragging-file .files-control .dropzone-border {
    border: 3px dashed #1e90de;
    border-radius: 4px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 20px;
    text-align: center
}

body.dragging-file .files-control .dropzone-static {
    background: #fff;
    bottom: 0;
    display: -ms-flexbox;
    display: flex;
    left: 0;
    opacity: .7;
    padding: 40px;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 20
}

.FormFile {
    border-bottom: 1px solid #d1cec5;
    padding: 5px;
    position: relative
}

.FormFile__controls {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex
}

.FormFile__remove-button {
    color: rgba(0,0,0,.4);
    cursor: pointer;
    display: block;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-size: 30px;
    height: 34px;
    margin-left: 10px;
    text-align: center;
    width: 34px;
    padding: 0;
    border: none;
    background: none
}

.FormFile__remove-button:before {
    background: transparent url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOS4xMyAyMCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNjZDUxNDg7fTwvc3R5bGU+PC9kZWZzPjxnIGlkPSJMYXllcl8yIiBkYXRhLW5hbWU9IkxheWVyIDIiPjxnIGlkPSJMYXllcl8xLTIiIGRhdGEtbmFtZT0iTGF5ZXIgMSI+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTguMzEsM0gxMy4wNkEzLjUyLDMuNTIsMCwwLDAsOS41OSwwSDkuNTRBMy41MiwzLjUyLDAsMCwwLDYuMDcsM0guODJhLjgyLjgyLDAsMCwwLDAsMS42NEgyVjE2LjQ1QTMuNTQsMy41NCwwLDAsMCw1LjU3LDIwaDhhMy41NSwzLjU1LDAsMCwwLDMuNTYtMy41NVY0LjU5aDEuMjNhLjgyLjgyLDAsMSwwLDAtMS42NFpNOS41NCwxLjY0aC4wNUExLjg0LDEuODQsMCwwLDEsMTEuMzcsM0g3LjczQTEuOSwxLjksMCwwLDEsOS41NCwxLjY0Wm01LjkyLDE0LjgxYTEuOSwxLjksMCwwLDEtMS45MSwxLjkxaC04YTEuOSwxLjksMCwwLDEtMS45MS0xLjkxVjQuNTlIMTUuNDRWMTYuNDVaIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNNy41NSwxNS42NmEuOC44LDAsMCwwLC44Mi0uODJWOC4xN2EuODIuODIsMCwwLDAtMS42NCwwdjYuNjdBLjgxLjgxLDAsMCwwLDcuNTUsMTUuNjZaIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTEuNTcsMTUuNjZhLjguOCwwLDAsMCwuODItLjgyVjguMTdhLjgyLjgyLDAsMCwwLTEuNjQsMHY2LjY3QS44My44MywwLDAsMCwxMS41NywxNS42NloiLz48L2c+PC9nPjwvc3ZnPg==") 50%/20px 21px no-repeat;
    content: "";
    display: block;
    height: 21px;
    margin: 6px 7px 7px;
    opacity: .8;
    width: 20px
}

.FormFile__remove-button:hover:before {
    opacity: 1
}

.FormFile__remove-button:focus {
    outline: none
}

.FormFile__info {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    font-size: 13px;
    margin-right: 5px;
    overflow: hidden;
    padding: 0;
    border: none;
    background: none;
    text-align: inherit
}

.FormFile__info:hover {
    cursor: pointer;
    opacity: .8
}

.FormFile__info:focus {
    outline: none
}

.FormFile__title {
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    font-weight: 700;
    margin-right: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.FormFile__size {
    color: rgba(0,0,0,.6);
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    margin-right: 6px
}

.FormFile__upload-type-control {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.FormFile__upload-progress {
    background: rgba(0,0,0,.06);
    box-sizing: border-box;
    height: 4px;
    margin: 6px -5px -5px;
    overflow: hidden
}

.FormFile__upload-progress-bar {
    background-color: #1c7ed6;
    height: 100%
}

.FormFile__upload-error {
    background: #e74c3c;
    border-radius: 3px;
    color: #fff;
    margin-top: 10px;
    padding: 3px 10px
}

.OrderMessageHeader {
    cursor: pointer;
    display: flex;
    padding: 10px;
    color: inherit;
    border: none;
    background: none;
    width: 100%;
    text-align: left;
    font-size: inherit;
    font-family: inherit;
    line-height: inherit;
}

.OrderMessageHeader:hover {
    background-color: #f5f9fa;
}

.OrderMessageHeader:focus {
    outline: none;
}

.OrderMessageHeader__type {
    flex-shrink: 0;
    font-size: 13px;
    padding-left: 8px;
    padding-right: 15px;
    opacity: .8;
}

@media only screen and (max-width: 425px) {
    .OrderMessageHeader__type {
        text-align: left;
        padding-left: 0;
        padding-right: 5px;
        margin-right: auto;
        width: auto;
    }
}

.OrderMessageHeader__type-is-viewed {
    color: rgba(0, 0, 0, 0.53);
}

.OrderMessageHeader__subject-arrow {
    font-size: 30px;
}

.OrderMessageHeader__container {
    overflow: hidden;
    flex-grow: 1;
    display: flex;
}

@media only screen and (max-width: 425px) {
    .OrderMessageHeader__container {
        flex-wrap: wrap;
    }
}

.OrderMessageHeader__subject {
    flex-grow: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media only screen and (max-width: 425px) {
    .OrderMessageHeader__subject {
        flex-basis: 100%;
        order: 1;
        margin-top: 2px;
    }
}

.OrderMessage-new .OrderMessageHeader__subject {
    font-weight: 700;
}

.OrderMessageHeader__props {
    flex-shrink: 0;
    text-align: right;
    white-space: nowrap;
    margin-left: 5px;
}

@media only screen and (max-width: 425px) {
    .OrderMessageHeader__props {
        font-size: 13px;
        opacity: 0.8;
    }

    .OrderMessageHeader__props_is-viewed {
        color: rgba(0, 0, 0, 0.53);
    }
}

.OrderMessage {
	border-bottom: 1px solid rgba(218, 218, 218, 0.4);
	-webkit-box-shadow: 0 2px 4px rgba(33,33,33,0.12);
	box-shadow: 0 2px 4px rgba(33,33,33,0.12);
	margin-bottom: 5px;
    border-radius: 4px;
    border-top: 0;
    font-size: 14px;
}

.OrderMessage-new {
    font-weight: bold;
}

.OrderMessage__body {
    box-sizing: border-box;
    overflow: hidden;
    padding: 8px 20px 15px;
    will-change: max-height, opacity, padding-top, padding-bottom;
}

@media only screen and (min-width: 641px) {
    .OrderMessage__body {
        margin-left: 95px;
        margin-right: 95px;
    }
}

.OrderMessage__body p {
    margin: 0 0 5px;
}

.OrderMessage__props-new-lable {
    margin-right: 10px;
}

.ratings .fa-star {
	color: #ff9900;
}

.OrderInstructions h1 {
    font-size: 2em;
    margin: 0.67em 0;
}
.OrderInstructions h2 {
    font-size: 1.5em;
    margin: 0.83em 0;
}
.OrderInstructions h3 {
    font-size: 1.17em;
    margin: 1em 0;
}
.OrderInstructions h4 {
    font-size: 1em;
    margin: 1.33em 0;
}
.OrderInstructions h5 {
    font-size: 0.83em;
    margin: 1.67em 0;
}
.OrderInstructions h6 {
    font-size: 0.75em;
    margin: 2.33em 0;
}

.OrderInstructions table {
    margin: 1em auto;
    display: table;
}
.OrderInstructions table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    height: 100%;
    border: 1px double #b3b3b3;
}
.OrderInstructions table td,
.OrderInstructions table th {
    min-width: 2em;
    padding: 0.4em;
    border: 1px solid #bfbfbf;
}
.OrderInstructions table th {
    font-weight: 700;
    background: hsla(0, 0%, 0%, 5%);
}
.OrderInstructions[dir="rtl"] table th {
    text-align: right;
}
.OrderInstructions[dir="ltr"] table th {
    text-align: left;
}

.module_image {
    height: 70px;
    width: 70px;
    background-position: center;
    background-size: 70px;
    background-repeat: no-repeat;
    border-radius: 5px;
}