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

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

::-ms-clear {
    display: none;
}

* {
	padding:0; 
	margin:0;
	outline: 0;
}

body, input, button, textarea {
    font-family: 'AvenirNext';
    font-weight: normal;
    font-size: 14px;
    line-height: 1.5;
}

body {
    background: #f9f9fb;
    color: #3c3c3c;
}

body.mobile.tt-participate {
    background-image: none;
}

body.freeze { overflow: hidden; }

th {
    font-weight: normal;
    text-align: left;
}

b, strong, .boldText {
    font-weight: normal;
    font-family: 'AvenirLTStdMedium';
}

p { margin-bottom: 20px; }

a, a:visited {
	color: inherit;
}

.testheader {
    padding-top: 7px;
    text-align: center;
    font-family: 'AvenirNext';
    background-color: #3e5a7f;
    border-bottom: 1px solid #fff;
    color: #fff;
    position: fixed;
    top: 0px;
    height: 28px;
    left: 0px;
    width: 100%;
    z-index: 499;
}

.disabledorgnotif_header {
    padding-top: 7px;
	padding-bottom: 2px;
    text-align: left;
    font-family: 'AvenirNext';
    font-size: 14px;
    background-color: #E43F3F;
    color: #fff;
    position: fixed;
    top: 0px;
    height: 28px;
    left: 0px;
    width: 100%;
    z-index: 499;
}

.disabledorgnotif_header button {
    color: #FFFFFF;
    background: #59A3EB;
    border-radius: 2px;
    padding: 1px 8px;
    border: 0px;
    font-size: 14px;
    margin-left: 15px;
	cursor: pointer;
}

.disabledorgnotif_header button:hover {
	background-color: #3797DD;
}

.ccnotif_header {
    padding-top: 8px;
    text-align: center;
    font-family: 'AvenirNext';
    background-color: #3e5a7f;
    border-bottom: 1px solid #fff;
    color: #fff;
    position: fixed;
    top: 0px;
    height: 28px;
    left: 0px;
    width: 100%;
    z-index: 499;
}

.testheader a:hover, 
.ccnotif_header a:hover {
    color: #3DA4F1 !important;
}

#bodybg {
    width: 100%;
    height: 100%;
}

.hidden { display: none !important; }
.fl { float: left; }
.fr { float: right; }
.resize-vertical { resize: vertical; }
.pointer { cursor: pointer; }
.fcursordef { cursor: default !important; }
.bold { font-family: 'AvenirLTStdMedium'; }
.wpnw { white-space: nowrap; }
.uppercase { text-transform: uppercase; }
.breakw { word-break: break-word; }

.icobeta {
    background-color: #FE634D !important;
    font-weight: normal !important;
    font-family: 'AvenirLTStdMedium' !important;
    font-size: 11px !important;
    display: inline-block !important;
    padding: 2px 5px;
    height: 14px;
    color: #fff;
    position: relative !important;
    top: -2px !important;
    margin-right: 11px !important;
}

.loadingbox {
    min-width: 50px;
    min-height: 50px;
    background: transparent url('../gfx/ajax_loader.gif') no-repeat center center;
}

.mt0i { margin-top: 0px !important; }
.mt2 { margin-top: 2px; }
.mt3 { margin-top: 3px; }
.mt4 { margin-top: 4px; }
.mt5 { margin-top: 5px; }
.mt5i { margin-top: 5px !important; }
.mt6 { margin-top: 6px; }
.mt7 { margin-top: 7px; }
.mt8 { margin-top: 8px; }
.mt9 { margin-top: 9px; }
.mt10 { margin-top: 10px; }
.mt10i { margin-top: 10px !important; }
.mt11 { margin-top: 11px; }
.mt12 { margin-top: 12px; }
.mt13 { margin-top: 13px; }
.mt14 { margin-top: 14px; }
.mt15 { margin-top: 15px; }
.mt15i { margin-top: 15px !important; }
.mt16 { margin-top: 16px; }
.mt20 { margin-top: 20px; }
.mt20i { margin-top: 20px !important; }
.mt25 { margin-top: 25px; }
.mt25i { margin-top: 25px !important; }
.mt30 { margin-top: 30px; }
.mt30i { margin-top: 30px !important; }
.mt40 { margin-top: 40px; }
.mt45 { margin-top: 45px; }
.mt50 { margin-top: 50px; }
.mt60 { margin-top: 60px; }
.mt70 { margin-top: 70px; }
.mt75 { margin-top: 75px; }
.mt80 { margin-top: 80px; }
.mt85 { margin-top: 85px; }
.mt90 { margin-top: 90px; }
.mt100 { margin-top: 100px; }
.mt110 { margin-top: 110px; }
.mt120 { margin-top: 120px; }

.mb0 { margin-bottom: 0px !important; }
.mb1 { margin-bottom: 1px; }
.mb2 { margin-bottom: 2px; }
.mb3 { margin-bottom: 3px; }
.mb4 { margin-bottom: 4px; }
.mb5 { margin-bottom: 5px; }
.mb5i { margin-bottom: 5px !important; }
.mb6 { margin-bottom: 6px; }
.mb7 { margin-bottom: 7px; }
.mb8 { margin-bottom: 8px; }
.mb9 { margin-bottom: 9px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb15i { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px; }
.mb20i { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px; }
.mb25i { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px; }
.mb40 { margin-bottom: 40px; }
.mb50 { margin-bottom: 50px; }

.ml0i { margin-left: 0px !important; }
.ml5 { margin-left: 5px; }
.ml5i { margin-left: 5px !important; }
.ml6 { margin-left: 6px; }
.ml7 { margin-left: 7px; }
.ml8 { margin-left: 8px; }
.ml9 { margin-left: 9px; }
.ml10 { margin-left: 10px; }
.ml10i { margin-left: 10px !important; }
.ml15 { margin-left: 15px; }
.ml20 { margin-left: 20px; }
.ml25 { margin-left: 25px; }
.ml25i { margin-left: 25px !important; }
.ml30 { margin-left: 30px; }
.ml30i { margin-left: 30px !important; }
.ml32 { margin-left: 32px; }
.ml40 { margin-left: 40px; }
.ml50 { margin-left: 50px; }
.ml60 { margin-left: 60px; }
.ml65 { margin-left: 65px; }
.ml70 { margin-left: 70px; }
.ml75 { margin-left: 75px; }
.ml80 { margin-left: 80px; }
.ml100 { margin-left: 100px; }
.ml120 { margin-left: 120px; }
.ml140 { margin-left: 140px; }
.ml160 { margin-left: 160px; }
.ml180 { margin-left: 180px; }
.ml200 { margin-left: 200px; }

.mr0i { margin-right: 0px !important; }
.mr5 { margin-right: 5px; }
.mr5i { margin-right: 5px !important; }
.mr10 { margin-right: 10px; }
.mr10i { margin-right: 10px !important; }
.mr15 { margin-right: 15px; }
.mr15i { margin-right: 15px !important; }
.mr20 { margin-right: 20px; }
.mr20i { margin-right: 20px !important; }
.mr25 { margin-right: 25px; }
.mr25i { margin-right: 25px !important; }
.mr30 { margin-right: 30px; }
.mr30i { margin-right: 30px !important; }
.mr40 { margin-right: 40px; }
.mr45 { margin-right: 45px; }
.mr50 { margin-right: 50px; }

.mr5p { margin-right: 5% !important; }

.pl0i { padding-left: 0px !important; }
.pl5 { padding-left: 5px !important; }
.pl10 { padding-left: 10px; }
.pl10i { padding-left: 10px !important; }
.pl15 { padding-left: 15px; }
.pl15i { padding-left: 15px !important; }
.pl20 { padding-left: 20px; }
.pl20i { padding-left: 20px !important; }
.pl25 { padding-left: 25px; }
.pl30i { padding-left: 30px !important; }
.pl32 { padding-left: 32px; }
.pl40 { padding-left: 40px !important; }
.pl60 { padding-left: 60px !important; }
.pl90i { padding-left: 90px !important; }

.pb0i { padding-bottom: 0px !important; }
.pb2 { padding-bottom: 2px; }
.pb3 { padding-bottom: 3px; }
.pb4 { padding-bottom: 4px; }
.pb5 { padding-bottom: 5px; }
.pb6 { padding-bottom: 6px; }
.pb8 { padding-bottom: 8px; }
.pb5i { padding-bottom: 5px !important; }
.pb10 { padding-bottom: 10px; }
.pb10i { padding-bottom: 10px !important; }
.pb12 { padding-bottom: 12px; }
.pb15 { padding-bottom: 15px; }
.pb15i { padding-bottom: 15px !important; }
.pb20 { padding-bottom: 20px; }
.pb20i { padding-bottom: 20px !important; }
.pb25 { padding-bottom: 25px; }
.pb30 { padding-bottom: 30px; }
.pb40 { padding-bottom: 40px; }
.pb40i { padding-bottom: 40px !important; }
.pb50 { padding-bottom: 50px; }
.pb50i { padding-bottom: 50px !important; }
.pb70i { padding-bottom: 70px !important; }

.pt0 { padding-top: 0px; }
.pt0i { padding-top: 0px !important; }
.pt2 { padding-top: 2px; }
.pt3 { padding-top: 3px; }
.pt4 { padding-top: 4px; }
.pt5 { padding-top: 5px; }
.pt6 { padding-top: 6px; }
.pt8 { padding-top: 8px; }
.pt10 { padding-top: 10px; }
.pt10i { padding-top: 10px !important; }
.pt15 { padding-top: 15px; }
.pt20 { padding-top: 20px; }
.pt20i { padding-top: 20px !important; }
.pt30 { padding-top: 30px; }
.pt40 { padding-top: 40px; }
.pt50 { padding-top: 50px; }
.pt50i { padding-top: 50px !important; }

.pr0i { padding-right: 0px !important; }
.pr5 { padding-right: 5px; }
.pr5i { padding-right: 5px !important; }
.pr8 { padding-right: 8px; }
.pr10 { padding-right: 10px; }
.pr10i { padding-right: 10px !important; }
.pr15 { padding-right: 15px; }
.pr15i { padding-right: 15px !important; }
.pr20 { padding-right: 20px; }
.pr40 { padding-right: 40px; }
.pr50 { padding-right: 50px; }

.p5 { padding: 5px; }
.p6 { padding: 6px; }
.p8 { padding: 8px; }
.p10 { padding: 10px; }
.p20 { padding: 20px; }

.vam { vertical-align: middle; }
.vami { vertical-align: middle !important; }
.vat { vertical-align: top; }
.vati { vertical-align: top !important; }
.vab { vertical-align: bottom; }
.vabi { vertical-align: bottom !important; }

.textCenter { text-align: center; }
.textLeft, .tal { text-align: left; }
.textRight, .tar { text-align: right; }

.ivisible { overflow: visible !important; }
.div_center { margin: 0 auto; }
.relative { position: relative; }
.iblock, .inline-block, .inlineb { display: inline-block; }
.block, .block_element { display: block; }
.inline { display: inline !important; }
.blocki { display: block !important; }
.divCenteri { margin-left:auto !important; margin-right:auto !important; float: none !important; }
.dcenter { margin: 0 auto; }
.clear { clear: both; }
.boldtext { font-family: 'AvenirLTStdMedium'; font-weight: normal; }
.invisible { visibility: hidden; }

.autow { width: auto !important; }

.w20 { width: 20px; }
.w20i { width: 20px !important; }
.w30 { width: 30px; }
.w45 { width: 45px; }
.w50 { width: 50px; }
.w60 { width: 60px; }
.w65 { width: 65px; }
.w70 { width: 70px; }
.w70i { width: 70px !important; }
.w80 { width: 80px; }
.w90 { width: 90px; }
.w100 { width: 100px; }
.w100i { width: 100px !important; }
.w120 { width: 120px; }
.w125 { width: 125px; }
.w130 { width: 130px; }
.w140 { width: 140px; }
.w150 { width: 150px; }
.w150i { width: 150px !important; }
.w160 { width: 160px; }
.w165 { width: 165px; }
.w170 { width: 170px; }
.w175 { width: 175px; }
.w180 { width: 180px; }
.w190 { width: 190px; }
.w195 { width: 195px; }
.w200 { width: 200px; }
.w210 { width: 210px; }
.w220 { width: 220px; }
.w225 { width: 225px; }
.w245 { width: 245px; }
.w250 { width: 250px; }
.w255i { width: 255px !important; }
.w265i { width: 265px !important; }
.w300 { width: 300px; }
.w350i { width: 350px !important; }
.w370 { width: 370px; }
.w400 { width: 400px; }
.w415 { width: 415px; }
.w820i { width: 820px !important; }
.w845i { width: 845px !important; }
.w855 { width: 855px; }

.w5p { width: 5%; }
.w10p { width: 10%; }
.w15p { width: 15%; }
.w20p { width: 20%; }
.w25p { width: 25%; }
.w30p { width: 30%; }
.w31p { width: 31%; }
.w33p { width: 33%; }
.w35p { width: 35%; }
.w38p { width: 38%; }
.w39p { width: 39%; }
.w40p { width: 40%; }
.w44p { width: 44%; }
.w45p { width: 45%; }
.w48p { width: 48%; }
.w49p { width: 49%; }
.w50p { width: 50%; }
.w50pi { width: 50% !important; }
.w52p { width: 52%; }
.w55p { width: 55%; }
.w56p { width: 56%; }
.w60p { width: 60%; }
.w65p { width: 65%; }
.w70p { width: 70%; }
.w75p { width: 75%; }
.w80p { width: 80%; }
.w85p { width: 85%; }
.w95pi { width: 95% !important; }
.w100p { width: 100%; }
.w100pi { width: 100% !important; }

.mw30{ min-width: 30px; }
.mw30i{ min-width: 30px !important; }
.mw100{ min-width: 100px; }
.mw110{ min-width: 110px; }
.mw120 { min-width: 120px; }
.mw125 { min-width: 125px; }
.mw150 { min-width: 150px; }
.mw160 { min-width: 160px; }
.mw175 { min-width: 175px; }
.mw190 { min-width: 190px; }
.mw195 { min-width: 195px; }
.mw200 { min-width: 200px; }
.mw300 { min-width: 300px; }
.mw350 { min-width: 350px; }
.mw300i { min-width: 300px !important; }
.mw350i { min-width: 350px !important; }

.maw100 { max-width: 100px !important; }
.maw120 { max-width: 120px !important; }
.maw130 { max-width: 130px !important; }
.maw140 { max-width: 140px !important; }
.maw150 { max-width: 150px !important; }
.maw200 { max-width: 200px !important; }
.maw220 { max-width: 220px !important; }
.maw250 { max-width: 250px !important; }
.maw270 { max-width: 270px !important; }
.maw300 { max-width: 300px !important; }
.maw350 { max-width: 350px !important; }
.maw400 { max-width: 400px !important; }
.maw450 { max-width: 450px !important; }
.maw500 { max-width: 500px !important; }
.maw615 { max-width: 615px !important; }

.fs11 { font-size: 11px; }
.fs12 { font-size: 12px; }
.fs13 { font-size: 13px; }
.fs13i { font-size: 13px !important; }
.fs14 { font-size: 14px; }
.fs15 { font-size: 15px; }
.fs16 { font-size: 16px; }
.fs17 { font-size: 17px; }
.fs18 { font-size: 18px; }
.fs19 { font-size: 19px; }
.fs20 { font-size: 20px; }
.fs21 { font-size: 21px; }
.fs22 { font-size: 22px; }
.fs23 { font-size: 23px; }
.fs24 { font-size: 24px; }
.fs25 { font-size: 25px; }
.fs28 { font-size: 28px; }
.fs30 { font-size: 30px; }
.fs30i { font-size: 30px !important; }

.h0i { height: 0px !important; }
.h10 { height: 10px; }
.h20 { height: 20px; }
.h30 { height: 30px; }
.h35 { height: 35px; }
.h38 { height: 38px; }
.h50 { height: 50px; }
.h60 { height: 60px !important; }
.h80 { height: 80px; }
.h250 { height: 250px; }

.lh10i { line-height: 10px !important; }
.lh10 { line-height: 10px; }
.lh13 { line-height: 13px; }
.lh22i { line-height: 22px !important; }
.lh26 { line-height: 26px; }
.lh30 { line-height: 30px; }
.lh32 { line-height: 32px; }
.lh35 { line-height: 35px; }
.lh35i { line-height: 35px !important; }
.lh40 { line-height: 40px; }

.topb { border-top: 1px solid #f1f1f1; }
.bottomb { border-bottom: 1px solid #f1f1f1; }
.iconsetcolor { color: #BFBFBF !important; }
.iconsetcolor:hover { color: #8C8C8C !important; }
.clearfix { zoom: 1; }
.tablegrey {
    color: #9db0c9 !important;
    font-family: 'AvenirNext' !important;
}

.blank_line {
    background-color: #f1f1f1;
    height: 3px;
    width: 100%;
}

label.disabled {
    color: #C8C8C8;
}

.question_m {
    background: transparent url('../gfx/icon_question_mark.png') no-repeat center center;
    background-size: auto 14px;
    width: 25px;
    height: 15px;
    display: inline-block;
    position: relative;
    top: 3px;
}

.error, .reg-error {
    color: #fb7664;
    display: block;
    font-size: 13px;
    font-weight: normal !important;
    line-height: 18px;
}

.error-validate {
    color: #F03C3C !important;
    display: block;
    font-size: 14px;
    font-family: 'AvenirLTStdMedium';
    font-weight: normal !important;
    line-height: 21px;
}

.error.important {
    border-color: #fb7664 !important;
}

p.error-validate {
    text-align: center;
}

/* Flavorstudio's Error Page */

#flavorstudio_error_page #emptylist {
    background-image: none !important;
    margin-top: 180px;
}

#flavorstudio_error_page #emptylist img, #flavorstudio_error_page #emptylist object {
    width: auto !important;
    position: relative;
    left: -20px;
}

/* ************************** */

.errorbuttonholder {
    margin-bottom: 70px;
}

#header_holder.error_page_header #fs_header {
    margin-bottom: 0px !important;
}

#content {
	margin: 0 auto;
	width: 1170px;
	min-height: 500px;
	position: relative;
	background-color: transparent;
}

#innercontent {
	position: relative;
	min-height: 500px;
}

#header_holder {
    background-color: #394357;
    width: 100%;
    position: relative;
    min-width: 1170px;
}

#fs_header {
    margin: 0 auto;
	width: 1170px;
	height: 70px;
	position: relative;
    margin-bottom: 35px;
}

#fs_header > a , #fs_header > span{
    display: inline-block;
    line-height: 70px;
    height: 70px;
    float: left;
    color: #7d96aa;
    border-right: 1px solid #4b586c;
    text-decoration: none;
    font-size: 14px;
    padding: 0px 23px;
    cursor: pointer;
}

#fs_header.crmactive > a , #fs_header.crmactive > span{
    padding: 0px 19px;
}

#fs_header .left-border {
    border-left: 1px solid #4b586c;
}

#fs_header .dark {
    background-color: #2f3747;
    float: right;
}

#fs_header a:hover, #fs_header a.active, #fs_header span:hover, #fs_header span.active {
    color: #fff;
}

#fs_header a#fs_logo {
    min-width: 230px;
    max-width: 275px;
    width: 100%;
    display: inline-block;
    background: transparent url('../gfx/logo/flavorstudio_logo_white.png') no-repeat left 10px center;
    background-size: 210px auto;
    height: 70px;
    cursor: pointer;
    padding: 0px !important;
}

#trialdays {
	position: absolute;
	left: 420px;
	top: 70px;
	max-width: 332px;
    width: 100%;
    height: 25px;
    line-height: 25px;
    color: #fff;
    text-align: center;
    background-color: #394357;
    border-top: 1px solid #4b586c;
}

/* End of header */

/* Content */

#leftcolumn {
	width: 275px;
	min-height: 315px;
	position: relative;
    float: left;
	padding: 0px 0px 30px 0px;
	background: #fff;
    margin-bottom: 35px;
}

.headertable, .speciallefttable {
	vertical-align: top;
	position: relative;
}

.headertableheader {
	position: relative;
	height: 55px;
	line-height: 55px;
	padding: 0 0 0 15px;
	margin: 0;
	text-align: left;
	background: #fff;
    font-size: 14px;
    color: #555555;
}

.headertablehtmltitle {
	position:relative;
}

.headertableheaderfloatright {
	position: absolute;
	top: 0px;
	right: 10px;
}

.headertableinner {
	background-color: rgb(245,245,245);
	font-size: 12px;
	max-height: 1000px;
	overflow-y: auto;
	text-align: left;
}

.headertablefooter,
.headertablefooter2 {
    position: relative;
    display: none !important;
}

.headertablefooter2 {
    height: 15px;
    border: 1px solid #D2D2D2;
    border-top-style: none !important;
}

.speciallefttableheader {
	font-size: 14px;
	color: #a7acb0;
	background: #fff;
}

.speciallefttableheaderright {
	width:5px;
	height:22px;
	padding:0px;
	margin:0px;
}

.speciallefttableinner {
	min-height:10px;
	background-color: #fff;
	font-size: 13px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.speciallefttablefooter {
	background-color: #fff;
	height: 3px;
}

.altrow {
    padding: 10px;
}

.altrow:nth-child(even), .altrow[nth='even'] {
	background-color: #f5f5f5 !important;
    background-image: none;
}

.altrow:nth-child(odd), .altrow[nth='odd'] {
	background-color: #fdfdfd !important;
    background-image: none;
}

#rightcolumn {
	padding: 0px;
    margin-bottom: 35px;
	width: 870px;
	min-height: 250px;
	position: relative;
	float: right;
	background: transparent;
}

#crmrightcolumn {
	padding: 0px;
	width: 870px;
    float: right;
	position: relative;
	background: transparent;
}

#crmrightcolumn .inner {
    background: #fff;
    margin-bottom: 35px;
    width: 100%;
}

#crmrightcolumn .inner.bordert {
    border-top: 3px solid #cbcdd0;
}

.greylink {
	color:#3C3C3C;
	text-decoration:none;
}

#nlea_popup_allergen_error_may_contain,
#nlea_popup_maycontain_error,
#nlea_popup_allergen_error {
    background-color: #fff;
    color: #FE3263;
    cursor: pointer;
    font-size: 14px;
    left: 1px;
    width: 388px;
    z-index: 2;
    position: relative;
}

.editable { position: relative; }

.editbuttons {
	text-align: center;
	float: right;
	display: none;
}

.editcontent {
	display: inline-block;
    width: 95%;
    position: relative;
    left: -7px;    
}

.editinput {
	display:inline-block;
    width: 100%;
    color: #8798af !important;
    font-family: "AvenirNext" !important;
    font-size: 14px !important;
    background: #fff;
    border: 1px solid #f1f1f1;
    color: rgb(140,140,140);
    min-height: 22px;
    outline: medium none;
    padding: 8px 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
}

input.editinput, textarea.editinput {
    background: transparent !important;
    border: 1px solid transparent !important;
    color: #8798af !important;
    font-size: 13px;
    height: 20px;
    outline: medium none;
    padding: 8px 10px;
    resize: none;
}

.editable .selectric {
    background: transparent !important;
    border: 1px solid transparent !important;
    color: #8798af !important;
    font-size: 13px;
    outline: medium none;
}

.editable .selectric .label {
    color: #8798af !important;
}

.editable .selectricWrapper .button {
    display: none;
}

.editable .selectricWrapper:hover .button {
    display: block;
}

input.editinput:hover, textarea.editinput:hover, .editable .selectricWrapper .selectric:hover {
    border: 1px solid #f1f1f1 !important;
    resize: vertical;
}

input.editinput:focus, textarea.editinput:focus, .editable .selectricHover .selectric {
    border: 1px solid #3da4f1 !important;
    resize: vertical;
    color: #3E5A7F !important;
}

.editable .selectricHover .selectric p.label {
    color: #3E5A7F !important;
}

.editinput.smallerinput {
    min-width: 250px;
    max-width: 100%;
    width: auto;
}

.relativeprice {
    position: absolute;
    left: 5px;
    top: 3px;
}

.pricepadding {
    padding-left: 25px !important;
}

.savelink {
	display:none;
	padding-left:4px;
	margin-right: 5px;
    margin-top: 3px;	
}

.fs_edit_lnk {
    width: 20px;
    height: 20px;
    background: transparent url(../gfx/flavorstudio_general/icon_edit.png) no-repeat center center;
    background-size: 18px auto !important;
    cursor: pointer;
    image-rendering: -webkit-optimize-contrast;
}

.fs_edit_lnk:hover {
    background: transparent url(../gfx/flavorstudio_general/icon_edit_active.png) no-repeat center center;
    background-size: 18px auto !important;
    image-rendering: -webkit-optimize-contrast;
}

.fs_plus_lnk {
    width: 25px;
    height: 25px;
    background: transparent url(../gfx/flavorstudio_projects/icon_check_plus_light.png) no-repeat center center;
    background-size: 22px auto !important;
    cursor: pointer;
    image-rendering: -webkit-optimize-contrast;
}

.fs_plus_lnk:hover {
    background: transparent url(../gfx/flavorstudio_projects/icon_check_plus_active.png) no-repeat center center;
    background-size: 22px auto !important;
    image-rendering: -webkit-optimize-contrast;
}

.fs_cancel_lnk {
    width: 20px;
    height: 30px;
    background: transparent url(../gfx/flavorstudio_general/icon_cancel.png) no-repeat center center;
    background-size: 16px auto !important;
    cursor: pointer;
    margin: 0px 5px;
    image-rendering: -webkit-optimize-contrast;
}

.fs_cancel_lnk:hover {
    background: transparent url(../gfx/flavorstudio_general/icon_cancel_active.png) no-repeat center center;
    background-size: 16px auto !important;
    image-rendering: -webkit-optimize-contrast;
}

.fs_save_lnk {
    width: 20px;
    height: 30px;
    background: transparent url(../gfx/flavorstudio_general/icon_save.png) no-repeat center center;
    background-size: auto 16px !important;
    cursor: pointer;
    margin: 0px 5px;
    image-rendering: -webkit-optimize-contrast;
}

.fs_save_lnk:hover {
    background: transparent url(../gfx/flavorstudio_general/icon_save_active.png) no-repeat center center;
    background-size: auto 16px !important;
    image-rendering: -webkit-optimize-contrast;
}

.editlink {
	display:none;
}

textarea.editinput {
    min-height: 21px;
    width: 100%;
    color: #3e5a7f;
    font-family: 'AvenirNext';
    font-weight: normal;
    padding: 8px 10px;
}

#agreement {
	width:420px;
}

#inneragreement {
	height: 240px;
	overflow-y: scroll;
	background-color: #fff;
	padding: 0px 30px 15px 0px;
    max-width: 570px;
    width: 100%;
}

#agree + label {
    padding-left: 35px;
    padding-top: 4px;
}

#informationbutton {
	margin-left:15px;
	margin-right:15px;
	position:relative;
	top:20px;
}

.filediv:hover, .linkdiv:hover {
	cursor:pointer;
}

.recentactivitylink {
	display:inline-block;
	color:#3c3c3c;
}

.tablink {
	display:inline-block;
	color:#3c3c3c;
}

.timeago {
    display: block;
    text-align: left;
    width: 100%;
    color: #a7acb0;
    font-family: 'open_sansregular';
    font-size: 14px;
}

.emptytable {
	text-align:center;
	font-size:13px;
	margin:20px;
}

.fancybutton {
	min-height:20px;
	font-size:13px;
	padding: 2px 12px 1px 12px;
	color:rgb(40,40,40);
    text-align: center;
}

.fancybutton:hover {
	color:#3c3c3c;
}

.fancybutton:active {
	border:1px solid rgb(200,200,200);
	color:rgb(255,255,255);
}

.fancybutton label {
	display: block;
	padding: 0 12px;
}

.buttonsmaller {
	padding-bottom:6px;
}

.bigfancybutton {
	height: 30px;
	font-size: 14px;
	padding: 9px 25px 0px;
    background-color: #8ca4d5;
    font-family: 'open_sansbold';
    border: 1px solid #8ca4d5;
    color: #fff;
}

button.bigfancybutton, input.bigfancybutton {
	padding-top: 0px;
}

.bigfancybutton:hover, .bigfancybutton:active {
	background-color: #394357;
    color: #fff !important;
}

.bigfancybutton, .fancybutton {
	text-align: center;
    text-decoration: none;
	border: 1px solid #8ca4d5;
    background-color: #8ca4d5;
    font-family: 'open_sansbold';
    color: #fff;
}

.bigfancybutton:hover, .fancybutton:hover, .bigfancybutton:active, .fancybutton:active {
	cursor: pointer;
    background-color: #394357;
    border: 1px solid #394357;
    color: #fff;
}

.bigfancybutton.disabled, .fancybutton.disabled {
    background: #394357;
    border: 1px solid #394357;
    cursor: default;
}

.bigfancybutton.disabled:hover, .fancybutton.disabled:hover {
    text-shadow: none;
}

.bigfancybutton.disabled:hover, .bigfancybutton.disabled:active {
    box-shadow:2px 2px 4px #ccc;
    -moz-box-shadow:2px 2px 4px #ccc;
    -webkit-box-shadow:2px 2px 4px #ccc;
}

.fancybutton.disabled:hover, .fancybutton.disabled:active {
    box-shadow:1px 1px 1px #ccc;
    -moz-box-shadow:1px 1px 1px #ccc;
    -webkit-box-shadow:1px 1px 1px #ccc;
}

input.fancy_input, textarea.fancy_input, select.fancy_input {
    background: #fff;
    border: 1px solid #f1f1f1;
    color: rgb(140,140,140);
    font-size: 14px;
    height: 22px;
    outline: medium none;
    padding: 8px 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
}

input.fancy_input_small, select.fancy_input_small {
    background: none repeat scroll 0 0 white;
    border: 1px solid #f1f1f1;
    color: black;
    font-size: 14px;
    height: 22px;
    outline: medium none;
    padding: 8px 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
}

input.fancy_input_small.flat_left {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

input.fancy_input_small.flat_right {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

select.fancy_input {
	height: 32px;
}

input.fancy_input:focus, textarea.fancy_input:focus, select.fancy_input:focus,
input.fancy_input:hover, textarea.fancy_input:hover, select.fancy_input:hover {
    border: 1px solid #3da4f1;
}

input.fancy_input_small:focus, select.fancy_input_small:focus {
	border: 1px solid #3da4f1;
}

input:focus,textarea:focus,select:focus,input:active,textarea:active,select:active {
	color:#3c3c3c;
}

#search_projects, #search_project, #search_opportunity {
    background-color: #ffffff;
    border: 1px solid transparent;
    border-radius: 3px;
	border: 1px solid #f1f1f1 !important;
    padding: 8px 10px !important;
    min-width: 360px;
    margin-top: 20px;
    margin-bottom: 12px;
	color: #3E5A7F !important;
}

#search_project, #search_opportunity {
	margin-top: 5px;
}

#search_projects:focus,
#search_projects:hover,
#search_project:focus,
#search_project:hover,
#search_opportunity:focus,
#search_opportunity:hover {
    border: 1px solid #3da4f1 !important;
}

#search_projects.input_error,
#search_project.input_error,
#search_opportunity.input_error {
	border: 1px solid #fb7664 !important;
}

.projectlink {
	color:#3c3c3c;
}

.projectrow {
	text-decoration: none;
	color: #3c3c3c;
	display: block;
	position: relative;
}

.projectrow:hover {
	background-color:rgb(250,250,250);
}

.downarrow, .uparrow {
 	width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
}

.downarrow {
    border-top: 8px solid #3c3c3c;
}

.uparrow {
    border-bottom: 8px solid #3c3c3c;
}

.field_error {
	border: 1px solid #fb7664 !important;
}

.text_error {
	color: #fb7664 !important;
}

/* Time picker */
.ui-timepicker a, .ui-timepicker th, .ui-timepicker td {
	font-size: 12px;
    padding: 1px;
}
.ui-timepicker a {
	cursor: pointer;
	display: inline-block;
    text-align: center;
    width: 17px;
}
.ui-timepicker a.ui-state-hover {
	background: #bbe18e;
	color: white;
}
.ui-timepicker-title {
	text-align: center;
}

div.errornameexists {
    color: #fb7664;
    display: inline-block;
    font-size: 12px;
    width: 405px;
}

input.errornameexists {
    border: 1px solid #fb7664;
}

.ajaxloader {
    background: url('../gfx/ajax_loader.gif') center no-repeat;
}

.altleftspan, .altrightspan {
    padding-top: 3px;
    padding-bottom: 3px;
    vertical-align: middle;
}

.altleftspan {
    display: inline-block;
    vertical-align: top;
	font-size: 14px;
	color: #3C3C3C;
    font-family: 'open_sansregular';
}

.altrightspan {
    display:inline-block;
    vertical-align:middle;
    font-size: 14px;
	color: #a7acb0;
    font-family: 'open_sansregular';
    min-height: 23px;
}

/* image cropping */

#orientation {
    background: url('../gfx/icon_orientation.png');
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    margin: 0 auto;
    cursor: pointer;
}

#crop {
    background: url('../gfx/docrop.png');
    background-repeat: no-repeat;   
    width: 23px;
    height: 19px;
    cursor: pointer;
    display: inline-block;
    margin-right: 5px;
    margin-left: 7px;
    margin-top: 10px;
}

#cancelcrop {
    background: url('../gfx/cancelcrop.png');
    background-repeat: no-repeat;   
    width: 20px;
    height: 19px;
    cursor: pointer;
    display:inline-block;
    margin-top: 10px;
}

#croptools {
    position: absolute;
    width: 65px;
    background-color: #eeeeee;
    margin-top: 5px;
    border-radius: 4px;
    padding-top: 5px;   
}

#uploadlogoimage,
#editlogoimage,
#canceleditlogoimage,
#uploadprofileimage,
#editprofileimage,
#canceleditprofileimage,
#rotatecw_logo,
#orientation,
#crop_r,
#crop,
#crop_logo,
#cancelcrop {
    opacity: 0.65;
}

#uploadrecipeimage:hover,
#editrecipeimage:hover,
#canceleditrecipeimage:hover,
#uploadlogoimage:hover,
#editlogoimage:hover,
#canceleditlogoimage:hover,
#uploadprofileimage:hover,
#editprofileimage:hover,
#canceleditprofileimage:hover,
#rotatecw:hover,
#rotatecw_r:hover,
#rotatecw_logo:hover,
#orientation:hover,
#crop:hover,
#crop_r:hover,
#crop_logo:hover,
#cancelcrop:hover {
    opacity: 1;
}

#croptarget {
    margin: 0 auto;
}

/* jquery ui */

.ui-menu .ui-menu-item a {
    font-size: 14px;
}

#copynutr_ingredientlabel {
    max-width: 230px;
    width: auto;
}

#fsndb_ingredientlabel {
    max-width: 230px;
    width: auto;
    min-height: 200px;
}

#copynutr_ingredientlabel img,
#fsndb_ingredientlabel img {
    margin-right: 30px;
    image-rendering: -webkit-optimize-contrast;
    width: 210px !important;
}

#copynutr_ingredientinputdiv {
    position: relative;
}

#copynutr_ingredientinputdiv > *,
#fsndb_ingredientinputdiv > * {
    display: inline-block;
    vertical-align: top;
}

.ui-menu-item {
    white-space: nowrap;
}

#copynutr_ingredientdata,
#fsndb_ingredientdata {
    margin-top: 20px;
    font-size: 14px;
    width: 400px;
}

#copynutr_ingredientdata p,
#fsndb_ingredientdata p {
    margin-bottom: 0;
}

#copynutr_searchbtn {
    color: #8592A9;
    font-size: 20px;
    cursor: pointer;
    height: 22px;
    position: absolute;
    width: 22px;
    right: 15px;
    top: 15px;
    z-index: 1000;
}

#copynutr_ingredientinput {
    max-width: 500px;
	width: calc(100% - 40px);
    padding: 15px 20px;
    position: relative;
    z-index: 700;
}

.copynutr_label {
    color: #3E5A7F !important;
    font-family: 'AvenirNext' !important;
    font-size: 15px !important;
    line-height: 20px !important;
}

.copynutr_value {
    color: #3E5A7F !important;
    font-family: 'AvenirLTStdMedium' !important;
    margin-bottom: 25px !important;
    display: inline-block !important;
    font-size: 15px !important;
}

#newing_accordion ul {
    list-style-type: none;
    margin-bottom: 10px;
}

#ui-accordion-newing_accordion-panel-6 {
    overflow: visible;
}

#measureqtyinput input {
    height: 28px;
    padding: 0px 10px;
}

#measureqtyinput font {
    line-height: 28px;
}

/* Admin & Recipe Cost / Ingredient Popup */

#ndfs_member_popup.usda_costs {
    width: 500px;
}

.usda_costtbl {
    margin: 0 auto;
}

#ndfs_member_popup.admin_costs {
    width: 100%;
}

/* Ingredients / Costs / Data Validation popup */

.customer_data_holder.cost_data_popup {
    padding: 0px 25px 0px 25px;
}

.customer_data_holder.cost_data_popup input[type=text], .customer_data_holder.cost_data_popup textarea {
    width: 315px;
    padding: 8px 10px !important;
}

#custom_ingredient_inner_content span.newing_header_span {
    font-family: 'AvenirNext';
    color: #3E5A7F;
    font-size: 13px;
	line-height: 20px;
	display: inline-block;
	margin-bottom: 3px;
}

#custom_ingredient_inner_content span.newing_header_span.ibold {
    font-size: 14px !important;
    font-family: 'AvenirNext-DemiBold';
}

#custom_ingredient_inner_content .lh40 .newing_header_span {
	line-height: 40px;
}

.customer_data_holder.cost_data_popup #supplement_label_unit_label {
    font-family: 'AvenirNext';
    color: #3E5A7F;
    font-size: 13px;
    margin-right: 10px;
}

#admincostinput {
    width: 183px !important;
}

#shelflifeinput,
#adminunitsinput {
    width: 50px !important;
    text-align: center;
}

#custom_ingredient_inner_content.customer_data_holder.cost_data_popup textarea#adminnotesinput {
    width: 350px !important;
}

.customer_data_holder.cost_data_popup .selectricWrapper.selectric-selsmall .selectricItems {
    width: 70px !important;
}

.customer_data_holder.cost_data_popup .selectricWrapper {
    min-width: 72px;
	background-color: transparent !important;
}

.customer_data_holder.cost_data_popup .selectricWrapper.selectric-mw300 {
    min-width: 310px;
}

.customer_data_holder.cost_data_popup .selectric {
    border-radius: 3px;
    position: relative;
    top: 1px;
}

.customer_data_holder.cost_data_popup .selectric .label {
    height: 37px;
    line-height: 37px;
}

.customer_data_holder.cost_data_popup .selectric .button {
    height: 40px;
    top: 3px;
}

#custom_ingredient_title {
	padding: 16px 32px;
	border-bottom: 1px solid #E9E9E9;
	color: #3E5A7F;
	font-size: 20px;
	font-family: 'AvenirLTStdMedium';
	font-weight: normal;
}

#custom_ingredient_holder {
	padding: 25px 32px 0px 32px;
	background-color: #F7F7FA;
}

#custom_ingredient_tab_holder {
    background-color: transparent;
    width: 260px;
	float: left;
    margin-bottom: 20px;
	position: relative;
	top: 0px;
}

.dilution_disabled {
	background-color: #F1F1F1 !important;
	border: 1px solid #F1F1F1 !important;
	cursor: default;
}

.ni_table .divider {
    background-color: #EDEDED;
    height: 1px;
    width: 100%;
}

a.ingpopup_tab {
    color: #3E5A7F;
    text-align: left;
    display: inline-block;
    font-family: 'AvenirNext';
    font-size: 14px;
    width: 80%;
    width: calc(100% - 32px);
    padding: 16px 0px 16px 16px;
    text-decoration: none;
    position: relative;
}

a.ingpopup_tab:hover {
	background: #FFFFFF;
	box-shadow: inset 2px 0px 0px #59A3EB;
}

a.ingpopup_tab.active {
	background: #FFFFFF;
	box-shadow: inset 2px 0px 0px #59A3EB;
    font-weight: normal;
    font-family: 'AvenirLTStdMedium';
	color: #3E5A7F;
}

.ingredient_popup_buttons {
	background: #F7F7FA !important;
}

#datavalidation_holder {
    padding-top: 5px;
}

.datavalidation_box {
	width: 50%;
	width: calc(49% - 1px);
    float: left;
	margin-bottom: 50px;
}

.datavalidation_box_inner {
    padding-right: 15px;
    width: 95%;
    width: calc(100% - 30px);
}

.datavalidation_box_inner.v2 {
	padding-left: 15px;
}

.datavalidation_box h3 {
    font-weight: normal;
    font-family: 'AvenirLTStdMedium';
    font-size: 18px;
    color: #3e5a7f;
    margin-top: 10px;
}

.datavalidation_box:last-child {
    border-right: 0px !important;
    width: 33.3333% !important;
}

.datavalidation_box p {
    color: #8592A9;
}

.datv_correct {
    color: #32CD32 !important;
    font-weight: normal;
    font-family: 'AvenirLTStdMedium';
}

.datv_overflow {
    color: #E43F3F !important;
    font-weight: normal;
    font-family: 'AvenirLTStdMedium';
}

.datav_row.datav_topborder {
    border-top: 1px solid #ededed;
    padding-top: 25px;
}

input#datavalidation_threshold {
    width: 173px !important;
    margin-bottom: 10px;
    margin-right: 10px;
    text-align: left;
    position: relative;
    border: 1px solid #E9E9E9;
    border-radius: 4px;
    padding: 7px 10px;
}

#threshold_pct {
	position: absolute;
    top: 10px;
    left: 169px;
	color: #9DB0C9;
	font-family: 'AvenirNext';
	font-weight: normal;
}

input#datavalidation_threshold + span {
    font-size: 14px;
    font-family: 'AvenirNext';
}

#datavalidation_threshold_table {
	border-bottom: 1px solid #E9E9E9;
	margin-bottom: 10px;
}

.datav_row {
    width: 100%;
    margin-top: 10px;
    display: block;
}

.datav_row label {
    font-weight: normal !important;
    font-family: 'AvenirNext' !important;
    font-size: 13px !important;
    color: #3E5A7F !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.datav_row span {
    font-weight: normal;
    font-family: 'AvenirLTStdMedium';
    font-size: 13px;
    color: #3E5A7F;
}

.datav_row span.boldvalue {
    font-weight: normal !important;
    font-family: 'AvenirLTStdMedium' !important;
    color: #3E5A7F !important;
}

#custom_ingredient_inner_content {
	max-width: 444px;
	width: 100%;
	float: right;
}

#custom_ingredient_inner_content.custom_ingredient_inner_content_loading {
    width: 100%;
    min-height: 352px;
    background: transparent url(../gfx/ajax_loader.gif) no-repeat center center;
}

#custom_ingredient_inner_content .usda_costform input {
    width: 275px;
}

#ingredient_processing_loss_holder {
    float: left;
    width: 72px;
	margin-left: 10px;
	position: relative;
	top: 2px;
}

#ingredient_processing_loss_holder #ingredient_processing_loss {
	margin-bottom: 0px !important;
}

#ingredient_processing_loss_calc {
    color: #9db0c9;
    float: right;
    margin-top: 11px;
	min-width: 86px;
}

.processing_loss_pct_label {
	position: absolute;
    top: 9px;
    right: 7px;
	color: #9DB0C9;
	font-family: 'AvenirNext';
	font-weight: normal;
}

#ingredientdata_tab input,
#procurement_tab input,
#nutrientdata_tab input,
.usda_costform input {
    border-radius: 3px;
    background-color: #ffffff;
    border: 1px solid #f1f1f1;
    width: 100%;
	width: calc(100% - 20px);
    padding: 10px;
    color: #3e5a7f;
    font-size: 14px;
	margin-bottom: 12px;
}

#ingredientdata_tab .custom_ingredient_weight_td {
	min-width: 75px;
	max-width: 75px;
	width: 75px;
	padding-left: 40px !important;
}

#ingredientdata_tab input#custom_ingredient_weight {
	width: 55px !important;
}

#ingredientdata_tab .admincodeinput_td {
	min-width: 150px;
	max-width: 150px;
	width: 150px;
	padding-right: 40px !important;
}

#procurement_tab .cost_text_td {
	min-width: 80px;
	max-width: 80px;
	width: 80px;
	vertical-align: top;
	line-height: 40px;
}

#ingredientdata_tab input#admincodeinput {
	width: 130px !important;
}

#ingredientdata_tab input#dilution_percentage,
#ingredientdata_tab input#internal_flavor_number {
	width: 180px !important;
}

#nutrientdata_tab .naccordion_line {
    border-bottom: 0px !important;
    cursor: pointer;
}

#nutrientdata_tab .naccordion_line_holder {
	border: 1px solid #E9E9E9;
	border-radius: 4px;
	padding: 0px 0px 0px 20px;
	margin-bottom: 8px;
	background-color: #FFFFFF;
}

#nutrientdata_tab .naccordion_line_holder_maycontain {
	margin-bottom: 20px !important;
}

#nutrientdata_tab input#protein_digestibility {
    width: 90px;
	padding-top: 8px !important;
    padding-bottom: 6px !important;
    font-weight: normal;
    font-family: 'AvenirNext-DemiBold';
    background-color: #FBFBFB;
	border: 1px solid #f1f1f1;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    border-radius: 4px !important;
    font-size: 13px !important;
    outline: medium none;
}

#nutrientdata_tab input#protein_digestibility:hover,
#nutrientdata_tab input#protein_digestibility:focus {
	border-color: #3DA4F1;
}

#nutrientdata_tab input#protein_digestibility:not([value='']) {
    box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.05);
    background-color: #FFFFFF !important;
}

#nutrientdata_tab .naccordion_line_holder .naccordion table td {
	line-height: 45px !important;
}

#nutrientdata_tab .naccordion_line_holder .naccordion font {
	font-size: 13px;
	position: relative;
	top: 1px;
	color: #59A3EB;
}

#nutrientdata_tab .naccordion_line_holder .naccordion .naccordion_line_title {
    color: #3E5A7F;
    font-weight: normal;
    font-family: 'AvenirNext';
    font-size: 14px;
}

#nutrientdata_tab .naccordion_line_holder .naccordion .naccordion_line_title.with_values {
    font-family: 'AvenirNext-DemiBold';
}

#nutrientdata_tab .naccordion_line_title_count_holder {
	padding-right: 16px;
}

#nutrientdata_tab .naccordion_line_title_count {
	font-weight: normal;
    font-family: 'AvenirNext-DemiBold';
    font-size: 14px;
    color: #3E5A7F;	
}

#nutrientdata_tab .naccordion_line_title_total {
	font-weight: normal;
    font-family: 'AvenirNext';
    font-size: 14px;
    color: #3E5A7F;
}

#nutrientdata_tab .naccordion_content {
	padding-bottom: 0px !important;
	padding-top: 5px;
}

#nutrientdata_tab .naccordion_line_holder ul,
#nutrientdata_tab .naccordion_line_holder li {
	list-style-type: none;
}

#procurement_tab #ingredient_processing_loss_ch + label,
#ingredientdata_tab #add_density + label,
#ingredientdata_tab #processing_aid + label,
#ingredientdata_tab #supplement_label + label,
#certifications_tab .certifications + label {
	background-color: #FFFFFF;
    display: inline-block;
    margin-right: 7px;
    padding: 5px 15px 4px 34px !important;
    border-radius: 24px;
    font-size: 12px;
	color: #324561;
}

#procurement_tab #ingredient_processing_loss_ch:read-only + label {
	background-color: #f9f9fb !important;
	border: 1px solid #f1f1f1;
}

#procurement_tab #ingredient_processing_loss_ch + label:before,
#ingredientdata_tab #add_density + label:before,
#ingredientdata_tab #processing_aid + label:before,
#ingredientdata_tab #supplement_label + label:before,
#certifications_tab .certifications + label:before {
	border-radius: 100px;
	border-width: 1px;
    top: 6px !important;
    left: 9px !important;
	border-color: #E9E9E9;
}

#procurement_tab #ingredient_processing_loss_ch + label:after,
#ingredientdata_tab #add_density + label:after,
#ingredientdata_tab #processing_aid + label:after,
#ingredientdata_tab #supplement_label + label:after,
#certifications_tab .certifications + label:after {
	font-size: 10px !important;
	top: 11px !important;
    left: 14px !important;
}

#procurement_tab #ingredient_processing_loss_ch + label:after {
	left: 13px !important;
}

#procurement_tab #ingredient_processing_loss_ch:checked + label,
#ingredientdata_tab #add_density:checked + label,
#ingredientdata_tab #processing_aid:checked + label,
#ingredientdata_tab #supplement_label:checked + label,
#certifications_tab .certifications:checked + label {
	background-color: #59A3EB !important;
	color: #FFFFFF !important;
}

#procurement_tab #ingredient_processing_loss_ch:checked + label:before,
#ingredientdata_tab #add_density:checked + label:before,
#ingredientdata_tab #processing_aid:checked + label:before,
#ingredientdata_tab #supplement_label:checked + label:before,
#certifications_tab .certifications:checked + label:before {
	border-color: #FFFFFF !important;
	background-color: #FFFFFF !important;
}

#procurement_tab #ingredient_processing_loss_ch:checked + label:after,
#ingredientdata_tab #add_density:checked + label:after,
#ingredientdata_tab #processing_aid:checked + label:after,
#ingredientdata_tab #supplement_label:checked + label:after,
#certifications_tab .certifications:checked + label:after {
	color: #59A3EB !important;
}

#certifications_tab h3 {
	font-weight: normal;
    font-family: 'AvenirLTStdMedium';
    font-size: 18px;
    color: #3e5a7f;
	margin-bottom: 13px;
}

#certifications_tab h3.cdocuments {
	margin-top: 35px;
	margin-bottom: 16px;
	float: left;
}

#colorbox #custom_ingredient_inner_content #upload_ingredient_documents {
    border: 1px solid #59A3EB;
    color: #59A3EB;
    cursor: pointer;
    text-align: center;
    font-size: 14px !important;
    font-weight: normal;
    font-family: 'AvenirNext';
    border-radius: 4px;
    float: right;
    padding: 6px 12px;
    margin-bottom: 15px;
    position: relative !important;
    top: 29px;
	background-color: transparent;
}

#colorbox #custom_ingredient_inner_content #upload_ingredient_documents span {
    position: relative;
    top: 1px;
	margin-right: 5px;
}

#colorbox #custom_ingredient_inner_content #upload_ingredient_documents:hover {
    color: #FFFFFF;
	background-color: #3DA4F1;
}

#custom_ingredient_inner_content .helptooltip {
	font-size: 16px;
	color: #9DB0C9;
}

#custom_ingredient_inner_content .helptooltip:hover {
	color: #59A3EB;
}

#custom_ingredient_inner_content #mqtyinp {
    width: 58px;
    height: auto !important;
    position: relative;
    top: 1px;
	
    border-radius: 3px;
    background-color: #ffffff;
    border: 1px solid #f1f1f1;
    padding: 10px;
    color: #3e5a7f;
    font-size: 14px;
	margin-bottom: 0px !important;
}

#custom_ingredient_inner_content.customer_data_holder.cost_data_popup {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

#custom_ingredient_inner_content input:hover, #custom_ingredient_inner_content textarea:hover,
#ingredientdata_tab input:focus, #nutrientdata_tab input:focus, #custom_ingredient_inner_content textarea:focus {
    border-color: #3DA4F1;
}

#custom_ingredient_inner_content #measureqtyinput font {
    line-height: 40px;
    margin-left: 5px;
}

#custom_ingredient_inner_content .densityheader {
    line-height: 43px;
}

#custom_ingredient_inner_content #density_holder {
    display: inline-flex;
    margin-left: 3px;
}

.ishelp.helptooltip {
	position: relative;
	top: 3px;
	margin-left: 8px;
}

#ingredient_processing_loss_helptooltip,
#processing_aid_lbl + .helptooltip,
#supplement_label_lbl + .helptooltip,
#add_density_lbl + .helptooltip {
	position: relative;
	top: 12px;
	margin-left: 4px;
}

.customer_data_holder label {
    font-weight: normal;
    font-family: 'AvenirNext';
    font-size: 14px;
    color: #3E5A7F;
    margin-top: 5px;
    margin-bottom: 5px;
	display: inline-block;
}

#custom_ingredient_inner_content .newing_first {
	display: block;
	font-size: 13px;
    font-weight: normal;
    font-family: 'AvenirNext';
	margin-bottom: 4px;
	max-width: 130px;
}

#custom_ingredient_inner_content .extended_title_row .newing_first {
	padding-top: 19px !important;
}

#custom_ingredient_inner_content .sugar_alcohol_special_position {
	position: relative;
	left: 140px;
}

#custom_ingredient_inner_content .newing_second {
    width: 110px;
	position: relative;
}

#custom_ingredient_inner_content .newing_second input:hover {
	z-index: 2 !important;
}

#custom_ingredient_inner_content .newing_second input:focus {
	z-index: 3 !important;
}

#custom_ingredient_inner_content .newing_second input::placeholder {
	color: #9DB0C9;
	opacity: 1; /* Firefox */
}

#custom_ingredient_inner_content .newing_second input:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #9DB0C9;
}

#custom_ingredient_inner_content .newing_second input::-ms-input-placeholder { /* Microsoft Edge */
	color: #9DB0C9;
}


#custom_ingredient_inner_content .dilution_column .unitplaceholder,
#custom_ingredient_inner_content .newing_second .unitplaceholder {
	position: absolute;
	right: 12px;
	top: -1px;
	font-size: 13px;
	color: #9DB0C9;
    font-weight: normal;
    font-family: 'AvenirNext';
	z-index: 10;
	user-select: none !important;
	pointer-events: none;
}

#custom_ingredient_inner_content .dilution_column .unitplaceholder {
	top: 11px;
}

#custom_ingredient_inner_content .nutrient_input {
    width: 70px;
    padding-top: 9px !important;
    padding-bottom: 7px !important;
    font-weight: normal;
    font-family: 'AvenirNext-DemiBold';
	background-color: #FBFBFB;
}

#custom_ingredient_inner_content .nutrient_input:not([value='']) {
	box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.05);
	background-color: #FFFFFF !important;
}

#custom_ingredient_inner_content .nutrient_input_longer {
    width: 90px;
    padding-top: 9px !important;
    padding-bottom: 7px !important;
	-webkit-border-radius: 4px !important;
	-moz-border-radius: 4px !important;
	border-radius: 4px !important;
}

#custom_ingredient_inner_content .nutrient_input:disabled {
    background-color: #F1F1F1;
    border-color: #E3E6EA;
}

#custom_ingredient_inner_content #cost_popupform input[type=text]:disabled {
    background-color: #f9f9fb;
    border: 1px solid #f1f1f1;
}

#colorbox #custom_ingredient_inner_content #upload_ingredient_documents_holder,
#colorbox #custom_ingredient_inner_content #copynutrvalues {
    border: 1px solid #59A3EB;
    color: #59A3EB;
    cursor: pointer;
    text-align: center;
    font-size: 14px !important;
    font-weight: normal;
    font-family: 'AvenirNext';
    border-radius: 4px;
    float: right;
    padding: 6px 12px;
    margin-bottom: 15px;
    position: relative !important;
    top: -3px;
	background-color: transparent;
}

#colorbox #custom_ingredient_inner_content #upload_ingredient_documents_holder {
	margin-right: 10px;
}

#colorbox #custom_ingredient_inner_content #upload_ingredient_documents_holder span,
#colorbox #custom_ingredient_inner_content #copynutrvalues span {
    position: relative;
    top: 2px;
	margin-right: 5px;
}

#colorbox #custom_ingredient_inner_content #upload_ingredient_documents_holder:hover,
#colorbox #custom_ingredient_inner_content #copynutrvalues:hover {
    color: #FFFFFF;
	background-color: #3DA4F1;
}

.fsndb_newingredient_nutrients_small_heading {
    font-weight: normal !important;
    font-family: 'AvenirLTStdMedium';
	display: inline-block;
	margin-bottom: 6px;
	color: #3E5A7F;
	font-size: 18px;
	float: left;
}

.fsndb_newingredient_nutrients_divider {
	height: 1px;
	width: 100%;
	margin-top: 16px;
	margin-bottom: 16px;
	background-color: #E9E9E9;
}

#colorbox #custom_ingredient_inner_content .ui-accordion .accordion-header {
    font-weight: normal !important;
    font-family: 'AvenirLTStdMedium';
    color: #3E5A7F;
    font-size: 15px;
    line-height: 37px;
    border-top: 1px solid #ededed !important;
    border-left: 4px solid transparent !important;
    margin-top: 0px !important;
    padding-top: 2px !important;
}

#colorbox #custom_ingredient_inner_content .ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    width: 0; 
    height: 0; 
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #3E5A7F;
    margin-right: 10px;
    margin-left: 15px;
}

#colorbox #custom_ingredient_inner_content .ui-accordion .ui-accordion-header.ui-state-active {
    color: #3DA4F1 !important;
}

#colorbox #custom_ingredient_inner_content .ui-accordion .ui-accordion-header.ui-state-active .ui-accordion-header-icon {
    width: 0; 
    height: 0; 
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #3DA4F1;
    margin-right: 7px;
    margin-left: 15px;
    position: relative;
    top: 4px;
}

#colorbox #custom_ingredient_holder.pop_preview_custom_ingredient input,
#colorbox #custom_ingredient_holder.pop_preview_custom_ingredient input:disabled,
#colorbox #custom_ingredient_holder.pop_preview_custom_ingredient select,
#colorbox #custom_ingredient_holder.pop_preview_custom_ingredient select:disabled,
#colorbox #custom_ingredient_holder.pop_preview_custom_ingredient .selectric,
#colorbox #custom_ingredient_holder.pop_preview_custom_ingredient .selectricDisabled .selectric,
#colorbox #custom_ingredient_holder.pop_preview_custom_ingredient textarea,
#colorbox #custom_ingredient_holder.pop_preview_custom_ingredient textarea:disabled {
	cursor: default !important;
    background-color: #F1F1F1 !important;
    border: 1px solid #F1F1F1 !important;
	opacity: 1 !important;
	box-shadow: none !important;
}

#colorbox #custom_ingredient_holder.pop_preview_custom_ingredient input[type=radio]:disabled + label,
#colorbox #custom_ingredient_holder.pop_preview_custom_ingredient input[type=checkbox]:disabled + label {
	opacity: 1 !important;
	cursor: default !important;
}

#colorbox #custom_ingredient_holder.pop_preview_custom_ingredient input[type=radio]:checked:disabled + label:before,
#colorbox #custom_ingredient_holder.pop_preview_custom_ingredient input[type=checkbox]:checked:disabled + label:before {
	background-color: #FFFFFF !important;
	opacity: 1 !important;
}

#colorbox #custom_ingredient_holder.pop_preview_custom_ingredient input[type=radio]:checked:disabled + label:after,
#colorbox #custom_ingredient_holder.pop_preview_custom_ingredient input[type=checkbox]:checked:disabled + label:after {
	color: #59A3EB !important;
	opacity: 1 !important;
}

#colorbox #custom_ingredient_holder.pop_preview_custom_ingredient input[type=radio]:checked:disabled + label,
#colorbox #custom_ingredient_holder.pop_preview_custom_ingredient input[type=checkbox]:checked:disabled + label {
	color: #FFFFFF !important;
}

#colorbox #custom_ingredient_holder.pop_preview_custom_ingredient .naccordion_line_holder_allergens input[type=checkbox]:checked:disabled + label {
	color: #3E5A7F !important;
}

#colorbox #custom_ingredient_inner_content input[type=checkbox]:disabled + label {
    color: #3E5A7F !important;
    cursor: default !important;
}

#colorbox #custom_ingredient_inner_content input[type=checkbox]:disabled + label:before {
    border-color: #E3E6EA !important;
    background-color: #E3E6EA !important;
    cursor: default !important;
    opacity: 1 !important;
}

#colorbox #custom_ingredient_inner_content input[type=radio] + label {
    padding-left: 30px;
}

#colorbox #custom_ingredient_inner_content .bitholderinp,
#colorbox #custom_ingredient_inner_content .bitholderinp_mc {
    width: 80px !important;
    border-radius: 4px !important;
    background-color: #ffffff;
    border: 1px solid #f1f1f1;
    padding: 6px !important;
    color: #3e5a7f;
    font-size: 14px;
    position: relative;
    top: 3px;
    left: 22px;
}

#colorbox #custom_ingredient_inner_content #nlea_popup_allergen_error,
#colorbox #custom_ingredient_inner_content #nlea_popup_maycontain_error {
    margin-top: 20px;
    width: 96%;
	font-size: 13px;
    font-weight: normal;
    font-family: 'AvenirNext';
}

#colorbox #custom_ingredient_inner_content .bitname,
#colorbox #custom_ingredient_inner_content .bitname_mc {
    margin-left: 5px;
    top: 6px;
    color: #3E5A7F;
    font-family: 'AvenirLTStdMedium';
}

#colorbox #custom_ingredient_inner_content .bitname.newline,
#colorbox #custom_ingredient_inner_content .bitname_mc.newline {
	margin-left: 30px;
	top: -1px;
}

.allergen_emptyline {
	line-height: 20px !important;
	min-height: 20px !important;
}

#colorbox #custom_ingredient_inner_content .bitname_mc {
	top: 8px;
}

#breakdown_ingredients {
	cursor: pointer;
	color: #59A3EB;
}

#breakdown_ingredients font {
    margin-right: 8px;
    font-size: 22px;
    position: relative;
    top: 6px;
	color: #59A3EB !important;
}

#breakdown_ingredients span {
	color: #59A3EB !important;
	position: relative;
}

#breakdown_ingredients span:before {
	font-family: "ndflavorstudio" !important;
	font-style: normal !important;
	font-weight: normal !important;
	font-variant: normal !important;
	text-transform: none !important;
	speak: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	display: inline-block;
	font-size: 12px;
    position: absolute;
    right: -21px;
    top: 1px;
	color: #59A3EB !important;
	content: "\e01a"; /* default */
}

#breakdown_ingredients.opened span:before {
	content: "\e072";
}

#breakdown_ingredients.closed span:before {
	content: "\e01a";
}

#clear_breakdown_ingredient_statement {
    float: right;
    position: relative;
    top: 8px;
    left: -3px;
    font-size: 17px;
    color: #9DB0C9;
    cursor: pointer;
}

#clear_breakdown_ingredient_statement:hover {
	color: #59A3EB;
}

#breakdown_ingredients_holder {
	margin-top: 18px;
	margin-bottom: 10px;
}

#breakdown_ingredients_holder table tr th {
	padding: 12px 16px;
	font-family: 'AvenirNext';
	font-size: 14px;
    font-weight: normal;
}

#breakdown_ingredients_holder table tr:first-child th {
	color: #FFFFFF;
	background-color: #59A3EB;
}

#breakdown_ingredient_rows td {
	padding: 8px 16px;
	font-family: 'AvenirNext';
	font-size: 14px;
    font-weight: normal;
	background-color: #FFFFFF;
	box-shadow: inset 0px 0.5px 0px #E9E9E9;
}

#breakdown_ingredient_rows tr td:nth-child(2) {
	vertical-align: top;
}

#breakdown_ingredients_total_pct {
	color: #FFF;
	font-size: 14px;
    font-family: 'AvenirLTStdMedium';
    font-weight: normal;
	margin-right: 7px;
}

#breakdown_ingredients_holder input {
    border-radius: 3px;
    background-color: #ffffff;
    border: 1px solid #f1f1f1;
    width: 100%;
    width: calc(100% - 35px);
    max-width: 45px;
    padding: 3px 25px 3px 10px !important;
    color: #3e5a7f;
	font-family: 'AvenirNext';
	font-size: 14px;
    font-weight: normal;
	text-align: right;
	vertical-align: top;
}

#breakdown_ingredients_holder input:focus {
	border-color: #3DA4F1;
}

.bis_percentage_placeholder {
	position: absolute;
	z-index: 1;
	right: 24px;
	top: 12px;
	color: #9DB0C9;
	font-family: 'AvenirNext';
	font-size: 14px;
    font-weight: normal;
}

#breakdown_ingredients_sugar {
    position: absolute !important;
    right: 103px;
    top: 12px;
	color: #FFF;
	font-size: 14px;
    font-family: 'AvenirLTStdMedium';
    font-weight: normal;
}

.bis_sugar + label {
    position: absolute !important;
    right: 105px;
    top: 5px;
}

/* Copy Ingredient Nutrient Value autocomplete design */

#copynutr_ingredientdiv .ui-autocomplete .ui-menu-item a {
	color: #3C3C3C;
    display: block;
    font-size: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
}


.certifications_holder [type="checkbox"] + label {
    padding-top: 2px !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

/* Autocomplete dropdown design update */

#copynutr_ingredientdiv .ui-widget.ui-widget-content.ui-autocomplete {
    border: solid 1px #ededed;
    background-color: #ffffff !important;
    box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.05);
    max-width: 400px;
	max-height: 200px;
    overflow-y: scroll;
}

#copynutr_ingredientdiv .ui-widget.ui-widget-content.ui-autocomplete::-webkit-scrollbar {
    width: 7px;
    height: 7px;
    cursor: pointer;
}
 
/* Track */
#copynutr_ingredientdiv .ui-widget.ui-widget-content.ui-autocomplete::-webkit-scrollbar-track {
    -webkit-border-radius: 0px;
    border-radius: 0px;
    background: #F9F9FB;
    cursor: pointer;
}
 
/* Handle */
#copynutr_ingredientdiv .ui-widget.ui-widget-content.ui-autocomplete::-webkit-scrollbar-thumb {
    -webkit-border-radius: 0px;
    border-radius: 0px;
    background: #3DA4F1;
    width: 7px;
    height: 7px;
}
#copynutr_ingredientdiv .ui-widget.ui-widget-content.ui-autocomplete::-webkit-scrollbar-thumb:window-inactive {
	background: #3DA4F1; 
}

#copynutr_ingredientdiv .ui-widget.ui-widget-content.ui-autocomplete::-webkit-scrollbar-corner {
    background: #F9F9FB;
}

#copynutr_ingredientdiv .ui-menu-item {
    border-left: 3px solid transparent;
    padding: 0px 3px;
    display: block;
}

#copynutr_ingredientdiv .ui-menu-item:hover {
    background-color: #f7f7f9 !important;
    border-left: 3px solid #3da4f1 !important;
    color: #3da4f1 !important;
}

#copynutr_ingredientdiv .ui-menu-item .ui-menu-item-wrapper.ui-state-active {
    background: transparent !important;
    border-color: transparent !important;
    color: #555 !important;
}

#copynutr_ingredientdiv .ui-menu-item .ui-menu-item-wrapper {
    padding-right: 25px;
    text-overflow: ellipsis;
    overflow: hidden;
}

#copynutr_ingredientdiv .ui-menu-item:hover .ui-menu-item-wrapper,
#copynutr_ingredientdiv .ui-menu-item .ui-menu-item-wrapper.ui-state-active,
#copynutr_ingredientdiv .ui-menu-item .ui-menu-item-wrapper.ui-state-focus {
    color: #3da4f1 !important;
    background: transparent url(../gfx/flavorstudio_projects/icon_check_plus_active.png) no-repeat center right 2% !important;
    background-size: 16px auto !important;
    image-rendering: -webkit-optimize-contrast;
    border-color: transparent !important;
}

/* END OF Copy Ingredient Nutrient Value autocomplete design*/

#colorbox #custom_ingredient_inner_content .ingredient_document_row_holder .mpopbuttondv {
    margin-bottom: 0px !important;
    margin-top: 10px !important;
}

#colorbox #custom_ingredient_inner_content.fsndb_newingredient_nutrients form {
    margin-bottom: 0px !important;
}

#custom_ingredient_inner_content.customer_data_holder.cost_data_popup textarea#custom_ingredient_statement,
#custom_ingredient_inner_content.customer_data_holder.cost_data_popup textarea#custom_ingredient_statement_ca,
#custom_ingredient_inner_content.customer_data_holder.cost_data_popup textarea#custom_canadian_ingredient_statement,
#custom_ingredient_inner_content.customer_data_holder.cost_data_popup textarea#custom_mexican_ingredient_statement,
#custom_ingredient_inner_content.customer_data_holder.cost_data_popup textarea#custom_ingredient_notes {
    text-transform: uppercase;
    resize: vertical;
    min-height: 50px;
    height: 50px;
    max-height: 100px;
    padding: 7px 10px !important;
    width: 100%;
	width: calc(100% - 20px);
	margin-bottom: 12px;
	color: #3e5a7f;
}

#custom_ingredient_inner_content.customer_data_holder.cost_data_popup textarea#custom_ingredient_notes,
#custom_ingredient_inner_content.customer_data_holder.cost_data_popup textarea#custom_ingredient_statement_ca {
	text-transform: none;
}

#custom_ingredient_inner_content.customer_data_holder.cost_data_popup textarea#custom_ingredient_statement::-webkit-scrollbar,
#custom_ingredient_inner_content.customer_data_holder.cost_data_popup textarea#custom_ingredient_statement_ca::-webkit-scrollbar,
#custom_ingredient_inner_content.customer_data_holder.cost_data_popup textarea#custom_canadian_ingredient_statement::-webkit-scrollbar,
#custom_ingredient_inner_content.customer_data_holder.cost_data_popup textarea#custom_mexican_ingredient_statement::-webkit-scrollbar,
#custom_ingredient_inner_content.customer_data_holder.cost_data_popup textarea#custom_ingredient_notes::-webkit-scrollbar {
    width: 10px;
    height: 10px;
    cursor: pointer;
}

/* Handle */
#custom_ingredient_inner_content.customer_data_holder.cost_data_popup textarea#custom_ingredient_statement::-webkit-scrollbar-thumb,
#custom_ingredient_inner_content.customer_data_holder.cost_data_popup textarea#custom_ingredient_statement_ca::-webkit-scrollbar-thumb,
#custom_ingredient_inner_content.customer_data_holder.cost_data_popup textarea#custom_canadian_ingredient_statement::-webkit-scrollbar-thumb,
#custom_ingredient_inner_content.customer_data_holder.cost_data_popup textarea#custom_mexican_ingredient_statement::-webkit-scrollbar-thumb,
#custom_ingredient_inner_content.customer_data_holder.cost_data_popup textarea#custom_ingredient_notes::-webkit-scrollbar-thumb {
    -webkit-border-radius: 0px;
    border-radius: 0px;
    background: #3DA4F1;
    width: 10px;
    height: 10px;
}

#custom_ingredient_inner_content.customer_data_holder.cost_data_popup textarea#custom_ingredient_statement::-webkit-scrollbar-thumb:window-inactive,
#custom_ingredient_inner_content.customer_data_holder.cost_data_popup textarea#custom_ingredient_statement_ca::-webkit-scrollbar-thumb:window-inactive,
#custom_ingredient_inner_content.customer_data_holder.cost_data_popup textarea#custom_canadian_ingredient_statement::-webkit-scrollbar-thumb:window-inactive,
#custom_ingredient_inner_content.customer_data_holder.cost_data_popup textarea#custom_mexican_ingredient_statement::-webkit-scrollbar-thumb:window-inactive,
#custom_ingredient_inner_content.customer_data_holder.cost_data_popup textarea#custom_ingredient_notes::-webkit-scrollbar-thumb:window-inactive {
    background: #3DA4F1; 
}

#custom_ingredient_inner_content.customer_data_holder.cost_data_popup textarea#custom_ingredient_statement::-webkit-scrollbar-corner,
#custom_ingredient_inner_content.customer_data_holder.cost_data_popup textarea#custom_ingredient_statement_ca::-webkit-scrollbar-corner,
#custom_ingredient_inner_content.customer_data_holder.cost_data_popup textarea#custom_canadian_ingredient_statement::-webkit-scrollbar-corner,
#custom_ingredient_inner_content.customer_data_holder.cost_data_popup textarea#custom_mexican_ingredient_statement::-webkit-scrollbar-corner,
#custom_ingredient_inner_content.customer_data_holder.cost_data_popup textarea#custom_ingredient_notes::-webkit-scrollbar-corner {
    background: #F9F9FB;
}

.canadian_english_switch_holder {
	position: relative;
}

#preview_ingredient_holder {
    padding-top: 20px;
}

.newing_header_span b.nutr_preview_span {
    font-weight: normal;
    display: block;
    margin-right: 15px;
    font-family: 'AvenirLTStdMedium';
    color: #3E5A7F;
    margin-left: 20px;
    font-size: 15px;
    min-width: 128px;
    float: left;
}

.newing {
    margin: 0 auto;
}

.newing_allergens {
    display: inline-block;
}

.newing_allergens td {
    width: 220px;
    min-height: 26px;
    line-height: 26px;
}

.newing li:first-child {
    margin-top: 0px !important;
}


.custom_measures .newing_third {
    width: 90px;    
}

.custom_measures .newing_third input {
    margin-right: 5px;
}

.nutrient_input, .nmeasure_input {
    width: 67px;
    background: #fff;
    border: 1px solid #f1f1f1;
    font-size: 13px !important;
    outline: medium none;
	font-family: 'AvenirNext';
	color: #3E5A7F !important;
	position: relative;
}

.nmeasure_input {
    float: left;
}

.nutrient_input:focus, .nmeasure_input:focus {
    border: 1px solid #8ca4d5;
}

#ingredient_document_data_holder {
    max-height: 255px;
    overflow-y: auto;
    width: 100%;
    width: calc(100% - 2px);
	padding-right: 2px;
}

#ingredient_document_data_holder.preview_ingredient {
    padding-left: 20px;
}

#ingredient_document_data_holder::-webkit-scrollbar {
    width: 3px;
    height: 3px;
    cursor: pointer;
}
 
/* Track */
#ingredient_document_data_holder::-webkit-scrollbar-track {
    -webkit-border-radius: 0px;
    border-radius: 0px;
    background: #F9F9FB;
    cursor: pointer;
}
 
/* Handle */

#ingredient_document_data_holder::-webkit-scrollbar-thumb {
    -webkit-border-radius: 0px;
    border-radius: 0px;
    background: #3DA4F1;
    width: 3px;
    height: 3px;
}

#ingredient_document_data_holder::-webkit-scrollbar-thumb:window-inactive {
	background: #3DA4F1; 
}

#ingredient_document_data_holder::-webkit-scrollbar-corner {
    background: #F9F9FB;
}

.ingredient_document_row_holder {
    text-align: left;
	border: 1px solid #E9E9E9;
	border-radius: 4px;
    vertical-align: middle;
    position: relative;
	margin-bottom: 8px;
	background-color: #FFFFFF;
}

.ingredient_document_row_holder:hover {
	background: #F9F9FB;
}

.ingredient_document_row_holder table tr td {
	vertical-align: middle;
	padding-top: 5px;
	padding-bottom: 5px;
}

.ingredient_document_row_holder table tr td:first-child {
	max-width: 215px;
	min-width: 215px;
	width: 215px;
}

.ingredient_document_row_holder td.textRight {
    text-align: right;
    padding-right: 10px !important;
}

.ingredient_document_row_holder img {
    max-width: 45px;
    max-height: 55px;
    position: relative;
    top: 2px;
    left: 2px;
}

.ingredient_document_action {
    visibility: hidden;
    color: #9DB0C9;
    cursor: pointer;
    margin-right: 6px;
    position: relative;
	font-size: 15px;
    top: 2px;
}

.newing_specsheet_date {
	cursor: default !important;
}

.newing_specsheet_date.expired_certificate:hover,
.newing_specsheet_date.expired_certificate {
	color: #FE3263 !important;
	visibility: visible !important;
}

.ingredient_document_category {
    width: 75px;
    color: #9DB0C9;
	font-size: 12px;
    font-weight: normal;
    font-family: 'AvenirNext';
}

.ingredient_document_title {
    display: inline-block;
    max-width: 210px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    top: 2px;
    cursor: pointer;
    color: #3E5A7F;
	font-size: 13px;
    font-family: 'AvenirLTStdMedium';
    font-weight: normal;
}

.ingredient_document_title font {
    margin-right: 8px;
    font-size: 17px;
    position: relative;
    top: 3px;
    margin-left: 8px;
	color: #3DA4F1;
}

.selectric-upload_ingredient_document_category .selectricItems ul {
    max-height: 400px !important;
}

.ingredient_document_label,
.apprise_form_label {
    display: inline-block;
    font-size: 14px;
    margin-right: 20px;
    position: relative;
    top: -12px;
}

#apprise_ingredient_document_data .aTextbox.fancy_input {
    min-width: 206px !important;
    border-radius: 3px !important;
    background-color: #ffffff !important;
    border: 1px solid #f1f1f1 !important;
    padding: 10px;
    color: #3e5a7f;
    font-size: 14px;
    box-shadow: none !important;
}

#apprise_ingredient_document_data .aTextbox.fancy_input:hover,
#apprise_ingredient_document_data .aTextbox.fancy_input:focus {
    border: 1px solid #3da4f1 !important;
}

.edit_ingredient_document_label,
.edit_ingredient_document_label_2,
.edit_ingredient_document_label_3 {
    display: inline-block;
    font-size: 14px;
    margin-right: 15px;
    position: relative;
    top: -12px;
    width: 97px;
    text-align: left;
    font-family: 'AvenirLTStdMedium';
}

.edit_ingredient_document_label_2 {
    position: static;
    top: auto;
}

.ingredient_document_row_holder:hover .ingredient_document_action {
    visibility: visible !important;
}

.ingredient_document_title:hover,
.ingredient_document_action:hover {
    color: #3DA4F1;
}

/* ******************************************* */

#colorbox .ui-widget {
    font-family: 'open_sansregular';
}

.ui-accordion .ui-accordion-icons {
    padding: 0 0.5em;
}

.ui-accordion .ui-accordion-header {
    margin-top: 4px;
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    left: -6px;
}

.ui-accordion .ui-accordion-content {
    padding: 0;
}

#colorbox .ui-widget-header,
#colorbox .ui-widget-content {
    font-size: 14px !important;
}

#colorbox .ui-accordion .ui-state-default,
#colorbox .ui-accordion .ui-widget-content .ui-state-default,
#colorbox .ui-accordion .ui-widget-header .ui-state-default {
    background: none !important;
    border-style: none !important;
}

input.fancy_input_extrasmall {
	height: 16px !important;
	width: 85px;
	padding: 3px 4px;
	text-align: left;
    color: #a7acb0;
    margin-left: 8px;
    position: relative;
    color: #3C3C3C;
    border-radius: 0px !important;
    background: #fff;
    border: 1px solid #f1f1f1;
}

.bitname,
.bitname_mc {
    margin-left: 4px;
    cursor: pointer;
    position: relative;
    top: -1px;
}

.bitholder,
.bitholder_mc {
    display: inline-block;
}

.hiddens, .fsndb_newingredient_nutrients span.hiddens {
    display: none;
}

/* Popups */

.member_check_action,
.assign_check_action,
.member_check_action p,
.assign_check_action p,
.mpop_user .member_check_action p {
    cursor: pointer !important;
}


/* publish layer */

#publishpopup-container {
    display: table;
    table-layout: fixed;
    overflow: hidden;
    background-color: #fff;
}

#publishpopup-container > div {
    display: table-cell;
    vertical-align: top;
    height: 100%;
}

#publishpopup-left {
    min-width: 300px;
    max-width: 600px;
    margin-bottom: 10px;
}

#publishpopup-title {
    background-color: #f9f9fb;
    border-bottom: 1px solid #d9d9d9;
    padding: 10px;
}

#publishpopup-left li {
    margin: 0 10px;
    padding: 10px 0;
    list-style-type: none;
    border-bottom: 1px solid #eee;
}

#publishpopup-left li .menu-item {
    display: inline-block;
    vertical-align: top;
}

#publishpopup-left li label.menu-item {
    width: 70px;
}

#publishpopup-left li div.menu-item {
    width: 206px;
}

#publishpopup-left li label.wide {
    width: 190px;
}

#publishpopup-left li div.narrow {
    width: 70px;
}

#publishpopup-left div.download {
    text-align: center;
    margin: 15px 0 10px;
}

#publishpopup-left label.nologo {
    color: #C8C8C8;
}

/* Register - Password Strength */

#password_strength_box {
    position: relative;
    margin-top: -8px;
}

#password_strength_box div.psbox {
    background-color: #e8e8e8;
    height: 4px;
    width: 97px;
    margin-right: 2px;
    display: inline-block;
}

.regpage #password_strength_box div.psbox {
    width: 97px !important;
}

#password_strength_box div.psbox.green2 {
    background-color: #00b400;
}

#password_strength_box div.psbox.green1 {
    background-color: #9cc158;
}

#password_strength_box div.psbox.orange {
    background-color: #ffae00;
}

#password_strength_box div.psbox.red {
    background-color: #ea1111;
}

#password_strength_box div#psb4 {
    margin-right: 0px !important;
    width: 98px !important;
}

#password_strength_box #pwinfobox {
    float: right;
    color: #4e4e4e;
}

#password_strength_box #pwinfobox.green2 {
    color: #00b400;
}

#password_strength_box #pwinfobox.green1 {
    color: #9cc158;
}

#password_strength_box #pwinfobox.orange {
    color: #ffae00;
}

#password_strength_box #pwinfobox.red {
    color: #ea1111;
}

#pwinfolink {
    background: transparent url("../gfx/icon_question_mark.png") no-repeat scroll center center;
    cursor: pointer;
    display: inline-block;
    height: 15px;
    position: relative;
    top: 4px;
    width: 25px;
}

/* Password Strength Meter */


/* Pagination */

#search_pagination #pagination-digg {
    margin: 20px auto;
    padding:0;
    text-align:right;
    vertical-align: top;
}

#pagination-digg div{
    border:0;
    margin:0;
    padding:0;
    font-size:12px;
    list-style:none;
    margin-right:2px;
    font-family: 'open_sansregular';
    display:inline-block;
    vertical-align: top;
}

#pagination-digg a{
    border: 1px solid #bfbfbf;
    margin-right:2px;
}

#pagination-digg .previous-off,
#pagination-digg .next-off {
    border: 1px solid #DEDEDE;
    color:#888;
    display:inline-block;
    font-weight:bold;
    margin-right:2px;
    padding:3px 4px;
}

#pagination-digg .next a,
#pagination-digg .previous a {
    font-weight:bold;
}
 
#pagination-digg .active{
    border: 1px solid #bfbfbf;
    background:#9FCF67;
    color:#FFFFFF;
    font-weight:bold;
    display:inline-block;
    padding:3px 6px;
}

#pagination-digg a:link,
#pagination-digg a:visited {
    color:#333;
    display:inline-block;
    float:left;
    padding:3px 6px;
    text-decoration:none;
}

#pagination-digg a:hover{
    border-color:#8b8b8b;
    background:#8b8b8b;
    color: #fff;
}

/* End of pagination */

/* ---------- History ---------- */

.history_profile {
    margin-left: 2px;
    border-radius: 100px;
}

.history_group {
    border-radius: 100px;
    display: inline-block;
    margin-top: -22px;
    position: relative;
    top: 16px;
    margin-left: 8px;
    margin-right: 8px;
}

#history-popup {
    background-color: #fff;
    padding-top: 25px;
    padding-bottom: 25px;
}

#history-popup h1 {
    padding-left: 20px;
    padding-top: 20px;
    font-family: "open_sansregular";
    font-weight: normal;
    font-size: 24px;
}

.history_content {
    max-height: 500px;
    min-height: 200px;
    width: 650px;
    padding: 20px 10px;
    background-color: #fff;
    color: #3e5a7f;
    font-family: "AvenirNext";
    overflow: hidden;
}

.history_content .inner {
    padding: 0px 20px;
}

.history_content .history_elem_holder.first {
    border-top: 1px solid #ededed;
}

.history_content .history_elem_holder {
    padding: 25px 0px;
    border-bottom: 1px solid #ededed;
    line-height: 26px;
}

.history_content .history_elem_holder .w80 {
    width: 55px;
}

.history_content .h3 {
    font-size: 15px;
    font-weight: normal;
    font-family: 'AvenirNext';
    padding: 30px 0px;
    color: #3e5a7f;
}

.history_content .h3:first-child {
    padding-top: 0px;
}

.history_content .historygrey {
    color: #98acc7 !important;
    display: inline-block;
}

.history_content .historyuser {
    font-family: 'AvenirLTStdMedium';
    color: #3e5a7f;
}

.history_content .highlighted {
    color: #3da4f1;
    text-decoration: none;
}

.history_content a.highlighted:hover {
    text-decoration: underline;
}

.history_content .mCSB_scrollTools_vertical {
    right: 6px !important;
}

.file_download_lnk {
    color: #98acc7 !important;
    font-size: 16px;
    margin-left: 2px;
    margin-right: 5px;
    text-decoration: none !important;
    position: relative;
    top: 2px;
}

.file_download_lnk:hover {
    color: #3da4f1 !important;
}

.google_file_lnk {
    display: inline-block;
    height: 16px;
    margin-right: 0px;
    width: 18px;
    text-decoration: none;
    color: #bdc3c7 !important;
    font-size: 16px;
    text-align: center;
    position: relative;
    top: 2px;
}

.google_file_lnk:hover {
    color: #8ca4d5 !important;
}

.fs_direct_lnk {
    display: inline-block;
    height: 16px;
    margin-left: 4px;
    font-size: 16px;
    text-align: center;
    position: relative;
    color: #bdc3c7 !important;
    top: 3px;
    text-decoration: none;
}

.fs_direct_lnk:hover {
    color: #3da4f1 !important;
}

#recent-loading {
    width: 100%;
    height: 80px;
    background: #fff url(../gfx/ajax_loader.gif) no-repeat center center;
}

#publish_history {
    font-size: 17px;
    text-decoration: none;
    margin-right: 15px;
    color: #9db0c9;
    display: inline-block;
	position: absolute;
    top: 25px;
    right: 20px;
}

#publish_history:hover {
    color: #3da4f1;
}

/* ***** Browsers Popup ***** */

#outdated_browser_popup .dborwser {
    width: 35px;
    height: 35px;
    margin: 0px 24px;
    display: inline-block;
}

.borwser-chrome {
    background: transparent url("../gfx/browsers/chrome.png") no-repeat center center;
    background-size: 100% auto;
}

.borwser-ff {
    background: transparent url("../gfx/browsers/ff.png") no-repeat center center;
    background-size: 100% auto;
}

.borwser-opera {
    background: transparent url("../gfx/browsers/opera.png") no-repeat center center;
    background-size: 100% auto;
}

.borwser-ie {
    background: transparent url("../gfx/browsers/ie.png") no-repeat center center;
    background-size: 100% auto;
}

.borwser-safari {
    background: transparent url("../gfx/browsers/safari.png") no-repeat center center;
    background-size: 100% auto;
}

/* *************************** */

/* ********** Noty *********** */

#noty_bottomRight_layout_container {
    width: 345px !important;
}

#noty_bottomRight_layout_container li {
    background: #fff url("../gfx/logo/flavorstudio_logo_icon_notification.png") no-repeat left 5px center !important;
    background-size: 75px auto !important;
    border: 1px solid #e4e4e4 !important;
    width: 345px !important;
    border-radius: 0px !important;
    margin-top: 15px;
}

#noty_bottomRight_layout_container h5 {
    font-size: 14px;
    color: #555 !important;
    font-family: 'open_sansregular' !important;
    margin-bottom: 10px;
    font-weight: normal;
}

#noty_bottomRight_layout_container li .noty_message {
    background-color: #fff;
    margin-left: 80px;
    width: 255px !important;
    padding: 15px 15px !important;
    min-height: 50px !important;
}

#noty_bottomRight_layout_container li span {
    font-size: 12px !important;
    color: #555 !important;
    font-family: 'open_sansregular' !important;
    display: inline-block;
}

/* *************************** */

/* Custom checkbox design */

/* Password Helper */

#password_helper {
    position: absolute;
    top: 43px;
    left: 0px;
    padding: 8px 15px;
    z-index: 501;
    background-color: #ffffff;
    box-shadow: 0 2px 30px 0 rgba(0, 0, 0, 0.05);
    border: solid 1px #ededed;
    text-align: left !important;
}

#logininner .passwordinput #password_helper {
    top: 35px;
}

#forgottenpw #password_helper, #regpasswordholder #password_helper, #unlockpass1 #password_helper {
    top: 52px !important;
}

#password_helper li {
    list-style-type: none;
    color: #3E5A7F;
    font-size: 14px;
    font-family: 'AvenirLTStdMedium';
    font-weight: normal;
    padding-top: 3px;
    padding-bottom: 3px;
    height: 23px;
    line-height: 25px;
}

#password_helper li font {
    color: #fb7664;
    font-size: 16px;
    margin-right: 5px;
    position: relative;
    top: 2px;
    height: 23px;
    width: 20px;
    display: inline-block;
}

#password_helper li font.fs-icon-cancel {
    font-size: 15px;
}

#password_helper li.green font {
    color: #9cc158;
}

/* *************** */

/* Post to Project Popup */

#posttoproject_box.loading {
    background: url(../gfx/ajax_loader.gif) no-repeat center center;
    border: 0px;
}

#main_project_cat {
    padding: 20px 25px;
}

.popfolder {
	margin-left: 20px;
	display: block;
}

.popfolder.mainc {
	margin-left: 0px !important;
}

.popfolder .folderselect {
	display: inline-block;
	padding: 7px 15px;
    border-left: 3px solid transparent;
	min-width: 200px;
	width: 90%;
    width: calc(100% - 33px);
	height: 30px;
	cursor: pointer;
	vertical-align: middle;
	line-height: 30px;
    font-family: 'AvenirNext', 'open_sansregular';
    color: #8592a9;
}

.popfolder .folderselect.main {
    color: #3e5a7f;
}

.popfolder .folderselect span {
    font-size: 17px;
    position: relative;
    top: 3px;
    margin-right: 10px;
}

.popfolder .folderselect span.fs-icon-folder-1 {
    font-size: 19px;
}

.popfolder .folderselect.selected {
    background-color: #f7f7f9;
    border-left-color: #3da4f1 !important;
    color: #3da4f1;
}

/* Action buttons for table and box view */

.tbact_button {
    display: inline-block;
    margin-left: 15px;
    color: #fff !important;
    border: 1px solid #3da4f1;
    border-radius: 100px;
    background-color: #3da4f1;
    width: 35px;
    height: 35px;
    line-height: 40px;
    cursor: pointer;
    text-align: center;
    font-size: 19px;
    box-shadow: 0 3px 6px 0 rgba(0,0,0,0.23), 0 3px 6px 0 rgba(0,0,0,0.16);
}

.tbact_button:hover {
    border: 1px solid #3797DD;
    background-color: #3797DD;
    color: #fff !important;
}

/* *************************** */

/* 6 digit code design */

.verification_number {
	width: 44px;
	height: 48px;
	background: #FFFFFF;
	border: 1px solid #E9E9E9;
	border-radius: 4px !important;
	color: #3E5A7F;
    font-size: 24px;
    font-family: 'AvenirLTStdMedium';
    font-weight: normal;
	text-align: center;
	display: inline-block;
	position: relative;
	vertical-align: top;
	line-height: 50px;
	cursor: text;
	user-select: none;
	overflow: hidden;
}

.verification_number font {
	color: #3E5A7F !important;
    font-size: 24px !important;
    font-family: 'AvenirLTStdMedium' !important;
    font-weight: normal !important;
	position: relative;
}

div.verification_number.focus:before {
	content: " ";
	position: absolute;
	width: 20px;
	height: 1px;
	bottom: 11px;
	left: 13px;
	z-index: 2;
	background-color: #59A3EB;
	display: block;
	animation: hideMe 1.2s infinite;
}

div.verification_number.focus.field_error:before {
	background-color: #F03C3C;
}

@keyframes hideMe {
	25% {
		z-index: 2;
	}
	75% {
		z-index: -10;
	}
}

.verification_number.focus {
	border: 1px solid #59A3EB;
}

.verification_number.active {
	border: 1px solid #59A3EB;
}

.verification_number {
	margin-right: 8px;
}

.verification_number:nth-child(3) {
	margin-right: 24px !important;
}

#verification_number_6 {
	margin-right: 0px !important;
}

.verification_number.field_error {
	color: #F03C3C !important;
	border-color: #F03C3C !important;
	background: rgba(240, 60, 60, 0.08) !important;
}

.verification_number.field_error font {
	color: #F03C3C !important;
}

/* Base for label styling */


[type="checkbox"]:not(:checked),
[type="checkbox"]:checked,
[type="radio"]:not(:checked),
[type="radio"]:checked {
    position: absolute;
    left: -9999px;
}


[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label {
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    line-height: 23px;
    vertical-align: top;
}

[type="radio"]:not(:checked) + label,
[type="radio"]:checked + label {
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    line-height: 23px;
    vertical-align: top;
}

[type="checkbox"] + label {
    padding-top: 5px !important;
    padding-left: 32px !important;
}

/* checkbox aspect */
[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before {
    content: '';
    position: absolute;
    top: 2px; left: 0px;
    padding: 2px;
    background-color: transparent;
    border-radius: 2px;
    border: 2px solid #9DB0C9;
    width: 13px; height: 13px;
}

[type="radio"]:not(:checked) + label:before,
[type="radio"]:checked + label:before {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 17px;
    height: 17px;
    background-color: #FFFFFF;
    border: 2px solid #9DB0C9;
}

[type="radio"]:not(:checked) + label:before,
[type="radio"]:checked + label:before {
    border-radius: 100px;
}

/* checked mark aspect */
[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after {
    position: absolute;
    transition: all .2s;
    font-family: "ndflavorstudio" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e004";
    color: #fff !important;
    font-size: 12px !important;
    background: none !important;
    top: 6px !important;
    left: 5px !important;
    width: 11px;
    height: 11px;
}

/* checked mark aspect */
[type="radio"]:not(:checked) + label:after,
[type="radio"]:checked + label:after {
    position: absolute;
    font-size: 16px;
    line-height: 0.8;
    color: #09ad7e;
    transition: all .2s;
    content:"";
    background: url('../gfx/flavorstudio_general/icon-check-radio-highres-darktheme.png') no-repeat center center;
    background-size: contain;
    top: 5px;
    left: 5px;
    width: 11px;
    height: 11px;
}

[type="radio"] + label {
    display: block;
    padding-left: 30px;
    font-family: 'AvenirNext';
    font-weight: normal;
    font-size: 14px;
}

[type="radio"].inlineb + label {
    display: inline-block !important;
}

[type="checkbox"] + label {
    padding-left: 30px;
    font-family: 'AvenirNext';
    font-weight: normal;
    font-size: 14px;
}

[type="checkbox"].inlineb + label {
    display: inline-block !important;
    padding-top: 2px !important;
}

/* checked mark aspect changes */
[type="checkbox"]:not(:checked) + label:after,
[type="radio"]:not(:checked) + label:after {
    opacity: 0;
}

[type="checkbox"]:checked + label:after,
[type="radio"]:checked + label:after {
    opacity: 1;
}

/* disabled checkbox */
[type="checkbox"]:disabled:not(:checked) + label:before,
[type="checkbox"]:disabled:checked + label:before,
[type="radio"]:disabled:not(:checked) + label:before,
[type="radio"]:disabled:checked + label:before {
    border-color: #bbb;
    background-color: transparent !important;
    opacity: 0.25;
}

[type="checkbox"]:disabled:checked + label:after {
    opacity: 0.5;
    color: #aaa !important;
}

[type="radio"]:disabled:checked + label:after {
    opacity: 0.25;
    color: #bbb;
}

[type="checkbox"]:disabled:not(:checked) + label,
[type="checkbox"]:disabled:checked + label,
[type="checkbox"]:disabled + label {
    opacity: 0.65;
}

[type="checkbox"]:disabled + label,
[type="radio"]:disabled + label {
	color: #bbb;
}

[type="radio"]:not(:checked) + label.disabled {
    opacity: 0.65;
}

[type="checkbox"]:not(:checked) + label:not(.disabled),
[type="radio"]:not(:checked) + label:not(.disabled) {
    color: #9DB0C9;
}

/* accessibility */
[type="checkbox"]:checked + label:before {
    background: #3E5A7F !important;
}

[type="checkbox"]:checked:focus + label:before,
[type="checkbox"]:not(:checked):focus + label:before,
[type="checkbox"]:checked + label:before,
[type="checkbox"] + label:hover:before {
    border: 2px solid #3E5A7F;
}

/* Show a faded arrow on hover - optional */
/*[type="checkbox"]:not(:checked) + label:hover:after {
    opacity: 0.5;
    color: #3E5A7F !important;
}*/

[type="radio"]:checked:focus + label:before,
[type="radio"]:not(:checked):focus + label:before,
[type="radio"]:checked + label:before,
[type="radio"] + label:hover:before {
    border: 2px solid #3f5b7e;
}

[type="radio"]:disabled:not(:checked) + label:after {
    opacity: 0;
}

/* Responsive design updates */

@media only screen and (max-device-width: 1870px),
only screen and (max-width: 1870px) {
    
    .project_block .boxdetails .title a {
        max-width: 230px !important;
    }
}

@media only screen and (max-device-width: 1770px),
only screen and (max-width: 1770px) {
    
    .project_block .boxdetails .title a {
        max-width: 230px !important;
    }
    
    .project_block .progress_holder {
        width: 300px;
    }
}

@media only screen and (max-device-width: 1570px),
only screen and (max-width: 1570px) {
    
    .project_block .boxdetails .title a {
        max-width: 200px !important;
    }
    
    .project_block .progress_holder {
        width: 250px;
    }
}

@media only screen and (max-device-width: 1470px),
only screen and (max-width: 1470px) {
    
    .project_block .boxdetails .title a {
        max-width: 150px !important;
    }
    
    .project_block, .inspire_block, .tt_block, .crm_block {
        min-width: 300px !important;
    }
}

@media only screen and (max-device-width: 1300px),
only screen and (max-width: 1300px) {
    #ndfs_content .cinner {
        width: 100%;
        padding-left: 40px;
        padding-right: 40px;
        width: calc(100% - 80px);
    }    
    
    .disabledorgnotif_header .hinner,
    #ndfs_header .hinner {
        margin-left: 40px;
        margin-right: 40px;
    }
    
    #ndfs_simplified_tab .inner {
        padding-left: 20px;
        padding-right: 20px;
    }
    
    #ndfs_logo_small {
        margin-right: 10px !important;
    }
}

@media only screen and (max-device-width: 1251px),
only screen and (max-width: 1251px) {
    .project_block, .inspire_block, .tt_block, .crm_block {
        width: 48% !important;
    }
    
    .fs_new_btn_large_floating, .fs_new_btn_large_animated {
        right: 10px;
    }
}

@media only screen and (max-device-width: 1090px),
only screen and (max-width: 1090px) {
    .disabledorgnotif_header .hinner,
	#ndfs_header .hinner  {
        margin-left: 10px;
        margin-right: 10px;
    }
    
    #ndfs_content .cinner {
        padding-left: 20px;
        padding-right: 20px;
        width: calc(100% - 40px);
    }
    
    .fs_new_btn_large_floating, .fs_new_btn_large_animated {
        right: 7px;
    }
    
    #ndfs_simplified_tab .inner {
        padding-left: 0px;
        padding-right: 0px;
    }
	
    #ndfs_simplified_tab .simpl_tab {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media only screen and (max-device-width: 1020px),
only screen and (max-width: 1020px) {
    .disabledorgnotif_header .hinner,
	#ndfs_header .hinner  {
        margin-left: 20px;
        margin-right: 20px;
    }
	
    #ndfs_simplified_tab .simpl_tab {
        padding-left: 15px;
        padding-right: 15px;
    }
    
    #ndfs_simplified_tab .inner {
        padding-left: 10px;
    }
}

@media only screen and (max-device-width: 1000px),
only screen and (max-width: 1000px) {

    #ndfs_header .hinner a.menu.main {
        padding-left: 10px;
        padding-right: 10px;
    }
    
    #ndfs_header .hinner .hright .actionb {
        margin-left: 0px !important;
    }
    
    #ndfs_header .hinner a.menu.main.hsub {
        padding-right: 10px !important;
    }
    
    #ndfs_header .hinner a.menu.main.hsub:hover, #ndfs_header .hinner a.menu.main.hsub.active {
        background-image: none !important;
    }
    
    #ndfs_search {
        margin-right: 15px !important;
    }
}

.language_changer_holder{
    margin: 0 auto;
    width: 18px;
    font-size: 18px;
    top: -25px;
    position: relative;
    cursor: pointer;
    float: right;
    clear: both;
}

.language_changer_holder:hover{
    color: #3da4f1;
}

#languiageAppriseContent{
    padding: 15px 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
    flex-wrap: wrap;
    align-content: center;
}

.language_changer_holder_loginpage{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: left;
    flex-wrap: wrap;
    gap: 8px;
    padding-bottom: 0;
    margin-top: -35px;
}