/* Code tidied up by ScrapBook */
.dt { display: table; }
.dtc { display: table-cell; vertical-align: middle; }
.columns-wr { margin: 0px -15px; }
.mtop20 { margin-top: 20px !important; }
.mbot30 { margin-bottom: 30px !important; }
.no-border { border: 0px none !important; }
.greyMessage { color: rgb(148, 148, 148) !important; }
/*.errorMessage { color: rgb(255, 91, 91) !important; font-weight: bold; }*/
.successMessage { color: rgb(56, 189, 81) !important; margin-right:20px !important;}
.errorMessageInline { color: rgb(255, 91, 91) !important; font-weight: bold; }
.w-100 { width: 100% !important; }
body { background:#fff; font-size: 14px; font-family: "Poppins"; }
header { height: 60px; background: #bb012a; overflow: hidden; }
@media only screen and (max-width: 500px) {
  header { height: 60px; }
}
header .inner-wr { max-width: 960px; padding: 0px 15px; margin: 0px auto; }
@media only screen and (max-width: 500px) {
  header .inner-wr { padding: 0px; }
}
header .inner-wr .logo-wr { padding:10px 0px; float: left; }
@media only screen and (max-width: 500px) {
  header .inner-wr .logo-wr { padding: 10px 0px 10px 15px; }
}
header .inner-wr .logo-wr .svg-image, header .inner-wr .logo-wr .sub { height: 40px; width:88px; float: left; }
header .inner-wr .logo-wr .sub { margin-left: 10px; padding-left: 10px; border-left: 1px solid rgba(255, 255, 255, 0.45); line-height: 1; color: rgb(255, 255, 255); font-size: 16px; font-family: "Poppins"; }
@media only screen and (max-width: 500px) {
  header .inner-wr .logo-wr .sub { font-size: 12px; line-height: 1.3; }
}
header .inner-wr .user-wr { padding: 0px; float: right; }
@media only screen and (max-width: 500px) {
  header .inner-wr .user-wr { padding: 0px 15px 0px 0px; background: rgb(162, 0, 32) none repeat scroll 0% 0%; }
}
header .inner-wr .user-wr .user-pic { width: 60px; height: 60px; overflow: hidden; float: left; border-radius: 50px; }
@media only screen and (max-width: 500px) {
  header .inner-wr .user-wr .user-pic { display: none; }
}
header .inner-wr .user-wr .user-pic img { max-width: 100%; }
header .inner-wr .user-wr .user-info { margin: 20px 0px; float: left; }
@media only screen and (max-width: 500px) {
  header .inner-wr .user-wr .user-info { margin: 19px 0px; }
}
header .inner-wr .user-wr .user-info .username, header .inner-wr .user-wr .user-info .logoff { float: left; }
header .inner-wr .user-wr .user-info .username { margin: 0px 15px; color: rgb(255, 255, 255); font-size: 14px; font-family: "Poppins"; }
@media only screen and (max-width: 500px) {
  header .inner-wr .user-wr .user-info .username { margin: 5px 15px 0px; font-size: 11px; }
}
header .inner-wr .user-wr .user-info .logoff a { display: block; }
#login-form .inner-wr { max-width: 760px; }
#login-form .inner-wr .form { padding: 25px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; border-radius: 2px; }
#login-form .inner-wr .form h1 { margin: 0px 0px 30px; color: rgb(89, 89, 89); font-weight: 500; font-size: 18px; font-family: "Poppins"; }
#login-form .inner-wr .form form .input-wr label { display: block; color: rgb(89, 89, 89); font-weight: 500; font-size: 14px; font-family: "Poppins"; }
#login-form .inner-wr .form form .input-wr label.error {font-weight:normal;margin-top:5px;font-size:13px;color:red;}
#login-form .inner-wr .form form .input-wr label a { float: right; color: rgb(117, 117, 117); font-weight: 400; font-size: 14px; font-family: "Poppins"; }
#login-form .inner-wr .form form .input-wr input { width: 100%; padding: 10px 15px; border: 1px solid rgb(212, 212, 212); outline: 0px none; color: rgb(76, 76, 76); font-size: 14px; font-family: "Poppins"; border-radius: 2px; }
#login-form .inner-wr .form form .input-wr input:focus { border: 1px solid rgb(19, 206, 101); }
#login-form .inner-wr .form form .submit-wr { text-align: right; }
#login-form .inner-wr .form form .submit-wr .submit-btn { display: inline-block; margin-left: 10px; padding: 10px 30px; color: rgb(255, 255, 255); border: 1px solid rgb(19, 206, 101); outline: 0px none; background: rgb(19, 206, 101) none repeat scroll 0% 0%; font-size: 14px; font-family: "Poppins"; border-radius: 2px; }
#login-form .inner-wr .form .support-wr { margin-top: 15px; padding: 15px !important; background: rgb(255, 249, 235) none repeat scroll 0% 0%; }
#login-form .inner-wr .form .support-wr p { margin: 0px; color: rgb(89, 89, 89); font-size: 14px; font-family: "Poppins"; }
#main .notice-wr { margin-bottom: 15px; border: 1px solid rgb(255, 217, 210); }
#main .notice-wr .ls { position: relative; padding: 15px; width: 70%; color: rgb(198, 103, 85); background: rgb(255, 217, 210) none repeat scroll 0% 0%; }
#unauthorized .inner-wr .form { padding: 25px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; border-radius: 2px; }
@media only screen and (max-width: 991px) {
  #main .notice-wr .ls { display: block; width: 100%; }
}
#main .notice-wr .ls::after { position: absolute; content: ""; width: 0px; height: 0px; border-style: solid; border-width: 8.5px 0px 8.5px 8px; border-color: transparent transparent transparent rgb(255, 217, 210); top: 50%; margin-top: -8.5px; right: -7px; }
@media only screen and (max-width: 991px) {
  #main .notice-wr .ls::after { left: 50%; bottom: -7px; right: auto; top: auto; border-width: 8px 8.5px 0px; border-color: rgb(255, 217, 210) transparent transparent; }
}
#main .notice-wr .rs { padding: 15px; width: 30%; background: rgb(255, 255, 255) none repeat scroll 0% 0%; color: rgb(198, 103, 85); text-align: center; }
@media only screen and (max-width: 991px) {
  #main .notice-wr .rs { display: block; width: 100%; }
}
#main .inner-wr { max-width: 960px; padding: 0px 15px; margin: 30px auto; }
#main .inner-wr .left-side .inner { background: rgb(255, 255, 255) none repeat scroll 0% 0%; border-radius: 2px; }
#main .inner-wr .left-side .inner h1 { margin: 15px 0px; text-align: center; color: rgb(89, 89, 89); font-weight: 500; font-size: 18px; font-family: "Poppins"; }
@media only screen and (max-width: 991px) {
  #main .inner-wr .left-side .inner .nav-tabs { border-bottom: 0px none; margin-bottom: 30px; }
}
#main .inner-wr .left-side .inner .nav-tabs li { float: none; border-bottom: 1px solid rgb(235, 235, 235); }
@media only screen and (max-width: 991px) {
  #main .inner-wr .left-side .inner .nav-tabs li { display: inline-block; flex: 1 !important; width: 25%; float: left; text-align: center; border-bottom: 0px none; border-right: 2px solid rgb(235, 235, 235); }
  #main .inner-wr .left-side .inner .nav-tabs li:first-child { border-top: 0px none !important; }
  #main .inner-wr .left-side .inner .nav-tabs li:last-child { border-right: 0px none; }
  #main .inner-wr .left-side .inner .nav-tabs li .fa { margin: 0px !important; font-size: 20px !important; }
  #main .inner-wr .left-side .inner .nav-tabs li span { display: none; }
  #main .inner-wr .left-side .inner .nav-tabs li i.fa-angle-right { display: none; }
}
#main .inner-wr .left-side .inner .nav-tabs li:first-child { border-top: 1px solid rgb(235, 235, 235); }
#main .inner-wr .left-side .inner .nav-tabs li a { padding: 15px; margin: 0px; border: 0px none; color: rgb(89, 89, 89); font-size: 14px; font-family: "Poppins"; }
#main .inner-wr .left-side .inner .nav-tabs li a .fa.front { width: 16px; margin-right: 10px; color: rgb(199, 160, 153); }
#main .inner-wr .left-side .inner .nav-tabs li a .fa:not(.front) { float: right; }
#main .inner-wr .left-side .inner .nav-tabs li.active a { position: relative; background: rgb(254, 228, 223) none repeat scroll 0% 0%; border-radius: 0px; }
@media only screen and (max-width: 991px) {
  #main .inner-wr .left-side .inner .nav-tabs li.active a::after { position: absolute; content: ""; left: 50%; bottom: -10px; margin-left: -7.5px; width: 0px; height: 0px; border-style: solid; border-width: 10px 7.5px 0px; border-color: rgb(254, 228, 223) transparent transparent; }
}
#main .inner-wr .right-side .inner { padding: 15px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; border-radius: 2px; }
#main .inner-wr .right-side .inner h2 { margin: 0px; color: rgb(89, 89, 89); font-weight: 500; font-size: 18px; font-family: "Poppins"; }
#main .inner-wr .right-side .inner form .input-outter { margin: 0px 0px 15px; padding: 15px; border: 1px solid rgb(235, 235, 235); border-radius: 2px; }
#main .inner-wr .right-side .inner form .input-outter h3 { line-height: 20px; margin: 0px 0px 15px; color: rgb(89, 89, 89); font-weight: 500; font-size: 15px; font-family: "Poppins"; }
#main .inner-wr .right-side .inner form .input-outter h3 span { color: rgb(56, 189, 81); font-weight: 600; }
#main .inner-wr .right-side .inner form .input-outter h3 span.red { font-weight: normal; color: rgb(255, 91, 91); }
#main .inner-wr .right-side .inner form .input-wr { margin-bottom: 15px; }
#main .inner-wr .right-side .inner form .input-wr.no-margin { margin: 0px; }
#main .inner-wr .right-side .inner form .input-wr label { display: block; color: rgb(89, 89, 89); font-weight: 500; font-size: 14px; font-family: "Poppins"; }
#main .inner-wr .right-side .inner form .input-wr label:hover { cursor: pointer; }
#main .inner-wr .right-side .inner form .input-wr label.floated { display: inline-block; margin: 0px 0px 0px 10px; width: calc(100% - 30px); }
#main .inner-wr .right-side .inner form .input-wr label.floated span { display: inline-block; margin-left: 5px; color: rgb(255, 91, 91); font-weight: normal; }
#main .inner-wr .right-side .inner form .input-wr label.cb-dummy { display: inline-block; width: 18px; height: 18px; margin: 0px; line-height: 1.2; border: 1px solid rgb(196, 196, 196); text-align: center; float: left; border-radius: 3px; }
#main .inner-wr .right-side .inner form .input-wr label.cb-dummy .fa { visibility: hidden; font-size: 14px; color: rgb(255, 255, 255); opacity: 1; }
#main .inner-wr .right-side .inner form .input-wr label a { float: right; color: rgb(117, 117, 117); font-weight: 400; font-size: 14px; font-family: "Poppins"; }
#main .inner-wr .right-side .inner form .input-wr label a.external { float: none; color: rgb(51, 122, 183); }
#main .inner-wr .right-side .inner form .input-wr label a.external:hover { color: rgb(35, 82, 124); text-decoration: underline; }
#main .inner-wr .right-side .inner form .input-wr input { width: 100%; padding: 10px 15px; border: 1px solid rgb(212, 212, 212); outline: 0px none; color: rgb(76, 76, 76); font-size: 14px; font-family: "Poppins"; border-radius: 2px; }
#main .inner-wr .right-side .inner form .input-wr input:focus { border: 1px solid rgb(19, 206, 101); }
#main .inner-wr .right-side .inner form .input-wr input[type="checkbox"] { display: none; }
#main .inner-wr .right-side .inner form .input-wr input[type="checkbox"]:checked + label.cb-dummy { background: rgb(56, 189, 81) none repeat scroll 0% 0%; border-color: rgb(56, 189, 81); }
#main .inner-wr .right-side .inner form .input-wr input[type="checkbox"]:checked + label.cb-dummy .fa { visibility: visible; }
#main .inner-wr .right-side .inner form .submit-wr .submit-btn { padding: 10px 15px; outline: 0px none; border: 1px solid rgb(19, 206, 101); background: rgb(19, 206, 101) none repeat scroll 0% 0%; color: rgb(255, 255, 255); font-size: 14px; font-family: "Poppins"; border-radius: 2px; }
#main .inner-wr .right-side .inner .support-wr { margin-top: 30px; padding: 15px !important; background: rgb(255, 249, 235) none repeat scroll 0% 0%; }
#main .inner-wr .right-side .inner .support-wr p { margin: 0px; color: rgb(89, 89, 89); font-size: 14px; font-family: "Poppins"; }
.inline input { width: auto !important; margin-right: 5px !important; }
.inline label { display: inline-block !important; margin-right: 15px !important; }
.inline input[type="checkbox"] { display: inline-block !important; }