html, body {
    width: 100%;
    height: 100%;
}

body#loginBody {
    margin: 0;
    font-size: 12px;
    background: #707070;
    background: -moz-radial-gradient(center, ellipse cover, #707070 0%, #4b5558 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #707070), color-stop(100%, #4b5558) );
    background: -webkit-radial-gradient(center, ellipse cover, #707070 0%, #4b5558 100%);
    background: -o-radial-gradient(center, ellipse cover, #707070 0%, #4b5558 100%);
    background: -ms-radial-gradient(center, ellipse cover, #707070 0%, #4b5558 100%);
    background: radial-gradient(ellipse at center, #707070 0%, #4b5558 100%);
    /*filter: progid : DXImageTransform.Microsoft.gradient ( startColorstr = '#707070', endColorstr = '#4b5558', GradientType = 1 );*/
}

body, .x-body, .x-form-item-label, .x-btn button, .x-btn .x-btn-inner {
    font-family: 'opensans-regular', 'Verdana', sans-serif;
}

.vendor {
    width: 56px;
    height: 34px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAAiCAYAAAAKyxrjAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNC8xNy8xNFRTJyIAAAAedEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzUuMasfSOsAAASwSURBVFiF3Zkxb9tGFMd/cb2bQwt0M7Nlq7MIRhcxW7eomzfLWwASyHnLZukT+AyQQDfLnYoulT9B6E2QFmbMJm8dCpQpOnRTh3tnns+kRElOCvcPEPKRj3++d/feu/fOzxaLBU8VOs0GQCTDQiWx8mV2v6RCnwGvgYNlAjtfSJHPhU+rBJ66geUqgaduYLFK4KkbuBK7ADrNAkywBkCpkjj/L5V6TOxKqj1z7g2B3A50mkVADzMBXUfuE8ZFxsBYJfG8zQdlMnsO574n8kF4c+FdGWeCrk4zf88b7grRmS+t06wPDDwFcrnsikcYo891ml0DqslQnWah8B07t+fASH5DuSLgO5HTOs00oFsYWvIwJufPFosFnuVX8qGu8+IAuPI/IqvxVp5bnKok1p5cTwzZcwxTKomv6zTVaXYsnKHcugV6KokLT25AtTg3Kokjn6suyRw7xhXAc5XEF3UzqJK4VEk8BF5SpexznWYjR4k+8JtjXAG8bDJOeK+E0/LsA7lOs6Wbeh2WZdECeNUmBmRmX1EZeazTLJSVu3RE52twliqJTzAxDmaCxuI1rdFkYAn8uEaAWyOHMhwKx8gTO1mHU3BKNXH7wIN6cxmaDLxomxVdSOzlgBZF9pzH+Sbbj+jhuvOjGKgb7rdRyLqgr8jFppxUbgqwJ1tXK9QZWGzgRvcgicVdvVIl8bhBvA1ybxy1fbHOwJstFGlSoDFjtsE2E15n4FarJ+h54/wRODdCnYFr7zUuJD72vNvbuGdb1OpdZ2C05Yf63jh/hJiOWoj5kwrUG7hWlvIUsYW0iyudZn1JPJvC57TYuB8cbKiIv/fNVRKPMF6xEadMWr/hsV+bRr5Ak4FdnWZrbahSJ/pdyYn8hsC+FMfrYkCD+0kR4BoZ+TLLatHztm4lszzybp86lctcfs/WcVWRfbtCzC0gHnDXbvTO35erZl1WLsf0cBbKa5mUw9uGM5A+0BbqJdUkgbNSEgK5DPd9z6vrB21Hf06Vem+Rzl0UDeXq8bCBPamrOWWVL6kSxi2mJCzEgECuCLMS1i1HmIJ7TNXG3aokDj3u946+dz1prYEqiQfy4mv5WFMWs7DHFlcr5GwiOGP5dlQK54VtcnWa5dw/MnnuNwQ6zc4w3hIgRypLT7alKb2Wl7tUK2eVKIAPa7ZVOaZ5DTBuHTmP58JXl/5HmFWyCLnvtkjzPRRdI1ixgv8HrDwXrUsIOs0OdJqNdJod1e0922zqchLwgHNT7lb/fJETMZsECkxMzoG/nOchpi2yMdMHk+Wswjb5OOewUCWtgOp0LdJpVqokLoTbHnzdZWaXUzJ5UDMuvwq+/ibkfnN6c9jp5HYwmc7eYwL2HfAtcAT8Lh/9E/ieKrDVZDqbiGwp7x8CPwC9yXTGYadTTKazd5gYCYC/gV/FuJ8wySUE3hx2OqPJdKaAf4A3wC/AYDKdhTLJLybTWU90CoCjyXT2B/Cz8AU7tC+ux5hAt4c+hSiHzJwSGfdQqBB+v9LPxYg+8AKTgTXLW7XSyZoHmNUcCY/9fi465cjh8g7Ndd62KB0lLGx2DB2Zj0BPtoG5IzvXaVZQeVfoxN/Iu3zc8f8L5UgEVxLKr2AAAAAASUVORK5CYII=);
    margin: 0 auto 0 auto;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: 266px;
    margin-left: -28px;
}

.logo-container {
    background-color: #F1C44A;
    border-bottom: 2px solid gray;
}

.logo {
    width: 179px;
    height: 20px;
    background-image: url(data:image/png;base64,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);
    float: left;
    margin: 23px 0 20px 30px;
}

.firm {
    display: block;
    margin: 30px auto 0 auto;
    color: #999999;
    font-size: 11px;
    text-align: center;
    width: 400px;
    height: 50px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: 220px;
    margin-left: -200px;
}

.notARobot .x-form-display-field-default {
   font-family: 'opensans-regular', 'Verdana', sans-serif;
   color:#666;
}

.firm-resetpassword {
    margin-top: 240px;
}

.msg-label {
    margin:0; 
    padding: 10px 30px; 
    font-size: 13px; 
    text-align: center;
}

.msg-error {
    background-color:#FEE; 
    color: #FF7870;
}

.msg-ok {
    color: #9ADB9B;
    background-color: #dff0d8;
}


/* PAGINA DI LOGIN */
#loginBody
{
    /* id del body della pagina di login */    
}

#loginBody .mainWindow {
    box-shadow:0px 0px 4px 0px #333;
    border-radius: 0px 0px 5px 5px;
    border:0;
}


#loginBody .x-mask
{
    /* background generico della pagina */
    opacity: 0.8;
    /*background-color:rgb(112, 112, 112);*/
}

#loginBody .loginWrap
{
    /* div sotto la maschera di accesso */
}

#loginBody .loginWrap h1
{
}

#loginBody .x-window-mc
{
    /* rettangolo con username e password */
    /* background-color: #F4F4F4 !important; */
}



/* EXTJS OVERRIDE */
.x-btn
{
    background-image:none;    
    background-color: transparent;
    border-radius: 0px;
/*    border-color: #DDD; */
	border-color: transparent;
}
.x-btn:hover
{
    background-color: #FFF;
    border-color:#999;
    box-shadow: none;
}

.x-btn-default-small {
    border-color:transparent;
}

.x-btn button, .x-btn .x-btn-inner
{
    font-size: 12px;
}

.x-btn-default-small .x-btn-inner {
    color: #666666;
}

.x-btn-over.x-btn-default-small,
.x-btn-focus.x-btn-default-small {
    background-color: #F5F5F5;
    background-image: none;
    box-shadow: none;
}

.x-btn.x-btn-pressed,
.x-btn.x-btn-pressed.x-btn-default-small,
.x-btn.x-btn-pressed.x-btn-default-toolbar-small
{
    background-image: none;
}

.x-btn.x-btn-focus,
.x-btn.x-btn-focus.x-btn-default-small,
.x-btn.x-btn-focus.x-btn-default-toolbar-small {
    background-image: none;
}

.x-btn .x-btn-wrap {
    outline: none !important;
}

.x-btn-focus.x-btn-over.x-btn-default-small {
    box-shadow: none;
}
.x-btn-focus.x-btn-pressed.x-btn-default-small {
    background-color: #F5F5F5;
    border-color:#999;
    box-shadow: none;
}

.x-panel-body-default
{
    background-color: transparent;
    border:0px;
    font-family: 'opensans-regular', 'Verdana', sans-serif;
}
.x-form-text-wrap.x-form-text-wrap-invalid:hover,
.x-form-text-wrap-toolbar.x-form-text-wrap-invalid:hover,
.x-form-text-wrap-default.x-form-text-wrap-invalid:hover {
    border-color: #FF7870;
}

.x-form-text-wrap-default.x-form-text-wrap-invalid
{
    border-color: #FF7870;
}

.x-form-text-wrap-default.x-form-text-wrap-invalid .x-form-field {
    background-image: none;
    background-color: #FEE;
}

.x-tip-form-invalid {
    background-color: #F5F5F5;
    border-color: #FF7870;
}

.x-tip-form-invalid .x-tip-body-form-invalid {
    font-size: 12px;
}

.x-window
{
    /*background-color: whitesmoke;*/
    background-color: white;
    box-shadow:silver 0px 0px 10px;
    border:1px solid silver;
    border-radius: 0px;
}

.x-window-body-default {
    background:inherit;
}

.x-window-tl, .x-window-tr, .x-window-tc, 
.x-window-ml, .x-window-mc, .x-window-mr, 
.x-window-bl, .x-window-br, .x-window-bc
{
    background-color:transparent; /* White */    
    background-image:none;
}

.x-window-mc
{
    border:0px;
    border-radius: 0px;
}

.x-window-body-default {
    font: 14px 'opensans-regular', verdana, sans-serif;    
}

.x-window .x-window-header,
.x-window-header-text
{
    font: 14px 'opensans-light', verdana, sans-serif;        
}

.x-window .x-window-header
{
    background-color:#ddd;   
    /*padding:2px 0 2px 10px;*/
    border: 0px none;
    border-radius: 0px;
}

.x-window-header-default .x-tool-img {
    background-color:transparent;
}

.x-window .x-window-header-body
{
    padding:5px 0 4px 0;
}

.x-window .x-window-body {
    border: 0px none;
    border-radius: 0px;
    /*background-color: whitesmoke;*/
    background-color: white;
}
.x-css-shadow {
    visibility:hidden;
}



.x-form-text-wrap,
.x-form-text-wrap-toolbar,
.x-form-text-wrap-default {
    box-shadow: none;
    border: 1px solid #DDD;
}

.x-form-text-wrap:hover,
.x-form-text-wrap-toolbar:hover,
.x-form-text-wrap-default:hover {
    border:1px solid #C0C0C0;
}

.x-form-item label.x-form-item-label {
    font-size:smaller;
    color:gray;
}

.x-form-field-wrap {
    background-color:white;
}

/*
.x-form-text, textarea.x-form-field
{
    background-image:none;
    background-color:white;
    border:1px solid #DDD;
}
*/

.x-form-item, .x-form-field
{
    font: 13px opensans-regular, verdana, sans-serif;
}

.x-toolbar-footer {
    background-color: #FFF;
}

.x-form-item-body-default {
    min-height: 22px;
}

.x-form-item {
    height: 30px;
}

.x-form-text-default {
    min-height: 22px;
    padding: 2px 6px;
    background-image: none;
    height: 30px;
}

.x-form-item-label-default {
    padding-top: 4px;
    min-height: 22px;
}
.x-form-trigger-wrap-default {
    border: 0px none;
}

.x-form-cb-default {
    margin-top: 10px;
}

.x-form-cb-label-default {
    margin-top: 8px;
}

.x-form-cb-label {
    color: #666;
}

/*
.x-form-checkbox-default,
.x-form-cb-checked .x-form-checkbox-default
{
    background-position-x: -2px;
}

.x-form-checkbox-default.x-form-checkbox-focus,
.x-form-cb-checked .x-form-checkbox-default.x-form-checkbox-focus {
    background-position-x: -24px;
}
*/

/*
    MASK
*/

.ext-el-mask, .x-mask
{
    /* background generico della pagina */
    opacity: 0.5;
}

.ext-el-mask, .x-mask
{
    background-color:whitesmoke;
}
.ext-el-mask-msg, .x-mask-msg
{
    border:0;
    background-image:none;
    background-color:transparent;
}

.ext-el-mask-msg div, .x-mask-msg div
{
    font:normal 12px opensans-regular, verdana, sans-serif;
    background-color:transparent;
    border:0;                   
}

.x-mask-loading div, .x-mask-msg-text
{
    background-image: url(../img/wait.gif);    
    padding: 30px 0 30px 40px;
    border:0;
}


/* ICONS */
body .icon-login {
    background-image: url(../Img/base/ico-login.png);
}
body .icon-accept {
    background-image: url(../Img/base/ico-accept.png);
}
body .icon-changepwd {
    background-image: url(../Img/base/ico-changepwd.png);
}

/**
 * Chrome bug fixes
 * on input field click the inner div has margin. The inner div jumps down for no reason
 */
.x-form-text {
  display: inline;
}


.login-ct {
    padding: 10px 30px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.login-ct-right {
    border-left: 1px solid #DDD;
}

.login-ct .login-title {
    font-size: 14px;
    color: #666;
    margin: 0;
    margin-bottom: 20px;
}

.login-ct .x-toolbar {
    padding: 0;
    margin: 0;
    margin-top: 20px;
}

a.x-btn,
body.x-nlg a.x-btn,
body.x-nbr a.x-btn {
    border-color: #DDD;
    margin-right: 6px;
    height: 32px;
}

body.x-nlg a.x-btn,
body.x-nbr a.x-btn {
    border-width: 1px !important;
}

a.x-btn:hover,
body.x-nlg a.x-btn:hover,
body.x-nbr a.x-btn:hover {
    background-color: #FFF;
    border-color:#999;
    box-shadow: none;
}


/* IE (8,9) specific button styles, reset button background images */
.x-btn-default-small-mc,
.x-btn-default-small-tl,
.x-btn-default-small-bl,
.x-btn-default-small-tr,
.x-btn-default-small-br,
.x-btn-default-small-tc,
.x-btn-default-small-bc,
.x-btn-default-small-ml,
.x-btn-default-small-mr {
    background-image: none;
    background-color: transparent;
}

body.x-nlg a.x-btn:hover .x-btn-default-small-mc,
body.x-nlg a.x-btn:hover .x-btn-default-small-tl,
body.x-nlg a.x-btn:hover .x-btn-default-small-bl,
body.x-nlg a.x-btn:hover .x-btn-default-small-tr,
body.x-nlg a.x-btn:hover .x-btn-default-small-br,
body.x-nlg a.x-btn:hover .x-btn-default-small-tc,
body.x-nlg a.x-btn:hover .x-btn-default-small-bc,
body.x-nlg a.x-btn:hover .x-btn-default-small-ml,
body.x-nlg a.x-btn:hover .x-btn-default-small-mr {
    background-image: none;
    background-color: transparent;
}

/* IE (8,9) fix for button text vertical alignment */
.x-btn-default-small-tc {
    height: 6px;
}



/* External login section */

.external-login-buttons {

}

.external-login-buttons .x-btn {
    background-repeat: no-repeat;
    color: white;
    cursor: pointer;
    font-size: 1em;
    height: 32px;
    line-height: 1em;
    margin-bottom: 5px;
    padding: 0 2em 0 3em !important; /* need to set !important to make this style work on IE9 */
    text-decoration: none;
    /*transition: all 0.5s;*/
    width: 220px;
}

.external-login-buttons .x-btn .x-btn-inner {
    color: transparent;
}

.external-login-buttons .x-btn.google {
    background-position: 6px center;
    background-image: url(../Img/OAuthProviders/Google/g-normal.png);
}

.external-login-buttons .x-btn.microsoft,
.external-login-buttons .x-btn.azuread,
.external-login-buttons .x-btn.adfs {
    background-position: 1em;
    background-size: 20px;
    background-image: url(../Img/OAuthProviders/Microsoft/microsoft.svg);
}

.external-login-buttons .x-btn span {
    text-align: left;
}


.external-login-buttons .x-btn .x-btn-inner {
    color: #999;
    font-size: 13px;
}

.external-login-buttons .x-btn.x-btn-over .x-btn-inner {    
    color: #666;
}


.login-description {
    font-size: 12px;
    margin-top: 10px;
}


.forgotpassword a{
    font-size: 12px;
    color:gray;
}