body{
    padding:0!important;
}

.clogin_overlay{
	display: none;
	z-index: 9990;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.9);	
}

.coopa_form a {
    color:  #f2631c;
}

.clogin_close_button {
     color:  #f2631c;
}

.clogin-preform{
    color: white;
}


.clogin_close {
    display: block;
    position: relative;
    height: 48px;
}
.clogin_close a{
    position: absolute;
    right: 5px;    
    top: 0px;
}
.clogin_close a:after{
    content: '×';
    color: white;
    font: 48px/48px arial, sans-serif;
    text-decoration: none;
    text-shadow: 0 1px 0 #000;
}


.clogin_content{
    max-width: 620px;
    margin: 5% auto 5% auto ;
    padding: 0 10px;
}

.clogin_content form .label{
    display: block;    
    font-weight: 700;
    color: rgba(255,255,255,0.8);
    text-transform: uppercase;    
}
.clogin_content form input[type="checkbox"]{
    margin-right: 6px;
    margin-top: 4px;
}
.clogin_content .flex{
    display: flex;
    flex: 1;
    margin-top: 1em;
    margin-bottom: 1em;
}
.clogin_content form label{
    display: inline-block;
    padding: 1em 5px 0 0;
    font-weight: 700;
    pointer-events: none;
    color: rgba(255,255,255,0.8);
    text-transform: uppercase;
    margin-bottom: 0;
    margin-top: 10px;
}

.clogin_content fieldset{
    border: none;
    padding: none;
}

.clogin_content .coopa_form p{
    margin: 0;
}

.clogin_content .coopa_form input[type="text"],
.clogin_content .coopa_form input[type="password"],
.clogin_content .coopa_form input[type="email"]{
    display: block;
    margin: 0;
    padding: 0 0 0.3em;
    width: 100%;
    border: none;
    border-bottom: 2px solid rgba(255,255,255,0.2);
    background-color: black;
    color: #eee;
    text-overflow: ellipsis;
    font-weight: bold;
    font-size: 1.2em;
    border-radius: 0;
    transition:  none !important;
}

.clogin_content .coopa_form input[type="text"]:focus,
.clogin_content .coopa_form input[type="password"]:focus,
.clogin_content .coopa_form input[type="email"]:focus{
    border-bottom: 2px solid white;
    transition:  none !important;
    outline: none;
}

.clogin_content .coopa_form input:-webkit-autofill {
    -webkit-box-shadow:0 0 0 50px black inset; /* Change the color to your own background color */
    -webkit-text-fill-color: #eee;
}

.clogin_content .coopa_form input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 50px black inset;/*your box-shadow*/
    -webkit-text-fill-color: #eee;
} 


.clogin_content .coopa_form input[type="submit"]{
    padding: 1em 2em ;    
    color: black;
    font-weight: 700;
    background-color:#eee;
    border: none;
    border-radius: 0;
    text-transform: uppercase;
}



.clogin_header{
	color: #ccc;
	font: 400 13px/32px "Open Sans",sans-serif;
	height: 32px;
	// position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	min-width: 320px;
	z-index: 999999;
	background: #23282d;
    background: #131313;
    background: linear-gradient(to bottom,  #131313 0%,#1c1c1c 9%,#2b2b2b 24%,#000000 40%,#000000 49%,#2c2c2c 50%,#4c4c4c 100%);

}

.clogin_header *{
    height: auto;
    width: auto;
    margin: 0;
    padding: 0;
    position: static;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    font: 400 13px/32px "Open Sans",sans-serif;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-transition: none;
    transition: none;
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: auto;
}


.clogin_header ul{
	background: 0 0;
    clear: none;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    text-indent: 0;
    z-index: 99999;
    margin: auto;
    max-width: 1216px;
}

.clogin_header li{
    display: inline-block;
}


.clogin_header ul li a{
    display: inline-block;
    padding: 0 8px 0 7px;
    color: white;
    outline: 0;
    border: none;
    text-decoration: none;
    background: 0 0;
    border-right: 1px solid black;
}

.clogin_header ul li.pull-right a{
    border-left: 1px solid black;
    border-right: none;

}
.clogin_header ul li a:hover{
    color: white;
    background: #444;
}

.coopa_errors {     
    padding: 8px; 
    border: 1px solid #f50; 
    margin: 0 0 15px; 
    color: white;
    background: black;
}
.coopa_header{display: none;}

.clogin-button{
    margin-top: 10px;
}


@media screen and (min-width: 480px) {

    .clogin_content .coopa_form input[type="submit"]{
        float:right;
    }

    .clogin_content .coopa_form input[type="text"],
    .clogin_content .coopa_form input[type="password"],
    .clogin_content .coopa_form input[type="email"]{
        font-size: 1.9em;
    }

    .clogin_content .coopa_form p{
        margin: 0 0 10px 0;
    }

    .clogin_content .coopa_form p{
        margin: 0 0 10px 0;
    }

    .firstname_container,
    .company_container{
        display:inline-block;
        width:48%;    
    }

    .lastname_container,
    .contact_container{
        display:inline-block;
        width:48%;    
        float: right;
        text-align: left;
    }
}