@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
body *:not(i){
  font-family: "Poppins" !important;
} 
 body {
     font-family: Trebuchet MS,Helvetica, Arial, sans-serif;
     font-size: 10pt;
     background-color: #dee7f6;
     margin: 0;
}
 .loginbox {
     position: absolute;
     left: 45%;
     top: 50%;
     width: 450px;
     margin-top: -200px;
     margin-left: -170px;
     background-color: #FFF;
     border-radius: 3px;
     -ms-border-radius: 3px;
     -webkit-box-shadow: 0 2px 4px 0 #CCC;
     -moz-box-shadow: 0 2px 4px 0 #CCC;
     box-shadow: 0 2px 4px 0 #CCC;
}
 h1 {
     font-weight: normal;
     margin: 20px 20px;
}
 .bugBtn {
     position: absolute;
     right: 0;
     top: 0;
     padding: 5px;
     margin: 5px;
}
 .bugBtn:hover {
     opacity: 0.7;
     filter: alpha( opacity = 70 );
}
 form {
     width: 100%;
     margin: 10px 0;
}
 .button {
     height: 30px;
     line-height: 30px;
     padding: 0;
     overflow: visible;
     vertical-align: middle;
     border-radius: 3px;
     -ms-border-radius: 3px;
     font-size: 10pt;
     font-weight: normal;
     text-transform: uppercase;
     border: none;
     background-color: #8A9399;
     color: #FFF;
     cursor: pointer;
     -webkit-box-shadow: 0 1px 0 0 #666;
     -moz-box-shadow: 0 1px 0 0 #666;
     box-shadow: 0 1px 0 0 #666;
}
 .button:hover {
     background-color: #242D33;
}
 form .button {
     margin-top: 10px;
     width: 200px;
}
 form input[type=text] {
     width: 200px !important;
     height: 30px;
     margin: 0 20px;
     margin-bottom: 10px;
     font-size: 10pt;
}
 form input[type=password] {
     width: 200px !important;
     height: 30px;
     margin: 0 20px;
     margin-bottom: 10px;
     font-size: 10pt;
}
 form input[type=checkbox] {
     margin-bottom: 10px;
}
 form input[type=button] {
     width: 200px !important;
     height: 30px;
     margin: 0 20px;
     margin-bottom: 10px;
     font-size: 10pt;
}
 p {
     font-size: 10pt;
     margin: 0 20px;
}
 label {
      display: block;
     float: left;
}
 .loginmsg {
     background-color: #E74C3C;
     color: #FFF;
     margin-top: 10px;
     padding: 0 10px;
     line-height: 20pt;
     border-radius: 3px;
     text-align: center;
}
 label {
     display: inline-block;
     width: 140px;
     text-align: right;
}
​ .en-markup-crop-options {
     top: 18px !important;
     left: 50% !important;
     margin-left: -100px !important;
     width: 200px !important;
     border: 2px rgba(255,255,255,.38) solid !important;
     border-radius: 4px !important;
}
 .en-markup-crop-options div div:first-of-type {
     margin-left: 0px !important;
}
/*SIGN in with Microsoft*/
 .bsk-container {
     margin-top: 15px;
}
 .bsk-container {
     padding-right: 15px;
     padding-left: 15px;
     margin-right: auto;
     margin-left: auto;
}
 .bsk-btn-default {
     color: #333;
     background-color: #eee;
     border-color: #eee;
}
 .x-icon {
     height: 1em;
     width: 1em;
     top: 0.125em;
     position: relative;
}
 .bsk-btn {
     display: inline-block;
     padding: 6px 12px;
     margin-bottom: 0;
     font-size: 16px;
     font-weight: normal;
     line-height: 1.42857;
     text-align: center;
     white-space: nowrap;
     vertical-align: middle;
     touch-action: manipulation;
     cursor: pointer;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     background-image: none;
     border: 1px solid transparent;
     border-radius: 0;
     width: 100%;
}