@import url('https://fonts.googleapis.com/css?family=Roboto:400,400i,700,700i');

/* Default overwrites */
*																{ color: #252525; font-family: 'Roboto', sans-serif !important; font-family: 'Roboto', sans-serif; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; line-height: 1.5em; }
html, body, div, span, applet, object, iframe, blockquote, pre, p,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
h1, h2, h3, h4, h5, h6											{ margin: 0px; padding: 0px; border: 0px; border-collapse: collapse; -webkit-appearance:none !important; }
table, caption, tbody, tfoot, thead, tr, td, th					{ margin: 0px; padding: 0px; border-collapse: collapse; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

html {background: none;}
body															{  font-size: 15px; font-weight: 400; -webkit-font-smoothing: antialiased !important; background: #ffffff url(../gfx/login_background.jpg) no-repeat; background-size: cover; }

h1																{ font-size: 26px; margin-bottom: 15px; }
h2																{ font-size: 20px; margin-bottom: 5px; }
p																{ margin-bottom: 20px; }

#pa_login_box													{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; max-width: 400px; margin: 0 auto; }
#pa_login_box form												{ background-color: rgba(255, 255, 255, 0.9); padding: 20px; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; }
#pa_logo_login													{ display: block; margin: 0 auto 10px auto; }

#pa_logo														{ display: block !important; width: 220px; margin: 5px 0; }

.is-last-right													{ text-align: right; }
.is-first-left													{ width:1%; white-space:nowrap; }
.is-logout														{ margin-top: 30px; }
.is-max-500														{ max-width: 600px; }
.is-visible														{ display: block !important; }
.is-hidden-body	tbody											{ display: none; }
.no-cursor														{ cursor: default; }

table															{}
table thead														{ cursor: pointer; }
table thead th													{ padding-left: 30px !important; }
table button													{ margin-left: 5px; }
table .is-danger td												{ background-color: #ff3860; color: #ffffff !important; }
table.table-body-hidden tbody									{ display: none; }

.footer															{ padding: 30px 10px; background: none; }

.total_number													{ display: inline-block; background-color: #209cee; width: 20px; height: 20px; text-align: center; color: #ffffff; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; }
.expand															{ background-image: url("../gfx/expand.png"); background-repeat: no-repeat; background-position: 10px center; }
.collapse														{ background-image: url("../gfx/collapse.png"); background-repeat: no-repeat; background-position: 10px center; }

.icon-favorite													{ width: 15px; vertical-align: middle; cursor: pointer; }
.icon-favorite svg path											{ fill: #252525; }
.icon-favorite.is-favorite										{  }
.icon-favorite.is-favorite svg path								{ fill: #ca982c; }

#languages .checkbox											{ margin-right: 20px; }
#languages .checkbox [type=checkbox]							{ margin-right: 5px; }

#profile_picture_container										{ position: relative; width: 100px; height: 100%; text-align: center;  cursor: pointer; margin-bottom: 20px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; overflow: hidden; }
#profile_picture												{ position: relative; width: 100px; height: 100px; background-size: cover; background-image: url('/gfx/profile.svg'); background-color: #fafafa; }
#profile_picture_click_text										{ display: none; position: absolute; top: 50%; left: 50%; width: 100%; transform: translate(-50%, -50%); color: #ffffff; font-weight: 600; background-color: rgba(65, 151, 211, 0.7); padding: 3px 10px; }

.profile_picture_container										{ float: left; width: 30px; height: 30px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; overflow: hidden; margin-right: 20px; }
.profile_picture												{ position: relative; width: 30px; height: 30px; background-size: cover; background-image: url('/gfx/profile.svg'); background-color: #fafafa; }

table #profile_picture_container								{ display: inline-block; vertical-align: middle; width: 30px; margin: 0 10px; }
table #profile_picture											{ width: 30px; height: 30px; }

.progressbar													{ position: relative; display: inline-block; vertical-align: middle; width: 200px; margin-left: 20px; float: right; }
.progressbar .progress											{ margin-bottom: 0; }
.progress-value 												{ position: absolute; top: 0; left: 50%; transform: translateX(-50%); font-size: calc(1rem / 1.5); line-height: 1rem; font-weight: bold; }

.progress.is-small+.progress-value 								{ font-size: calc(0.75rem / 1.5); line-height: 0.75rem; }

.progress.is-medium+.progress-value 							{ font-size: calc(1.25rem / 1.5); line-height: 1.25rem; }

.progress.is-large+.progress-value 								{ font-size: calc(1.5rem / 1.5); line-height: 1.5rem; }

.is-white 														{ color: white; }

#orders_expired_notification									{ display: none; }
.order_warning_dot												{ display: inline-block; vertical-align: middle; width: 15px; height: 15px; background-color: #ff3860; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; }

.order_price													{ float: right; font-weight: normal; }
.note															{ background-color: #e2dede; font-size: 12px; padding: 10px; margin-top: 15px; }
.top-margin														{ margin-top: 15px; }
.bottom-margin													{ margin-bottom: 15px; }
.bottom-margin-large											{ margin-bottom: 60px !important; }

.w130															{ width: 130px; }
.w150															{ width: 150px; }
.w250															{ width: 250px; }

.label span,
th span															{ font-weight: 400; font-size: 11px; }

.mandatory														{  }
.mandatory_error												{ border: 2px solid #ff3860; }

/* Number fix so it dosen't show arrows */
input[type='number'] {
    -moz-appearance:textfield;
    appearance: textfield;
    -webkit-appearance: textfield;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

/* Bulma css overwrites */
.section														{ padding: 0.75rem 0.75rem 0.75rem 0.75rem; }
.menu															{ width: 220px; }
.level-item														{ display: block; padding: 10px; margin-bottom: 0 !important; }
.navbar-item > .navbar-item										{ border-left: 1px solid #dbdbdb; }
.modal-card-title												{ margin: 0; font-size: 20px; }
.modal-card-head,
.modal-card-foot												{ padding: 10px; }
.select,
.select select													{ width: 100%; }

/* Bulma css addon overwrites */
.modal .bulma-datepicker										{ width: 100%; }