/*---------------------------------------   FONT-FAMILY   -------------------------------------------*/

/*@font-face {
  font-family: 'ProximaNova-Light';
  src:url('../fonts/ProximaNova-Light/ProximaNova-Light.eot'),
      url('../fonts/ProximaNova-Light/ProximaNova-Light.eot?#iefix') format('embedded-opentype'),
	  url('../fonts/ProximaNova-Light/ProximaNova-Light.otf')  format('opentype'),
	  url('../fonts/ProximaNova-Light/ProximaNova-Light.woff') format('woff'),
	  url('../fonts/ProximaNova-Light/ProximaNova-Light.ttf')  format('truetype'),
	  url('../fonts/ProximaNova-Light/ProximaNova-Light.svg#ProximaNova-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}*/

/*---------------------------------------   Font-Size   ---------------------------------------------*/

p { font-size: 100%; }
a { font-size: 100%; }
h1 { font-size: 250%; }
h2 { font-size: 206.25%; }
h3 { font-size: 150%; }
h4 { font-size: 125%; }
h5 { font-size: 112.5%; }
h6 { font-size: 87.5%; }
/*---------------------------------------   CONTENTDIV   --------------------------------------------*/

.contentdiv p { margin-bottom: 15px; }
.contentdiv p:last-of-type { margin-bottom: 0px; }
.contentdiv ul { list-style: outside disc; margin-bottom: 15px; padding-left: 20px; }
.contentdiv ul li, .contentdiv ol li { margin-bottom: 5px; }
.contentdiv ol { list-style: outside decimal; margin-bottom: 15px; padding-left: 20px;  }
.contentdiv ul ul, .contentdiv ol ol, .contentdiv ul ol, .contentdiv ol ul { margin: 5px 0 0 15px; }
.contentdiv ol ol { list-style: upper-alpha; }
.contentdiv ol ol ol { list-style: lower-roman; }
.contentdiv ol ol ol ol { list-style: lower-alpha; }
.contentdiv blockquote { padding-left: 15px; margin-bottom: 15px; border-left: 5px solid #000000; }
.contentdiv table {	border: 1px solid #DFDFDF; background-color: #F9F9F9; width: 100%; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; margin: 0 0 15px 0; }
.contentdiv table td, .contentdiv table th { border-top-color: white; border-bottom: 1px solid #DFDFDF; border-left: 1px solid #DFDFDF; }
.contentdiv table th, .contentdiv table caption { padding: 7px 7px 8px; font-weight: bold; text-align: center; }
.contentdiv table caption { border-top: 1px solid #DFDFDF; border-left: 1px solid #DFDFDF; border-right: 1px solid #DFDFDF; background-color: #F9F9F9; }
.contentdiv table td { padding: 5px 7px 3px; vertical-align: top; }
.contentdiv a { color: #246352; text-decoration: underline; }
.contentdiv a:hover { text-decoration: none; }

.contentdiv.blackcontentdiv { border-color: #fff; color: #fff; }
/*---------------------------------------   CLEARFIX   ----------------------------------------------*/

.clearfix:before,
.clearfix:after {
    content: ''; /* 1 */
    display: table; /* 2 */
}
.clearfix:after {
    clear: both;
}
/*---------------------------------------   HOVER EFFECT   ------------------------------------------*/

.btn-hover:hover {
	opacity:0.7;
	-webkit-transition: all 400ms ease-in-out;
	-moz-transition: all 400ms ease-in-out;
	-o-transition: all 400ms ease-in-out;
	-ms-transition: all 400ms ease-in-out;
	transition: all 400ms ease-in-out;
}
/*---------------------------------------   WRAPPER + CENTERDIV   -----------------------------------*/

body {
	height:100%;
}
.wrapper {
	display:table;
	width:100%;
	height:100%;
}
.centerdiv {
	max-width:1920px;
	margin:0 auto;
	padding: 0px 147px;
}
main {
	display: table-row;
	height: 100%;
}
/*footer {
	display: table-row;
}*/
/*---------------------------------------   ALIGNMENT   ---------------------------------------------*/

.middle-vertical-align {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.middle-horizontal-align {
	position:absolute;
	left:50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}
.center-vertical-horizontal-align {
	position: absolute;
    top: 50%;
    left: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}
/*---------------------------------------   PLACEHOLDERS   ------------------------------------------*/
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	font-size: 83%;
	font-family: 'DINPro-Regular';
	letter-spacing: 2px;
	opacity:1;
}
::-moz-placeholder { /* Firefox 19+ */
	font-size: 83%;
	font-family: 'DINPro-Regular';
	letter-spacing: 2px;
	opacity:1;
}
:-ms-input-placeholder { /* IE 10+ */
	font-size: 83%;
	font-family: 'DINPro-Regular';
	letter-spacing: 2px;
	opacity:1;
}
:-moz-placeholder { /* Firefox 18- */
	font-size: 83%;
	font-family: 'DINPro-Regular';
	letter-spacing: 2px;
	opacity:1;
}

/*---------------------------------------   BACKEND HTML   --------------------------------------------*/
p:last-of-type {
	margin-bottom: 0px;
}
.topbar {
	z-index: 501;
}
.topbar .top-navbar #navbarSupportedContent {
	border-bottom: 1px solid #eaeaea;
}
.royalsoft-container-fluid.container-fluid {
    padding: 20px;
    min-height: calc(100vh - 115px);
    background-color: #fcfcfc;
}
.footer {
	padding: 14px 20px 15px;
	border-top: 1px solid #eaeaea;
}
.input-group-prepend button[disabled="disabled"] {
	cursor: not-allowed;
	opacity: 0.5;
}
.input-group-prepend button {
	font-weight: 500;
	cursor: pointer;
	opacity: 1;
}
.royalsoft-file .custom-file-label {
	overflow: hidden;
	line-height: 1.6;
}
.card-group.homepage-slider .card {
	display: inline-block;
}
.rs-card-actions {
	padding: 15px 20px 10px;
	display: block;
	border-bottom: 1px solid rgba(0,0,0,.1);
}
.rs-card-actions h4 {
	float: left;
	margin-top: 3px;
	margin-bottom: 0px;
}
.rs-card-actions a, .rs-card-actions button {
	float: right;
	margin-right: 20px;
	margin-top: -5px;
}
.rs-card-actions a:last-of-type, .rs-card-actions button:last-of-type {
	margin-right: 0px;
}
.categories-list {
	margin-bottom: 0px;
	padding-left: 0px;
}
.categories-list li {
	display: inline-block;
	width: 100%;
}
.categories-list li .category-item {
	background-color: transparent;
	-webkit-transition: background-color 400ms ease-in-out;
	-moz-transition: background-color 400ms ease-in-out;
	-o-transition: background-color 400ms ease-in-out;
	-ms-transition: background-color 400ms ease-in-out;
	transition: background-color 400ms ease-in-out;
	display: inline-block;
	width: 100%;
	padding: 10px 60px 10px 10px;
	position: relative;
}
.categories-list li .category-item:hover {
	background-color: #eaeaea;
}
.categories-list li ul {
	padding-left: 0px;
}
.category-name {
	float: left;
	padding-right: 15px;
}
.category-actions {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 10px;
}
.category-actions a {
	margin-right: 10px;
	font-size: 20px;
}
.category-actions a:last-of-type {
	margin-right: 0px;
}
.add-category-container {
	width: 100%;
	display: flex;
	flex-flow: row wrap;
}
.rs-delete-color {
	color: #a4a8a5;
}
.rs-delete-color:hover {
	color: #e50d35;
}
.rs-edit-color {
	color: #a4a8a5;
}
.rs-edit-color:hover {
	color: #13ad3c;
}
.products-actions-container {
	margin-bottom: 20px;
}
.products-actions-container a {
	margin-right: 20px;
}
.products-actions-container a:last-of-type {
	margin-right: 0px;
}
.product-details-form {
	display: flex;
	flex-flow: row wrap;
}
.product-details-container label {
	display: block;
	width: 100%;
}
.product-details-container input {
	display: block;
	border: 1px solid #eaeaea;
	padding: 5px 10px;
	width: 100%;
}
.product-details-form .input-group, .product-details-form .form-group {
	margin-bottom: 15px;
}
.rearrange-container {
	display: block;
	width: calc(100% + 20px);
	margin-left: -10px;
	margin-right: -10px;
	display: flex;
	flex-flow: row wrap;
}
.product-details-form .input-group {
	width: 20%;
}
.select2-container--default .select2-selection--multiple {
	border-radius: 0px;
	border: 1px solid #eaeaea;
	line-height: 1.5;
	height: auto;
	background-image: url('../images/chevron-down.png');
	background-repeat: no-repeat;
	background-size: 10px 10px;
	background-position: 98% 50%;
	padding-right: 30px;
}
.select2-container--default.select2-container--open .select2-selection--multiple {
	background-image: url('../images/chevron-up.png');
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
	border: 1px solid #eaeaea;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice,
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
	background-color: transparent;
	color: #000000;
}
.select2-dropdown {
	border: 1px solid #eaeaea;
}
.product-type-configs-container {
	display: flex;
	flex-flow: row wrap;
}
.not-visible {
	display: none;
}
input[type="color"] {
	height: 33px;
	background-color: transparent;
}
.contains-radio {
	margin-bottom: 15px;
}
.contains-radio:last-of-type {
	margin-bottom: 0px;
}
.width-100 {
	width: 100%;
}
.html-details-container {
	width: 100%;
	display: flex;
	flex-flow: row wrap;
}
label:not(.custom-file-label) {
	display: block;
	width: 100%;
}
input {
	display: block;
	border: 1px solid #eaeaea;
	padding: 5px 10px;
	width: 100%;
}
textarea {
	resize: none;
	display: block;
	border: 1px solid #eaeaea;
	padding: 5px 10px;
	width: 100%;
}
select {
	display: block;
	border-radius: 0px;
	border: 1px solid #eaeaea;
	padding: 4px 10px 3px;
	width: 100%;
}
.translate-terms-container {
	width: 100%;
}
.company-contact-subject-container {
	width: 100%;
	display: flex;
	flex-flow: row wrap;
}
.summernote-small + .note-editor {
	margin-bottom: 0px;
}
.note-toolbar-wrapper {
	min-height: 39.8833px !important;
}
.custom-file.royalsoft-file.royalsoft-inline {
	display: flex !important;
	width: 1% !important;
}
.custom-file.royalsoft-file.file-uploaded input {
	width: calc(100% - 130px);
}
.custom-file.royalsoft-file.file-uploaded label {
	width: calc(100% - 130px);
	left: 70px;
}
.custom-file.royalsoft-file.file-uploaded a {
	display: inline-block;
}
.custom-file.royalsoft-file a {
	display: none;
	color: #ffffff;
}
.custom-file.royalsoft-file a:hover {
	color: #ffffff;
}
.input-group-text {
	padding: 5px 10px;
}
.royalsoft-file, .royalsoft-inline {
	display: block !important;
	width: 100% !important;
	height: 33px;
}
.royalsoft-file .custom-file-input, .royalsoft-file .custom-file-label, .royalsoft-inline .custom-file-input, .royalsoft-inline .custom-file-label {
	height: 33px;
}
.custom-file-label:after {
	height: 31px;
}
.notification-html-container small {
	margin-bottom: 20px;
	display: inline-block;
}
.notification-html-container a {
	margin-top: 20px;
}
.newsletter-container .field-container {
	margin-bottom: 15px;
}
.newsletter-container .field-container.removable-field {
	padding-right: 30px;
	position: relative;
	min-height: 33px;
}
.field-container.removable-field .field-actions-container {
	position: absolute;
	right: 0px;
	bottom: 0px;
	width: 30px;
	height: 33px;
	text-align: center;
	padding-top: 5px;
}
input[readonly="readonly"], textarea[readonly="readonly"] {
	background-color: #efefef;
	cursor: not-allowed;
}
table th {
	padding: 15px 20px;
	border: 1px solid #eaeaea;
	border-right: none;
}
table th:last-of-type {
	border-right: 1px solid #eaeaea;
}
table td {
	padding: 10px 20px;
	border: 1px solid #eaeaea;
	border-right: none;
}
table td:last-of-type {
	border-right: 1px solid #eaeaea;
}
table.dataTable {
	width: 100%;
	border-collapse: collapse !important;
}
#html-pages-table td.td-name {
	padding: 20px;
}
div.dataTables_wrapper div.dataTables_filter label {
	text-align: right;
}
.td-actions {
	padding: 0px;
	position: relative;
}
.table-actions-container {
	position: absolute;
	top: 50%;
    left: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	width: 100%;
	text-align: center;
}
.td-actions a {
	margin-right: 10px;
	font-size: 20px;
	padding: 10px;
}
.td-actions a:last-of-type {
	margin-right: 0px;
}
.card-title-header {
	padding: 15px 20px;
	border-bottom: 1px solid #eaeaea;
	margin-top: -20px;
	margin-left: -20px;
	margin-right: -20px;
	margin-bottom: 20px;
}
.card-title-header h4 {
	margin-bottom: 0px;
}
.form-submit-container, .add-fields-btn-container {
	text-align: right;
	width: 100%;
}
/* Notifications */
.topbar .dropdown-menu.mailbox .with-arrow {
	right: -3px;
}
.topbar .dropdown-menu.user-dd .with-arrow {
	right: 3px;
}
.homepage-slider .carousel-img-container, .product-slider .carousel-img-container {
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	width: 100%;
	height: 0;
	padding-top: 56.25%;
}
.note-editor .note-editing-area {
	padding-top: 5px;
}
.note-editor.note-frame .note-statusbar {
	display: none;
}
.contain-slide {
	margin-bottom: 15px;
}
.contain-slide:last-of-type {
	margin-bottom: 0px;
}
.page-pos {
	margin-right: 15px;
	display: inline-block;
}
.th-image, .td-image {
	max-width: 60px;
}
.td-image img {
	max-width: 60px;
}
.card-title-input-middle.contact-page {
	padding: 15px 172px 15px 271px;
	border-bottom: 1px solid #eaeaea;
	position: relative;
}
.card-title-input-middle.contact-page h4 {
	max-width: 241px;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 20px;
	display: inline-block;
}
.card-title-input-middle.contact-page .input-middle-header-btn {
	max-width: 142px;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 20px;
	display: inline-block;
	color: #ffffff !important;
}
.card-title-input-middle.contact-page .input-middle-header-btn:hover {
	color: #ffffff;
}

.card-title-input-middle.donate-page {
	padding: 15px 199px 15px 124px; /* 169 */
	border-bottom: 1px solid #eaeaea;
	position: relative;
}
.card-title-input-middle.donate-page h4 {
	max-width: 94px;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 20px;
	display: inline-block;
}
.card-title-input-middle.donate-page .input-middle-header-btn {
	max-width: 175px;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 20px;
	display: inline-block;
	color: #ffffff !important;
}
.card-title-input-middle.donate-page .input-middle-header-btn:hover {
	color: #ffffff;
}
.card-title-input-middle.donate-page .company-donate-description-input {
	width: 59%;
	display: inline-block;
}
.card-title-input-middle.donate-page .company-donate-sum-input {
	width: 39%;
	display: inline-block;
}
.company-donate-sum-table td.td-actions a {
	margin-left: 28px;
}
.company-subjects-table th.th-actions, .company-donate-sum-table th.th-actions {
	width: 95px;
}
.store-image-container {
	margin-bottom: 20px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover; 
}
.store-image-container img {
	max-width: 100%;
	opacity: 0;
}
/*---------------------------------------   RESPONISVE VIEW   ---------------------------------------*/

@media only screen and (max-width: 1750px) {
	/*.product-details-form .input-group {
		width: 25%;
	}*/
}

@media only screen and (max-width: 1450px) {
	/*.product-details-form .input-group {
		width: 33.3333%;
	}*/
}

@media only screen and (max-width: 1024px) {
	/*.product-details-form .input-group {
		width: 50%;
	}*/
}

@media only screen and (max-width: 900px) {
	#products-table_wrapper .row:nth-of-type(2) {
		overflow-x: auto;
	}
	#home-products-table_wrapper .row:nth-of-type(2) {
		overflow-x: auto;
	}
	#category-products-table_wrapper .row:nth-of-type(2) {
		overflow-x: auto;
	}
	#html-pages-table_wrapper .row:nth-of-type(2) {
		overflow-x: auto;
	}
	.card-title-input-middle {
		padding: 15px 20px;
		position: static;
		text-align: center;
	}
	.card-title-input-middle h4 {
		position: static;
		top: auto;
		-webkit-transform: translateY(0%);
		-moz-transform: translateY(0%);
		-o-transform: translateY(0%);
		-ms-transform: translateY(0%);
		transform: translateY(0%);
		left: auto;
		margin-bottom: 10px;
	}
	.card-title-input-middle input {
		margin-bottom: 10px;
	}
	.card-title-input-middle .input-middle-header-btn {
		position: static;
		top: auto;
		-webkit-transform: translateY(0%);
		-moz-transform: translateY(0%);
		-o-transform: translateY(0%);
		-ms-transform: translateY(0%);
		transform: translateY(0%);
		right: auto;
	}
}

@media only screen and (max-width: 767px) {
	div.dataTables_wrapper div.dataTables_paginate ul.pagination {
		justify-content: center;
	}
	div.dataTables_wrapper div.dataTables_filter input {
	    width: calc(100% - 58px);
	}
}

@media only screen and (max-width: 576px) {
	/*.product-details-form .input-group {
		width: 100%;
	}*/
}

@media only screen and (max-width: 479px) {
	#products-table_paginate .pagination {
		position: relative;
		padding: 40px 0px;
	}
	#home-products-table_paginate .pagination {
		position: relative;
		padding: 40px 0px;
	}
	#category-products-table_paginate .pagination {
		position: relative;
		padding: 40px 0px;
	}
	#html-pages-table_paginate .pagination {
		position: relative;
		padding: 40px 0px;
	}
	.paginate_button.page-item.previous {
		display: block;
		position: absolute;
		top: 0px;
		right: 0px;
		left: 0px;
	}
	.paginate_button.page-item.next {
		display: block;
		position: absolute;
		bottom: 0px;
		right: 0px;
		left: 0px;
	}
	.custom-file.royalsoft-file.file-uploaded {
		position: relative;
		margin-top: 35px;
	}
	.custom-file.royalsoft-file .slide-delete {
		position: absolute;
		bottom: 100%;
		left: 0px;
		width: 50%;
	}
	.custom-file.royalsoft-file .slide-view {
		position: absolute;
		bottom: 100%;
		right: 0px;
		width: 50%;
	}
	.custom-file.royalsoft-file.file-uploaded input {
		width: 100%;
	}
	.custom-file.royalsoft-file.file-uploaded label {
		width: 100%;
		left: 0px;
	}
}