body{font-family:Arial,sans-serif;margin:0;padding:0;}.login_content{z-index:999 !important;position:relative;width:90%;max-width:500px;padding:48px;margin-right:auto;margin-left:auto;margin-top:25px;margin-bottom:15px;display:block;background:#fff;color:#666;box-shadow:0 5px 15px rgba(0,0,0,.08);box-sizing:border-box;}#footer{max-width:500px;padding:15px;margin:0 auto;text-align:center;z-index:999;position:relative;}a{text-decoration:none;color:#5b9dff !important;}.borderBox{box-sizing:border-box;}.flex{display:-webkit-flex;display:flex;}.login_logo_wrapper{margin-top:30px;z-index:999 !important;position:relative;}.logo_consoft{height:120px;display:block;margin:0 auto;}.logo_syr{height:70px;display:block;margin:0 auto;}.btn_login{-webkit-appearance:none;font-weight:700;font-size:16px;line-height:28px;width:100%;border-radius:4px;padding:8px 16px;text-align:center;background-color:#004a99;color:#fff;outline-style:none;outline-width:0;border:none;cursor:pointer;}.textbox{-webkit-appearance:none;border:1px solid #b9b9bb;display:-webkit-flex;display:flex;border-radius:4px;font-size:16px;-webkit-flex-grow:1;flex-grow:1;-webkit-flex-shrink:1;flex-shrink:1;line-height:28px;padding:8px 16px;margin-top:12px;outline-color:#eee3e4 !important;width:100%;box-sizing:border-box;}.login-wrapper{background-color:#fff;display:flex;width:100%;min-height:100vh;overflow:hidden;}.login-flex-wrapper{min-height:100vh;flex-grow:1;flex-direction:column;box-sizing:border-box;}.login-background{padding-top:50px;box-sizing:border-box;min-height:692px;position:fixed;bottom:0;left:0;right:0;top:0;z-index:0;overflow:hidden;}.login-background-grid-container{display:-ms-grid;display:grid;grid-template-columns: [start]1fr [left-gutter]repeat(16,86.6px) [left-gutter]1fr [end];grid-template-rows: [top]1fr [top-gutter]repeat(8,64px) [bottom-gutter]1fr [bottom];justify-content:center;margin:0 -2%;transform:rotate(-6deg) skew(-6deg);}.login-background-grid-container .grid-1{grid-area:top/start/8/end;}.login-background-grid-container .grid-1 .grid-1a{background-image:linear-gradient(white 0%,#f4f4f5 33%);flex-grow:1;}.login-background-grid-container .grid-2{grid-area:4/4/auto/2;}.login-background-grid-container .grid-2 .grid-2a{box-shadow:inset 0 0 0 2px #e3e8ee;flex-grow:1;}.login-background-grid-container .grid-3{grid-area:6/start/auto/2;}.login-background-grid-container .grid-3 .grid-3a{background-color:#004a99;flex-grow:1;}.login-background-grid-container .grid-4{grid-area:7/start/auto/4;}.login-background-grid-container .grid-4 .grid-4a{background-color:#7bace1;flex-grow:1;}.login-background-grid-container .grid-5{grid-area:6/4/auto/6;}.login-background-grid-container .grid-5 .grid-5a{background-color:#004a99;flex-grow:1;}.login-background-grid-container .grid-6{grid-area:2/15/auto/end;}.login-background-grid-container .grid-6 .grid-6a{background-color:#004a99;flex-grow:1;}.login-background-grid-container .grid-7{grid-area:3/14/auto/end;}.login-background-grid-container .grid-7 .grid-7a{background-color:#7bace1;flex-grow:1;}.login-background-grid-container .grid-8{grid-area:4/17/auto/20;}.login-background-grid-container .grid-8 .grid-8a{background-color:#004a99;flex-grow:1;}.login-background-grid-container .grid-9{grid-area:5/14/auto/17;}.login-background-grid-container .grid-9 .grid-9a{box-shadow:inset 0 0 0 2px #7bace1;flex-grow:1;}.login-background-grid-container .grid-10{grid-area:8/18/auto/6;}.login-background-grid-container .grid-10 .grid-10a{background-color:#004a99;flex-grow:1;}.login-logo-wrapper{margin-right:auto;margin-left:auto;margin-top:30px;margin-bottom:30px;z-index:5;}.login-logo-wrapper .login-logo-icon{margin-right:auto;margin-left:auto;display:block;width:50px;}.login-logo-wrapper .login-logo-text{margin-right:auto;margin-left:auto;width:140px;padding:0;margin-top:10px;margin-bottom:0;display:block;}.login-logo-wrapper .login-logo-full{margin-right:auto;margin-left:auto;display:block;height:50px;}.login-table{width:100%;border-collapse:collapse;}.login-card-flex{flex-grow:1;z-index:5;border-collapse:collapse;}.login-card{width:90%;max-width:500px;padding:48px;margin-right:auto;margin-left:auto;display:block;margin-bottom:30px;background:#fff;color:#666;box-shadow:0 5px 15px rgba(0,0,0,.08);box-sizing:border-box;}.login-card form .login-card-title{color:#333;font-size:1.5rem;line-height:1.4;}.login-card form .login-card-row{padding-top:32px;}.login-card form .login-label-s{line-height:20px;font-weight:500;font-size:14px;color:#666;}.login-card form .login-back-label{line-height:20px;font-weight:500;font-size:14px;text-align:center;padding-top:15px;}.login-card form .login-checkbox{height:16px;width:16px;margin-right:7px;}.login-card form .login-input,.login-card form .reset-input{-webkit-appearance:none;border:1px solid #b9b9bb;display:flex;border-radius:4px;font-size:16px;flex-grow:1;flex-shrink:1;line-height:28px;padding:8px 16px 8px 16px;margin-top:12px;outline-color:#004a99 !important;width:100%;box-sizing:border-box;}.login-card form .login-button{-webkit-appearance:none;border-radius:4px;font-weight:bold;font-size:16px;line-height:28px;width:100%;border-radius:4px;padding:8px 16px 8px 16px;text-align:center;background-color:#004a99;color:#fff;outline-style:none;outline-width:0;border:none;}.login-card form .login-button:hover{background-color:#004a99;}.login-card form .login-button:active{background-color:#004a99;}