div.loginContainer {
    padding   : 0.5em;
    font-size : 10pt;
}

div.loginmask, div.loginmask a {
    color : black;
}

div.loginmask span {
    margin-left : 1em;
}

div.loginmask div {
    display     : inline;
    margin-left : 1em;
    border-left : 1px solid black;
}

div.loginmask form {
    display: inline;
}

div.loginmask select {
    font-size: 10pt;
}

div.loginpopup {
    position         : absolute;
    z-index          : 1000;
    width            : 330px;
    background-color : white;
    color            : black;
    font-size        : 10pt;
    margin           : 0.5em 0 0 1em;
    box-shadow       : 5px 5px 20px rgba(0,0,0,0.5);
}

div.loadingoverlay {
    background-color : rgba(255,255,255,0.5);
    width            : 100%;
    height           : 100%;
    z-index          : 1001;
    position         : absolute;
}

div.loader{
    background-image  : url("/storage/sym/loaders/loader_big_black.gif");
    background-repeat : no-repeat;
    margin-left       : -16px;
    margin-top        : -16px;
    padding-top       : 32px;
    position          : relative;
    top               : 50%;
    left              : 50%;
}

div.fcmslogin {
    padding: 2em 2em 0 2em;
}

div.fcmslogin div {
    margin-bottom : 1em;
}

div.sociallogin {
    border-top       : 2px solid #999;
    margin-top       : 1em;
    padding          : 2em;
    background-color : #414141;
    color            : white;
}

div.socialloginlabel {
    display  : inline;
    position : relative;
    top      : -4px;
}

div.fcmslogin label[for=permanent] {
    position : relative;
    display  : inline;
    top      : -2px;
    cursor   : pointer;
}

div.loginfield input {
    width  : 99%;
    border : 1px solid darkgray;
}

div.loginfield label {
    width       : 80px;
    display     : block;
    font-weight : bold;
}

input[data-fcms-name=permanent] {
    display: inline-block;
}

div.loginlink {
    width      : 100%;
    text-align : right;
}

div.loginlink a, div.loginlink img {
    cursor : pointer;
}

div.loginsubmit {
    margin-top    : 1em;
    margin-bottom : 0;
}

div.loginsubmit input[type=submit]{
    font-weight : bold;
    font-size   : 10pt;
    cursor      : pointer;
}

div.errorbox {
    color      : darkred;
    margin-top : 1em;
}

div.errorbox ul {
    margin-left  : 0;
    padding-left : 0;
}

div.errorbox li {
    margin-left : 0;
    list-style  : none;
}

div.errorbox li div {
    color                 : darkred;
    padding               : 4px 0px 10px 0px;
    margin-bottom         : 0px;
}

div[data-fcms-domid=contentLoader] {
    background-image  : url("/storage/sym/loaders/loader_small_grey.gif");
    background-repeat : no-repeat;
    padding           : 4px 0px 4px 20px;
    width             : 200px;
    margin            : auto;
}