/* CSS declarations go here */
/*@import url(fonts.css);*/

/*
body {
    margin-top:50px;
    margin-left: 0px;
    height: 100%;
}
*/

h1,h2,h3,h4,body,p, .button {
/*font-family: 'Economica', sans-serif;*/
/*    font-family: 'Abel', sans-serif;*/
    font-family: 'Roboto Condensed', sans-serif;
/*    font-family: Yanone Kaffeesatz, Helvetica;*/
/* Summer */


    /* font-weight: 300;
    color: #FFF; */


/*    Winter */

    font-weight: 400;
    color: #000; 

/*    font-size: 120%;*/
}

label {
    color: #000;   
}

/*@import url('background.css')*/

html { 
/*  background: url(nordvind-background-winter.png) no-repeat center center fixed; */
    /* background: url(nordvind-background-summer.png) fixed;  */
   background: url(nordvind-background-winter.png) fixed;
/*    background-repeat: repeat;*/
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
    top: 100px;
} 

.timecardButtonArea {
    margin-left: auto;
    margin-right: auto;
    width: 40%;
    height: 300px;
    text-align: center;
    
}

.timecardButton{
    margin-left: auto;
    margin-right: auto;
    width: 180px;
    height: 180px;
    text-align: center;
    border-radius: 90px;
    position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.timecardButton:hover{
    cursor: pointer;
}

.timecardButtonCheckin{
    background-color: rgba(0,220,60,0.5)
}

.timecardButtonCheckout{
    background-color: rgba(255,0,0,0.7)
}

.timecardButtonText{
   position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);   
}

.info, .btn {
    color: #000;   
}

.btn-whiteText {
    color: #FFF;   
}

.adminHelpText{
    line-height: 1;   
}

.popover-title {
    color: #222;
    font-weight:400;
}

/*
.banner{
    position:fixed;   
}
*/

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
	position: relative;
    background-color: #222222;
}

.navbar-inverse .navbar-nav > .active > a:after {
	top: 62%;
	left: 70%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(8, 8, 8, 0);
	border-bottom-color: #a326dd;
	border-width: 10px;
	margin-left: -10px;
}


.arrow-up {
	width: 0; 
	height: 0; 
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	
	border-bottom: 5px solid white;
}

.subpageBtnDivider{
    margin-right: 2em;
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
    .loginform {
        width: 150px;
    }
    .form-group {
        width: 150px
    }
    .enrollment,
    .login {
        width: 100%;
    }
    .detectedmedia:before {
        content: "Smartphones (portrait and landscape)";
        background-color: red;
    }
    
    .timecardButton{
    margin-left: auto;
    margin-right: auto;
    width: 100px;
    height: 100px;
    text-align: center;
    border-radius: 50px;
    position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
    
    .timecardButton h4{
     display: none;
    }
    /* Styles */
}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {
.enrollment,
    .login {
        width: 60%;
        display: inline-block;
/*        background-color: #DCF1FA;*/
/*        background-color: #EEE;*/
        padding-top: 1em;
        padding-bottom: 3em;
        margin: 2em
    }
    .loginform {
        width: 200px;
        display: inline-block;
    }
    .form-group {
        width: 200px
    }
    .detectedmedia:before {
        content: "Smartphones (landscape)";
        background-color: blue;
        color: white;
    }
    .loginWithService {
     margin-bottom: 1em;   
    }

}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width: 320px) {
    .loginform {
        width: 200px;
    }
    .form-group {
        width: 200px
    }
    .enrollment,
    .login {
        width: 100%;
    }
    .detectedmedia:before {
        content: "Smartphones (portrait)";
        background-color: grey;
    }

    .timecardButton {
        margin-left: auto;
        margin-right: auto;
        width: 100px;
        height: 100px;
        text-align: center;
        border-radius: 50px;
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

}

/* iPads (portrait and landscape) ----------- */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .detectedmedia:before {
        content: "iPads (portrait and landscape)";
        background-color: black;
        color: white;
    }
/*
    .nordvindBanner {
    background-image: url('banner-nordvind.png');
    height: 250px;
    margin-top: 50px;
}
*/
}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
.enrollment,
    .login {
        width: 40%;
        display: inline-block;
/*        background-color: #DCF1FA;*/
/*        background-color: #EEE;*/
        padding-top: 1.5em;
        padding-bottom: 3em;
        margin: 2em
    }
    .loginform {
        width: 200px;
        display: inline-block;
    }
    .form-group {
        width: 200px
    }
    .detectedmedia:before {
        content: "iPads (landscape)";
        background-color: cyan;
    }
/*
    .nordvindBanner {
    background-image: url('banner-nordvind.png');
    height: 250px;
    margin-top: 50px;}
*/
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
.enrollment,
    .login {
        width: 60%;
        display: inline-block;
    }
    .loginform {
        width: 300px;
        display: inline-block;
    }
    .form-group {
        width: 150px
    }
    .detectedmedia:before {
        content: "iPads (portrait)";
        background-color: yellow;
    }
/*
    .nordvindBanner {
    background-image: url('banner-nordvind.png');
    height: 250px;
    margin-top: 50px;}
*/
}

/* Desktops and laptops ----------- */

@media only screen and (min-width: 1224px) {
    .enrollment,
    .login {
        width: 30%;
        display: inline-block;
/*        background-color: #DCF1FA;*/
/*        background-color: #EEE;*/
        padding-top: 1em;
        padding-bottom: 3em;
        margin: 0em
    }
    .loginform {
        width: 200px;
        display: inline-block;
    }
    .form-group {
        width: 200px
    }
    .detectedmedia:before {
        content: "Desktops and laptops";
        background-color: orange;
    }
/*
    .nordvindBanner {
    background-image: url('banner-nordvind.png');
    height: 250px;
    margin-top: 50px;}
*/

}
/* Large screens ----------- */

@media only screen and (min-width: 1824px) {
    .enrollment,
    .login {
        width: 30%;
        display: inline-block;
    }
    .loginform {
        width: 200px;
        display: inline-block;
    }
    .form-group {
        width: 200px
    }
    .detectedmedia:before {
        content: "Large screens";
        background-color: white;
    }
/*
    .nordvindBanner {
    background-image: url('banner-nordvind.png');
    height: 250px;
    margin-top: 50px;
}
*/
}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}


.fancy {
    margin-top: 1em;
    margin-bottom: 1em;
    line-height: 2px;
    text-align: center;
    /*
    font-family:Yanone+Kaffeesatz; 
    font-size: 100%; 
*/
    /*    font-weight:700;*/
    color: #FFF;
}
.fancy span {
    display: inline-block;
    position: relative;
    width: 30%;
}
.fancy span:before,
.fancy span:after {
    content: "";
    position: absolute;
    height: 5px;
    border-bottom: 1px solid #AAA;
    /*  border-top: 1px solid black;*/
    top: 0;
    width: 100%;
}
.fancy span:before {
    right: 100%;
    margin-right: 15px;
}
.fancy span:after {
    left: 100%;
    margin-left: 15px;
}


/*
.cancel {
    background-color: #555  ;
    color: #fff;
}
*/

abel {
    font-family: Abel, Helvetica;
    font-weight: 400;
}

.container {
 margin-top: 200px;   
/* background-color: white;*/
/*
    opacity: 1;
    z-index: 100;
*/
/*     background: rgb(0, 0, 0);*/
    /* WINTER */
/*    background: rgba(0, 0, 30, 0.7);*/
/*    SOMMER*/
    background: rgba(0, 50, 180, 0.3);
    border-radius: 10px;
}

.transparentBox{
    padding-bottom: 3em !important;
}

body {
 background-color: transparent !important;   
}

.navbar-fixed-top {
 padding-left: 1em;   
}

.alertify-botton-ok{
    background-color: #EEE ;  
}

.alertify, .alertify h3{
    color: black;
}

#login-buttons-image-meetup.login-image {
    /* Overriding a stupid CSS style - Matt D is a great coder, but has no taste ;-) */
    top: 0px !important;
    height: 0px !important;
    background-image: "" !important;
}




img.bg {
  /* Set rules to fill background */
  min-height: 100%;
  min-width: 1024px;
	
  /* Set up proportionate scaling */
  width: 100%;
  height: auto;
	
  /* Set up positioning */
  position: fixed;
  top: 0;
  left: 0;
}

/*
.nordvindBanner {
    background-image: url('nordvind-background.png');
    height: 250px;
   margin-top: 50px;
}
*/

.loginWithService {
    width: 5em;
    background-color: #000;
    color: #fff;
    text-align: center;
    margin-left: 10; 
    margin-right: 10;
}

.configureLoginService {
    width: 10em;
    background-color: #F00;
    color: #000;
    text-align: center;
    margin-left: 10; 
    margin-right: 10;
    margin-bottom: 14px;
}

.signup {
    width: 5em;
    background-color: rgb(61,169,213);
    color: #fff;
}


.nordvindGreen{
   color: rgb(137,186,23); 
/*    89BA17*/
}

.nordvindBlue{
color: rgb(61,169,213)   
}

.nordvindRed{
color: #D9534F;  
}

.simsalabimPurple{
    color: #a326dd;   
}

.editable-click, a.editable-click, a.editable-click:hover {
    text-decoration: none;
    border-bottom: 0px;
}

.editable-checklist label input[type="checkbox"], .editable-checklist label span {

    margin: 0;
    vertical-align: middle;
    padding-left: 20px;
    height: 15px;
    display: inline-block;
    line-height: 15px;
    background-repeat: no-repeat;
    background-position: 0 0;
    border: 0px;
    font-size: 15px;
    vertical-align: middle;
    cursor: pointer;
    outline: none;
    
}

input[type="checkbox"]:focus {
    outline: none;
    outline-offset: 0px;
    -webkit-box-shadow: 0 0 0px;
    -moz-box-shadow: 0 0 0px;
    box-shadow: 0 0 0px;
    
    
}

#selectGroupsID:hover {
/*    background-color: black;*/
    cursor: pointer
}



.editable-unsaved {
    text-align: left;   
}

#login-dropdown-list .dropdown-menu {
   width: 9em;
    text-align: center;
    padding: none;
    background-color: rgba(255,255,255,0.5);
    
}

.btn-container-close {
    margin-top:1em; 
    float: right; 
    color: rgba(255,255,255,0.3)
}

.btn-container-close:hover {
    cursor: pointer;
    color: rgba(255,255,255,0.9);
}

.btn-block{
    margin-bottom: 0.5em;
    width: 100%;
    text-align: center;
}


.socialBtn, .list-group-item > .button{
    font-family: Abel, Helvetica;
    float: right;
    width: 9em;
}

.fixed-width-7em{
    margin: 1em;
    width: 7em;   
}



.btn-access {
 background-color: rgb(61,169,213);  
 color: #FFF;    
}

.invisible-btn{
    background: transparent; 
    padding:0;
}



.submitCreds {
 background-color: rgb(137,186,23); 
 color: #FFF;      
}

.socialLoginButtons {
 margin-top: 1em; 
/*    width: 300px;*/
}

.btn-access:hover, .enroll {
 background-color: rgb(137,186,23); 
 color: #FFF;     
}

.enroll:hover {
 background-color: rgb(61,169,213); 
 color: #000;     
}


.btn-danger:hover{
    color: rgba(255,255,255,1);
    filter: invert(100%);
    
}

.btn-validForThis,
.btn-validForThis:hover {
    background-color: rgb(137, 186, 23);
    width: 7em;
    color: #000;
}
.btn-NOTvalidForThis {
    background-color: #AAA;
    width: 7em;
    color: #000;
}
.btn-group {
    background-color: #E27B35;
    width: 7em;
    color: #FFF
}
.btn-group:hover {
    background-color: rgb(137, 186, 23);
    width: 7em;
    color: #FFF
}
.btn-group-saved {
    background-color: #D9EDF7;
    width: 7em;
    color: #FFF
}
.btn-group-inactive {
    background-color: #EEE;
    width: 7em;
    color: #FFF
}

.no-padding{
 padding: 0;   
}

.unfreeAccessCode{
/* background-color: #EAF9FF;    */
/*    background-color: rgba(0,0,0,0.2);*/
    background-color: #E27B35;
    color: #000;
}

.unfreeAccessCode:hover{
 background-color: #000; 
    color: #FFF;
}

.taken{
    text-align: center;   
}

.100px-width{
 width: 100px;
}


.alertify-logs {
    top: 10px;
    right: 10px;
}

.button{
 width: 12em;
}

.round-button {
    display:block;
    width:40px;
    height:40px;
    line-height:33px;
    border: 0px solid #f5f5f5;
    border-radius: 50%;
    color:#f5f5f5;
    text-align:center;
    text-decoration:none;
    background: #464646;
/*    box-shadow: 0 0 3px gray;*/
    font-size:20px;
    font-weight:bold;
}

.list-group-item{
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 0px;
    padding-bottom: 0px;
    font-weight: 400;
    border: 0px;
    background-color: rgba(0,0,0,0.5);
/*    line-height: 1em;*/

}

.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
  background-color: rgba(0,0,0,0.0);
}


tr {
   line-height: 4;   
}

.changeRoles{
    float: right;
    right: 20px;
    left: 20px;
}

.floatRight{
    float: right;
}

.warning {
 font-size: 120%;
    font-family: Abel, sans-serif;
    color: #EEE;

}

.selectRoleBox {
 width: 100px;
/*    background-color: #99CCFF;*/
    border-radius:    5px;
}

.singleRole {
    padding-left: 10px
}


.btn-grey{
    color:  #CCCCCC  
}

.editable-buttons > .btn-default {
    float: none;
    clear: both;
}

.editable-cancel:hover {
/*  margin-left: 7px;*/
    background-color: #D2322D
}

.dropdown-toggle.btn-primary {
    background-color: rgb(137,186,23);
    border-color: #BBB;
}

.emailAddressList{
 
    font-family: monospace;
    font-weight: 400;
    color: #FFF
    background-color: #000;
    line-height: 1;
}

.modal-body{
    background-color: #EEE;
}

.modal-footer{
    background-color: #FFF;
}

buttonx {
    height: 50px;
    width: 50px;
    border-radius:    0px;
    border: 1px solid #000;
}

.navbar-logo {
    text-align: right;
    font-family: monospace;
/*    height: 90%;*/
    width: 80px;
    float: right;
    margin-top: -0.5em;
    font-size: small;
    font-weight: 100;
    padding-right: 0em;
}
/*Sticky footer*/

* {
    margin: 0;
}
html,
body {
    height: 84%;
}

.footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 30px;
    background-color: #333;
    color: #BBB;
}

.footer-simsalabim {
    text-align: right;
    font-family: monospace;
    width: 150px;
    float: right;
/*
    background-image: url('codebandits.svg');
    background-repeat: no-repeat;
    background-size: 
*/
    margin-top: 0.3em;
/*    background-attachment: fixed;*/
/*    background-position: right;*/
    font-size: small;
    font-weight: 100;
/*    vertical-align: bottom;*/
    padding-right: 5em;
}


a:hover, .tablerow:hover, .tablerow:hover > a {
    background-color: rgba(0,0,0,0.5); 
    color: #FFF;
}

a, .tablerow > a{
    color: #000;
}

/* BEGIN Lean Overlays - from js modal*/

#lean_overlay {
    position: fixed;
    z-index:100;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
    background: #000;
    display: none;
}

.overlay {
   position: fixed;
/*    margin-left: auto; margin-right: auto;*/
    left:30%;
    top:14%;
    float: none;
    vertical-align:middle;
    display:inline-block;
    z-index: 999; 
}

.modal-content{
    border: 0px;   
}

#leanmodal_form, .modal-dialog {
    border:0px;
    width: 400px;
    padding-bottom: 2px;
    /*    display:none;*/
    background: #FFF;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.7);
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.7);
    -moz-box-shadow: 0 0px 4px rgba(0, 0, 0, 0.7);
}

#leanmodal_form-header, .modal-body { padding: 18px 18px 14px 18px; border-bottom: 1px solid #CCC; border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-right-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; background-color: #a326dd; color: #000; color: #EEE;}

/*#leanmodal_form-header  h2 { background-color: #a326dd; color: #000; color: #EEE; }*/
#leanmodal_form-header  p { font:Yanone+Kaffeesatz; color: #CCC; font-size: 1em; margin: 0; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5); text-shadow: none; }

#leanmodal_form .txt-fld { position: relative; width: 364px; padding: 14px 20px; border-bottom: 1px solid #EEE; text-align: right; }
#leanmodal_form .btn-fld { width: 254px; overflow: hidden; padding: 12px 20px 12px 130px; }

#leanmodal_form .txt-fld label { font:Yanone+Kaffeesatz; display: block; float: left; width: 0px; padding-top: 8px; color: #222; font-size: 1em; text-align: left;  }
#leanmodal_form .txt-fld-carousel-centered { font:Yanone+Kaffeesatz; display: block; float: none; text-align: center; padding-top: 8px; color: #222; font-size: 1em; text-align: left;  }
#leanmodal_form .txt-fld-carousel label { font:Yanone+Kaffeesatz; display: block; float: left; width: 0px; padding-top: 8px; color: #222; font-size: 1em; text-align: left;  }
#leanmodal_form .txt-fld input { width: 244px; padding: 8px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; font-size: 1em; color: #222; background: #F7F7F7; outline: none; border-top: 1px solid #CCC; border-left: 1px solid #CCC; border-right: 1px solid #E7E6E6; border-bottom: 1px solid #E7E6E6; }
#leanmodal_form .txt-fld input.good_input { background: #D9EDF7 236px center no-repeat; }
#leanmodal_form .txt-fld input.good_input-disabled { background: #DDD 236px center no-repeat; }
#leanmodal_form .txt-fld input.error_input { background: #FDE0E0; }
#leanmodal_form .radio-fld, #leanmodal_form .checkbox-fld {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    width: 364px;
    padding: 14px 20px;
    border-bottom: 1px solid #EEE;
    font: Yanone+Kaffeesatz;
}





#leanmodal_form .radio-fld input, #leanmodal_form .checkbox-fld input {
    width: 30;
} 

#leanmodal_form .radio-fld label, #leanmodal_form .checkbox-fld label {
    width: 200px;
    font-family: Yanone+Kaffeesatz;
} 

#leanmodal_form .button-fld {
    width: 364;
    padding-left:  20px;
    padding-right: 48px;
    padding-bottom: 20px;
    padding-top: 20px;
} 

.leanmodalButton {
    color: #333;
    opacity: 1.0;
    font-size: 170%;
    vertical-align: top
}

.leanmodalButtonLight {
    color: #FFF;
    opacity: 1.0;
    font-size: 170%;
    vertical-align: top
}

.emailAddress{
    padding-left: 2em;
    padding-bottom: 2em;
    color: #000;  
}

.btn-plain-cancel, .btn-plain-confirm {
    border-style: solid; 
    border-width: 0px;  
    color: #000;
    padding: 7px 15px;
    margin-bottom: 1em;
    background-color: #FFF;
}

.btn-plain-confirm {
    float: right; 
}

.btn-plain-cancel {
    float: left; 
}

.textBtnSection{
    background-color: transparent;
    border-width: 1px;
    border-color: #AAA;
}

.textBtnSection:hover{
    background-color: #a326dd;
    color: #FFF;
}

.addfile, .addchild, .visitsHistory, .checkin, .checkout, .confirmAddChild, .confirmChildEditChanges {
/*
 background-color: rgb(137,186,23); 
 color: #FFF;
*/
 float: right;
    border-style: solid; 
    border-width: 1px;  
    color: #FFF;
    background-color: rgba(0,0,0,0.5);
    padding: 10px 12px;
}

.btn-primary {
    background-color: #FFF;
    border-color: #000;
    color: #000;
}


confirmAddChild, .confirmChildEditChanges {
 float: right;
}

button.btn-default-no-border, .btn-default-no-border, button.btn-default-no-border:hover{
 border: 0px;
        border-width: 0px;
    background-color: transparent;
}

.confirmLeanModal {
    background-color: #A4CF03  ;
    color: #FFF;
    float: right;
}

.no-border {
    border: 0px;
        border-width: 0px;
}

.amount {
 
/*    A submit button to be used _below_ a table (eg in Generate Access Code)*/
    
    margin-top: 0.7em;
    margin-bottom: 1em;
    
}


.editChildRecord{
 background-color:  transparent;
 color: #000;
/*    border-color: #ccc;*/
}

.editChildRecord:hover{
/* background-color:  rgb(137,186,23);*/
 background-color:  #a326dd;   
 color: #FFF;
}

.btn-default{
/* border-color: #000;*/
 font-weight:400;
    float: left;
/*    color: rgba(0,0,0,0.5);*/
    color: #000;
    
}


.addfile:hover, .addchild:hover, .checkin:hover, .checkout:hover, .btn-plain-confirm:hover, .btn-primary:hover, .btn-primary:focus {
 background-color: #a326dd; 
    border-color: #000;
 color: #FFF;
/*    float: right;*/
}

 .btn-plain-cancel:hover {
 background-color: #CCC; 
    border-color: #000;
 color: #FFF;
/*    float: right;*/
}

.editableform .control-group {
    line-height: none;
    
}



.editable-checklist > div > label {
    font-weight: normal;   
}
.editable-buttons > .btn-primary {
    border-color: #ADADAD;   
}

.inactiveBackground {
    font-family: Yanone+Kaffeesatz;
/*    font-family: Abel;*/
    font-size: 400%;
    font-weight: 300;
    color: #FFF;
    display: inline-block;
    margin-top: 20%;
    position: relative;
/*
   
  top: 00%;
  transform: translateY(-50%);
    z-index: 1;
*/
}

.scrollable {
    overflow: scroll;
    height: 300px;
}
#logonSpinner {
    position: fixed;
    z-index:100;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
    background:rgba(0,0,0,0.8);
/*    background: #FFF;*/
}


.tablesorter-scroller-table {
/*    padding-bottom: 3em !important;*/
}

.sortable:hover{
    cursor: pointer;
}



.oauthParamsBox{
    width: 50%;   
}


/* END Lean Overlays - from js modal*/


/*

        DROPZONE

*/

.fileUpload {
    width: 400px;
    height: 480px;
    color: #000;
    background-color: #FFF;
    border-radius: 8px;   
}

.fileUpload > .dropzone, form > .dropzone {    
    border: 0px solid;
}

form > .dropzone {
    
    border: 0px solid;
/*    background: #0A88CB;*/
    background: rgba(10, 136, 203, 0.6);
    padding-left: 0px;
    padding-right: 0px;
    margin-left: 20px;
    margin-right: 20px;
}
.headerText {
    font-family:Abel; 
    font-size: 150%; 
    font-weight:700;
    padding: 0.7em;
    background-color: #A326DD;
    
}

.button-fld {

    padding-left:  20px;
    padding-right: 20px;
    margin-bottom: 20px;
    margin-top: 20px;
} 

.dz-default .dz-message{
    padding: 20px;
    height: 250px;
}

.dz-clickable {
    height: 250px;
    width: auto;
    
    
}

.dz-size, .dz-success-mark, .dz-image, .dz-preview, .dz-file-repview, .dz-success, .dz-error-mark{
    display: none;   
/*    visibility: hidden;*/
}

.dz-success-mark {
}

.dz-filename {
    visibility: hidden;   
}

.dropzone .dz-default.dz-message span {
    text-align: center;
    color: #FFF;
    font-size: 200%;
    font-weight:300;     
    display: block;
    background: none;
    z-index: 900;
    border: 0px solid;
    
    
}

.borderBtn {
/*
    border: 1px;
    border-color: #DDD;
    border-style: solid; 
*/
    color: #DDD;
    background-color: #6CB8E0;
}

.hideButton {
    display: none;
}