/* CSS Document */
@font-face {font-family: 'Arimo';font-style: normal;font-weight: 400;src: local('Arimo Regular'), local('Arimo-Regular'), url(../../media/fonts/P5sMzZCDf9_T_10bxCF8jA.woff2) format('woff2');unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F;}
@font-face {font-family: 'Arimo';font-style: normal;font-weight: 400;src: local('Arimo Regular'), local('Arimo-Regular'), url(../../media/fonts/P5sMzZCDf9_T_10ZxCE.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face {font-family: 'Arimo';font-style: normal;font-weight: 700;src: local('Arimo Bold'), local('Arimo-Bold'), url(../../media/fonts/P5sBzZCDf9_T_1Wi4TRBrZKX0A.woff2) format('woff2');unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F;}
@font-face {font-family: 'Arimo';font-style: normal;font-weight: 700;src: local('Arimo Bold'), local('Arimo-Bold'), url(../../media/fonts/P5sBzZCDf9_T_1Wi4TRDrZI.woff2) format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}

html{font-family: Arimo,arial;font-size:12px;}
body{margin:0;padding:0;height: 100vh;width:100%;background:#e5ebef;}
header{width:100%;height:80px;color: white;font-weight:bold;font-size:18px;background:#476f9a;border-bottom:solid 1px #777;}
header img{height:auto;width:59px;background-color:#254567;padding:22px 10px;}
main{margin-right:79px;min-height:calc(100% - 111px);padding:15px;}
hr{clear:both;height:5px;background:#eee;border:solid 1px #ccc;margin:20px 0;}

.clear{clear:both;}

.loginBG{padding-top:150px;height:calc(100% - 150px);background-image: radial-gradient(circle, rgb(49, 144, 228) 0%, rgb(41, 122, 204) 30%, rgb(29, 84, 166) 70%);}
.loginForm{width:350px;height:170px;margin:auto;background:#ccc;border:2px solid #666;padding:15px;text-align: center;}
.loginForm input{width: 100%;margin: 8px 0;display: inline-block;border: 1px solid #ccc;box-shadow: inset 0 1px 3px #ddd;border-radius: 4px;box-sizing: border-box;padding-left: 20px;padding-right: 20px;padding-top: 12px;padding-bottom: 12px;}
.loginForm input[type=button]{text-align: center;background-color: #412EAD;color: white;padding: 12px 20px;margin: 14px 0 8px 0;display: inline-block;border: none;border-radius: 4px;box-shadow: inset 0 1px 3px #5166DE;cursor: pointer;}
.logo{width:200px;height:75px;background:url(../../media/logo.svg) no-repeat;position:absolute;margin:-100px 50px 0 0;}

#message{width:80%;max-width:520px;position:absolute;z-index:1000;font-weight:bold;text-align: center;color:white;margin-left: auto;margin-right: auto;top:0;left:0;right:0;opacity:0.8;}
#message div{border-radius:4px;padding:10px;margin-top:2px;box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.5);}
.info{background:blue;}
.ERR{background:red;}
.SCC{background:#46B123;}
.confirm{background:blue;}