﻿:root {
    --color-primary-fondika: #f8a340;
    --color-secundary-fondika: #0092a6;
    --color-green: #98d7dd;
}

body 
{
    font-size:10pt;    
    font-family: Verdana, Arial, Helvetica, sans-serif;    
    padding:0px;
    margin:0px;
    /*background:#eee url(images/backOk.jpg) no-repeat left top;*/
 }


.title {
    font-size: 10pt;
    font-weight: bold;
    margin: 12px 12px 12px 0px;
}

.title-login {
    width: 150px;
    color: white;
    font-size: 10pt;
    font-weight: bold;
    margin: 12px 12px 12px 0px;
}

.txtBox {
border:1px solid #ddd;
}
.vFont14b {
       font-size:14pt;
    font-weight:bold;    
}
.vFont12b {
       font-size:12pt;
    font-weight:bold;    
}
.vFont10b {
       font-size:10pt;
    font-weight:bold;    
}
.vFont10 {
       font-size:10pt;
}
.vFont8 {
       font-size:8pt;
}
.vFont8b {
       font-size:8pt;
       font-weight:bold;
}

.p-20{
    padding:20px 20px !important;
}
p-30{
    padding:30px 30px !important;
}
.w-100{
    width:100% !important; 
}

.form-login-fondika {
    background: url(images/LoginClientes.png) no-repeat left top;
    color: #dedede;
    background-size: cover;
    padding: 24px;
    width: 310px;
    height: 520px;
    display: flex;
    align-items: flex-end;
}

 .form-login-fondika > div {
      position: relative;
      width: 100%;
 }

.login-header {
    display: flex;
    justify-content: center;
    text-align: center;
}

.btn-login {
    background-color: var(--color-secundary-fondika);
    color: white;
}

.btn-login:hover {
    color: white;
}
.panel-default > .panel-heading {
    background: var(--color-primary-fondika) !important;
}
.panel-default > .panel-heading > .panel-title > a {
    color: white !important;
}

.btn-primary-fondika {
    background-color: var(--color-primary-fondika) !important;
    border-color: var(--color-primary-fondika) !important;
    color: white;
}


.nav > li > a:focus, .nav > li:hover > a {
    background-color: var(--color-secundary-fondika) !important;
    color: white !important;
}

.panel-info-back{
    background-color: var(--color-green);
}