.welcome_text{
    color:#FFF
}.arabikanew{

  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1d447c+0,1d447c+89,00ceff+89,00ceff+100 */.sticky-footer
background: #1d447c; /* Old browsers */
background: -moz-linear-gradient(top,  #1d447c 0%, #1d447c 89%, #00ceff 89%, #00ceff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #1d447c 0%,#1d447c 89%,#00ceff 89%,#00ceff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #1d447c 0%,#1d447c 89%,#00ceff 89%,#00ceff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d447c', endColorstr='#00ceff',GradientType=0 ); /* IE6-9 */

}
.alert-info .fa{
    color:#5bc0de
}
.sticky-footer a{
    color:#fff!important;
    text-underline:none!important
}
.alert-danger .fa{
    color:#f29343
}
.tease{
    display:block;
    position:absolute;
    top:0;
    -webkit-transition:opacity 2s ease-in-out;
    -moz-transition:opacity 2s ease-in-out;
    -ms-transition:opacity 2s ease-in-out;
    -o-transition:opacity 2s ease-in-out;
    transition:opacity 2s ease-in-out;
    padding:10px 20px;
    margin-top:1px;
    color:#fff;
    font-size:11px;
    opacity:.5;
    width:100%;
    text-align:center;
    background-color:rgba(0,0,0,0.5);
    border-bottom:5px solid rgba(255,255,255,0.8)
}
.ui-pnotify{
    z-index:555
}
.tease:hover{
    opacity:1;
    color:#FFF
}
.alert-success .fa{
    color:#3c763d
}
.alert h4{
    padding-bottom:10px!important
}
.alert-success{
    color:#4d4d4d;
    background-color:#fff;
    border-color:#d6e9c6
}
.alert-danger{
    color:#6e6e6e;
    background-color:#fff;
    border-color:#ffdaa8
}
.alert-info{
    color:#6e6e6e;
    background-color:#fff;
    border-color:rgba(255,255,255,0.8)
}
.login_header{

    background-color:rgba(0,0,0,0.0);
    padding:4px 0 1px;
    transform:rotate(-3deg);
    -webkit-transform:rotate(-3deg);
    -moz-transform:rotate(-3deg)
}
#box:hover{
    opacity:1
}
img.lamp_uit{
    opacity:1!important
}
#confetti{
    position:absolute;
    left:0;
    top:0;
    height:100%;
    width:100%;
    pointer-events:none
}
.fading_background{
    background:linear-gradient(237deg,#ff0404,#ff7900,#ffea00,#20ff04,#1af37e,#1af391,#00e0ff,#0064ff,#c100ff,#ff0095,#9400ff);
    background-size:1400% 1400%;
    -webkit-animation:AnimationName 57s ease infinite;
    -moz-animation:AnimationName 57s ease infinite;
    -o-animation:AnimationName 57s ease infinite;
    animation:AnimationName 57s ease infinite
}
.fading_backgroundx{
    background:linear-gradient(237deg,#fff,#000,#fff,#fff);
    background-size:1400% 1400%;
    -webkit-animation:AnimationName 30s ease infinite;
    -moz-animation:AnimationName 30s ease infinite;
    -o-animation:AnimationName 30s ease infinite;
    animation:AnimationName 30s ease infinite
}
@-webkit-keyframes AnimationName{
    0%{
        background-position:84% 0
    }
    50%{
        background-position:17% 100%
    }
    100%{
        background-position:84% 0
    }
}
@-moz-keyframes AnimationName{
    0%{
        background-position:84% 0
    }
    50%{
        background-position:17% 100%
    }
    100%{
        background-position:84% 0
    }
}
@-o-keyframes AnimationName{
    0%{
        background-position:84% 0
    }
    50%{
        background-position:17% 100%
    }
    100%{
        background-position:84% 0
    }
}
@keyframes AnimationName{
    0%{
        background-position:84% 0
    }
    50%{
        background-position:17% 100%
    }
    100%{
        background-position:84% 0
    }
}
.login-content .lc-block{
    background:rgba(255 255 255 / 0%)
}
.login-content input{
    background:rgba(255,255,255,0.9)!important;
    padding:7px
}
.input-group .input-group-addon .md{
    color:#fff
}
.btn-info,.btn-info:active:hover,.btn-info.active:hover,.open>.dropdown-toggle.btn-info:hover,.btn-info:active:focus,.btn-info.active:focus,.open>.dropdown-toggle.btn-info:focus,.btn-info:active.focus,.btn-info.active.focus,.open>.dropdown-toggle.btn-info.focus,.btn-info:focus{
    background-color:#FFF;
    opacity:1
}
.btn-info:hover{
    background-color:#FFF;
    opacity:.8
}
.btn-info:not(.bgm-white):not(.bgm-gray)>i{
    color:#000
}
.login-content .lc-block{
    vertical-align:text-top
}
.sticky-footer{
    position:absolute;
    bottom:20px;
    margin:auto;
    left:0;
    color:#fff;
    opacity:.7;
    right:0;
    display:none;
}
.gray_dark{
    background:repeating-linear-gradient(-45deg,#222,#222 20px,#333 20px,#333 40px)!important
}
.blue_white{
    background:repeating-linear-gradient(-45deg,#4cf,#4cf 10px,#fff 10px,#fff 20px)!important
}
.login_header img,.login_header p{
    transform:rotate(3deg);
    -webkit-transform:rotate(3deg);
    -moz-transform:rotate(3deg);
    display:none;
}
.img-x{
    opacity:.1;
    -webkit-transition:opacity 2s ease-in-out;
    -moz-transition:opacity 2s ease-in-out;
    -ms-transition:opacity 2s ease-in-out;
    -o-transition:opacity 2s ease-in-out;
    transition:opacity 2s ease-in-out
}
.img-x:hover{
    opacity:1;
    -webkit-transition:opacity 2s ease-in-out;
    -moz-transition:opacity 2s ease-in-out;
    -ms-transition:opacity 2s ease-in-out;
    -o-transition:opacity 2s ease-in-out;
    transition:opacity 2s ease-in-out
}
.img-splash{
    width:400px;
    padding:5px 15px;
    position:absolute;
    left:0;
    right:0;
    margin:auto;
    opacity:.5;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    -webkit-transition:opacity 1s ease-in-out;
    -moz-transition:opacity 1s ease-in-out;
    z-index:3;
    -ms-transition:opacity 1s ease-in-out;
    -o-transition:opacity 1s ease-in-out;
    transition:opacity 1s ease-in-out
}
.img-splash:hover{
    opacity:1;
    -webkit-transition:opacity 1s ease-in-out;
    -moz-transition:opacity 1s ease-in-out;
    -ms-transition:opacity 1s ease-in-out;
    -o-transition:opacity 1s ease-in-out;
    transition:opacity 1s ease-in-out
}
.login-content .lc-block .checkbox{
    margin:5px 0 0 42px;
    text-align:center;
    color:#000;
    display:none;
    
}
body.rotterdam.login-content:before{
    opacity:1;
    background:url(/resourcesx/img/background_trans.png) no-repeat top center fixed;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
    height:100%!important
}
body.login-content:before{
}
body.xxx,div#l-loginx{
    background:url(/resourcesx/img/abstract.jpg);
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover
}
body.black,body.black:before{
    background:#000!important
}
body.blue.login-content:before{
  background: #1d447c; /* Old browsers */
  background: -moz-linear-gradient(top,  #1d447c 0%, #1d447c 89%, #00ceff 89%, #00ceff 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #1d447c 0%,#1d447c 89%,#00ceff 89%,#00ceff 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #1d447c 23%,#00ceff 95%,#00ceff 89%,#00ceff 75%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d447c', endColorstr='#00ceff',GradientType=0 ); /* IE6-9 */
}
body.orangex.login-content:before{
    background:#ff7f04;
    background:-moz-linear-gradient(-45deg,#ff7f04 0,#ff7f04 80%,#ff7f04 80%,#f36d2a 80%,#f36d2a 80%,#f36d2a 100%);
    background:-webkit-gradient(linear,left top,right bottom,color-stop(0%,#ff7f04),color-stop(80%,#ff7f04),color-stop(80%,#ff7f04),color-stop(80%,#f36d2a),color-stop(80%,#f36d2a),color-stop(100%,#f36d2a));
    background:-webkit-linear-gradient(-45deg,#ff7f04 0,#ff7f04 80%,#ff7f04 80%,#f36d2a 80%,#f36d2a 80%,#f36d2a 100%);
    background:-o-linear-gradient(-45deg,#ff7f04 0,#ff7f04 80%,#ff7f04 80%,#f36d2a 80%,#f36d2a 80%,#f36d2a 100%);
    background:-ms-linear-gradient(-45deg,#ff7f04 0,#ff7f04 80%,#ff7f04 80%,#f36d2a 80%,#f36d2a 80%,#f36d2a 100%);
    background:linear-gradient(135deg,#ff7f04 0,#ff7f04 80%,#ff7f04 80%,#f36d2a 80%,#f36d2a 80%,#f36d2a 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF7F04',endColorstr='#F36D2A',GradientType=1)
}
body.orange.login-content:before{
    background:-webkit-linear-gradient(90deg,#00c6ff 10%,#0072ff 90%);
    background:-moz-linear-gradient(90deg,#00c6ff 10%,#0072ff 90%);
    background:-ms-linear-gradient(90deg,#00c6ff 10%,#0072ff 90%);
    background:-o-linear-gradient(90deg,#00c6ff 10%,#0072ff 90%);
    background:linear-gradient(90deg,#00c6ff 10%,#0072ff 90%)
}
.btn-danger{
    background-color:#000;
    opacity:1
}
.btn-danger:hover{
    background-color:#000;
    opacity:.8
}
#lights{
    position:absolute;
    left:0;
    top:0;
    z-index:1;
    opacity:.3;
    width:100%;
    height:50px;
    overflow:hidden;
    -webkit-transition:opacity 3s ease-in-out;
    -moz-transition:opacity 3s ease-in-out;
    -ms-transition:opacity 3s ease-in-out;
    -o-transition:opacity 3s ease-in-out;
    transition:opacity 3s ease-in-out
}
#lights:hover{
    opacity:1;
    -webkit-transition:opacity 1.5s ease-in-out;
    -moz-transition:opacity 1.5s ease-in-out;
    -ms-transition:opacity 1.5s ease-in-out;
    -o-transition:opacity 1.5s ease-in-out;
    transition:opacity 1.5s ease-in-out
}
.xlsf-light{
    position:absolute
}
body.fast .xlsf-light{
    opacity:.9
}
.xlsf-fragment{
    position:absolute;
    background:transparent url(image/bulbs-50x50-fragments.png) no-repeat 0 0;
    width:50px;
    height:50px
}
.login-navigationx{
    list-style:none;
    padding:0;
    margin:0;
    font-size:10px;
    position:absolute;
    width:100%;
    text-align:center;
    left:0;
    right:0;
    top:0
}
.login-navigationx>li:not(:hover){
    font-size:0;
    border-radius:100%
}
.bgm-black{
    background-color:#000!important
}
.login-navigationx>.bgm-white{
    background-color:#fff!important;
    color:#000!important;
    font-size:10px!important;
    border-radius:0!important
}
.login-navigationx>li{
    display:inline-block;
    margin:0 4px;
    -webkit-transition:all;
    -o-transition:all;
    transition:all;
    padding:0 4px;
    -webkit-transition-duration:150ms;
    transition-duration:150ms;
    cursor:pointer;
    vertical-align:top;
    color:#fff;
    line-height:16px;
    min-width:16px;
    min-height:16px;
    text-transform:uppercase;
    -webkit-backface-visibility:hidden;
    -moz-backface-visibility:hidden;
    backface-visibility:hidden
}
.xlsf-fragment-box{
    position:absolute;
    left:0;
    top:0;
    width:50px;
    height:50px;
    *width:100%;
    *height:100%;
    display:none
}
.xlsf-cover{
    position:fixed;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:#fff;
    opacity:1;
    z-index:999;
    display:none
}
canvas.snow{
    display:block;
    width:100%;
    height:100%;
    top:0;
    background:url(/resourcesx/img/backgxround_trans.png) no-repeat top center fixed;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
    opacity:.7;
    left:0;
    position:fixed;
    z-index:-1
}
@media screen and (max-width: 780px) {
     body.xxx,div#l-loginx{
        background:url(/resourcesx/img/abstract.jpg);
        -webkit-background-size:inherit;
        -moz-background-size:inherit;
        -o-background-size:inherit;
        background-size:inherit
    }
}