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

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

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

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

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

body.freeze { overflow: hidden; }

th {
    text-align: left;
}

b, strong, .boldText, .bold, .tablebold {
    font-family: 'Roboto';
}

p { margin-bottom: 20px; }

a, a:visited {
	color: inherit;
}

.fl { float: left; }
.fr { float: right; }
.pointer { cursor: pointer; }
.relative { position: relative; }

.tablegrey, .admingrey { color: #9db0c9 !important; }
.tabledark { color: #3C3C3C !important; }

a.tablegrey:hover {
	cursor: pointer;
	color: #3699ff !important;
}

.mt0i { margin-top: 0px !important; }
.mt2 { margin-top: 2px; }
.mt3 { margin-top: 3px; }
.mt4 { margin-top: 4px; }
.mt5 { margin-top: 5px; }
.mt6 { margin-top: 6px; }
.mt7 { margin-top: 7px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mt25 { margin-top: 25px; }
.mt30 { margin-top: 30px; }
.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; }

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

.ml0i { margin-left: 0px !important; }
.ml5 { margin-left: 5px; }
.ml8 { margin-left: 8px; }
.ml10 { margin-left: 10px; }
.ml15 { margin-left: 15px; }
.ml20 { margin-left: 20px; }
.ml25 { margin-left: 25px; }
.ml30 { margin-left: 30px; }
.ml40 { margin-left: 40px; }
.ml50 { margin-left: 50px; }
.ml75 { margin-left: 75px; }

.mr0i { margin-right: 0px !important; }
.mr5 { margin-right: 5px; }
.mr10 { margin-right: 10px; }
.mr15 { margin-right: 15px; }
.mr20 { margin-right: 20px; }
.mr20i { margin-right: 20px !important; }
.mr25 { margin-right: 25px; }
.mr30 { margin-right: 30px; }
.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; }
.pl10 { padding-left: 10px; }
.pl15 { padding-left: 15px; }
.pl20 { padding-left: 20px; }
.pl25 { padding-left: 25px; }
.pl30 { padding-left: 30px; }
.pl40 { padding-left: 40px; }
.pl50 { padding-left: 50px; }

.pb0i { padding-bottom: 0px !important; }
.pb5 { padding-bottom: 5px; }
.pb10 { padding-bottom: 10px; }
.pb15 { padding-bottom: 15px; }
.pb20 { padding-bottom: 20px; }
.pb25 { padding-bottom: 25px; }
.pb30 { padding-bottom: 30px; }
.pb40 { padding-bottom: 40px; }
.pb50 { padding-bottom: 50px; }
.pb50i { padding-bottom: 50px !important; }

.pt2 { padding-top: 2px; }
.pt5 { padding-top: 5px; }
.pt6 { padding-top: 6px; }
.pt8 { padding-top: 8px; }
.pt10 { padding-top: 10px; }
.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; }
.pt70 { padding-top: 70px; }
.pt80 { padding-top: 80px; }
.pt90 { padding-top: 90px; }
.pt100 { padding-top: 100px; }

.pr5 { padding-right: 5px; }
.pr8 { padding-right: 8px; }
.pr10 { padding-right: 10px; }
.pr15 { padding-right: 15px; }
.pr20 { padding-right: 20px; }
.pr40 { padding-right: 40px; }
.pr50 { padding-right: 50px; }

.p2:not(.c100) { padding: 2px; }
.p5:not(.c100) { padding: 5px; }
.p6:not(.c100) { padding: 6px; }
.p8:not(.c100) { padding: 8px; }
.p10:not(.c100) { padding: 10px; }
.p20:not(.c100) { padding: 20px; }

.vam { vertical-align: middle; }
.vat { vertical-align: top; }
.vab { vertical-align: bottom; }

.w90 { width: 90px; }

.w10p { width: 10%; }
.w20p { width: 20%; }
.w25p { width: 25%; }
.w30p { width: 30%; }
.w33p { width: 33%; }
.w40p { width: 40%; }
.w45p { width: 45%; }
.w50p { width: 50%; }
.w75p { width: 75%; }
.w100p { width: 100%; }

.mw50 { min-width: 50px; }
.mw60 { min-width: 60px; }
.mw80 { min-width: 80px; }
.mw100 { min-width: 100px; }
.mw150 { min-width: 150px; }
.mw400 { min-width: 400px; }

.fs15 { font-size: 15px; }
.fs15i { font-size: 15px !important; }

.textCenter { text-align: center; }
.textLeft, .tal { text-align: left; }
.textRight, .tar { text-align: right; }
.clear { clear: both; }
.errorcolor { color: #Ed4337; }
.divider {
	background-color: #EDEDED;
	width: 100%;
	height: 1px;
	margin-top: 4px;
	margin-bottom: 4px;
}

.fs12 { font-size: 12px; }
.fs13 { font-size: 13px; }
.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; }

#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;
}

#appriseContent.bottompadding {
    padding-bottom: 30px !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 #8B99B1;
    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 #8B99B1;
}

[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: "rca" !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/culinology_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: 'Roboto';
    font-size: 14px;
}

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

[type="checkbox"] + label {
    padding-left: 30px;
    font-family: 'Roboto';
    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: #8B99B1;
}

/* 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;
}

/* Enable / Disable switch */

input.switch_inp[type=checkbox] {
	height: 0 !important;
	width: 0 !important;
	visibility: hidden !important;
}

[type="checkbox"] + label.switch_lbl {
	cursor: pointer !important;
	text-indent: -9999px !important;
	width: 28px !important;
	height: 11px !important;
	background: #C6C5C5 !important;
	display: block !important;
	border-radius: 100px !important;
	position: relative !important;
    padding: 0px !important;
	user-select: none !important;
}

[type="checkbox"] + label.switch_lbl:before {
    display: none !important;
}

[type="checkbox"]:not(:checked) + label.switch_lbl:after,
[type="checkbox"]:checked + label.switch_lbl:after {
	content: '' !important;
	position: absolute !important;
	top: -3px !important;
	left: -5px !important;
	width: 16px !important;
	height: 16px !important;
	background: #fff !important;
	border-radius: 90px !important;
	transition: 0.3s !important;
    opacity: 1 !important;
    padding: 0px !important;
    -webkit-box-shadow: 1px 1px 4px -2px rgba(0,0,0,1) !important;
    -moz-box-shadow: 1px 1px 4px -2px rgba(0,0,0,1) !important;
    box-shadow: 1px 1px 4px -2px rgba(0,0,0,1) !important;
}

input.switch_inp:checked + label.switch_lbl {
	background: #A1D2F6 !important;
}

input.switch_inp:checked + label.switch_lbl:after {
	left: calc(100% + 5px) !important;
	transform: translateX(-100%) !important;
    background: #43A5EE !important;
}

input.switch_inp:not(:checked) + label.switch_lbl:after {
    background: #f1f1f1 !important;
}

label.switch_lbl:active:after {
	width: 130px;
}

/* Preview & Zoom design */

#preview_conetent_name {
    max-width: 450px;
    border: 1px solid transparent;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0 auto;
    text-align: center;
    font-size: 19px;
    font-family: "Roboto";
    position: relative;
    top: 5px;
    height: 28px;
    cursor: pointer;
}

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

#preview_edit_file {
    max-width: 448px;
    overflow: hidden;
    margin: 0 auto;
    text-align: center;
    display: inline-block;
    position: relative;
    top: 4px;
}

#preview_edit_file input[type="text"] {
    width: auto;
    min-width: 350px;
    max-width: calc(100% - 22px);
    border: 1px solid #ededed;
    color: #3e5a7f;
    font-family: Roboto;
    font-size: 18px;
    letter-spacing: 1px;
    padding: 0 10px !important;
    position: relative;
    border-radius: 0px;
    text-align: center;
}

.prev_preview, .next_preview, .preview_scale_minus, .preview_scale_plus {
    color: #9db0c9;
    font-size: 20px;
    margin: 0px 17px;
    position: relative;
}

.preview_scale_minus, .preview_scale_plus {
    position: relative;
    top: 2px;
}

.prev_preview.inactive, .next_preview.inactive {
    color: #f5f5f7 !important;
}

#fullscreen_preview .prev_preview.inactive, #fullscreen_preview .next_preview.inactive {
    color: #98acc7 !important;
    opacity: 0.3;
}

.prev_preview:hover, .next_preview:hover, .preview_scale_minus:hover, .preview_scale_plus:hover {
    color: #3da4f1 !important;
}

#ndfs_member_popup.preview #mpop_titlerow {
    text-align: center;
    height: 35px;
    border-bottom: 1px solid #ededed;
}

#ndfs_member_popup.preview #mpop_close {
    top: 25px;
}

#ndfs_member_popup.preview #mpop_titlerow span {
    display: inline-block;
}

#preview_fullscreen span {
    cursor: pointer;
}

#preview_fullscreen span.maximize {
    color: #9db0c9;
}

#preview_fullscreen span.maximize:hover {
    color: #3da4f1;
}

#repo-preview .loading {
    background: transparent url('../gfx/ajax_loader.gif') no-repeat center center;
}

#preview_actions {
    background-color: transparent !important;
    height: 50px;
    position: absolute;
    top: 18px;
    right: 20px;
}

#preview_actions table td {
    vertical-align: middle;
    height: 50px;
}

#preview_content_holder {
    height: calc(100vh - 83px);
    width: 100%;
    position: relative;
}

#preview_content {
    width: 100%;
    width: calc(100% - 50px);
    padding: 25px;
    min-height: 250px;
    text-align: center;
}

#preview_content.drag {
    cursor: move;
}

#preview_content_holder #preview_content {
    width: 100% !important;
    padding: 0px !important;
    height: calc(100vh - 83px);
}

#preview_content.loading {
    background: transparent url('../gfx/ajax_loader.gif') no-repeat center center;
}

#preview_content img {
    max-width: 100%;
    height: auto;
    box-shadow: -20px 2px 30px 0 rgba(0, 0, 0, 0.05);
    border: solid 1px #a5adbd;
    max-height: 600px;
}

/* fullscreen preview */

#fullscreen_preview table {
    position: relative;
    z-index: 1000;
}

#fullscreen_preview table td {
    background-color: #3e5a7f;
    color: #fff;
    height: 20px;
    padding-top: 25px;
    padding-bottom: 25px;
    vertical-align: middle;
}

#fullscreen_preview  #preview_conetent_name {
    color: #fff;
    position: relative;
    top: -3px;
}

#fullscreen_nav {
    position: fixed;
    left: 0px;
    right: 0px;
    margin: 0 auto;
    max-width: 750px;
    text-align: center;
}

#fullscreen_nav.edit {
    top: 20px;
}

#fullscreen_nav .prev_preview, #fullscreen_nav .next_preview {
    position: relative;
    top: 0px;
}

#fullscreen_preview #preview_actions {
    border: 0px !important;
    height: auto !important;
    padding-right: 25px;
    top: 24px;
}

#fullscreen_preview #close_preview {
    margin-left: 25px;
    margin-right: 25px;
    font-size: 20px;
    position: relative;
    top: 2px;
    cursor: pointer;
}

#fullscreen_preview .repoa_preview_button {
    height: 30px;
    position: relative;
    top: -2px;
}

#fullscreen_preview .repoa_preview_button.delete_attachment, #fullscreen_preview .repoa_preview_button.remove_attachment {
    line-height: 40px !important;
}

#fullscreen_preview #current_pos, #fullscreen_preview #max_pos {
    color: #fff !important;
}

#fullscreen_preview #preview_edit_file {
    max-width: 400px;
    width: 100%;
}

#fullscreen_preview #preview_edit_file input[type="text"] {
    background: transparent;
    color: #fff;
    border-color: #fff;
    width: calc(100% - 22px);
    padding-top: 1px !important;
    padding-bottom: 1px !important;
}

#current_zoom {
    position: relative;
    top: -3px;
    width: 45px;
    text-align: center;
    display: inline-block;
}

#fullscreen_preview #preview_content iframe {
    -webkit-transition: max-width .2s linear .2s, max-height .2s linear .2s;
}

#fullscreen_preview #preview_content iframe {
    max-width: 100%;
}

.repoa_preview_button {
    display: inline-block;
    margin-left: 5px;
    color: #9db0c9;
    width: 35px;
    height: 35px;
    line-height: 40px;
    cursor: pointer;
    text-align: center;
    font-size: 19px;
}

.repoa_preview_button:hover, .repoa_preview_button.active {
    color: #3da4f1;
}

.repoa_preview_button2 {
    display: block;
    padding-left: 9px;
    color: #3e5a7f;
    border-left: 3px solid transparent;
    width: calc(100% - 12px);
    height: 35px;
    line-height: 40px;
    cursor: pointer;
    text-align: left;
    font-size: 17px;
}

.repoa_preview_button2 span {
    font-size: 13px;
    position: relative;
    top: -3px;
    margin-left: 10px;
}

.repoa_preview_button2:hover, .repoa_preview_button2.active {
    color: #3da4f1;
    border-left-color: #3da4f1;
}