/* PictureEditPage */
.log_forms {
	display: block;
	width: 300px;
	margin: 0 auto;
	border: 1px solid #ddd;
	padding: 2em 1em 1em 1em;
	float: none;
	text-align: center;
	-webkit-box-shadow: 4px 4px 3px 0px rgba(160, 160, 160, 0.1);
    -moz-box-shadow: 4px 4px 3px 0px rgba(160, 160, 160, 0.1);
    box-shadow: 4px 4px 3px 0px rgba(160, 160, 160, 0.1);
 }
.log_forms .log-form-group  { padding: 0.5em; }
.log_forms form { margin-bottom: 0!important; }

.pleft { width: 40%; float:left; padding-right: 5%; display:block; }
.pright { width: 55%; float:left; display:block; }
.row33 {width: 33%; float:left; margin-bottom: 1em;}


.row33l {width: 33%; float:left; margin-bottom: 1em; margin-right: 1%;}
.row33c {width: 32%; float:left; margin-bottom: 1em; margin-left: auto; margin-right: auto; }
.row33r {width: 33%; float:right; margin-bottom: 1em; margin-left: 1%;}

.row50l {width: 49%; float:left; margin-bottom: 1em; margin-right: 1%;}
.row50r {width: 49%; float:right; margin-bottom: 1em; margin-left: 1%;}

.blockline { clear:both; display: inline-block; width: 100%; }

.row100 {width: 100%; float:left; margin-bottom: 1em;}
.row50l input,
.row50r input,
.row50l select,
.row50r select {width: 95%; float:left;}
.row100 select,
.row100 input {width: 100%; float:left;}

.row100 .select2-container { width: 100% !important; }

.pleft img { width: 100%; height: auto; }
.pleft img#mainphoto { width: 100%; height: auto; }
/*
.ll {float:left; margin-right: 1%;}
.cc {float:none; margin-left: auto; margin-right: auto;}
.rr {float:right; margin-left: 1%;}
*/
.picture_form #picture_name { 
	width: 98%;
	font-size: 2.5em;
	padding: 1%;
	margin: 0; 
}
.picture_form #variation_name { font-size: 2em; }
.picture_form .variation_name { width: 100%; font-size: 2em; padding: 0.1em 0.5em; }
.picture_form input, .picture_form textarea, .picture_form select { 
	border: 1px solid #aaa;
	border-radius: 4px;
	padding: .7em 2%;
	width: 96%;
	background-color: #fdfdfd;
}


.picture_form textarea {
    height: 10em;
	margin-bottom: 2em;
}



.picture_form label	{ font-weight: bold; color: #555555; }
.picture_form .pictureframe {display: inline-block; padding: 0 0 3% 0; clear: both; width: 100%; }


.picture_form .pictureframevar {
    display: inline-block;
    padding: 0 0 3% 0;
    clear: both;
    width: 100%;
    border: 3px solid #d3e1e5;
    margin: 1% 1% 3% 1%;
    width: 94%;
    padding: 2%;
    border-radius: 4px;
    background: #fcfcfc;
}



.picture_form select { padding: .6180469716em; background-color: #fdfdfd; width: 100%; }
			
ul#tabs-nav {
   margin: 0;
   padding: 0;
   position: relative;
   text-align: left;
}
ul#tabs-nav li {
   list-style: none;
   display: inline-block;
}
a.tab-menu {
   display: block;
   background-color: #b8b8b8;
   font-size: 12px;
   font-family: Arial,Helvetica,sans-serif;
   color: #fff;
   padding: 5px 10px;
   text-shadow: 1px 1px 0px #1b91ab;
   font-weight: bold;
   text-decoration: none;
   border: solid 1px #1b91ab;
   border-bottom: 0;
   border-radius: 3px 3px 0 0;
}
a.tab-menu.tabs-active {
   background-color: #fff;
   text-shadow: 1px 1px 0px #ffffff;
   border: solid 1px #1b91ab;
   color: #6b6b6b;
   border-bottom: 0;
}
.tabs-container {
   border: solid 1px #1b91ab;
   padding: 2em;
   margin-top: -1px;
   background-color: #fff;
}
.tabs-panel {
   display: none;
   min-height: 150px;
   overflow: inherit;
   max-height: auto;
}



/* catalog */
	
.row { 
	display: flex;
	border-bottom: 1px solid #777;
	height: 100%;
	width: 100%;
	padding: 0;
	margin: 0;
	vertical-align: middle;
	align-items: center;
	justify-content: center;
}
			
.row a { width: 100%; height: 100%; display: flex; align-items: center; font-weight: 600; }
.row a img { width: auto; height: 100%; padding: 2% 0; max-width: 190px;}
.cell1,.cell2,.cell3,.cell4,.cell5, .site0, .site1, .site2, .site3 {
	width: 25%;
	float: left;
	height: 7em;
/*	display: flex;  */
	align-items: center;
	border: 1px solid #f0f0f0;
	padding: 1%;
}

.rowtitle .cell1, .rowtitle .cell2, .rowtitle .site0, .rowtitle .site1, .rowtitle .site2, .rowtitle .site3 { display: flex; }

.cell1 { width: 23%; }		
.cell2 { width: 27%; }
.cell3 { width: 25%; }			
.cell4 { width: 15%; }

.site0, .site1, .site2, .site3 { width: 25%; }		

.row .artisttitle { padding: 2em 0 1em 0; margin-bottom: 0;}



.new_picture_button { float: right; width: auto; padding: 1% 2%; background-color: #a6a6a6; color: #ffffff; font-weight: bold; text-decoration: yellow; text-transform: uppercase; }



/* settings */
	
.setting-api-form { width: 100%;}
.setting-api-form .setting-api-left { width: 20%; float: left; line-height: 2em; }
.setting-api-form .setting-api-right { width: 80%; float: right; }
.setting-api-form .setting-api-right input[type="text"], .setting-api-form .setting-api-right input[type="url"] {
    padding: .5em 1em;
    background-color: #fafafa;
    color: #43454b;
    outline: 0;
    border: 0;
    -webkit-appearance: none;
    box-sizing: border-box;
    font-weight: 400;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.125);
    width: 100%;
}
		
		
.setting-api-form .setting-api-line {width: 100%; display: inline-block; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.setting-api-form .setting-api-line-wo-border {width: 100%; display: inline-block;}
.setting-api-form .setting-api-addbutton {
	width: 150px;
	display: block;
	padding: 0.5em 1em;
	background-color: #eee;
	color: #000;
	text-align: center;
	font-weight: bold;
	cursor: pointer;
}
		
.setting-api-form .setting-api-savebutton {
	float: right; 
	width: 150px;
	display: block;
	padding: 0.9em 1em;
	background-color: #eee;
	color: #000;
	text-align: center;
	font-weight: bold;
	cursor: pointer;
	border: 0;
	font-size: 14px;
	}
	
.setting-api-form .addforms { display:none; }


.invarblock {
	width: 100%;
	display: inline-block;
	clear: both;
	padding: 0;
	background-color: #fff;
	margin: 1% auto;
	}
.invarblock .invaredname { width: 62%; float: left; display: block; line-height: 1em; font-size: 13px; }
.invarblock .invarprice { 
	height: 1.5em;
	width: 33%;
	float: left;
	display: block;
	padding-left: 2%;
	background: #fdfdfd;
	border: 1px solid #b3b3b3;
}


.chngprice {
    position: fixed;
    top: 50%;
    right: 0%;
    background-color: #fcfcfc;
    -webkit-box-shadow: 0px 1px 3px 0px rgba(50, 50, 50, 0.37);
    -moz-box-shadow: 	0px 1px 3px 0px rgba(50, 50, 50, 0.37);
    box-shadow: 		0px 1px 3px 0px rgba(50, 50, 50, 0.37);
    width: 230px;
    padding: 1em 0;
	transition: all 1s ease-out 0.5s;
}

.chngprice #uploads_indicator  {width: 40px; float: right; margin: 0.2em 1em 0.2em 0; display:none; }

.chngprice button { 
	margin: 0 1em; 
	-webkit-box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.2);
	-moz-box-shadow:    1px 1px 2px 0px rgba(50, 50, 50, 0.2);
	box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.2);
	border: 1px solid #e0e0e0;
	padding: 1em 1.5em;
	font-weight: 600;
	font-size: 14px;
}
.chngprice button:hover { background-color: #fff;}

.submitform {
	padding: 2em!important;
	border-radius: 0!important;
	width: auto!important;
	font-weight: bold!important;
	font-size: 16px!important;
	margin: 0 1em;
	-webkit-box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.2);-moz-box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.2);box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.2);
	border: 1px solid #e0e0e0!important;
	font-weight: 600;font-size: 14px;
}

.submitform:hover {
	padding: 2em!important;
	border-radius: 0!important;
	width: auto!important;
	font-weight: bold!important;
	font-size: 16px!important;
	margin: 0 1em;
	-webkit-box-shadow: 2px 2px 2px 1px rgba(50, 50, 50, 0.3);
	-moz-box-shadow: 2px 2px 2px 1px rgba(50, 50, 50, 0.3);
	box-shadow: 2px 2px 2px 1px rgba(50, 50, 50, 0.3);
	border: 1px solid #e0e0e0!important;
	font-weight: 600;font-size: 14px;
}

.submitform:active {
	padding: 2em!important;
	border-radius: 0!important;
	width: auto!important;
	font-weight: bold!important;
	font-size: 16px!important;
	margin: 0 1em;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	border: 1px solid #e0e0e0!important;
	font-weight: 600;font-size: 14px;
}




	
	
.log-form-group input  {border: 1px solid #aaa;padding: 0.5em 2em;}




/* Modal Download */

.link-to-modal { float: right;cursor: pointer;color: #41b1df; position: relative; bottom: 18px; }


.faf-modal {
	opacity: 0;
	background: rgba(43, 43, 43, 0.2); 
	pointer-events: none;
 	position: absolute; 
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9999;
	transition: all 0.5s ease;
    margin: 0;
    padding: 0;
}

.faf-modal.show {
    opacity: 1;
	pointer-events: auto;
    overflow-y: visible;
}

.faf-modal-wrapper {
	margin:auto;
	margin-top: 40vh;
	-webkit-box-shadow: 3px 6px 20px 0px rgba(0, 0, 0, 0.4);
	-moz-box-shadow:    3px 6px 20px 0px rgba(0, 0, 0, 0.4);
	box-shadow:         3px 6px 20px 0px rgba(0, 0, 0, 0.4);
	display: flex;
	width: 480px;
	min-width: unset;
	max-width: unset;
	height: auto;
}

.faf-CSS-modal-inner {
    position: relative;
    border-radius: 0px;
	width: 100%;
	display: block;
	height: 100%;
}

.faf-modal-close {
	position: absolute;
	top: -26px;
	right: -29px;
	font-size: 24px;
	color: #fff;
	text-decoration: none;
	cursor: pointer;
}

.faf-close:hover, .faf-close:focus {
    color: #000;
    cursor: pointer;
}










#fancybox-wrap, #fancybox-content, #fancybox-content div {
	height: 100%!important;
}

.srform { 
	background-color: #fff;
	width: 80%;
	display: inline-block;
	height: 70%;
	font-weight: normal;
	overflow: hidden;
	padding: 5% 10%;
}
.srform .srleft { width: 66%; float: left; display:inline-block; padding: 2em 3em; color: #ffffff; font-weight: normal;}
.srform .srcenter { background-color: #fff; width: 30%; float: left; display:inline-block; height: 100%; color: #000; font-weight: normal; padding: 2em; }
.srform .srright {  width: 4%; float: left; display:inline-block; color: #ffffff; }

.srform input[type="email"],
.srform input[type="tel"],
.srform input[type="text"],
.srform textarea,
.srform select {
	width: 100%;
    height: 40px;
    background-color: #3e3e3e;
    border: 1px solid #717171;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #c5c5c5;
}
	
.srform textarea {
	height: 86px;
	resize: none;
}
	
.srform .sredition {
	width: 25%;
	float: left;
}

.srform .sredition3 {
	width: 50%;
	float: left;
}

.srform .sremail {
	width: 49%;
	float: left;
	padding-right:1%;
}
.srform .srtel {
	width: 49%;
	float: right;
	padding-left:1%;
}

.srform .sredition span.wpcf7-list-item {
	margin: 0;
}

.srform .srsubtitle {
	font-size: 16px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #ffffff;
	padding-bottom: 1.5em;
}
	
.srform .srsubtitle2 {
	font-size: 16px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #c5c5c5;
	clear: both;
	padding: 1.2em 0 0.2em 0;
}
.srform .srmess	{
	clear: both;
	padding: 1em 0 0 0;
}
.srform button, .srform input[type="submit"] {
	padding: 0 1em;
	float: right;
}

.srform div.wpcf7 .ajax-loader {
	visibility: hidden;
	display: block;
	background-image: url("../../images/ajax-loader.gif");
	width: 16px;
	height: 16px;
	border: none;
	padding: 0;
	margin: 4px 0 0 4px;
	vertical-align: middle;
}	
	
.srform .srlastleft { float: right; padding: 0.5em 2em 0 0; }
	
.srform .srlastleft a {	
	font-size: 16px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: center;
	color: #b2b2b2;
	text-transform: uppercase;
}	
.srform .srlastright { float: right; }

.add-picture-form label { font-weight: bold;}
.add-picture-form #add-picture-name { margin: 1em 0; border: 1px solid #aaa; border-radius: 4px; padding: 0.7em 1%; width: 98%; background-color: #fdfdfd; cursor:pointer; font-size: 16px; }
.add-picture-form .add-picture-site { margin-right: 1em;}
.add-picture-form .add-picture-site-block { display: flex; margin: 1em 0 3em 0; }
.add-picture-form .add-picture-site-block p { margin-right: 2em; }


.add-picture-form .add-picture-submit {
	padding: 1em 2em;
	width: auto;
	font-weight: bold;
	margin: 0;
	-webkit-box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.2);-moz-box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.2);box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.2);
	border: 1px solid #e0e0e0;
	font-size: 14px;
}

.add-picture-form .add-picture-submit:hover {
	-webkit-box-shadow: 2px 2px 2px 1px rgba(50, 50, 50, 0.3);
	-moz-box-shadow: 2px 2px 2px 1px rgba(50, 50, 50, 0.3);
	box-shadow: 2px 2px 2px 1px rgba(50, 50, 50, 0.3);
}

.add-picture-form .add-picture-submit:active {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}