/* Editors */

.editorpage .formbuilder input[type=text], .shop_producteditor .formbuilder input[type=text], .editorpage .formbuilder input[type=password] { width: 100%; }
.editorpage .formbuilder textarea, .shop_producteditor .formbuilder textarea { width: 100%; }
.editorpage .formbuilder .field, .shop_producteditor .formbuilder .field { padding: 5px 0px 5px 0px; }
.editorpage .formbuilder .field input[type=hidden], .shop_producteditor .formbuilder .field input[type=hidden] { padding: 0px; margin: 0px; height: 0px;}
.editorpage .formbuilder .field .label, .shop_producteditor .formbuilder .field .label { font-family: GothamBlack; text-transform: uppercase; }
.editorpage .formbuilder .field .description, .shop_producteditor .formbuilder .field .description { color: #7f7f7f; padding: 0px 0px 5px 0px; font-size: 75%; }
.editorpage .formbuilder .field .input, .shop_producteditor .formbuilder .field .input { padding: 5px 0px 0px 0px; }

.editorpage .statusbar, .memb_userprofile .statusbar, .feat_companypage .statusbar { background-color: #fff6b8; padding: 30px 0px 30px 0px; font-family: GothamBook; z-index: 5; min-height: 30px; }
.editorpage .statusbar_inner, .memb_userprofile .statusbar_inner, .feat_companypage .statusbar_inner, .editorpage .resetcomplete { max-width: 1040px; margin: 0px auto 0px auto; padding: 0px 20px 0px 20px; box-sizing: border-box; }
.memb_userprofile .statusbar .welcome, .editorpage .statusbar .welcome, .feat_companypage .statusbar_inner .welcome, .feat_jobeditor .statusbar_inner .welcome { float: left; }
.editorpage .statusbar .progress, .memb_userprofile .statusbar .progress, .feat_companypage .statusbar .progress { float: right; }
.editorpage .statusbar .text {  clear: left; font-size: 90%; margin: 0px 0px 0px 0px; }
.editorpage .statusbar .text img.edittell { max-width: 24px; max-height: 13px; }
.memb_userprofile .statusbar .highlight { font-family: GothamBold; }
.memb_userprofile .statusbar .welcome .addproject { float: right;  }
.memb_userprofile .statusbar .welcome {width: 100%;}

.editorpage .resetpw .error { margin: 10px 0px 20px 0px; color: red; }
.editorpage .resetpw h2, .editorpage .resetcomplete h2  { font-size: 140%; margin: 20px 0px 20px 0px;  }
.editorpage .resetpw .label { font-family: GothamBold; }
.editorpage .resetpw input[type=submit] { font-family: GothamBold; }

/* Preview */

.memb_userprofile .editlink, .feat_companypage .editlink { float: right; }
.memb_userprofile .editlink a, .feat_companypage .editlink a, .memb_userprofile .statusbar a { border: solid #7f7f7f 1px; padding: 3px 10px 3px 10px; font-family: GothamBlack; }
.memb_userprofile .statusbar, .feat_companypage .statusbar { position: fixed; width: 100%; top: 40px; left: 0px; }
.memb_userprofile .tell h3 { font-family: GothamBlack; letter-spacing: 0.75px; text-transform: uppercase; padding: 10px 0px 10px 0px; line-height: 1; font-size: 120%; }
.memb_userprofile .edittell .editlink {  padding: 20px 0px 0px 0px;}
.memb_userprofile .edittell .editlink a, .feat_companypage .edittell .editlink a {background-image: url(/images/synBWTM7ENSjDJUrZ89Q00d00e.png);background-position: 5px 5px;padding-left: 30px;}

@media (max-width: 600px){
   .memb_userprofile .editlink {float: left; margin-bottom: 20px;}
   .memb_userprofile .expandtitle {clear: both;}
}

.editorpage .messagebar { background-color: #ffffff; padding: 30px 0px 30px 0px; }
.editorpage .messagebar_inner { max-width: 1000px; margin: 0px auto 0px auto; }
.editorpage .messagebar .highlight { font-family: GothamBlack; }
.editorpage .messagebar a { float: right; display: block; border: solid #7f7f7f 1px; padding: 3px 10px 3px 10px; font-family: GothamBlack; }

.editorpage .toolbar, .memb_lookbookeditor .toolbar, .shop_purchaseorders .toolbar, .shop_producteditor .titletxt, .database_reports .toolbar
   { background-color: #ffffff;}
.editorpage .toolbar .toolbar_inner, .memb_lookbookeditor .toolbar .toolbar_inner, .shop_purchaseorders .toolbar .toolbar_inner, .shop_producteditor .titletxt_inner, .database_reports .toolbar .toolbar_inner
	{ max-width: 1040px;  margin: 0px auto 0px auto; padding: 0px 20px 0px 20px; box-sizing: border-box; display: block; }
.editorpage .toolbar, .memb_lookbookeditor .toolbar, .feat_companypage .toolbar, .shop_purchaseorders .toolbar, .shop_producteditor .titletxt, .database_reports .toolbar
	{ padding: 30px 0px 30px 0px; }
.editorpage .toolbar h2, .memb_lookbookeditor .toolbar h2, .feat_companypage .toolbar h2, .shop_purchaseorders .toolbar h2, .database_reports .toolbar h2
	{ float: left; font-family: GothamBlack; text-transform: uppercase; }
.editorpage .toolbar .sections, .memb_lookbookeditor .toolbar .sections, .feat_companypage .toolbar .sections
	{ float: right; }
.editorpage .toolbar .sections li, .memb_lookbookeditor .toolbar .sections li, .feat_companypage .toolbar .sections li
	{ display: inline-block; padding: 0px 0px 0px 100px; color: #7f7f7f; }
.editorpage .toolbar .sections li.selected, .memb_lookbookeditor .toolbar .sections li.selected, .feat_companypage .toolbar .section li.selected
	{ color: #000000; }
.editorpage .toolbar .sections li a, .feat_companypage .toolbar .sections li a
	{ color: #7f7f7f; }
.editorpage .toolbar .sections li.selected a, .feat_companypage .toolbar .sections li.selected a
	{ color: #000000; }

.editorpage .form { max-width: 1000px; margin: 0px auto 0px auto; }

.editorpage .left { width: 50%; float: left; box-sizing: border-box; padding: 0px 5% 20px 0px !important; }
.editorpage .right { width: 50%; float: right; box-sizing: border-box; padding: 0px 0px 20px 5% !important; }

.editorpage .buttons { clear: both; padding: 20px 0px 0px 0px; text-align: right; border-top: solid #7f7f7f 1px; }
.editorpage .buttons .delete, .editorpage .buttons .reset { float: left; cursor: pointer; }
.editorpage .buttons a { margin-left: 30px;  }
.editorpage .buttons a:first-child { margin-left: 0px;  }
.editorpage .addlink .btn {font-family: GothamBold; font-size: 130%; text-transform: uppercase; } 
.editorpage .buttons .left { text-align: left; } 
.editorpage .buttons .publish { background-color: #ffffff;}

.editorpage .field_checkbox { display: inline-block; }
.editorpage .field_checkbox .label { float:right; padding: 5px 0px 0px 40px; }
.editorpage .field_checkbox .input { padding: 0px 0px 0px 0px; }
/*
.editorpage input[type="checkbox"] {opacity: 1; width: 20px; height: 20px; padding: 0px; margin: 0px;}
*/
.editorpage .errors { color:red; padding: 10px 0px 0px 0px; }

.dialog .name { font-family: GothamBlack; color: #000000; }

/* Profile editor */

.memb_profileeditor h3 { font-family: GothamBlack; text-transform: uppercase; padding: 10px 0px 10px 0px; line-height: 1; font-size: 120%;}

.memb_profileeditor .type, .memb_profileeditor .plan, .memb_profileeditor .tell, .memb_profileeditor .show, .memb_profileeditor .confirmemail
   { max-width: 1040px; margin: 0px auto 0px auto; padding: 0px 20px 0px 20px; box-sizing: border-box; }

.memb_profileeditor .confirmemail { max-width: 1040px; padding: 50px 20px 10px 20px; }

.memb_profileeditor .type { max-width: 1040px; padding: 0px 0px 10px 0px; }
.memb_profileeditor .type .introduction { padding: 20px; }
.memb_profileeditor .type ul { padding: 0px 10px 0px 10px; }
.memb_profileeditor .type ul li { border: solid #f7f7f7 1px; font-size: 84%; padding: 10px; float: left; width: 500px; cursor: pointer; box-sizing: border-box; margin: 0px 0px 0px 20px; }
.memb_profileeditor .type ul li:first-child { margin-left: 0px; }
.memb_profileeditor .type ul li:hover { border-color: #ffed00; }
.memb_profileeditor .type ul li h4 { text-transform: uppercase; font-size: 180%; font-family: GothamBlack; padding: 0px 0px 10px 0px; }
.memb_profileeditor .type ul li .description { min-height: 150px; padding: 10px 0px 10px 0px; border-top: solid #7f7f7f 1px; border-bottom: solid #7f7f7f 1px; }
.memb_profileeditor .type .note { clear: both; padding: 40px 20px 0px 20px; }
.memb_profileeditor .type div.button { clear: both; float: right; margin: 20px 20px 0px 0px; padding: 5px 20px 5px 20px; font-family: GothamBlack; }

.memb_profileeditor .plan .introduction { padding: 20px 0px 20px 0px; }
.memb_profileeditor .plan .packagebuttons { display: none; }
.memb_profileeditor .plan table, .pricing .html .packagetable { width: 100%; }
.memb_profileeditor .plan table th, .memb_profileeditor .plan .packagebuttons li .name, .pricing .html packagetable th
   { text-align: center; font-family: GothamBlack; text-transform: uppercase; padding: 10px 0px 10px 0px; font-size: 120%; }
.memb_profileeditor .plan table td, .pricing .html .packagetable td { text-align: center; border-bottom: solid #7f7f7f 1px; padding: 10px 0px 10px 0px; }
.memb_profileeditor .plan table td:first-child, .pricing .html .packagetable td:first-child { text-align: left; }
.memb_profileeditor .plan table tr:last-child td, .pricing .html .packagetable tr:last-child td { border-bottom: none; padding-top: 20px; }
.memb_profileeditor .plan table a, .memb_profileeditor .plan .packagebuttons a
   { border: solid #000000 1px; padding: 5px; display: inline-block; width: 150px; font-family: GothamBlack; }
.memb_profileeditor .plan table td.yes, .pricing .html .packagetable td.yes { background-image: url(/images/MNlJ7NV9Iddir0xS7Lxo00i00e.png); padding-top: 30px; background-position: center 13px; }
.memb_profileeditor .plan table td.no, .pricing .html .packagetable td.no { background-image: url(/images/2Tl9WFw67d3Iv7au6dZZ00e00e.png); }
.memb_profileeditor .plan .price1 td, .pricing .html .packagetable .price1 td { border-bottom: none; font-size: 120%; }
.memb_profileeditor .plan .price2 td, .pricing .html .packagetable .price2 td { font-size: 80%; }
.memb_profileeditor .plan .hover { background-color: #ffffff; }
.memb_profileeditor .plan .selected a { background-color: #fbf600; }

.pricing .html .packagetable {margin: 40px 0px 0px 0px; font-family: GothamBook; color: #000000;}
.pricing .html .packagetable th {text-transform: uppercase; font-size: 120%; font-family: GothamBlack; }
.pricing .mobile { display: none; } 

@media( max-width: 700px )
{
    .pricing .html .mobile { display: block; }
    .pricing .html .mobile h2 {padding: 50px 0px 0px 0px; text-transform:uppercase; text-align: center; font-size: 148%;}
    .pricing .html .mobile th { border: none; }
    .pricing .html .mobile td { border: none; text-align: center; padding: 0px;} 
    .pricing .html .mobile td:first-child {border: none;  text-align: center; }
    .pricing .html .mobile td:last-child { border: none; padding: 0px;}
    .pricing .html .tabs { display: none; }
    .pricing .html .mobile .jobs  { border-top: 1px solid black; border-bottom: none; } 
    .pricing .html .mobile .jobs td { border-bottom: 1px solid black; border-left: 1px solid black; border-top: none;}
    .pricing .html .mobile .jobs th { border-bottom: 1px solid black; border-left: 1px solid black; border-top: none;}
}

.memb_profileeditor .plan .packagebuttons li { padding: 20px; border: solid #000000 1px; margin: 0px 0px 20px 0px; text-align: center; cursor: pointer; }
.memb_profileeditor .plan .packagebuttons li .price { padding: 0px 0px 20px 0px; }
.memb_profileeditor .plan .packagebuttons li .details { padding: 10px 0px 10px 0px; }

/* Promo */
.memb_profileeditor .plan .upgrade { color: #807f80;  padding: 30px 0px 20px 0px;}
.memb_profileeditor .plan .promo, .feat_jobeditor .promo { padding: 20px 0px 0px 0px;}
.memb_profileeditor .plan .promo .error, .feat_jobeditor .promo .error {color: red;}
.memb_profileeditor .plan .label, .feat_jobeditor .promo .label { float:left; padding: 5px 40px 0px 0px;}
.memb_profileeditor .plan .field input[type=text], .feat_jobeditor .promo .field input[type=text] { float:left; width: 300px; }
.memb_profileeditor .plan input[type=submit], .feat_jobeditor .promo input[type=submit]{ float:left; margin: 0px 0px 0px 20px; font-family: GothamBlack; padding: 5px 20px 5px 20px; }
.memb_profileeditor .plan .promocode, .feat_jobeditor .promocode { float:left; padding: 0px 200px 0px 0px; min-width: 80px; }
.memb_profileeditor .plan .remove, .feat_jobeditor .remove { float:left; padding: 10px 0px 0px 0px; background-image: url(/images/2Tl9WFw67d3Iv7au6dZZ00e00e.png); background-position: 0px 3px; width: 150px; height: 20px; cursor: pointer;}
.memb_profileeditor .plan .continue { float: right; font-family: GothamBlack;  background-image: url(/images/xYFsd03lbjPfJJIPtbwG00f00g.png); background-position: 85px 2px; padding: 0px 30px 0px 0px; cursor: pointer; }
.feat_jobeditor .promocode { margin: 20px 0px 0px 0px; }
.feat_jobeditor .remove { margin: 20px 0px 0px 0px; }

.memb_profileeditor .payment { max-width: 1000px; margin: 0px auto 0px auto; padding: 30px 0px 0px 0px; min-height: 500px; }
.memb_profileeditor .payment h1 { font-size: 150%; padding: 0px 0px 20px 0px; }
.memb_profileeditor .payment ul { padding: 20px 0px 0px 0px; }
.memb_profileeditor .payment ul li { width: 49%; float: left; text-align: center; box-sizing: border-box; border: solid #000000 1px; padding: 20px; cursor: pointer; }
.memb_profileeditor .payment ul li:hover { background-color: #ffffff; }
.memb_profileeditor .payment ul li:nth-child(1) { margin-right: 1%; }
.memb_profileeditor .payment ul li:nth-child(2) { margin-left: 1%; }
.memb_profileeditor .payment ul li .period { font-size: 150%; }
.memb_profileeditor .payment ul li .total { font-family: GothamBlack; font-size: 200%; padding: 20px 0px 20px 0px; }
.memb_profileeditor .cardlogos { clear: both; padding: 50px 0px 0px 0px; text-align: center; }
.memb_profileeditor .cardlogos img { margin: 0px 5px 0px 5px; }

.memb_profileeditor .jobplan { max-width: 1040px; margin: 0px auto 0px auto; padding: 0px 10px 0px 10px; box-sizing: border-box;  }
.memb_profileeditor .jobplan h2 { padding-top: 20px; font-family: GothamBlack; text-transform: uppercase; }
.memb_profileeditor .jobplan .payperjob { padding: 20px 10px 20px 10px; clear: both; }
.memb_profileeditor .jobplan .buycredits { padding: 20px 10px 20px 10px; clear: both; }
.memb_profileeditor .jobplan .buycredits h2 { border-top: solid #7f7f7f 1px; }
.memb_profileeditor .jobplan ul li { float: left; width: 23%; border: solid #7f7f7f 1px; box-sizing: border-box; margin: 0px 1% 20px 1%; padding: 10px; cursor: pointer; font-size: 150%; }
.memb_profileeditor .jobplan ul li.selected { border-color: #ffed00; }
.memb_profileeditor .jobplan ul li strong { font-family: GothamBlack; text-transform: uppercase;  }
.memb_profileeditor .jobplan .earn { padding: 20px 10px 0px 10px; clear: both; }
.memb_profileeditor .jobplan .earn a { text-decoration: underline; }
.memb_profileeditor .jobplan .buy { float: right; margin: 0px 10px 0px 0px; }

.memb_profileeditor .earncredits { max-width: 1040px; margin: 0px auto 0px auto; padding: 0px 10px 0px 10px; box-sizing: border-box; }
.memb_profileeditor .earncredits .introduction { padding: 20px 10px 20px 10px; clear: both; }
.memb_profileeditor .earncredits .introduction h2 { padding-top: 20px; font-family: GothamBlack; text-transform: uppercase; }
.memb_profileeditor .earncredits li { float: left; width: 23%; margin: 0px 1% 20px 1%; box-sizing: border-box; padding: 10px 20px 10px 20px; border: solid #7f7f7f 1px; cursor: pointer; background-position: top 10px right 10px; }
.memb_profileeditor .earncredits li h2 { font-family: GothamBold; font-size: 140%; max-width: 150px; min-height: 75px; }
.memb_profileeditor .earncredits li h3 { padding: 15px 0px 0px 0px; font-size: 140%; }
.memb_profileeditor .earncredits li.profile { background-image: url(/nouvelle/images/); }
.memb_profileeditor .earncredits li.facebook { background-image: url(/images/14jaPq1fGva9fVw5leoq00o00o.png); }
.memb_profileeditor .earncredits li.twitter { background-image: url(/images/wnfCrDcnBaKQEXieZugx00q00m.png); }
.memb_profileeditor .earncredits li.googleplus { background-image: url(/images/xjxnqIPG69fBiOPVt6Tw00n00o.png); }

.memb_profileeditor .tell_basic .introduction {padding: 20px 0px 0px 0px; float:left;}
.memb_profileeditor .tell_basic div.required { padding: 20px 0px 0px 0px; float:right;}
.memb_profileeditor .tell_basic .notes { clear: both; font-family: GothamBook; font-size: 90%; color: #787878; }
.memb_profileeditor .tell_basic .left .formbuilder .field .description { max-width: 200px; }
.memb_profileeditor .tell_basic .right textarea { height: 225px; }
.memb_profileeditor .tell_basic .membprofile {padding: 10px 0px 0px 0px; cursor: pointer; }
.memb_profileeditor .tell_basic .right .other { margin: 10px 0px 0px 0px; }
.memb_profileeditor .tell_basic #fb-MembUsername-div .input { padding: 0px; margin-left: 15px; }
.memb_profileeditor .tell_basic #fb-MembUsername-div label .error { display: inline; font-size: 100%; color:red; padding: 0px 0px 0px 10px; text-transform: initial; font-family: GothamBook;}
.memb_profileeditor .tell_basic #fb-MembUsername-div .input::before { content: "/"; position: absolute; margin: 0px 0px 0px -15px; color: #7f7f7f; font-size: 140%; }
.memb_profileeditor .tell_basic #fb-MembExtLanguages-div { clear: both; border-top: solid #7f7f7f 1px; padding: 20px 0px 20px 0px; }
.memb_profileeditor .tell_basic #fb-MembExtLanguages-div .field_text { float: left; width: 50%; box-sizing: border-box; padding: 0px 5% 10px 0px; }
.memb_profileeditor .tell_basic #fb-MembExtLanguages-div .field_text input { max-width: 250px; }
.memb_profileeditor .tell_basic #fb-MembExtLanguages-div .field_select { float: left; width: 50%; box-sizing: border-box; padding: 0px 0px 10px 5%; }
.memb_profileeditor .tell_basic #fb-MembExtLanguages-div .addlink { padding: 30px 0px 0px 0px; }

.memb_profileeditor .tell_basic .social { clear: both; border-top: solid #7f7f7f 1px; padding: 20px 0px 20px 0px; }
.memb_profileeditor .tell_basic .social .field { clear: both; padding: 0px; }
.memb_profileeditor .tell_basic .social .field .label { position: absolute; width: 170px; line-height: 30px; background-position: left center; padding: 0px 0px 0px 30px; }
.memb_profileeditor .tell_basic .social .field .input { padding: 0px 0px 5px 200px; width: 100%; box-sizing: border-box; }

.memb_profileeditor .tell_basic #MembPhoto-preview,  .memb_profileeditor .tell_basic #fb-MembPhoto-div
   { width: 50%; float: left; box-sizing: border-box; padding: 0px 5% 20px 0px !important; }
.memb_profileeditor .tell_basic #MembExtFlipMedId-preview, .memb_profileeditor .tell_basic #fb-MembExtFlipMedId-div
{ width: 50%; float: right; box-sizing: border-box; padding: 0px 0px 20px 5% !important; }
.memb_profileeditor .tell_basic #fb-MembPhoto-div label, .memb_profileeditor .tell_basic #fb-MembExtFlipMedId-div label { cursor: pointer; line-height: 30px; text-decoration: underline; }
#fb-MembPhoto-crop .buttons, #fb-MembExtFlipMedId-crop .buttons { display: none; }
.memb_profileeditor .tell_basic .formbuilder { clear: both; }
.memb_profileeditor .tell_basic #fb-30-div .label { background-image: url(/images/wnfCrDcnBaKQEXieZugx00f00d.png); }
.memb_profileeditor .tell_basic #fb-42-div .label { background-image: url(/images/14jaPq1fGva9fVw5leoq00f00f.png); }
.memb_profileeditor .tell_basic #fb-43-div .label { background-image: url(/images/E0KLRaqgCCgiJCe86Tv900f00f.png);}
.memb_profileeditor .tell_basic #fb-32-div .label { background-image: url(/images/iaKP020hz5t2CxoWl3ZJ00f00f.png); }
.memb_profileeditor .tell_basic #fb-33-div .label { background-image: url(/images/Lg8F7B4W1rGzbDmRWCic00f00g.png); }
.memb_profileeditor .tell_basic #fb-31-div .label { background-image: url(/images/xjxnqIPG69fBiOPVt6Tw00f00g.png); }

.memb_profileeditor .tell_basic .categories .field_select { float: left; clear: left; width: 50%; padding: 0px 10px 10px 0px; box-sizing: border-box; }
.memb_profileeditor .tell_basic .categories .field_select select { width: 100%; }
.memb_profileeditor .tell_basic .categories .field_text { float: left; width: 50%; padding: 0px 0px 10px 10px; box-sizing: border-box; }

.memb_profileeditor .tell_description #fb-MembExtCompanyServices-items .item .field { padding: 0px; }


/*
.memb_profileeditor .tell_experience #fb-Experience-template { display: inline !important; }
.memb_profileeditor .tell_education #fb-Education-template { display: inline !important; }
*/

.memb_profileeditor .tell_extra ul.custom
   { padding: 20px 0px 0px 0px; }

ul.extrellist li
   { border: solid #7f7f7f 1px; display: inline-block; padding: 5px 10px 5px 10px; margin: 0px 10px 10px 0px; }
ul.extrellist li .remove
   { float: right; cursor: pointer; padding: 0px 0px 0px 10px; font-size: 80%; line-height: 20px; }
ul.extrellist.member li { min-width: 200px; min-height: 50px; }
ul.extrellist.member li .name { padding: 0px 0px 0px 60px; }
ul.extrellist.member li .profession { padding: 0px 0px 0px 60px; }
ul.extrellist.member img { position: absolute; margin: 0px 10px 0px 0px; }
.memb_profileeditor .tell_extra .expandtitle { padding: 20px 0px 20px 0px; }
.memb_profileeditor .tell_extra .expandcontent { padding-bottom: 20px; }
.memb_profileeditor .tell_extra .expandcontent h4 { text-transform: uppercase; padding: 10px 0px 5px 0px; font-family: GothamBlack; letter-spacing: 0.75px; font-size: 120%;  }
.memb_profileeditor .tell_extra .addname { width: 400px; }

ul.ui-autocomplete { border: none; border-radius: 0px; }
ul.ui-autocomplete .ui-menu-item { border: none; padding: 0px; margin: 0px; clear: both; }
ul.ui-autocomplete .ui-menu-item a { border: none; border-radius: 0px; padding: 10px; margin: 0px !important; width: auto; cursor: pointer; } /* height: 50px; */
ul.ui-autocomplete .ui-menu-item a img { float: left; margin: 0px 10px 0px 0px; } 

#fb-MembPhoto-dropzone, #fb-MembExtFlipMedId-dropzone, #fb-CatMedId-dropzone
   { text-align: center; height: 300px }
#fb-MembPhoto-dropzone .dz-preview, #fb-MembExtFlipMedId-dropzone .dz-preview, #fb-ProjCoverImage-dropzone .dz-preview
   { float: none; display: inline-block; margin-top: 70px;  }

.memb_profileeditor .tell_experience .field_section, .memb_profileeditor .tell_education .field_section
   { clear: both; }
.memb_profileeditor .tell_experience .field_select, .memb_profileeditor .tell_education .field_select
   { float: left; padding: 0px 10px 0px 0px; }
.memb_profileeditor .tell_experience .field_select .label, .memb_profileeditor .tell_education .field_select .label
   { font-family: GothamBook; text-transform: none; }
.memb_profileeditor .tell_experience .field_select select, .memb_profileeditor .tell_education .field_select select
   { max-width: 210px; }
.memb_profileeditor .tell_experience .field_monthyear .label, .memb_profileeditor .tell_education .field_monthyear .label
   { font-family: GothamBook; text-transform: none; }


.memb_profileeditor .show { padding-top: 20px;  }
.memb_profileeditor .show_content .left
   { float: left; width: 30%; box-sizing: border-box; padding: 0px 3% 20px 0px; }
.memb_profileeditor .show_content .right
   { float: right; width: 70%; box-sizing: border-box; padding: 0px 0px 20px 3%; }
.memb_profileeditor .show_content textarea { height: 310px; }

.memb_profileeditor .show_settings .left
   { float: left; width: 33%; box-sizing: border-box; padding: 0px 3% 20px 0px; }
.memb_profileeditor .show_settings .right
   { float: right; width: 33%; box-sizing: border-box; padding: 0px 0px 20px 3%; }
.memb_profileeditor .show_settings .formbuilder .field {padding: 0px 0px 0px 0px;}
.memb_profileeditor .show_settings .section {padding: 20px 0px 0px 0px;}
.memb_profileeditor .show_settings .section .addname {margin: 10px 0px 20px 0px;}
.memb_profileeditor .show_settings .section h3 { font-family: GothamBlack; text-transform: uppercase; color: #000000;}


.memb_profileeditor .show_index .newprojects { padding: 20px 0px 20px 0px; font-family: GothamBold; text-transform: uppercase; font-size: 120%; }
.memb_profileeditor .show_index .newprojects a { text-decoration:underline; margin: 0px 20px 0px 0px; }


.memb_profileeditor .show_index { padding: 20px 20px 0px 20px; }
.memb_profileeditor .show_index .message { border: solid #ffed00 1px; padding: 20px; font-size: 150%; margin: 0px 0px 20px 0px; } 
.memb_profileeditor .show_index h2 { font-family: GothamBlack; text-transform: uppercase; padding: 0px 0px 10px 0px; }
.memb_profileeditor .show_index ul { padding: 20px 0px 0px 0px; }
.memb_profileeditor .show_index li { padding: 5px; background-image:url(/images/synBWTM7ENSjDJUrZ89Q00d00e.png);  background-position: 10px 10px; }
.memb_profileeditor .show_index li:hover { background-color: #ffffff; }
.memb_profileeditor .show_index li a { font-family: WarnockProBoldCaption; font-size: 120%; color: #000000; padding-left: 50px;}

.memb_profileeditor .show_content .images { clear: both; padding: 20px 0px 5px 0px; }
.memb_profileeditor .show_content .images h3 { font-family: GothamBlack; text-transform: uppercase; }
.memb_profileeditor .show_content .images .introduction { padding: 20px 0px 20px 0px; }

.memb_profileeditor .show_cover .currentcover { cursor: pointer; width: 200px; height: 200px; }
.memb_profileeditor .show_cover .currentcover img { max-width: 100%; max-height: 100%; }
.memb_profileeditor .show_cover .chooseexistinglink { text-decoration: underline; }
.memb_profileeditor .show_cover .field_image { padding: 0px 0px 20px 0px; box-sizing: border-box; }
.memb_profileeditor .show_cover .images { float: right; width: 50%; padding: 0px 0px 20px 3%; box-sizing: border-box; }
.memb_profileeditor .show_cover .images h3 { font-family: GothamBlack; text-transform: uppercase; padding: 0px 0px 5px 0px; }
.memb_profileeditor .show_cover .images .image { float: left; margin: 0px 10px 10px 0px; cursor: pointer; }
.memb_profileeditor .show_cover #fbdropzone { text-align: center; }
.memb_profileeditor .show_cover #fbdropzone .dz-preview { float: none; width: auto; height: auto; }

.memb_profileeditor .show_adjust input[type=number] { display: inline-block; width: 50px; }
.memb_profileeditor .show_adjust .input-group-addon { display: inline-block; padding: 0px 0px 0px 10px; }
.memb_profileeditor .show_adjust .allnone { padding: 0px 0px 5px 0px; }

.memb_profileeditor .show_previewadjust table { width: 100%; margin-bottom: 50px; }
.memb_profileeditor .show_previewadjust table td, .memb_profileeditor .show_previewadjust table th { padding: 5px; border-bottom: solid #7f7f7f 1px; text-align: right; }
.memb_profileeditor .show_previewadjust table .code, .memb_profileeditor .show_previewadjust table .name { text-align: left; }

.memb_profileeditor .show_confirmadjust .buttons { margin-top: 50px; }

#coverexistingdialog ul { float: left; width: 50%; }
#coverexistingdialog li { display: inline-block; margin: 10px 10px 0px 0px; }
#coverexistingdialog li img { cursor: pointer; }
#coverexistingdialog .preview { border: dashed #7f7f7f 1px; float: right; width: 50%; height: 400px; box-sizing: border-box; }
#fb-CatMedId-crop .buttons { display: none; }

#fb-ProjImages-edit .caption .label { font-family: GothamBlack; text-transform: uppercase; padding: 0px 0px 10px 0px;}


/* Account settings */

.memb_profileeditor .accountsettings input, .memb_profileeditor .accountsettings select { display: inline-block; }
.memb_profileeditor .accountsettings input[type=number] { width: 50px; }
.memb_profileeditor .accountsettings .input-group-addon { padding-left: 10px; display: inline-block; }

.memb_profileeditor .accountsettings { max-width: 1040px; margin: 0px auto 0px auto; padding: 50px 20px 0px 20px; box-sizing: border-box;  }
.memb_profileeditor .accountsettings select { width: 100%; max-width: 400px; }

.memb_profileeditor .accountsettings .errors { padding: 0px 0px 20px 0px; font-family: GothamBlack; }
.memb_profileeditor .accountsettings .success { padding: 0px 0px 20px 0px; font-family: GothamBlack; }

.memb_profileeditor .accountsettings .general { border-top: solid #7f7f7f 1px; padding: 20px 0px 40px 0px; }
.memb_profileeditor .accountsettings .general>.label { padding: 0px 20px 10px 20px; }

.memb_profileeditor .accountsettings .inactive input, .memb_profileeditor .accountsettings .inactive select { border: 0px; color: #7f7f7f; padding: 0px; background: none; }

.memb_profileeditor .accountsettings .basic { float: left; width: 50%; box-sizing: border-box; padding: 0px 50px 0px 0px; }
.memb_profileeditor .accountsettings .basic .field { padding: 10px 20px 10px 20px; }
.memb_profileeditor .accountsettings .basic .field_text, .memb_profileeditor .accountsettings .basic .field_group { background-image: url(/images/synBWTM7ENSjDJUrZ89Q00d00e.png); background-position: top 20px right 20px; }
.memb_profileeditor .accountsettings .basic .field_text:hover, .memb_profileeditor .accountsettings .basic .field_group:hover { background-color: #ffffff; }
.memb_profileeditor .accountsettings .basic .field_password { padding: 5px 0px 5px 0px; }
.memb_profileeditor .accountsettings .basic .field_password .label { font-size: 80%; }
.memb_profileeditor .accountsettings .basic .field_group.inactive .field_password { display: none; }

.memb_profileeditor .accountsettings .notify { float: left; width: 50%; box-sizing: border-box; padding-left: 50px; }
.memb_profileeditor .accountsettings .notify .field { display: block; }

.memb_profileeditor .accountsettings input[type=checkbox] + label:before { content: ''; border: none; width: 47px; height: 20px; background-color: transparent; background-image: url(/images/p03AmpHYPdZDRriTFENl01b00k.png); box-shadow: none; cursor: pointer; }
.memb_profileeditor .accountsettings input[type=checkbox]:checked + label:before { background-color: transparent; background-image: url(/images/FJJpdDGXMc1luEAhN90w01b00k.png); }

.memb_profileeditor .accountsettings .privacy { border-top: solid #7f7f7f 1px; padding: 20px 0px 40px 0px; }
.memb_profileeditor .accountsettings .privacy>.label { padding: 0px 20px 10px 20px; }
.memb_profileeditor .accountsettings .privacy .field { padding: 10px 20px 10px 20px; }

.memb_profileeditor .accountsettings .message { border-top: solid #7f7f7f 1px; padding: 20px 0px 40px 0px; }
.memb_profileeditor .accountsettings .message>.label { padding: 0px 20px 10px 20px; }
.memb_profileeditor .accountsettings .message .field { padding: 10px 20px 10px 20px; }


/* Job alerts */

.memb_profileeditor .jobalerts { max-width: 1040px; margin: 0px auto 0px auto; padding: 50px 20px 0px 20px; box-sizing: border-box;  }

.memb_profileeditor .jobalerts h1 { font-family: WarnockProCaption; font-size: 200%; border-bottom: solid #7f7f7f 1px; padding: 0px 0px 20px 0px;  }
.memb_profileeditor .jobalerts form { padding: 20px 0px 0px 0px;}
.memb_profileeditor .jobalerts select { width: 100%; }
.memb_profileeditor .jobalerts .right {padding-top: 10px !important;}

.memb_profileeditor .jobalerts #fb-MembExtJobFrequency-div { padding: 20px 0px 0px 0px;}
.memb_profileeditor .jobalerts #fb-MembExtJobActive-div input[type=checkbox] + label:before { content: ''; border: none; width: 47px; height: 20px; background-color: transparent; background-image: url(/images/p03AmpHYPdZDRriTFENl01b00k.png); box-shadow: none; cursor: pointer;  vertical-align: middle; margin-top: -3px; }
.memb_profileeditor .jobalerts #fb-MembExtJobActive-div input[type=checkbox]:checked + label:before { background-color: transparent; background-image: url(/images/FJJpdDGXMc1luEAhN90w01b00k.png); }


.memb_profileeditor .jobalerts #fb-MembExtJobType-div { float: left; width: 50%; }
.memb_profileeditor .jobalerts #fb-MembExtJobLevel-div { float: left; width: 50%; }




@media( max-width: 1040px )
{
   .editorpage .toolbar h2, .memb_lookbookeditor .toolbar h2 { float: none; }
   .editorpage .toolbar .sections, .memb_lookbookeditor .toolbar .sections { float: none; padding: 20px 0px 0px 0px; }
   .editorpage .toolbar .sections li, .memb_lookbookeditor .toolbar .sections li { display: block; padding: 0px 0px 5px 0px; }
   .editorpage .toolbar .sections li a, .memb_lookbookeditor .toolbar .sections li a { text-decoration: underline; }

   .memb_profileeditor .jobplan ul li { width: 48%; }
   .memb_profileeditor .earncredits ul li { width: 48%; }

   .memb_profileeditor .type ul { padding: 0px 20px 0px 20px; }
   .memb_profileeditor .type ul li { width: 49%; background-color: #ffffff; margin-bottom: 20px; }
   .memb_profileeditor .type ul li:nth-child(2n-1) { margin: 0px 1% 20px 0px; }
   .memb_profileeditor .type ul li:nth-child(2n) { margin: 0px 0px 20px 1%; }
   .memb_profileeditor .type ul li .description { border-bottom: none; }

   .memb_profileeditor .payment { padding-left: 20px; padding-right: 20px;  }
}


@media( max-width: 750px )
{
   .memb_profileeditor .plan .packagebuttons { display: block; }
   .memb_profileeditor .plan .packagetable { display: none; }

   .memb_profileeditor .accountsettings .basic { float: none; width: 100%; padding: 0px; }
   .memb_profileeditor .accountsettings .notify { float: none; width: 100%; padding: 20px 0px 0px 20px; }
   .memb_profileeditor .promo input[type=submit] {clear: left; margin: 10px 0px 0px 0px;}
   .memb_profileeditor .plan .continue { clear: both; float: right; margin: 10px 0px 0px 0px;}
}

@media( max-width: 500px )
{
   .editorpage .left { float: none; width: auto; padding: 0px !important; }
   .editorpage .right { float: none; width: auto; padding: 0px !important; }

   .editorpage .toolbar .sections li.selected { color: #000000; }

   .memb_profileeditor .jobplan ul li { margin: 0px 10px 20px 10px; float: none; width: auto; }
   .memb_profileeditor .earncredits ul li { margin: 0px 10px 20px 10px; float: none; width: auto; }
   .memb_profileeditor .type ul li { float: none; width: auto; margin: 0px 0px 20px 0px !important; }
   .memb_profileeditor .type ul li .description { min-height: 0px; }

   .memb_profileeditor .payment ul li { width: 100%; float: none; margin: 0px 0px 20px 0px !important; }

   .memb_profileeditor .tell_extra .addname { width: 100%; float: none; margin: 0px 0px 10px 0px; }
}


/* Lookbook editor */

.memb_lookbookeditor { font-family: GothamBook; }
.memb_lookbookeditor .editor
   { max-width: 1000px; margin: 0px auto 0px auto; padding: 50px 20px 0px 20px; }
.memb_lookbookeditor .editor h2 { padding: 0px 0px 10px 20px; text-transform: uppercase;  font-family: GothamBlack;   }
.memb_lookbookeditor .editor .category { padding: 30px 0px 10px 0px; }
.memb_lookbookeditor .currency {clear:both; }

.memb_lookbookeditor .edit_lookbook .formbuilder input[type=text] { width: 100%; }
.memb_lookbookeditor .edit_lookbook .formbuilder .field { padding: 0px 0px 20px 0px; }
.memb_lookbookeditor .edit_lookbook .formbuilder .field_hidden {padding: 0px 0px 0px 0px;}
.memb_lookbookeditor .edit_lookbook .formbuilder .field_radio .radio { display: inline-block; padding: 0px 10px 0px 0px; }
.memb_lookbookeditor .edit_lookbook .formbuilder .label { font-family: GothamBlack; padding: 0px 0px 5px 0px; }
.memb_lookbookeditor .edit_lookbook .formbuilder #fb-LookMarkup { width: 50px; display: inline-block; }
.memb_lookbookeditor .edit_lookbook .formbuilder .input-group-addon { display: inline-block; padding: 0px 0px 0px 10px; }

.memb_lookbookeditor .edit_lookbook .selectitems { clear: both; font-family: GothamBlack; padding: 0px 0px 10px 0px; }

.memb_lookbookeditor .images li { display: inline-block; width: 190px; margin: 0px 10px 0px 0px; border-bottom: 1px solid #b7b7b7; }
.memb_lookbookeditor .images li .image { height: 190px; background-size: contain; margin: 20px 0px 10px 0px;}
.memb_lookbookeditor .images li .code { padding: 0px 0px 5px 0px; }
.memb_lookbookeditor .images li .price { padding: 0px 0px 5px 0px; }
.memb_lookbookeditor .loan_lookbook h2, .memb_lookbookeditor .press_lookbook h2 { padding: 0px 0px 10px 0px; } 
.memb_lookbookeditor .create { text-decoration: none;  background-color: #ffffff; }
.memb_lookbookeditor .preview_lookbook {clear:both;}
.memb_lookbookeditor .preview_lookbook .details {clear: both; margin: 20px 0px;}
/*

/*
.memb_lookbookeditor .preview_lookbook h2  { border-bottom: 1px solid #b7b7b7; padding: 0px 0px 10px 0px;   }
.memb_lookbookeditor .preview_lookbook h3 { font-family: WarnockProBoldCaption; font-size: 120%;  }
.memb_lookbookeditor .preview_lookbook p { font-family: WarnockProRegular; font-size: 120%; }
.memb_lookbookeditor .preview_lookbook label { color: #afafaf; }
.memb_lookbookeditor .preview_lookbook .images label { color: #afafaf; } 

.memb_lookbookeditor .preview_lookbook .category { clear: both; padding: 20px 0px 0px 0px; }
.memb_lookbookeditor .preview_lookbook .products li { clear: both; padding: 20px 0px 20px 0px; }
.memb_lookbookeditor .preview_lookbook .products .image { width: 100px; height: 100px; float: left; margin: 0px 20px 0px 0px; background-size: contain; }
.memb_lookbookeditor .preview_lookbook .products .name { font-family: GothamBlack; }
.memb_lookbookeditor .preview_lookbook .products .price { float: right; }
.memb_lookbookeditor .preview_lookbook .products .summary { padding: 5px 0px 0px 0px; }
.memb_lookbookeditor .preview_lookbook .products .metal { padding: 5px 0px 0px 0px; font-size: 80%; }
.memb_lookbookeditor .preview_lookbook .products .stones { padding: 5px 0px 0px 0px; font-size: 80%; }
*/
@media( max-width: 790px )
{
   .memb_lookbookeditor .preview_lookbook .buttons { padding-bottom: 20px; }
   .memb_lookbookeditor .preview_lookbook .buttons a { margin-right: 10px; }
}

@media( min-width: 800px )
{
   .memb_lookbookeditor .preview_lookbook .buttons { float: right; }
   .memb_lookbookeditor .preview_lookbook .buttons a { margin-left: 10px; }
}

.memb_lookbookeditor .preview_lookbook ul { font-family: WarnockProCaption; }
.memb_lookbookeditor .preview_lookbook .create, .memb_lookbookeditor .editor .edit_lookbook .create { float: right;}

.memb_lookbookeditor .links { clear: both; padding: 50px 0px 0px 0px; }

.memb_lookbookeditor .member { padding: 20px 0px 20px 0px; min-height: 50px;}
.memb_lookbookeditor .member .smallphoto { float:left; padding: 0px 10px 0px 0px; }
.memb_lookbookeditor .selectall { border-bottom: 1px solid #b7b7b7; padding: 0px 0px 20px 0px; }
.memb_lookbookeditor .selectall label { padding-right: 30px; }
.memb_lookbookeditor .buttons a { text-decoration: underline; }
.memb_lookbookeditor .disabledlinks { padding: 20px 0px 50px 0px; border-bottom: 1px solid #b7b7b7;}
.memb_lookbookeditor .disabledlinks a {  pointer-events: none; cursor: default; color:#b7b7b7; border: #b7b7b7;  }
.memb_lookbookeditor .left {float: left; width: 30%;  }
.memb_lookbookeditor .left h2 { padding: 0px 0px 10px 0px; }  
.memb_lookbookeditor .right { float: right; width: 55%; border-left: 1px solid #b7b7b7; padding-left: 60px; }
.memb_lookbookeditor .right h2 { padding: 0px 0px 10px 0px; }
.memb_lookbookeditor .right .images li { border: none; width: 230px; padding: 0px 20px 20px 0px; }
.memb_lookbookeditor .right .images li .name { font-family: GothamBlack; }
.memb_lookbookeditor .right .images li .info { border-bottom: 1px solid #b7b7b7;  border-top: 1px solid #b7b7b7; padding: 10px 0px 10px 0px; margin: 0px 0px 10px 0px; }
.memb_lookbookeditor .right .images li .image { width: 230px; height: 230px; padding: 10px 0px 20px 0px;  }
.memb_lookbookeditor .right .images li .actions a { margin-right: 10px; }
.memb_lookbookeditor .button_right  { float: right; margin: 10px 0px 0px 0px; }
.memb_lookbookeditor .message { clear: left; border-bottom: 1px solid #b7b7b7; min-height: 130px; width: 100%;   }
.memb_lookbookeditor .intro { clear: both; }

.memb_lookbookeditor .loan_lookbook .left { width: 30%; }
.memb_lookbookeditor .loan_lookbook .left input[type=checkbox]{ float:left;  padding: 0px; margin: 0px; }
.memb_lookbookeditor .loan_lookbook .right {width: 55%; border: none; float:right;}
.memb_lookbookeditor .loan_lookbook .right label {text-transform: uppercase;  font-family: GothamBlack;}
.memb_lookbookeditor .loan_lookbook .selectedimages {margin: 30px 0px 0px 0px; display: inline-block; border-top: 1px solid #b7b7b7; width: 100%;}
.memb_lookbookeditor .loan_lookbook .links, .memb_lookbookeditor .press_lookbook .links {float:right;}


@media( min-width: 950px )
{
   .memb_lookbookeditor .edit_lookbook .formbuilder .leftfields { float: left; width: 50%; padding: 0px 20px 0px 0px; box-sizing: border-box; }
   .memb_lookbookeditor .edit_lookbook .formbuilder .rightfields { float: right; width: 50%; padding: 0px 0px 0px 20px; box-sizing: border-box; }
}


@media( max-width: 949px )
{
   .memb_lookbookeditor .toolbar {width: 100%; }
   .memb_lookbookeditor .toolbar .toolbar_inner {padding: 0px 0px 0px 0px;}
   .memb_lookbookeditor .toolbar .toolbar_inner  h2{padding: 0px 0px 10px 20px;}
   .memb_lookbookeditor .toolbar .toolbar_inner .sections { clear: both; float: left;  padding: 0px; width: 100%; }
   .memb_lookbookeditor .toolbar .toolbar_inner .sections li { padding: 0px 0px 0px 20px;  }
   .memb_lookbookeditor .left {float: none; width: 100%;  }
   .memb_lookbookeditor .right {clear:both; float: none; width: 100%; border: none; padding: 20px 0px 0px 0px;  }
}


/* Purchase orders */

.shop_purchaseorders .index, .shop_purchaseorders .view, .shop_purchaseorders .edit, .shop_purchaseorders .invoice, .shop_purchaseorders .shipment, .database_reports .nav_dhtmlpopup, .database_reports .sectiontitle, 
	.database_reports .pageheader, .database_reports .index, .database_reports .quickfilters
   { max-width: 1000px; margin: 0px auto 0px auto; padding: 50px 20px 0px 20px; }
.shop_purchaseorders h1 { font-family: WarnockProCaption; font-size: 200%; border-bottom: solid #7f7f7f 1px; padding: 0px 0px 20px 0px;  }
.shop_purchaseorders h2.section { padding: 0px 0px 10px 0px; text-transform: uppercase;  font-family: GothamBlack;   }
.shop_purchaseorders table, .database_reports table { width: 100%; margin-bottom: 50px; }
.shop_purchaseorders table th, .shop_purchaseorders table td, .database_reports table th, .database_reports table td { text-align: left; border-bottom: solid #b7b7b7 1px; padding: 5px; }

.shop_purchaseorders .helptext { clear: both; padding: 50px 0px 0px 0px; }

.shop_purchaseorders table.basket td.item { width: 55%; padding-left: 65px; height: 50px; }
.shop_purchaseorders table.basket .item .image { width: 50px; height: 50px; position: absolute; margin: 0px 0px 0px -60px; background-size: cover; background-position: center center;}
.shop_purchaseorders table.basket .item .code { font-family: GothamBold; }
.shop_purchaseorders table.basket .item .notes { font-size: 90%; }
.shop_purchaseorders table.basket .item .notes a { font-family: GothamBold; }
.shop_purchaseorders table.basket .item .notes input { width: 100%; font-size: 110%; }
.shop_purchaseorders table.basket .price { width: 15%; text-align: right; }
.shop_purchaseorders table.basket .price input { text-align: right; }
.shop_purchaseorders table.basket .quantity { width: 15%; text-align: right; }
.shop_purchaseorders table.basket .total { width: 15%; text-align: right; }

.shop_purchaseorders .index table .reference { width: 10%; }
.shop_purchaseorders .index table .ponumber { width: 15%; }
.shop_purchaseorders .index table .created { width: 16%; }
.shop_purchaseorders .index table .brand { width: 22%; }
.shop_purchaseorders .index table .store { width: 22%; }
.shop_purchaseorders .index table .total { width: 15%; text-align: right; }
.shop_purchaseorders .index table tbody tr:hover, .database_reports .index table tbody tr:hover  { background: #ffffff; cursor: pointer; }

.shop_purchaseorders .view .buttons { padding: 0px 0px 50px 0px; }
.shop_purchaseorders .view .documents { padding: 0px 0px 50px 0px; }
.shop_purchaseorders .view .documents h2 { font-family: GothamBold; }
.shop_purchaseorders .view .documents a { font-size: 90%; text-decoration: underline; }
.shop_purchaseorders .view .header strong { font-family: GothamBlack; }
.shop_purchaseorders .view .header .supplierlogo { clear: left; }
.shop_purchaseorders .view .header .supplierlogo, .shop_purchaseorders .view .header .storelogo, .memb_lookbookeditor .storelogo { float: left; width: 50px; }
.shop_purchaseorders .view .header .supplierlogo img, .shop_purchaseorders .view .header .storelogo img, .memb_lookbookeditor .storelogo img  { border-radius: 10%; }
.shop_purchaseorders .view .header .supplier, .shop_purchaseorders .view .header .store, .memb_lookbookeditor .store  { float: left; width: 290px; padding: 0px 0px 30px 10px; }
.shop_purchaseorders .view .header .details { padding: 0px 0px 50px 0px; }
.shop_purchaseorders .view .header .paymentterms { clear: left; width: 700px; padding: 0px 0px 50px 0px; }
.shop_purchaseorders .view .header .bankdetails { clear: left; width: 700px; padding: 0px 0px 50px 0px; }

.shop_purchaseorders .formbuilder .label { font-size: 80%; }
.shop_purchaseorders .formbuilder textarea { height: 50px; }
.shop_purchaseorders .formbuilder .field { padding: 0px 0px 10px 0px; }
.shop_purchaseorders .edit .formbuilder .left { float: left; width: 50%; box-sizing: border-box; padding: 0px 100px 0px 0px; }
.shop_purchaseorders .edit .formbuilder .left .field_group .field { float: left; width: 30%; padding: 0px 10px 0px 0px; }
.shop_purchaseorders .edit .formbuilder .right { float: right; width: 50%; box-sizing: border-box; border-left: solid #b7b7b7 1px; padding: 0px 0px 0px 100px; }
.shop_purchaseorders .edit div.basket { clear: both; padding: 50px 0px 50px 0px; }

.shop_purchaseorders .invoice .formbuilder, .shop_purchaseorders .shipment .formbuilder { padding-bottom: 30px; }

@media( max-width: 1040px )
{
   .shop_purchaseorders .view .header .supplierlogo, .shop_purchaseorders .view .header .storelogo { clear: left; }
}

@media( min-width: 680px )
{
   .shop_purchaseorders .view .buttons { float: left; }
   .shop_purchaseorders .view .documents { float: right; text-align: right; }
   .shop_purchaseorders .view .header .details { float: right; width: 290px; text-align: right; clear: right; }
}

@media( max-width: 680px ) {
   .shop_purchaseorders .edit .formbuilder .left, .shop_purchaseorders .edit .formbuilder .right { clear: both; float: none; width: 100%;  padding: 0px; border: none; }
   .shop_purchaseorders .edit .formbuilder .left input, .shop_purchaseorders .edit .formbuilder .right input, .shop_purchaseorders .edit .formbuilder .left textarea, .shop_purchaseorders .edit .formbuilder .right textarea {width: 100%;}
}

.database_reports .sectiontitle { font-family: GothamBold; font-size: 120%; }
.database_reports .pagetitle { padding-top: 0; }
.database_reports .back { margin-bottom: 20px; display:inline-block; }
.database_reports .nav_dhtmlpopup { padding-top: 20px; display: grid;grid-template-columns: repeat(5, 110px);column-gap: 0; }
.database_reports .nav_dhtmlpopup .toggle { display: none; }
.database_reports .nav_dhtmlpopup div {font-size: 90%;background: transparent;border: solid #d8d8d8 1px;border-right: none;padding: 5px;color: #000000;font-family: GothamBook;-webkit-appearance: none;-moz-appearance: none;-o-appearance: none;box-sizing: border-box;max-width: 100%;display: block;text-align: center;}
.database_reports .nav_dhtmlpopup div:hover { text-decoration: underline; cursor: pointer; }
.database_reports .nav_dhtmlpopup div.selected1 { background: #ffffff; border-bottom: solid #ffffff 1px; }
.database_reports .nav_dhtmlpopup div.selected1:hover { text-decoration: none; }
.database_reports .nav_dhtmlpopup div:last-of-type { border-right: solid #d8d8d8 1px;  }
.database_reports .page {background: white;overflow: auto;}
.database_reports .filters {margin: 20px 0px 50px 0px; display:block;  }
.database_reports .filters label { clear: both; width: 20%; font-family:GothamBold; display:inline-block; line-height: 40px; height: 40px; }
.database_reports .filters input { width: 70%;  }
.database_reports .filters select { width: 50%; }
.database_reports .filters button {clear: left; margin: 20px 0px 0px 0px; display: block; }
.database_reports .results { margin-bottom: 100px; }
.database_reports .image { width: 100px; height: 100px; background-color: #ffffff;}
.database_reports .results td {vertical-align: middle; }
.database_reports .buttons {margin: 50px 0px; float: right;}
.database_reports .form-select-sm {width: 80px !important;}
.database_reports .paginate_button:hover{  background: unset !important; }
table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before { background-color:  #ffffff  !important; color: #000000 !important; }

@media( max-width: 1040px )
{
	.database_reports { padding: 50px 20px 0px 20px;}
	.database_reports .filters label, .database_reports .filters input, .database_reports .filters select {clear: both; width: 100%; }	
}

.feat_appointment h1 { text-align: center; padding: 50px; font-size: 200%; }
.feat_appointment .timezone { text-align: center; padding: 0px 0px 50px 0px; }
.feat_appointment .introduction { text-align: center; padding: 0px 0px 50px 0px; }
.feat_appointment .formbuilder { text-align: center; }
.feat_appointment .formbuilder .field { padding-bottom: 50px; }
.feat_appointment .formbuilder .field .label { padding-bottom: 10px; font-family: GothamBlack; }
.feat_appointment .formbuilder input { width: 150px; text-align: center; }
.feat_appointment .buttons { text-align: center; }
.feat_appointment table { margin: 0px auto 50px auto; width: 100%; max-width: 800px; }
.feat_appointment table th, .feat_appointment table td { padding: 5px; }
.feat_appointment table.availability th, .feat_appointment.availability table td { text-align: center; width: 70px; }
.feat_appointment table.events td { border-top: solid #b7b7b7 1px; }
.feat_appointment table.events .details { font-size: 90%; }
.feat_appointment input[type=checkbox] + label:before { background-color: #ff0000; }
.feat_appointment input[type=checkbox]:checked + label:before { background-color: #00ff00; }