/*

	http://meyerweb.com/eric/tools/css/reset/

	v2.0 | 20110126

	License: none (public domain)

*/



html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td,

article, aside, canvas, details, embed,

figure, figcaption, footer, header, hgroup,

menu, nav, output, ruby, section, summary,

time, mark, audio, video {

	margin: 0;

	padding: 0;

	border: 0;

	font-size: 100%;

	font: inherit;

	vertical-align: baseline;

}

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure,

footer, header, hgroup, menu, nav, section {

	display: block;

}

body {

	line-height: 1;

}

ol, ul {

	list-style: none;

}

blockquote, q {

	quotes: none;

}

blockquote:before, blockquote:after,

q:before, q:after {

	content: '';

	content: none;

}

table {

	border-collapse: collapse;

	border-spacing: 0;

}









*,

*::after {

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  outline: 0;

  margin: 0;

  padding: 0;

  text-decoration: none;

}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: rgba(38, 50, 56, 0.5);
}
::-moz-placeholder { /* Firefox 19+ */
  color: rgba(38, 50, 56, 0.5);
}
:-ms-input-placeholder { /* IE 10+ */
  color: rgba(38, 50, 56, 0.5);
}
:-moz-placeholder { /* Firefox 18- */
  color: rgba(38, 50, 56, 0.5);
}
body {

	font-family: 'Dosis', sans-serif;

	margin: 0;

	padding: 60px 0;

	font-size: 16px;

	color: #263238;

	counter-reset: section;

}

.group:after {

  content: "";

  display: table;

  clear: both;

}

.container {

	max-width: 1100px;

	width: auto;

	background: #fff;

	margin-left: auto;

	margin-right: auto;

}

.container .menu {

	border: 1px solid #CFD8DC;

}

.container .menu ul {
	font-size: 0;
}

.container .menu ul,

.container .menu ul li,

.container .menu-small ul li {

	display: block;

}

.container .menu-small ul li,

.container .menu ul li {

	width: 16.6%;

	float: left;

	text-align: center;

	cursor: pointer;

	font-weight: 500;

	text-transform: uppercase;

  padding: 15px;

	-webkit-transition: background .2s linear;

	-moz-transition: background .2s linear;

	-o-transition: background .2s linear;

	transition: background .2s linear;

	border-right: 1px solid #CFD8DC;
}

.container .menu-small ul li .fa {
	display: none;
}

.container .menu ul li:hover,
.container .menu ul li:hover a {
	color: #FF5722;

}

.container .menu ul li:last-child {

	border-right: 0;

}

.container .menu ul li a {
	color: #263238;
	display: block;
}
.container .menu ul li .fa {

	margin-bottom: 15px;

	font-size: 35px;

}
.container .menu ul li span {
	display: block;
	font-size: 16px;
}

.container .menu-small {

	background: #FF5722;

	position: fixed;

	max-width: 1100px;

  width: 100%;

	z-index: 1;

	color: #fff;

	bottom: 0;

	border-top: 1px solid #fff;

	display: none;

}

.container .menu-small ul li {

	border-right: 1px solid rgba(255,255,255,0.3);

}

.container .menu-small ul li:last-child {
	border-right: 0;
}
.container .menu-small ul li:hover {

	background: #E64A19;

	color: #fff;

}

.container .menu-small ul li a,
.container .menu-small ul li:hover a {
	color: #fff;
	display: block;
}

.container .menu-small ul {
	font-size: 0;
}
.container .menu-small span {
	font-size: 16px;
}

.container .content {

	padding: 30px 0;

}

select {
	-webkit-appearance: none;
	border-radius: 0;
}

h1,

h2,

h3 {

	font-weight: 700;

	display: block;

	text-transform: uppercase;

}

h1,
h2,
h3 {
	font-size: 35px;

	color: #FF5722;

	text-align: center;

	margin-bottom: 30px;

}

h3 {
	font-size: 28px;
}
.row-main {

	border-top: 1px solid #CFD8DC;

	border-bottom: 1px solid #CFD8DC;

	position: relative;

	margin-bottom: 30px;

	padding: 20px;

}

.row-main.toggled {

	background: #F3F6F6;

	padding-bottom: 80px;

}

.row-main .pic {
	position: relative;

	width: 35%;

	float: left;

	min-height: 200px;
	height: auto;
	text-align: center;
}

.row-main .text {

	width: 65%;

	float: left;

	padding-left: 30px;

}

.row-main .pic img {

	max-width: 100%;

	width: auto;

	height: auto;

}

.row-main .no {

	position: absolute;

	right: 20px;

	top: 20px;

	font-size: 35px;

	font-weight: 700;

	color: #CFD8DC;

}

.row-main .row-buttons {
	position: absolute;
	right: 20px;
	bottom: 20px;
}
.row-main .parent .fa,
.galleries-table .fa {

	cursor: pointer;

	font-size: 25px;

	-webkit-transition: color .2s linear;

	-moz-transition: color .2s linear;

	-o-transition: color .2s linear;

	transition: color .2s linear;

	display: inline-block;
	vertical-align: middle;
	margin-left: 10px;
}
.galleries-table .fa {
	margin-left: 0;
}
.galleries-table tr td:last-child {
	width: 30px;
}
.galleries-table .fa.fa-info-circle {
	vertical-align: middle;
	display: inline-block;
	margin-left: 15px;
	font-size: 20px;
}
.row-main .parent .fa:hover {

	color: #FF5722;

}

.row-main .parent .add-size {
	display: none;
}
.row-main .children {

	display: none;

	margin-top: 20px;

}

.row-main .children table,
.reports-table,
.galleries-table {

	width: 100%;

}

.row-main .sizes table {
	table-layout: fixed;
}

.row-main .children td,

.row-main .children th,
.reports-table th,
.reports-table td,
.galleries-table td {

	border-bottom: 1px solid #CFD8DC;

	padding: 15px;

	-webkit-transition: background .2s linear;

	-moz-transition: background .2s linear;

	-o-transition: background .2s linear;

	transition: background .2s linear;

	vertical-align: middle;

	line-height: 150%;

	word-break: break-all;

}

.row-main .children th select,
.row-main .children th select:focus {
	background: #546e7a !important;
	color: #fff;
	border: 1px solid #CFD8DC;
}

.row-main .children tr:hover td,
.reports-table tr:hover td,
.galleries-table tr:hover td {

	background: #ECEFF1;

}

.row-main .children th,
.reports-table th {

	background: #546E7A;

	color: #fff;
}

.reports-table th  {
	text-align: left;
	text-transform: uppercase;
}

.reports-table.top-selling th  {
	padding: 15px;
	font-weight: 500;
}

.reports-table.top-selling th:nth-child(1) {
	width: 60%;
}

.reports-table.top-selling th:nth-child(2) {
	width: 20%;
}

.reports-table.top-selling th:nth-child(3) {
	width: 20%;
}

.reports-table {
	margin-bottom: 30px;
}

.row-main .children th input[type=text].inline-edit,
.row-main .children th input[type=number].inline-edit {

	color: #fff;

}
.row-main .children th input[type=text]:focus.inline-edit,
.row-main .children th input[type=number]:focus.inline-edit {
	color: #263238;
}
.row-main .children td:last-child,
.row-main .children th:last-child {
	text-align: right;
}
.row-main .children th {
	position: relative;
}




.size-action-btn {
	font-size: 24px;
	cursor: pointer;
	margin-left: 15px;
	vertical-align: middle;
}
.context-menu {
	position: absolute;
	right: 0;
	top: 85px;
	background: #FF5722;
	width: 220px;
	text-align: left;
	z-index: 1;
	display: none;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
.context-menu ul {
	padding: 0;
	margin: 0;
}
.context-menu li {
	border-top: 1px solid rgba(255,255,255,0.3);
	padding: 15px;
	color: #fff;
	font-size: 16px;
	text-transform: uppercase;
	cursor: pointer;
	-webkit-transition: background .2s linear;
	-moz-transition: background .2s linear;
	-o-transition: background .2s linear;
	transition: background .2s linear;
}
.context-menu li:hover {
	background: #E64A19;
}
.context-menu li:last-child {
	border-bottom: 0;
}
.row-main input[type=text],
.row-main input[type=number],
.row-main textarea {

	background: transparent;

	border: 1px solid transparent;

  font-family: 'Dosis', sans-serif;

	font-size: 16px;

	color: #263238;

	padding: 10px;

	margin: 3px 0;

	height: 40px;

	width: 100%;

	max-width: 450px;

	cursor: pointer;
	resize: none;
}

.row-main textarea {
	min-height: 54px;
}

.row-main input[type=text]:focus,
.row-main input[type=number]:focus,
.row-main textarea:focus {

	border: 1px solid #CFD8DC;

	background: #fff;

	cursor: text;

}

.row-main input[type=text].title,
.row-main input[type=number].title,
.row-main textarea.title {

	font-size: 25px;

	font-weight: 700;

	text-transform: uppercase;

}

.art-stats input[type=number] {
	color: #fff;
	border: 1px solid rgba(255,255,255,0.3);
}
.art-stats input[type=number]:focus {
	background: transparent;
	border: 1px solid #fff;
}

.row-main .children input[type=text].inline-edit,
.row-main .children input[type=number].inline-edit,
.row-main .children textarea.inline-edit {

	width: 100%;

	max-width: none;

}

.row-main .children select {
	background: transparent;
	border: 1px solid #CFD8DC;
	font-family: 'Dosis', sans-serif;
	font-size: 16px;
	color: #263238;
	padding: 0 10px;
	margin: 3px 0;
	height: 40px;
	width: 100%;
	resize: none;
	cursor: pointer;
}
.row-main .children select:focus {
	background: #fff;
}
.row-main .children .date-sold {
	border: 1px solid #CFD8DC;
}
.row-main .children .date-sold:disabled {
	border-color: #DFE5E7;
}

.search,
.search-report {

	padding: 20px;

	margin-bottom: 30px;

	background: #546E7A;

}

.search div.left {

	float: left;

}

.search div.right {

	float: right;

}

.search > div,
.search-report .cell {

	width: 49%;

}
.search-report input,
.search-report select,
.search input {

	width: 100%;

	border: 0;

  font-family: 'Dosis', sans-serif;

	font-size: 16px;

	color: #263238;

	padding: 10px;

	height: 42px;

	background: #fff;

}
.search-report select {
	height: auto;
}
.search-report input[type=submit] {
	background: #FF5722;
	text-transform: uppercase;
	color: #fff;
	cursor: pointer;
	font-weight: 500;
	font-size: 16px;
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s linear;
}
.search-report input[type=submit]:hover {
	background: #E64A19;
}
.search-report .cell {
	margin: 0 0 10px 0;
	height: 42px;
}
.search-report .cell-left {
	float: left;
}
.search-report .cell-right {
	float: right;
}
.search-report form > div:nth-child(3),
.search-report form > div:nth-child(4) {
	margin-bottom: 0;
}
.popup-bg {
	background: rgba(0,0,0,0.8);
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
	z-index: 1;
	display: none;
	overflow: auto;
}
.popup h2 {
	font-size: 35px;
	margin-bottom: 30px;
}
.popup {
	position: absolute;
	max-width: 1100px;
	width: auto;
	left: 0;
	right: 0;
	margin: 0 auto;
	background: #fff;
	padding: 30px;
	z-index: 2;
	font-family: 'Dosis', sans-serif;
	display: none;
	overflow: auto;
}
.popup .form-row {
	margin-top: 15px;
}
.popup .form-row i {
	display: block;
    margin: 5px 0 20px 0;
    color: #aaa;
	font-style: normal;
}
.popup label {
	margin-bottom: 10px;
	display: block;
	text-transform: uppercase;
}
.popup input,
.popup textarea,
.popup select,
.update-prices .main-container .form input,
.update-prices .main-container .form textarea,
.update-prices .main-container .form select,
select.select-year {
	background: #fff;
	border: 1px solid #CFD8DC;
	font-family: 'Dosis', sans-serif;
	font-size: 16px;
	color: #263238;
	padding: 10px;
	height: 40px;
	width: 100%;
	resize: none;
}
select.select-year {
	width: auto;
	cursor: pointer;
}
.popup select {
	line-height: normal;
	padding-top: 0;
	padding-bottom: 0;
}
.popup textarea {
	height: 65px;
}
.popup input[type=file] {
	height: auto;
}
.popup input[type=submit],
button.load-more {
	cursor: pointer;
	font-size: 16px;
	color: #fff;
	text-transform: uppercase;
	padding: 10px 45px;
	background: #FF5722;
	text-align: center;
	font-weight: 600;
	line-height: 100%;
	-webkit-transition: background .2s linear;
	-moz-transition: background .2s linear;
	-o-transition: background .2s linear;
	transition: background .2s linear;
	border: 0;
	height: auto;
}
.popup input[type=submit]:hover {
	background: #E64A19;
}
.load-more-button-container {
	text-align: center;
}
button.load-more,
button.load-more:disabled:hover {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	background: #546E7A;
	font-family: 'Dosis', sans-serif;
}
button.load-more:hover {
	background: #455a64;
}
button.load-more i.fa-spin {
	font-size: 18px;
}
.popup .close {
	text-transform: uppercase;
	float: right;
	cursor: pointer;
	-webkit-transition: color .2s linear;
	-moz-transition: color .2s linear;
	-o-transition: color .2s linear;
	transition: color .2s linear;
}
.popup .close:hover {
	color: #FF5722;
}
.popup h3 {
	font-size: 28px;
	margin-top: 50px;
    margin-bottom: 20px;
	color: #263238;
	text-align: left;
}
.popup .galleries-table input[type=text],
.popup .galleries-table input[type=number] {
	border: 1px solid transparent;
	background: transparent;
	cursor: pointer;
}
.popup .galleries-table input[type=text]:focus,
.popup .galleries-table input[type=number]:focus {
	border: 1px solid #CFD8DC;
	background: #fff;
}
.galleries-table .fa:hover {
    color: #FF5722;
}
.galleries-table tr:first-child td {
	border-top: 1px solid #CFD8DC;
}
.row-main .children tr.add-edition th {
	background: #607D8B;
}
input[type=text].inline-edit.error,
input[type=number].inline-edit.error {
  border-color: #F44336;
}
.add-row {
	text-align: center;
	font-size: 20px;
	font-weight: 700;
	text-transform: uppercase;
	cursor: pointer;
	color: #FF5722;
}
.duplicate-item,
.delete-edition {
	font-size: 25px;
	margin-left: 10px;
}
.duplicate-item:hover,
.delete-edition:hover {
	color: #FF5722;
	cursor: pointer;
	-webkit-transition: color .2s linear;
	-moz-transition: color .2s linear;
	-o-transition: color .2s linear;
	transition: color .2s linear;
}
.hidden {
	display: none !important;
}
.datepicker-panel>ul>li.picked, .datepicker-panel>ul>li.picked:hover {
	color: #ff5722;
}
.datepicker-panel>ul>li.highlighted,
.datepicker-panel>ul>li:hover,
.datepicker-panel>ul>li.highlighted:hover {
	background-color: rgba(255, 87, 34, 0.1);
}
.datepicker-top-left, .datepicker-top-right {
  border-top-color: #ff5722;
}
.datepicker-top-left:before, .datepicker-top-right:before {
	border-bottom-color: #ff5722;
}
.datepicker-bottom-left, .datepicker-bottom-right {
	border-bottom-color: #ff5722;
}
.datepicker-bottom-left:before, .datepicker-bottom-right:before {
  border-top-color: #ff5722;
}
.edition-row {
	display: none;
}
.sizes th label,
.edition-row label {
	text-transform: uppercase;
	font-size: 14px;
	margin-bottom: 5px;
	display: block;
}

.row-main .children th:nth-child(1),
.row-main .children th:nth-child(2) {
	width: 35%;
}
.row-main .children th:nth-child(3),
.row-main .children th:nth-child(4) {
	width: 15%;
}


/* .row-main .children td:nth-child(1), */
/* .row-main .children td:nth-child(2), */
/* .row-main .children td:nth-child(3), */
/* .row-main .children td:nth-child(4) { */
	/* width: 18%; */
/* } */
/* .row-main .children td:nth-child(5), */
/* .row-main .children td:nth-child(6) { */
	/* width: 14%; */
/* } */


.no-pic {
	background-image: none !important;
	background-color: #cfd8dc;
}
.no-pic:before {
	content: "\f030";
	font: normal normal normal 14px/1 FontAwesome;
	font-size: 100px;
    color: #fff;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
	top: 50%;
    margin-top: -50px;
}
.row-main .pic .pic-options {
	position: absolute;
	top: 0;
	right: 0;
	background: rgba(0,0,0,0.6);
	display: none;
}
.row-main .pic:hover .pic-options {
	display: block;
}
.row-main .pic .pic-options i {
	color: #fff;
	margin: 0;
	padding: 10px;
}
.popup textarea.add-art-title {
	height: 42px;
}




.homepageDescriptionContainer {
	padding: 85px;
}



.reports-table th.active {
	background: #495F69;
}
.reports-table th {
	padding: 0;
}
.reports-table th a {
	color: #fff;
	font-weight: 500;
	display: block;
	padding: 15px;
}
.reports-table th a:after {
	font: normal normal normal 15px/1 FontAwesome;
    display: inline-block;
    margin-left: 10px;
    color: #fff;
}
.reports-table th a.sort-asc:after {
	content: "\f0d8";
}
.reports-table th a.sort-desc:after {
	content: "\f0d7";
}
.reports-table th:nth-child(1) {
	width: 10%;
}
.reports-table th:nth-child(2) {
	width: 20%;
}
.reports-table th:nth-child(3) {
	width: 15%;
}
.reports-table th:nth-child(4) {
	width: 15%;
}
.reports-table th:nth-child(5) {
	width: 10%;
}
.reports-table th:nth-child(6) {
	width: 15%;
}
.reports-table th:nth-child(7) {
	width: 15%;
}
.reports-table td a {
	color: #000;
	text-decoration: underline;
}
.backup {
	position: fixed;
	top: 0;
	right: 0;
	cursor: pointer;
	color: #fff;
	padding: 0 20px;
	text-transform: uppercase;
	background: #546E7A;
	font-size: 14px;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
	z-index: 1;
}
.backup:hover {
	background: #455a64;
}
.backup.waiting {
	background: #FF5722;
}
.backup.success {
	background: #388e3c;
	cursor: default;
}
.backup i,
.backup span,
.backup .spinner {
	vertical-align: middle;
}
.backup i,
.backup .spinner {
	margin-right: 10px;
	display: inline-block;
}
.backup span {
	line-height: 40px;
	height: 40px;
}
.backup #txt-waiting,
.backup #txt-success,
.backup.success #txt-normal,
.backup.waiting #txt-normal,
.backup.success #txt-autobackup,
.backup.waiting #txt-autobackup {
	display: none;
}
.backup.success #txt-success,
.backup.waiting #txt-waiting {
	display: block;
}
.backup #txt-autobackup {
	border-top: 1px solid rgba(255,255,255,0.2);
}
.backup .download {
	display: none;
	font-size: 0;
	border-top: 1px solid rgba(0,0,0,0.2);
	text-align: center;
}
.backup .download a {
	color: #fff;
	padding: 10px 15px;
	display: inline-block;
	background: #388e3c;
}
.backup .download a:hover {
	background: #2e7d32;
}
.backup .download i {
	font-size: 30px;
	margin: 0;
}

.spinner {
  margin: 0 auto;
  width: 28px;
  height: 20px;
  text-align: center;
  font-size: 10px;
}
.spinner > div {
  background-color: #fff;
  height: 100%;
  width: 4px;
  display: inline-block;

  -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
  animation: sk-stretchdelay 1.2s infinite ease-in-out;
}
.spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
.spinner .rect3 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}
.spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
.spinner .rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
@-webkit-keyframes sk-stretchdelay {
  0%, 40%, 100% { -webkit-transform: scaleY(0.4) }
  20% { -webkit-transform: scaleY(1.0) }
}
@keyframes sk-stretchdelay {
  0%, 40%, 100% {
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }  20% {
    transform: scaleY(1.0);
    -webkit-transform: scaleY(1.0);
  }
}

.msg {
	padding: 20px;
    background: #fbc526;
    margin: 30px 0;
    color: #655014;
    font-weight: 500;
	font-size: 16px;
	border: 1px solid #CBA020;
	position: relative;
	line-height: 140%;
}
.msg .msg-close {
	position: absolute;
    top: 13px;
    right: 15px;
    font-size: 16px;
	cursor: pointer;
	-webkit-transition: opacity .2s linear;
	-moz-transition: opacity .2s linear;
	-o-transition: opacity .2s linear;
	transition: opacity .2s linear;
}
.msg .msg-close:hover {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	opacity: 0.5;
}
.msg .msg-title {
	margin-bottom: 15px;
	font-weight: 600;
	font-size: 20px;
}
.msg .msg-title i,
.msg .msg-title span {
	vertical-align: middle;
	display: inline-block;
}
.msg .msg-title i {
	margin-right: 10px;
}
.msg b {
	font-weight: 600;
}
.price {
	text-align: left;
}
.price input {
	width: 100px !important;
}
.art-stats span,
.price input,
.price span {
	vertical-align: middle;
	display: inline-block;
}
.price-container {
	position: relative;
}
.price-container .price-list {
	position: absolute;
	left: 11px;
	top: 42px;
	background: #fff;
	border: 1px solid #CFD8DC;
	min-width: 200px;
	display: none;
	z-index: 2;
}
.price-container .price-list li {
	cursor: pointer;
	padding: 5px 10px;
}
.price-container .price-list li:hover {
	background: #546E7A;
	color: #fff;
}
.price-container .price-list li:before {
	content: '\0024';
	display: inline-block;
	margin-right: 5px;
}
.art-stats {
	margin-top: 20px;
    padding-bottom: 20px;
}
.art-stats table {
	width: 400px;
}
.art-stats td {
	vertical-align: middle;
	padding: 6px 12px;
	width: 50%;
	border-bottom: 1px solid #fff;
}
.art-stats td:first-child {
	background: #EAEEEF;
	border-right: 1px solid #fff;
}
.art-stats td:last-child {
	background: #FF5722;
	color: #fff;
}
.art-stats tr:last-child td {
	border-bottom: 0;
}
.reports-total {
	font-size: 25px;
	text-align: center;
	margin-bottom: 30px;
	text-transform: uppercase;
	font-weight: 700;
	color: #263238;
	line-height: 140%;
}
.reports-total span {
	color: #FF5722;
	font-size: 35px;
}
.pdf-financial-report {
	margin: 30px 0;
	padding: 0;
}
.pdf-financial-report .content {
	padding: 0;
}
.pdf-financial-report .logo {
	margin-bottom: 30px;
	text-align: center;
}
.css-table {
	display: table;
	width: 100%;
}
.css-table .css-table-row {
	display: table-row;
}
.css-table .css-table-cell {
	display: table-cell;
	padding: 15px;
    vertical-align: middle;
    line-height: 160%;
    word-break: break-all;
    width: 50%;
    border-bottom: 1px solid #ddd;
}
.css-table .css-table-title .css-table-cell {
	background-color: #000;
	color: #fff;
	text-transform: uppercase;
}
.pdf-financial-report .container {
	max-width: 800px;
	width: auto;
}
.pdf-financial-report h1 {
	color: #000;
}
.download-report {
    margin-bottom: 20px;
    text-align: center;
}
.download-report a {
	display: inline-block;
    cursor: pointer;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    text-transform: uppercase;
    color: #fff;
    font-size: 14px;
    background: #546E7A;
    padding: 10px 20px;
}
.download-report a i,
.download-report a span {
	vertical-align: middle;
}
.download-report a i {
	margin-right: 10px;
}
.download-report a:hover {
	background: #FF5722;
}


.login {
	padding: 30px;
	border: 1px solid #CFD8DC;
	max-width: 500px;
	margin-left: auto;
	margin-right: auto;
}
.login input {
    font-family: 'Dosis', sans-serif;
    font-size: 16px;
    color: #263238;
    padding: 10px;
    height: 42px;
    background: #fff;
	display: block;
	border: 1px solid #CFD8DC;
	margin-bottom: 10px;
	width: 100%;
}
.login input[type=submit] {
	background: #FF5722;
	text-transform: uppercase;
    color: #fff;
    cursor: pointer;
    font-weight: 500;
    font-size: 16px;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
	cursor: pointer;
	border: 0;
	margin: 0;
}
.login input[type=submit]:hover {
	background: #E64A19;
}
.login label {
	display: block;
	margin-bottom: 10px;
	cursor: pointer;
}
.login .remember_me {
	margin-bottom: 10px;
}
.login .remember_me input[type="checkbox"] {
	display: inline-block;
	width: auto;
	vertical-align: middle;
	margin: 0 5px 0 0;
}
.login .remember_me label {
	vertical-align: middle;
	display: inline-block;
	margin: 0;
}
.update-prices {
	font-size: 17px;
}
.update-prices .main-container table {
	margin-left: auto;
	margin-right: auto;
}
.update-prices .main-container th,
.update-prices .main-container td {
	border: 1px solid #CFD8DC;
	padding: 8px 12px;
	font-size: 17px;
	text-align: left;
}
.update-prices .main-container th {
	text-transform: uppercase;
	background: #FF5722;
	color: #fff;
    font-weight: 500;
}
.update-prices .main-container tr:nth-child(2n) td {
    background: #f9f9f9;
}
.update-prices .main-container tr:hover td {
	background: #EDF1F2;
}
.update-prices .main-container .form {
	max-width: 600px;
	margin: 0 auto 30px auto;
}
.update-prices .main-container .form .form-row {
	font-size: 17px;
	text-transform: uppercase;
	margin-bottom: 15px;
}
.update-prices .main-container .form .form-row .select {
	position: relative;
}
.update-prices .main-container .form .form-row .select:after {
	position: absolute;
	content: "";
	top: 50%;
	right: 12px;
	margin-top: -3px;
	width: 0;
	height: 0;
	border: 6px solid transparent;
	border-color: #FF5722 transparent transparent transparent;
	pointer-events: none;
}
.update-prices .main-container .form .form-row span {
	font-size: 15px;
	display: inline-block;
	margin-left: 10px;
	color: #929292;
}
.update-prices .main-container .form .form-row h3 {
	text-align: left;
	margin-top: 40px;
	margin-bottom: 20px;
}
.update-prices .main-container .form .form-row h3.green {
	color: #2B7F12;
}
.update-prices .main-container h1 {
	font-size: 45px;
	margin-bottom: 40px;
}
.update-prices .main-container input[type=submit] {
    background: #777777;
    text-transform: uppercase;
    color: #fff;
    cursor: pointer;
    font-weight: 500;
    font-size: 16px;
    border: 0;
}
.update-prices .main-container input[type=submit].apply {
	background: #2B7F12;
}
.update-prices .main-container .new-price {
	background: #2B7F12 !important;
    color: #fff;
    border-top-color: #fff;
    border-bottom-color: #fff;
}
.update-prices .main-container .done {
	color: #2B7F12;
}
.update-prices .main-container .fail {
	color: #ffa722;
}
.update-prices .main-container .show_all {
	text-align: center;
	margin-bottom: 30px;
}
.update-prices .main-container .show_all a {
	color: #000;
	text-decoration: underline;
}
.update-prices h2.total-editions {
	margin-top: 60px;
}
#nprogress .spinner {
	display: none;
}

@media(max-width:1130px) {
	.container .content {
		padding: 30px;
	}
}
@media(max-width:900px) {
	.msg {
	    margin-left: 20px;
		margin-right: 20px;
	}
}
@media(max-width:750px) {
	.popup {
		margin-left: 20px;
		margin-right: 20px;
	}
	.art-stats table {
		width: 100%;
	}
}
@media(max-width:650px) {

	body {

		padding: 0 0 50px 0;

	}

	.container .menu {

		border-top: 0;

		border-left: 0;

		border-right: 0;

	}

	.container .menu ul li span,
	.container .menu-small ul li span {
		display: none;
	}
	.container .menu ul li .fa {
		margin-bottom: 0;
	}
	.container .menu-small ul li .fa {
		display: block;
		font-size: 35px;
	}
	.backup {
		display: none;
	}
	.Zebra_Pagination {
		padding-left: 20px;
		padding-right: 20px;
	}
	.Zebra_Pagination li {
		margin-bottom: 10px;
	}
	body .log_out {
		position: static;
		display: block;
		text-align: center;
		border-right: 0;
	}
}



@media(max-width:570px) {
	.sizes tr,
	.sizes tr th,
	.sizes tr td {
		display: block;
		width: 100% !important;
	}
	.row-main .children th:last-child,
	.row-main .children td:last-child {
		text-align: left;
	}
	.row-main .children th:last-child i:first-child,
	.row-main .children td:last-child i:first-child {
		margin-left: 0;
	}
	.row-main .edition-row th:last-child,
	.row-main .edition-row td:last-child {
		background: #ff5722 !important;
		color: #fff !important;
	}
	.context-menu {
		top: 56px;
	}
}



@media(max-width:550px) {

	.row-main .pic .pic-options {
		display: block;
	}

	.popup {
		margin-top: 15px;
		margin-bottom: 15px;
	}

	.row-main .pic,
	.row-main .text {

		width: 100%;

		float: none;

		padding: 0;

	}

	.row-main .pic {

		margin-bottom: 20px;

	}

	.row-main .no {

		display: none;

	}

	.reports-table tr:after,
	.search-report .cell-fw-center:after {
		content: "";
	  display: table;
	  clear: both;
	}
	.reports-table th {
		height: 82px;
		border-bottom: 0;
	}
	.reports-table th {
		display: none;
	}
	.reports-table tr {
		display: block;
		border-bottom: 4px solid #CFD8DC;
	}
	.reports-table tr td:last-child {
		border-bottom: 0;
	}
	.reports-table td:before {
		display: inline-block;
		font-weight: 500;
		margin-right: 10px;
		content: attr(data-title);
	}
	.reports-table td {
		width: 100%;
		display: block;
	}

}

@media(max-width:400px) {

	.container .menu ul li,

	.container .menu-small ul li {

		font-size: 15px;

	}

	.container .menu ul li .fa,
	.container .menu-small ul li .fa {

		font-size: 25px;

	}

	.popup {
    padding: 20px 15px;
		margin-left: 15px;
		margin-right: 15px;
	}
}

.report-total-row {
	text-align: center;
	text-transform: uppercase;
    font-weight: 700;
	font-size: 25px;
	color: #263238;
}
.art-id {
	display: inline-block;
	margin-top: 20px;
	color: rgba(0,0,0,0.4);
}

/* Read Only style */
.container .menu.read-only ul,
.container .menu-small.read-only ul {
	text-align: center;
}
.container .menu.read-only ul li,
.container .menu-small.read-only ul li {
	width: auto;
    display: inline-block;
	padding: 15px 50px;
	float: none;
}
.input-read-only {
	pointer-events: none;
}


.art-attachments {
	margin-bottom: 40px;
	display: none;
}
.art-attachments .art-attachments-listing {
	width: 100%;
	margin-bottom: 20px;
}
.art-attachments .art-attachments-listing td {
	vertical-align: middle;
	padding: 6px 12px;
	border-bottom: 1px solid #fff;
}
.art-attachments .art-attachments-listing td:first-child {
	background: #EAEEEF;
	border-right: 1px solid #fff;
	width: calc(100% - 30px);
}
.art-attachments .art-attachments-listing td:first-child a {
	color: #263238;
}
.art-attachments .art-attachments-listing td:last-child {
	background: #FF5722;
	color: #fff;
	width: 40px;
	text-align: center;
}
.art-attachments .art-attachments-listing td.gray {
	background: #EAEEEF;
}
.art-attachments .art-attachments-listing td:last-child .fa {
	margin-left: 0;
}
.art-attachments .art-attachments-listing td:last-child a,
.art-attachments .art-attachments-listing td:last-child a i:hover {
	color: #fff !important;
}
.art-attachments .art-attachments-listing tr:last-child td {
	border-bottom: 0;
}
.art-attachments .art-attachments-upload {
	width: 100%;
    background: #eaeeef;
}
.art-attachments .art-attachments-upload td {
	vertical-align: middle;
}
.art-attachments .art-attachments-upload td:first-child {
	width: calc(100% - 100px);
	padding: 12px 6px 12px 12px;
}
.art-attachments .art-attachments-upload td:last-child {
	width: 100px;
	padding: 12px 12px 12px 6px;
}
.art-attachments .art-attachments-upload input[type=file] {
	border: 1px solid #CFD8DC;
	font-family: 'Dosis', sans-serif;
	font-size: 16px;
	color: #263238;
	padding: 10px;
	height: auto;
	width: 100%;
	background: #fff;
}
.art-attachments .art-attachments-upload input[type=submit] {
	background: #FF5722;
	text-transform: uppercase;
	color: #fff;
	cursor: pointer;
	font-weight: 500;
	font-size: 16px;
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s linear;
	width: 100%;
	border: 0;
	font-family: 'Dosis', sans-serif;
	padding: 10px;
	height: 42px;
}
.art-attachments .art-attachments-upload input[type=submit]:hover {
	background: #E64A19;
}
.Zebra_Pagination {
	margin: 30px 0;
}
.progressbar {
	display: none;
}
.progressbar td {
	padding-left: 12px !important;
	padding-right: 12px !important;
}
.progressbar .status {
	margin-bottom: 10px;
}
.progressbar .bar {
	margin-bottom: 10px;
	background: #fff;
	position: relative;
	height: 10px;
}
.progressbar .bar span {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 0;
	background: #FF5722;
	-webkit-transition: width .2s linear;
	-moz-transition: width .2s linear;
	-o-transition: width .2s linear;
	transition: width .2s linear;
}
.log_out {
	position: fixed;
	top: 0;
	left: 0;
	background: #546E7A;
	padding: 10px 20px;
	font-size: 14px;
	text-transform: uppercase;
	color: #fff;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
    z-index: 1;
}
.log_out:hover {
	background: #455a64;
}
.log_out i {
	margin-right: 10px;
    display: inline-block;
}
.log_out i,
.log_out span {
	vertical-align: middle;
}
.art-attachments-toggle {
	background-image: url(../img/paperclip.svg);
    background-repeat: no-repeat;
    background-position: left 10px center;
    padding: 6px 28px 6px 35px;
    background-size: 17px;
    border: 1px solid #CFD8DC;
    border-radius: 0px;
    display: inline-block;
    position: relative;
	cursor: pointer;
	-webkit-transition: border .2s linear;
	-moz-transition: border .2s linear;
	-o-transition: border .2s linear;
	transition: border .2s linear;
	margin-bottom: 20px;
}
.art-attachments-toggle:hover {
	border-color: #000;
}
.art-attachments-toggle:after {
	content: "\f107";
	font: normal normal normal 14px/1 FontAwesome;
	font-size: 16px;
	position: absolute;
	top: 50%;
	right: 8px;
	margin-top: -8px;
}
body .add-template-to-title {
	font-weight: normal;
	cursor: pointer;
	border-bottom: 1px dotted #aaa;
}
.duplicated-art {
	position: absolute;
    background: rgba(0,0,0,0.6);
    padding: 25px 15px;
    left: 0;
    top: 0;
    z-index: 2;
    color: #fff;
    font-size: 30px;
	-webkit-transition: background .2s linear;
	-moz-transition: background .2s linear;
	-o-transition: background .2s linear;
	transition: background .2s linear;
}
.duplicated-art:hover {
	background: #FF5722;
}
.debug {
	margin-bottom: 100px;
	padding: 0 40px 40px 40px;
	border-bottom: 1px solid #ddd;
	line-height: 140%;
}
h1 a {
	color: #FF5722;
}
.page-title-menu {
	margin: 10px auto 40px auto;
	max-width: 800px;
	display: flex;
	justify-content: space-between;
}
.page-title-menu a {
	color: #b4b4b4;
}
.page-title-menu a.active,
.page-title-menu a:hover {
	color: #FF5722;
}
.filter-year {
	border-top: 1px solid #CFD8DC;
	padding: 20px 0;
	text-align: center;
	display: flex;
	justify-content: space-between;
	gap: 20px;
}
.filter-year a,
.filter-year-select {
	color: #263238;
	font-size: 16px;
	text-transform: uppercase;
	display: flex;
	align-items: center;
}
.filter-year-select span,
.filter-year a span {
	position: relative;
	margin-right: 10px;
}
.filter-year-select span::before,
.filter-year-select span::after,
.filter-year a span::before,
.filter-year a span::after {
	content: "";
	display: inline-block;
	border-radius: 50%;
	transition: opacity 0.2s, background 0.2s;
}
.filter-year-select span::before,
.filter-year a span::before {
	width: 31px;
	height: 31px;
	border: 1px solid #CFD8DC;
}
.filter-year-select span::after,
.filter-year a span::after {
	width: 15px;
	height: 15px;
	background: #FF5722;
	position: absolute;
	left: 9px;
	top: 9px;
	opacity: 0;
}
.filter-year-select.active span::after,
.filter-year-select:hover span::after,
.filter-year a.active span::after,
.filter-year a:hover span::after {
	opacity: 1;
	background: #FF5722;
}
.filter-year-select:hover {
	cursor: pointer;
}