@charset "UTF-8";
@font-face { font-family: 'Montserrat'; src:url("../font/Montserrat-Regular.ttf");}
@font-face { font-family: 'Montserrat'; src:url("../font/Montserrat-Bold.ttf"); font-weight:bold; }
@font-face { font-family: 'Montserrat'; src:url("../font/Montserrat-SemiBold.ttf"); font-weight:500; }
@font-face { font-family: 'Montserrat'; src:url("../font/Montserrat-SemiBoldItalic.ttf"); font-weight:500; font-style: italic; }
@font-face { font-family: 'Montserrat'; src:url("../font/Montserrat-LightItalic.ttf"); font-weight:200; font-style: italic; }
@font-face { font-family: 'Montserrat'; src:url("../font/Montserrat-Italic.ttf"); font-style: italic; }
@font-face { font-family: 'Material Icons Outlined'; src:url("../font/materialiconsoutlined.woff2"); }
body { position: absolute; margin: 0px; padding: 0px; left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: hidden; font-family:'Montserrat'; color: #2B2B2B; }
input, select, textarea, select option { font-family:'Montserrat'; }
select:invalid { color: #DCDCDC; font-style: italic; }
select:invalid option { color: #808495; font-style: normal; }

.accent { color: #3495CE; }
.accenthover:hover { color: #3495CE; }
.accent_bg { background-color: #3495CE; color: white; }
.accent_bg_disabled { background-color: rgba(52,149,206,0.5) !important; cursor:default !important; }
.accent_bg_disabled:focus { outline:0px !important; }
.accent_border { color: #3495CE; border: 1px solid #3495CE; }
.accent_line_focus:focus { outline:1px solid #FDC280 !important; }
.accenthover_lightbg:hover { background-color: rgba(52,149,206,0.1); }
.accent_filter, .accent_filterchilds .accent_child, .accenthover_filter:hover, .accenthover_filterchilds:hover .accent_child { filter: brightness(0) saturate(100%) invert(67%) sepia(78%) saturate(6671%) hue-rotate(181deg) brightness(111%) contrast(61%); }

.grey { color: #8E8E8E; }
.greyhover:hover { color: #8E8E8E; }
.grey_bg { background-color: #8E8E8E; color: white; }
.grey_border { color: #8E8E8E; border: 1px solid #8E8E8E; }

.noselect, .InputHeader, .InputFooter { user-select: none; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; }
.BackgroundCover, .BackgroundContain, .CheckButton { background-position: center; background-repeat: no-repeat; }
.BackgroundCover { background-size: cover; }
.BackgroundContain { background-size: contain; }
.ControlWindowMain { top: 62px; background-color: #E5E5E5; }
.MainHeader { position: absolute; top: 0px; left: 0px; right: 0px; height: 62px; background-color: #f6f6f6; overflow: hidden; }
.MainHeaderTitle { position: absolute; top: 0px; left: 18px; line-height: 62px; font-size: 22px; }
.MainHeaderIcon { position: relative; float: right; width: 30px; height: 30px; margin-top: 16px; margin-right: 30px; background-position: center center; background-repeat: no-repeat; background-size: cover; cursor: pointer; }
.icon_usersettings { background-image:url("../main/assets/user.svg");  }
.icon_location { background-image:url("../main/assets/location.svg");  }
.login_pages { display: none; }
.login_frame { position: absolute; top: 0px; left: 0px; width: 600px; bottom: 0px; background-color: white; border-radius: 5px; color: #4D565C; }
.login_title { position: absolute; left: 88px; top: 160px; font-size: 26px; }
.login_lb_email, .login_lb_email2, .login_lb_password, .login_email, .login_email2, .login_password, .login_remember, .login_loading, #login_incorrect, #service_incorrect { position: absolute; left: 88px; }
.login_lb_email, .login_lb_email2, .login_lb_password { width: 402px; font-size: 13px; font-weight: bold; }
.login_lb_email { top: 224px; }
.login_lb_password { top: 318px; }
.login_email, .login_email2, .login_password { width: 402px; font-size: 18px; font-weight: 200; font-style: italic; color:#2B2B2B; background-color: #EEEBEB; border: none; padding: 15px 22px; border-radius: 5px; }
.login_email { top: 251px; }

.login_lb_email2 { top: 304px; }
.login_email2 { top: 331px; }

.login_password { top: 345px; }
.login_remember { top: 412px; font-size: 13px; line-height: 28px; font-weight:500; color:#2B2B2B; }
#login_remembercheck { font-family:'Material Icons Outlined'; font-size: 28px; vertical-align: bottom; margin-right: 10px; cursor: default; }
#login_remembercheck:focus { outline:0px; }
.login_forgot { position: absolute; right: 66px; top: 412px; font-size: 13px; font-weight:500; font-style: italic; color: #8E8E8E; text-align: right; cursor: pointer; }
#login_incorrect, #service_incorrect { width: 446px; text-align: right; }
#login_incorrect { top: 465px; display: none; }
#service_incorrect { top: 410px; }
.login_button { position: absolute; top: 516px; left: 208px; width: 185px; line-height: 50px; border-radius: 5px; text-align: center; font-size: 18px; cursor: pointer; }
.login_loading { width: 402px; top: 220px; font-size: 18px; }
.login_wait { position: absolute; left: 192px; top: 343px; height: 210px; width: 210px; background-position: center; background-repeat: no-repeat; background-size: contain; background-image: url(../main/assets/wait.svg); -webkit-animation: wait_spinner 1.25s linear infinite; animation: wait_spinner 1.25s linear infinite; }
.login_sentinstruction { font-weight: 500; font-style: italic; font-size: 14px; }
.login_senticon { position: absolute; left: 207px; top: 370px; width: 186px; height: 186px; background-image: url(/main/assets/emailsent.svg); }
.DefaultFrame { position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; }
.InputHeader { font-size: 12px; font-weight: bold; color: #4D565C; margin-top: 15px; margin-left: 5px; }
.InputHeader>span { font-weight: normal; }
.InputFooter { font-size: 9px; font-style: italic; color: #4D565C; margin-top: 3px; margin-left: 5px; }
.InputText { color: #808495; border: 1px solid #DCDCDC; font-size: 11px; height: 25px; margin-top: 5px; width: 100%; border-radius: 5px; padding: 0px 5px; box-sizing: border-box; }
.TextArea75 { height: 75px; resize: vertical; }
.TextValue { line-height: 25px;	border: 1px solid rgba(220, 220, 220, 0.2); }
.PlainText { margin-left: 5px; margin-top: 2px; font-size: 12px; }
.Button { width: 94px; height: 32px; line-height: 32px; box-sizing: border-box; text-align: center; font-size: 14px; border-radius: 5px; cursor: pointer; }
.ButtonDisabled { opacity: 0.5; cursor: default; }
.RadioGroup { position: relative; font-size: 11px; line-height: 25px; margin-top: 5px; color: #707070; }
.RadioGroupItem, .CheckGroupItem { float: left; position: relative; min-width: 30%; padding-right: 20px; }
.CheckGroupItem { min-width: 120px; }
.RadioGroupIcon { font-family: 'Material Icons Outlined'; font-size: 20px; vertical-align: bottom; padding-right: 10px; }
.RadioGroupClear { clear: both; }
.CheckSelectSection1 { display: inline-block; width: 30%; }
.CheckSelectSection2 { width: 70%; }
.CheckInputSection1 { position: absolute; left: 1px; top: 5px; }
.CheckInputSection2 { position: relative; margin-left: 30px; }
.CheckButton { position: absolute; top: 5px; height: 25px; width: 25px; border: 1px solid #DCDCDC; border-radius: 5px; box-sizing: border-box; background-size: 50%; }
.HeaderButton { float: right; font-size: 11px; cursor: pointer; }
.minicolors-swatch { top: 7px !important; left: 4px !important; width: 19px !important; height: 19px !important; cursor: pointer !important; }
.ReqWaitBack { position: absolute; left: 0px; top: 0px; bottom: 0px; right: 0px; background-color: rgba(255,255,255,0.6); z-index: 999; }
.ReqWait { position: absolute; left: 10%; top: 10%; bottom: 10%; right: 10%; background-position: center; background-repeat: no-repeat; background-size: contain; background-image: url(../main/assets/wait.svg); -webkit-animation: wait_spinner 1.25s linear infinite; animation: wait_spinner 1.25s linear infinite; }

@keyframes wait_spinner {
  to { transform: rotate(360deg); }
}