/*! normalize.css v1.0.1 | MIT License | git.io/normalize */
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
audio:not([controls]){display:none;height:0}
[hidden]{display:none}
html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;
height: 100%;
background: url("/admin_ci/assets/img/login/bg.png");
}
html,button,input,select,textarea{font-family:sans-serif}
body{border-top: 4px solid #ec0064;min-height: 100%;margin:0;background: url("/admin_ci/assets/img/login/bg_overlay.png") no-repeat center top;}
body.ey{border-top: 4px solid #ffe600;}
a:focus{outline:thin dotted}
a:active,a:hover{outline:0}
h1{font-size:2em;margin:.67em 0}
h2{font-size:1.5em;margin:.83em 0}
h3{font-size:1.17em;margin:1em 0}
h4{font-size:1em;margin:1.33em 0}
h5{font-size:.83em;margin:1.67em 0}
h6{font-size:.75em;margin:2.33em 0}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:bold}
blockquote{margin:1em 40px}
dfn{font-style:italic}
mark{background:#ff0;color:#000}
p,pre{margin:1em 0}
code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}
pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}
q{quotes:none}
q:before,q:after{content:'';content:none}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-0.5em}
sub{bottom:-0.25em}
dl,menu,ol,ul{margin:1em 0}
dd{margin:0 0 0 40px}
menu,ol,ul{padding:0 0 0 40px}
nav ul,nav ol{list-style:none;list-style-image:none}
img{border:0;-ms-interpolation-mode:bicubic}
svg:not(:root){overflow:hidden}
figure{margin:0}
form{margin:0}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}
legend{border:0;padding:0;white-space:normal;*margin-left:-7px}
button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}
button,input{line-height:normal}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}
button[disabled],input[disabled]{cursor:default}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
textarea{overflow:auto;vertical-align:top}
table{border-collapse:collapse;border-spacing:0}

/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

body {
    font-size: 1em;
    line-height: 1.4;
    overflow-y: hidden;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

img {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 100%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow:none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

.support-note {
margin-top: 10px;
font-size: 14px;
color: #F06;
}

#formulier {
padding: 25px 0 25px 19px;
	border:1px solid #dfdddd;
	border-top-left-radius:0px;
	border-top-right-radius:5px;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	background:#ffffff;
	background:-moz-linear-gradient(top,  #ffffff 0%, #f8f6f6 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f8f6f6));
	background:-webkit-linear-gradient(top,  #ffffff 0%,#f8f6f6 100%);
	background:-o-linear-gradient(top,  #ffffff 0%,#f8f6f6 100%);
	background:-ms-linear-gradient(top,  #ffffff 0%,#f8f6f6 100%);
	background:linear-gradient(to bottom,  #ffffff 0%,#f8f6f6 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f8f6f6',GradientType=0 );
}

#formulier h1 {
	margin:0px;
	padding-top:35px;
	padding-bottom:34px;
	font-family:"Courgette";
	font-size:29px;
	font-weight:normal;
	text-align:center;
	color:#959595;
}

#formulier form {
	margin-bottom:30px;
}

#formulier input {
height: 45px;
text-indent: 15px;
font-size: 15px;
color: #262626;
border: 1px solid #DFDDDD;
border-radius: 3px;
outline: 0;
box-shadow: 0 0 12px #F7F7F7 inset;
}



#formulier input:focus {
	border:1px solid #ccc;
}

#formulier input:first-child {
	width:195px;
	margin-left:15px;
}

#formulier input#password {
	width:195px;
	margin-left:15px;
	margin-right: 4px;
}
.logo{
overflow: hidden;
margin: 0 15px 0 0px;
display:inline-block;
}
.logo.ey{
background: url(/img/eygadgets.png) no-repeat;
width: 267px;
height: 47px;
}
.logo.mp{
background: url(../img/logo.svg) no-repeat;
background-size: 400px 42px;
height: 42px;
width: 400px;
}
.content {
position: absolute;
width: 660px;
left: 50%;
top: 50%;
margin-left: -330px;
margin-top: -140px;
max-width: 92%;
}
.header .logo a {
display: block;
height: 100%;
width: 190px;
}
.header{
text-align:center;
margin-bottom:15px;
}

.header .title{

}


#formulier button {
	width:167px;
	height: 54px;
	margin-left:10px;
	font-size: 15px;
	text-indent:0px;
	border-radius: 5px;
outline: 0;
	text-align:center;
	color:#fff;
	border:1px solid #d00089;
	box-shadow:0 0 0px #dfdddd inset; 
    background-color: #de479c;
    font-weight: bold;
}

.btn.btn-orange {
	width:167px;
	height: 54px;
	margin-left:10px;
	font-size: 15px;
	text-indent:0px;
	border-radius: 5px;
outline: 0;
	text-align:center;
	color:#fff;
	border:1px solid #f34c00;
	box-shadow:0 0 0px #dfdddd inset; 
	background:url('../images/button_arrow.png') no-repeat;
	background: -moz-linear-gradient(top,  #ff7b00 0%, #f34c00 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff7b00), color-stop(100%,#f34c00));
	background: -webkit-linear-gradient(top,  #ff7b00 0%,#f34c00 100%);
	background: -o-linear-gradient(top,  #ff7b00 0%,#f34c00 100%);
	background: -ms-linear-gradient(top,  #ff7b00 0%,#f34c00 100%);
	background: linear-gradient(to bottom,  #ff7b00 0%,#f34c00 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7b00', endColorstr='#f34c00',GradientType=0 );
}
	
#footer_top_shadow {
width: 100%;
height: 30px;
bottom: 80px;
position:absolute;
margin-top: 70px;
background: url("/admin_ci/assets/img/login/footer_top_shadow.png");
background-position: center;
background-repeat: no-repeat;
}

#footer {
position: absolute;
width: 660px;
left: 50%;
bottom: 0px;
margin-left: -330px;
margin-top: -99px;
max-width: 92%;
}

#footer p {
height: 35px;
font-size: 12px;
text-align: center;
color: #E0DFDF;
}

@media only screen and (max-width:768px)
{
    body { overflow-x: hidden; }
.content {
position: absolute;
width: 470px;
margin-left: -235px;
margin-top: -165px;
}
#formulier button {
width: 434px;
height: 48px;
margin-left: 15px;
margin-top: 15px;
}
}

@media only screen and (max-width:568px)
{
.content {
width: 268px;
margin-left: -134px;
margin-top: -205px;
}
#formulier input:first-child{
margin-bottom:15px;
}
#formulier button {width:209px;}

#footer ,#footer_top_shadow {
display:none;
}
}

div#ci-messages { clear: both; margin: 10px; }
