body, h1, h2, h3, h4, h5, h6, ol, ul, li, p, input, select, textarea, label {
    font-family: "Mulish", serif;
    font-optical-sizing: auto;
    color: #fff;
    font-style: normal;
}

.top-header {
    background: url('../img/topmenu.png');
    height: 6em;
    width: 100%;
    top: 0;
}

    .top-header .images 
    {
        display: inline-block;
        padding-top: 1em;
	height:6em;
    }

    .top-header .images img {
        padding-left: 1em;
	height:4em;
    }

    .top-header .contact {
        padding-right: 0px;
        padding-left: 0px;
    }

    .top-header .contact .btn {        
        float: right;
        height: 100%;
    }

    .top-header .contact .btn .glyphicon {
        padding-right:10px;
    }

.masthead {
    position: absolute;
}

.form-box {
    background: url('../img/loginbox.png');
    margin-top: 2em;
    margin-bottom: 2em;
}

.lines-box {
    margin-top: 2em;
    
}
    .form-box .form-top {
        background: inherit;
        color: #ffffff !important;        
    }

        .form-box .form-top .form-top-left {
    		margin-top: 25px;
    		padding-top: 0px;
        }

	.form-box .form-top .form-top-right {
    		margin-top: 25px;
    		background: url('../img/padlock.png') no-repeat;
            background-position-x: right;
    		height: 1em;
        }


        .form-box .form-top .form-top-left #subt {
		  font-size: 1.5em;
		  margin: 0px;
        }

        .form-box .form-top .form-top-left h3 {
            font-size:1.8em;
        }

        .form-box .form-top .form-top-left p {
            font-size:24px;
            margin-bottom: 0;
        }

        .form-box .form-top .glyphicons-keys {
            display:none;
        }

    .form-box .form-bottom {
        background: inherit;
        color: #ffffff !important;
        padding:0px 25px 5px 25px;
    }

.form-box button.btn {
    	color: #ffffff;
    	height: 35px;
    	padding: 0px 10px;
    	text-align: left;
    	line-height: 35px;
}


h3 {
    color: #b2d235;
}

.help-block {
    color:#fff !important;
}

button.btn {
    background: #b2d235;
    color: #000;
}

button.btn a {    
    color: #000;
    font-weight: 400;
    padding:50px;
}

a.btn {
    background: #b2d235;
    color: #000;
}

    button.btn:active,
    button.btn:focus,
    button.btn:hover,
    button.btn:active:focus, 
    button.btn.active:focus {
        background: #b2d235;
        color: #000;
    }

.user-valid::after {
    color: #b2d235;
}

.glyphicons-arrow-left:hover,
span.glyphicons-arrow-left,
a 
{
    color: #b2d235;
}

    a:hover, a:focus {
        color: #b2d235;
    }

.loader:before {
    background-color: #b2d235;
}

::-moz-selection {
    background: #b2d235;
}

::selection {
    background: #b2d235;
}

.equal {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    height: 6em;
}


@media (min-width: 992px) and (max-width: 1199px) {
}

@media (min-width: 768px) and (max-width: 991px) {
    
}

@media (max-width: 767px) {
    .top-header {
        height:10em;
    }
    .top-header .images 
    {
        margin-bottom:10px;
    }

    .lines-box {
        
    }

    .contact,
    .description,
    .subtitle,
    .top-header {
        display: none;
    }
}

@media (max-width: 415px) {

    h1, h2 {
        font-size: 32px;
    }
}

#si, #si2 {
    background: url(/assets/content/img/baca-logo-smaller.png) no-repeat;
    height: 3em;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    display: none;
}

input[type="text"], input[type="password"], textarea, textarea.form-control {
    height: 35px;
    margin: 0;
    padding: 0 10px;
    line-height: 35px;
    font-size: 16px;
}

.description {
    font-size: 1.8em;
    margin: 0;
}

.subtitle {
    font-size: 1.1em;
    margin-top: 0;
}

#notYouLink {
    font-size:0.55em;
}

.alert-login {
    color: #ffffff !important;
    background-color: #58595b !important;
    border-color: #58595b !important;
    text-shadow: none;
}