@-ms-keyframes load8 {
    0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}

@-webkit-keyframes load8 {
    0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}

@keyframes load8 {
    0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}

@media screen,print {
    html, body { width: 100%; margin: 0; padding: 0; font-family: Helvetica, sans-serif; font-size: 14px; color: #444; }

    /** PORTOBAY ************************************************************/
    .PB { }
    body.PB { position: relative; background-color: #fff; background-image: url('Images/45-degree-fabric-light.png'), linear-gradient(#ffffff, #eeeeee); min-height: 100vh; }
        body.PB.BGImage:before { content: ""; position: fixed; top: 0; left: 0; right: 0; z-index: -1; display: block; background-image: url('Images/BG.jpg'); background-size: cover; -webkit-filter: blur(5px); -moz-filter: blur(5px); -o-filter: blur(5px); -ms-filter: blur(5px); filter: blur(5px); min-height: 100vh; }

    .PB .LAForm { max-width: 992px; margin: 0 auto; }
    .PB.BGImage .LAForm { background-color: rgba(255,255,255,0.2); border-radius: 10px; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.4); padding: 15px; margin-top: 15px; margin-bottom: 15px; }

    .PB .LALogos { margin: 10px 0 40px 0; }
        .PB .LALogos:after { visibility: hidden; display: block; content: ""; clear: both; height: 0; }
        .PB .LALogos .LAMainLogo { display: inline-block; float: left; width: 50%; text-align: left; line-height: 60px; }
            .PB .LALogos .LAMainLogo a { display: inline-block; }
            .PB .LALogos .LAMainLogo img { max-width: 234px; max-height: 50px; margin: 5px 0; }
        .PB .LALogos .LAEntityLogo { display: inline-block; float: right; width: 50%; text-align: right; line-height: 60px; }
            .PB .LALogos .LAEntityLogo img { max-width: 234px; max-height: 60px; }
        .PB .LALogos .LADemo { display: none; float: right; width: 50%; text-align: right; line-height: 60px; }
            .PB .LALogos .LADemo img { max-width: 234px; max-height: 60px; }

    .PB .LALoginContainer { margin: 40px 10px; }
    .PB .LALoginPHeader { }
    .PB .LALoginPHeaderStatus { height: 5px; background-color: #01406D; }
    .PB .LALoginPHeaderToolbar { background-color: #015189; color: #fff; }
    .PB .LALoginPBody { margin: 30px; }

    .PB .LALoginPanel { display: inline-block; width: calc(50% - 80px); vertical-align: top; background-color: #fff; border-radius: 4px; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.4); margin: 40px 40px; overflow: hidden; border-top-left-radius: 0; border-top-right-radius: 0; }
        .PB .LALoginPanel:first-child { margin: 40px 80px 40px 0px; }
        .PB .LALoginPanel:last-child { margin: 40px 0px 40px 80px; }

    .PB .LALoginPHeaderToolbar .LALabel { display: block; text-transform: uppercase; text-align: center; padding: 10px 0; font-weight: bold; }

    .PB .LAInput { display: block; outline: 0; background: #f2f2f2; width: 100%; margin: 0 0 15px; padding: 15px; box-sizing: border-box; font-size: 14px; border-radius: 3px; border: 1px solid transparent; border-top: none; border-bottom: 1px solid #ddd; box-shadow: inset 0 1px 2px rgba(0,0,0,.39), 0 -1px 1px #fff, 0 1px 0 #fff; }
    .PB .LAButton { outline: 0; background: #9F281F; border: 0; padding: 8px 15px; color: #FFFFFF; font-size: 14px; -webkit-transition: all .35s ease-in-out; transition: all .35s ease-in-out; cursor: pointer; margin-top: 5px; vertical-align: bottom; }
    .PB .LAButton2 { outline: 0; background: #fff; border: 0; padding: 8px 15px; color: #757575; font-size: 12px; -webkit-transition: all .35s ease-in-out; transition: all .35s ease-in-out; cursor: pointer; margin-top: 5px; vertical-align: bottom; }
    .PB .LAButton:hover { background: #790E05; }
    .PB .LAButton2:hover { text-decoration: underline; }

    .PB .LALoginPanelSeparator { display: inline-block; vertical-align: top; border-left: 1px solid #000; margin: 0 calc(5% - 0.5px); }

    .PB .LALanguages { margin: 40px 0; text-align: center; }
        .PB .LALanguages ul { list-style: none; margin: 0; padding: 0; }
            .PB .LALanguages ul li.LALanguage { display: inline-block; padding: 0px 5px; cursor: pointer; -webkit-transition: border .15s ease-in-out, background-color .5s ease-in-out; transition: border .15s ease-in-out, background-color .5s ease-in-out; border: 3px solid transparent; }
                .PB .LALanguages ul li.LALanguage.LASelected { border: 3px solid #FFBE00; background-color: #FFBE00; }
                .PB .LALanguages ul li.LALanguage input[type='radio'] { width: 0px; height: 0px; padding: 0; margin: 0; display: block; }
                .PB .LALanguages ul li.LALanguage img { }

    .PB .LAFooter { margin: 40px 0; font-size: 12px; text-align: center; }
    .PB.BGImage .LAFooter { /*background-color: rgba(255,255,255,0.5); border-radius: 10px; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.4); padding: 5px 15px;*/ }
    .PB .LAFooter span { vertical-align: 6px; }
    .PB .LAFooter a { display: inline-block; vertical-align: 0px; }
    .PB .LAFooter img { max-width: 100px; max-height: 25px; border: none; }

    .PB .LABanner { display: none; }

    .PB .LAError { }

    /** Global Overlay ******************************************************/
    .PB .GPOverlay { position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 1040; background: rgba(255,255,255,0.5); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#88ffffff,endColorstr=#88ffffff); /*impedir selecção*/ -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
        .PB .GPOverlay .GPSpinnerOuter { display: table; width: 100%; height: 100%; }
            .PB .GPOverlay .GPSpinnerOuter .GPSpinner { text-align: center; display: table-cell; vertical-align: middle; }
                .PB .GPOverlay .GPSpinnerOuter .GPSpinner .GPSpinnerInner { display: inline-block; /*background-color: rgba(240, 240, 240, 0.2);*/ width: 200px; padding: 5px; }
                    .PB .GPOverlay .GPSpinnerOuter .GPSpinner .GPSpinnerInner p { text-transform: uppercase; font-size: 16px; font-weight: bold; }
                    .PB .GPOverlay .GPSpinnerOuter .GPSpinner .GPSpinnerInner .spinner, .GPOverlay .GPSpinnerOuter .GPSpinner .GPSpinnerInner .spinner:after { border-radius: 50%; width: 10em; height: 10em; }
                    .PB .GPOverlay .GPSpinnerOuter .GPSpinner .GPSpinnerInner .spinner { margin: 20px auto; font-size: 10px; position: relative; text-indent: -9999em; border-top: 1.1em solid rgba(1, 81, 137, 0.6); border-right: 1.1em solid rgba(1, 81, 137, 0.6); border-bottom: 1.1em solid rgba(1, 81, 137, 0.6); border-left: 1.1em solid rgba(159, 40, 31, 0.9); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation: load8 1.1s infinite linear; animation: load8 1.1s infinite linear; width: 50px; height: 50px; }

    .PB div.GPSpinnerWarning { color: #777; margin-top: 20px; }

    /** Message Overlay *****************************************************/
    .PB .MessageOverlay { position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 1040; background: rgba(0,0,0,0.5); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#88ffffff,endColorstr=#88ffffff); /*impedir selecção*/ -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
        .PB .MessageOverlay .MOMessageOuter { display: table; width: 100%; height: 100%; }
            .PB .MessageOverlay .MOMessageOuter .MOMessage { text-align: center; display: table-cell; vertical-align: middle; }
                .PB .MessageOverlay .MOMessageOuter .MOMessage .MOMessageInner { display: inline-block; min-width: 300px; max-width: 600px; background-color: #fff; border-radius: 4px; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.4); overflow: hidden; border-top-left-radius: 0px; border-top-right-radius: 0px; margin: 0 15px; }
                    .PB .MessageOverlay .MOMessageOuter .MOMessage .MOMessageInner .MOMessageHeader { }
                        .PB .MessageOverlay .MOMessageOuter .MOMessage .MOMessageInner .MOMessageHeader .MOMessageHeaderStatus { height: 5px; background-color: #01406D; }
                        .PB .MessageOverlay .MOMessageOuter .MOMessage .MOMessageInner .MOMessageHeader .MOMessageHeaderToolbar { background-color: #015189; color: #fff; display: block; text-transform: uppercase; text-align: left; padding: 5px 15px; font-weight: bold; font-size: 12px; }
                    .PB .MessageOverlay .MOMessageOuter .MOMessage .MOMessageInner .MOMessageBody { padding: 15px; }
                    .PB .MessageOverlay .MOMessageOuter .MOMessage .MOMessageInner .MOText { font-size: 14px; color: #444; text-align: left; margin: 5px 0 20px 0; }
                    .PB .MessageOverlay .MOMessageOuter .MOMessage .MOMessageInner .MOButtons { text-align: center; }
                        .PB .MessageOverlay .MOMessageOuter .MOMessage .MOMessageInner .MOButtons .MOButton { outline: 0; background: #9F281F; border: 0; padding: 5px 15px; color: #FFFFFF; font-size: 14px; -webkit-transition: all .35s ease-in-out; transition: all .35s ease-in-out; cursor: pointer; vertical-align: bottom; }
                            .PB .MessageOverlay .MOMessageOuter .MOMessage .MOMessageInner .MOButtons .MOButton:hover { background: #790E05; }

    /************************************************************************/


    /** GESTOOLS LOGIN 2 - START ********************************************/
    .GST2 { }
    body.GST2 { position: relative; background-color: #fff; min-height: 100vh; }
        body.GST2.BGImage:before { content: ""; position: fixed; top: 0; left: 0; right: 0; z-index: -1; display: block; background-image: url('Images/BG.jpg'); background-size: cover; -webkit-filter: blur(5px); -moz-filter: blur(5px); -o-filter: blur(5px); -ms-filter: blur(5px); filter: blur(5px); min-height: 100vh; }

    .GST2 .LAForm { max-width: 992px; margin: 0 auto; }
    .GST2.BGImage .LAForm { background-color: rgba(255,255,255,0.2); border-radius: 10px; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.4); padding: 15px; margin-top: 15px; margin-bottom: 15px; }

    .GST2 .LALogos { margin: 30px 0 20px 0; }
        .GST2 .LALogos:after { visibility: hidden; display: block; content: ""; clear: both; height: 0; }
        .GST2 .LALogos .LAMainLogo { display: inline-block; float: left; width: 50%; text-align: left; line-height: 60px; }
            .GST2 .LALogos .LAMainLogo a { display: inline-block; }
            .GST2 .LALogos .LAMainLogo img { max-width: 317px; max-height: 60px; margin: 5px 0; border: none; }
        .GST2 .LALogos .LAEntityLogo { display: none; float: right; width: 50%; text-align: right; line-height: 60px; }
            .GST2 .LALogos .LAEntityLogo img { max-width: 234px; max-height: 60px; border: none; }
        .GST2 .LALogos .LADemo { display: inline-block; float: right; width: 50%; text-align: right; line-height: 71px; }
            .GST2 .LALogos .LADemo img { max-width: 154px; max-height: 71px; border: none; }

    .GST2 .LALoginContainer { margin: 0px 0px; }
    .GST2 .LALoginPHeader { }
    .GST2 .LALoginPHeaderStatus { }
    .GST2 .LALoginPHeaderToolbar { color: #444; background: rgba(226,226,226,1); background: -moz-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 7%, rgba(209,209,209,1) 8%, rgba(254,254,254,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(226,226,226,1)), color-stop(7%, rgba(219,219,219,1)), color-stop(8%, rgba(209,209,209,1)), color-stop(100%, rgba(254,254,254,1))); background: -webkit-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 7%, rgba(209,209,209,1) 8%, rgba(254,254,254,1) 100%); background: -o-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 7%, rgba(209,209,209,1) 8%, rgba(254,254,254,1) 100%); background: -ms-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 7%, rgba(209,209,209,1) 8%, rgba(254,254,254,1) 100%); background: linear-gradient(to bottom, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 7%, rgba(209,209,209,1) 8%, rgba(254,254,254,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe', GradientType=0 ); }
    .GST2 .LALoginPBody { margin: 15px 30px; }

    .GST2 .LALoginPanel { display: inline-block; width: calc(50% - 82px); vertical-align: top; background-color: #fff; border-radius: 0px; margin: 40px 40px; overflow: hidden; border: 1px solid #aaa; }
        .GST2 .LALoginPanel:first-child { margin: 40px 80px 40px 0px; }
        .GST2 .LALoginPanel:last-child { margin: 40px 0px 40px 80px; }
        .GST2 .LALoginPanel:only-child { margin: 40px auto; display: block; width: calc(100% - 40px); max-width: 480px; }

    .GST2 .LALoginPHeaderToolbar .LALabel { display: block; text-transform: uppercase; text-align: center; padding: 10px 0; font-weight: bold; }

    .GST2 .LAInput { display: block; outline: 0; width: 100%; margin: 0 0 10px; padding: 10px 15px; box-sizing: border-box; font-size: 14px; border-top: none; border: 1px solid #aaa; }
    .GST2 .LAInputToHide { }
    .GST2 .LAButton { outline: 0; background: #9F281F; border: 0; padding: 8px 15px; color: #FFFFFF; font-size: 14px; -webkit-transition: all .35s ease-in-out; transition: all .35s ease-in-out; cursor: pointer; margin-top: 0px; vertical-align: bottom; }
    .GST2 .LAButton2 { outline: 0; background: #fff; border: 0; padding: 8px 10px; color: #757575; font-size: 12px; -webkit-transition: all .35s ease-in-out; transition: all .35s ease-in-out; cursor: pointer; margin-top: 0px; vertical-align: bottom; }
    .GST2 .LAButton:hover { background: #790E05; }
    .GST2 .LAButton2:hover { text-decoration: underline; }

    .GST2 .LALoginPanelSeparator { display: inline-block; vertical-align: top; border-left: 1px solid #000; margin: 0 calc(5% - 0.5px); }

    .GST2 .LALanguages { margin: 0px 0 0px 0; text-align: right; background-color: #ABABAB; }
        .GST2 .LALanguages ul { list-style: none; margin: 0; padding: 0; }
            .GST2 .LALanguages ul li.LALanguage { display: inline-block; padding: 0px 5px; cursor: pointer; -webkit-transition: border .15s ease-in-out, background-color .5s ease-in-out; transition: border .15s ease-in-out, background-color .5s ease-in-out; border: 3px solid transparent; }
                .GST2 .LALanguages ul li.LALanguage.LASelected { border: 3px solid transparent; background-color: #FFBE00; }
                .GST2 .LALanguages ul li.LALanguage input[type='radio'] { width: 0px; height: 0px; padding: 0; margin: 0; display: block; }
                .GST2 .LALanguages ul li.LALanguage img { width: 24px; }

    .GST2 .LAFooter { margin: 30px 0; font-size: 12px; text-align: center; }
    .GST2.BGImage .LAFooter { /*background-color: rgba(255,255,255,0.5); border-radius: 10px; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.4); padding: 5px 15px;*/ }
    .GST2 .LAFooter span { vertical-align: 6px; }
    .GST2 .LAFooter a { display: inline-block; vertical-align: 0px; }
    .GST2 .LAFooter img { max-width: 100px; max-height: 25px; border: none; }

    .GST2 .LABanner { }
        .GST2 .LABanner img { width: 100%; }

    .GST2 .LAError { }

    /** Global Overlay ******************************************************/
    .GST2 .GPOverlay { position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 1040; background: rgba(255,255,255,0.5); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#88ffffff,endColorstr=#88ffffff); /*impedir selecção*/ -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
        .GST2 .GPOverlay .GPSpinnerOuter { display: table; width: 100%; height: 100%; }
            .GST2 .GPOverlay .GPSpinnerOuter .GPSpinner { text-align: center; display: table-cell; vertical-align: middle; }
                .GST2 .GPOverlay .GPSpinnerOuter .GPSpinner .GPSpinnerInner { display: inline-block; /*background-color: rgba(240, 240, 240, 0.2);*/ width: 200px; padding: 5px; }
                    .GST2 .GPOverlay .GPSpinnerOuter .GPSpinner .GPSpinnerInner p { text-transform: uppercase; font-size: 16px; font-weight: bold; color: #555; }
                    .GST2 .GPOverlay .GPSpinnerOuter .GPSpinner .GPSpinnerInner .spinner, .GPOverlay .GPSpinnerOuter .GPSpinner .GPSpinnerInner .spinner:after { border-radius: 50%; width: 10em; height: 10em; }
                    .GST2 .GPOverlay .GPSpinnerOuter .GPSpinner .GPSpinnerInner .spinner { margin: 20px auto; font-size: 10px; position: relative; text-indent: -9999em; border-top: 1.1em solid rgba(170, 170, 170, 0.6); border-right: 1.1em solid rgba(90, 90, 90, 0.8); border-bottom: 1.1em solid rgba(170, 170, 170, 0.6); border-left: 1.1em solid rgba(90, 90, 90, 0.8); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation: load8 1.1s infinite linear; animation: load8 1.1s infinite linear; width: 50px; height: 50px; }

    .GST2 div.GPSpinnerWarning { color: #777; margin-top: 20px; }

    /** Message Overlay *****************************************************/
    .GST2 .MessageOverlay { position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 1040; background: rgba(0,0,0,0.5); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#88ffffff,endColorstr=#88ffffff); /*impedir selecção*/ -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
        .GST2 .MessageOverlay .MOMessageOuter { display: table; width: 100%; height: 100%; }
            .GST2 .MessageOverlay .MOMessageOuter .MOMessage { text-align: center; display: table-cell; vertical-align: middle; }
                .GST2 .MessageOverlay .MOMessageOuter .MOMessage .MOMessageInner { display: inline-block; min-width: 300px; max-width: 600px; background-color: #fff; border-radius: 0px; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.4); overflow: hidden; border-top-left-radius: 0px; border-top-right-radius: 0px; margin: 0 15px; }
                    .GST2 .MessageOverlay .MOMessageOuter .MOMessage .MOMessageInner .MOMessageHeader { }
                        .GST2 .MessageOverlay .MOMessageOuter .MOMessage .MOMessageInner .MOMessageHeader .MOMessageHeaderStatus { height: 2px; background-color: #ABABAB; }
                        .GST2 .MessageOverlay .MOMessageOuter .MOMessage .MOMessageInner .MOMessageHeader .MOMessageHeaderToolbar { background-color: #E0E0E0; color: #444; display: block; text-transform: uppercase; text-align: left; padding: 5px 15px; font-weight: bold; font-size: 12px; }
                    .GST2 .MessageOverlay .MOMessageOuter .MOMessage .MOMessageInner .MOMessageBody { padding: 15px; }
                    .GST2 .MessageOverlay .MOMessageOuter .MOMessage .MOMessageInner .MOText { font-size: 14px; color: #444; text-align: left; margin: 5px 0 20px 0; }
                    .GST2 .MessageOverlay .MOMessageOuter .MOMessage .MOMessageInner .MOButtons { text-align: center; }
                        .GST2 .MessageOverlay .MOMessageOuter .MOMessage .MOMessageInner .MOButtons .MOButton { outline: 0; background: #9F281F; border: 0; padding: 5px 15px; color: #FFFFFF; font-size: 14px; -webkit-transition: all .35s ease-in-out; transition: all .35s ease-in-out; cursor: pointer; vertical-align: bottom; }
                            .GST2 .MessageOverlay .MOMessageOuter .MOMessage .MOMessageInner .MOButtons .MOButton:hover { background: #790E05; }

    /** GESTOOLS LOGIN 2 - END **********************************************/

}

@media screen and (min-width: 481px) and (max-width: 767px) {
    /** PORTOBAY ************************************************************/
    .PB .LALoginPanel { display: block; width: calc(100% - 80px); }
        .PB .LALoginPanel:first-child { margin: 40px 40px; }
        .PB .LALoginPanel:last-child { margin: 40px 40px; }
    /************************************************************************/


    /** GESTOOLS LOGIN 2 ****************************************************/
    .GST2 .LAInputToHide { display: none; }

    .GST2 .LALoginPanel { display: block; width: calc(100% - 80px); }
        .GST2 .LALoginPanel:first-child { margin: 40px 40px; }
        .GST2 .LALoginPanel:last-child { margin: 40px 40px; }
        .GST2 .LALoginPanel:only-child { margin: 40px auto; display: block; width: calc(100% - 40px); max-width: 480px; }
    /************************************************************************/
}

@media screen and (max-width: 600px) {
    /** GESTOOLS LOGIN 2 ****************************************************/
    .GST2 .LALogos .LAMainLogo { display: block; float: none; width: 100%; text-align: left; line-height: 60px; padding: 0 20px; }
    .GST2 .LALogos .LADemo { display: none; }
    /************************************************************************/
}

@media screen and (max-width: 480px) {
    /** PORTOBAY ************************************************************/
    .PB .LALoginPanel { display: block; width: calc(100% - 40px); }
        .PB .LALoginPanel:first-child { margin: 40px 20px; }
        .PB .LALoginPanel:last-child { margin: 40px 20px; }
    /************************************************************************/


    /** GESTOOLS LOGIN 2 ****************************************************/
    .GST2 .LAInputToHide { display: none; }

    .GST2 .LALoginPanel { display: block; width: calc(100% - 40px); }
        .GST2 .LALoginPanel:first-child { margin: 40px 20px; }
        .GST2 .LALoginPanel:last-child { margin: 40px 20px; }
        .GST2 .LALoginPanel:only-child { margin: 40px auto; display: block; width: calc(100% - 40px); max-width: 480px; }
    /************************************************************************/
}