@import url(https://fonts.googleapis.com/css?family=Titillium+Web:400,600,700,900);
.agid-spid-panel {position:relative;top:0;left:0;width:100%;height:100%;color:#000;position:fixed!important;z-index:1;overflow:auto;display:none; background:#06c;}
#agid-spid-panel-header {display:block;position:fixed;overflow:hidden;width:100%;overflow:hidden;text-align:center;padding:5px 0;margin:0;color:#fff;background-color:#fff;z-index:1;-webkit-backface-visibility: hidden;}
#agid-spid-panel-header .agid-spid-panel-back, #agid-spid-panel-header .agid-spid-panel-logo {float:left;width:33.33333%;  padding-top:3px;}
#agid-spid-panel-header .agid-spid-panel-back a, #agid-spid-panel-header .agid-spid-panel-back button, #agid-spid-panel-header .agid-spid-panel-back button a {padding:12px 16px 8px;float:left;width:auto;border:none;outline:none;display:block;cursor:pointer}
#agid-spid-panel-header .agid-spid-panel-back a:hover, #agid-spid-panel-header .agid-spid-panel-back a:focus {background-color: #036;}
#agid-spid-panel-header .agid-spid-panel-back img {max-height:30px;}
#agid-spid-panel-header .agid-spid-panel-logo img {max-height:50px;}
#agid-spid-panel-content {display:block;width:90%;margin:100px auto; overflow:auto;}
.agid-spid-panel-content-center {max-width:650px; text-align:center;margin:auto;}
#agid-spid-panel-content h1#agid-spid-enter-title-page {font-family: "Titillium Web", HelveticaNeue, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;font-weight: 600;font-size: 1.125em;color: #fff; text-align: center; display: inline-block;}
#agid-spid-enter-support-actions {list-style-type: none;padding: 0;font-family: "Titillium Web", HelveticaNeue, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;font-weight: 600;font-size: .875em;line-height: 30px; text-align: start; display:none}
a.idp-list-link:link {color:#06c;}
a.idp-list-link:visited {color:#06c;}
a.idp-list-link:hover {color:#036;}
a.idp-list-link:active {background-color:#06c;color:#fff;}
.agid-spid-idp-button { width:85px; height:45px; display: inline-block;position: relative;padding: 5px 20px;color: #FFF; line-height:0;height: 60px;text-align: center;cursor: pointer;overflow: hidden;background: #FFF; border-radius: 5px; color: #a00;cursor: pointer;
                        font: inherit;margin: 10px 10px 10px 0;outline: 1px;transition: all .1s linear; background-repeat:no-repeat;background-position: center center;
                        background-size: 80%;-o-transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;transition:.5s;}
.agid-spid-idp-button:hover, .agid-spid-idp-button:focus {border: 2px solid #06C;box-shadow: 0 5px 0 #0057ae;}
.agid-spid-idp-button:active {box-shadow: 0 2px 0 #999;transform: translateY(3px);}
.agid-spid-idp-button img {width:100%;}
.open-link {width:12px; margin-bottom:1px;}
#agid-spid-panel-footer {display:block;position:fixed;bottom:0;overflow:hidden;-ms-transform:translate(-50%,0%);width:100%;overflow:hidden;text-align:center;color:#fff;background-color:#06c;-webkit-backface-visibility: hidden;}
#agid-spid-panel-footer img {max-width:200px; margin:5px;}
.agid-spid-animate-opacity{animation:opac .8s}@keyframes opac{from{opacity:0} to{opacity:1}}
.agid-spid-animate-left{position:relative;animation:animateleft .4s}@keyframes animateleft { from {left:-200px;opacity:0} to {left:0;opacity:1}  } 
.agid-spid-enter {display: inline-block;padding: 0;color: #FFF;background-color: #06C;font-family: "Titillium Web", HelveticaNeue, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;font-weight: 600;line-height: 1em;text-decoration: none;border: 0;text-align: center;cursor: pointer;outline:0;}
.agid-spid-enter svg {fill: #FFF}
.agid-spid-enter:hover, .agid-spid-enter:focus  {background-color: #036;color: #FFF}
.agid-spid-enter:active{background-color: #83BEED;color: #036;}
.agid-spid-enter:visited {background-color: #06C;color: #FFF}
.agid-spid-enter-icon,.agid-spid-enter-text {display: block;float: left}
.agid-spid-enter-icon {margin: 0 -.4em 0 0;padding: .6em .8em .5em;border-right: rgba(255, 255, 255, 0.1) .1em solid}
.agid-spid-enter-text {padding: .95em 1em .85em;font-size: 1.15em;text-align: center;}
.agid-spid-enter-icon svg {width: 1.8em;height: 1.8em; fill: #fff;}
.agid-spid-enter-size-s {font-size: .625em; -moz-border-radius: 5px;-webkit-border-radius: 5px;-khtml-border-radius: 5px;border-radius: 5px;}
.agid-spid-enter-size-s > span img {width: 19px;height: 19px;border: 0}
.agid-spid-enter-size-m {font-size: .95em; -moz-border-radius: 6px;-webkit-border-radius: 6px;-khtml-border-radius: 6px;border-radius: 6px;}
.agid-spid-enter-size-m > span img {width: 29px;height: 29px;border: 0;}
.agid-spid-enter-size-l {font-size: 1.25em; -moz-border-radius: 7px;-webkit-border-radius: 7px;-khtml-border-radius: 7px;border-radius: 7px;}
.agid-spid-enter-size-l > span img {width: 38px;height: 38px;border: 0;}
.agid-spid-enter-size-xl {font-size: 1.55em; -moz-border-radius: 8px;-webkit-border-radius: 8px;-khtml-border-radius: 8px;border-radius: 8px;}
.agid-spid-enter-size-xl > span img {width: 47px;height: 47px;border: 0}
.agid-spid-button {display:block;}
.agid-spid-row:after {content:"";display:table;clear:both}
.agid-spid-col {float:left;width:100%}
.agid-spid-col.xs1{width:8.33333%}.agid-spid-col.xs2{width:16.66666%}.agid-spid-col.xs3{width:24.99999%}.agid-spid-col.xs4{width:33.33333%}
.agid-spid-col.xs5{width:41.66666%}.agid-spid-col.xs6{width:49.99999%}.agid-spid-col.xs7{width:58.33333%}.agid-spid-col.xs8{width:66.66666%}
.agid-spid-col.xs9{width:74.99999%}.agid-spid-col.xs10{width:83.33333%}.agid-spid-col.xs11{width:91.66666%}.agid-spid-col.xs12{width:99.99999%}
#agid-spid-enter-title-support-actions {list-style-type: none;padding: 0; display:inline-block;}
#agid-spid-enter-title-support-actions li{ display:inline-block; }
.inlineicons{width:2em; margin-bottom:-.625em; padding:0 .5em;}
.notonmobile{display:none}
#agid-spid-idp-list{padding-top: 1em;}
#agid-spid-enter-title-container {padding-top: 1.250em;}

@media (max-width:360px){#agid-spid-panel-content h1#agid-spid-enter-title-page { font-size: 1em; margin: 0 auto;}  #agid-spid-panel-content{margin: 70px auto 100px;} .agid-spid-idp-button {} .agid-spid-col.xs12{width:49.99999%} .agid-spid-panel{background-position: bottom -25px right -150px;}}
@media (max-width:360px) and (max-height:568px) { .agid-spid-idp-button {height:40px; margin: 7.5px 10px 7.5px 0;}}
@media (max-width:360px) and (max-height:480px) { #agid-spid-panel-content{margin: 70px auto 100px;} .agid-spid-idp-button {height:44px; width:145; margin: 5px 10px 5px 0;} .agid-spid-col.xs12{width:49.99999%} }


@media (min-width:401px){#agid-spid-enter-title-page{margin: 20px auto;} .agid-spid-idp-button {width:120px;height:65px} .agid-spid-col.s1{width:8.33333%} #agid-spid-panel-content{margin: 100px auto;} .agid-spid-col.s2{width:16.66666%}.agid-spid-col.s3 {width:24.99999%}.agid-spid-col.s4 {width:33.33333%}
                         .agid-spid-col.s5{width:41.66666%}.agid-spid-col.s6 {width:49.99999%}.agid-spid-col.s7{width:58.33333%}.agid-spid-col.s8 {width:66.66666%}
                         .agid-spid-col.s9 {width:74.99999%}.agid-spid-col.s10{width:83.33333%}.agid-spid-col.s11{width:91.66666%}.agid-spid-col.s12{width:99.99999%}
                         #agid-spid-enter-support-actions{margin: 0 auto; display:inline;}
                         #agid-spid-panel-content h1#agid-spid-enter-title-page {display:block; width: 100%;} 
                         .notonmobile{display:inline-block}
                         #agid-spid-enter-title-support-actions{display:none}
                         #agid-spid-idp-list{padding: 0;}
}
@media (min-width:601px){.agid-spid-col.m1{width:8.33333%}.agid-spid-col.m2{width:16.66666%}.agid-spid-col.m3 {width:24.99999%}.agid-spid-col.m4 {width:33.33333%}
                         .agid-spid-col.m5{width:41.66666%}.agid-spid-col.m6,.agid-spid-half{width:49.99999%}.agid-spid-col.m7{width:58.33333%}.agid-spid-col.m8,.agid-spid-twothird{width:66.66666%}
                         .agid-spid-col.m9 {width:74.99999%}.agid-spid-col.m10{width:83.33333%}.agid-spid-col.m11{width:91.66666%}.agid-spid-col.m12{width:99.99999%}}
@media (min-width:993px){.agid-spid-idp-button {width:100px;height:50px} .agid-spid-col.l1{width:8.33333%}.agid-spid-col.l2{width:16.66666%}.agid-spid-col.l3{width:24.99999%}.agid-spid-col.l4{width:33.33333%}
                         .agid-spid-col.l5{width:41.66666%}.agid-spid-col.l6{width:49.99999%}.agid-spid-col.l7{width:58.33333%}.agid-spid-col.l8{width:66.66666%}
                         .agid-spid-col.l9{width:74.99999%}.agid-spid-col.l10{width:83.33333%}.agid-spid-col.l11{width:91.66666%}.agid-spid-col.l12{width:99.99999%}}
@media (min-width:1199px) { .agid-spid-idp-button {width:140px;height:75px} .agid-spid-panel-content-center {max-width:850px;} }
@media (min-width:1399px) { .agid-spid-idp-button {width:170px;height:90px} .agid-spid-panel-content-center {max-width:1050px;} }