@import url(https://fonts.googleapis.com/css?family=Ubuntu:400,700);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,700);

body {
    font-family: 'Ubuntu','Open Sans', sans-serif;
    color: #666666;
    overflow-x: hidden;
}

body > .container {
    padding: 0 15px 0;
}

header{position: fixed;}

header.shadow {
    box-shadow: 0 2px 4px 4px rgba(0, 0, 0, 0.2);
}

.bg-image {
    background: url(/pagosBanred/themes/commons/img/bg9.jpg) no-repeat center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    min-height: 100%;
    width: 100%;
    height: auto;
    position: fixed;
    top: 0;
}

.bg-image-top{
    margin-top: 55px !important;
}

.bg-image-bco{
background:none;
}


.index-container          {
    padding: 0 15px 0 !important;

}

[ng-cloak]
{
    display: none !important;
}


.navbar-inverse { background-color: #A6CE39}

.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus { background-color: #7BA627}
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus { background-color: #7BA627}
.dropdown-menu { background-color: #FFFFFF}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-color: #7BA627}
.navbar-inverse { background-image: none; }
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-image: none; }
.navbar-inverse { border-color: #A6CE39}
.navbar-inverse { border-bottom-style: solid;border-bottom-color: #B0B0B0;border-bottom-width: medium;}
.navbar-inverse .navbar-brand { color: #303030}
.navbar-inverse .navbar-brand:hover { color: #FFFFFF}
.navbar-inverse .navbar-nav>li>a { color: #303030}
.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus { color: #FFFFFF}
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus { color: #FFFFFF}
.navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus { color: #FFFFFF}
.dropdown-menu>li>a { color: #333333}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { color: #FFFFFF}
.navbar-inverse .navbar-nav>.dropdown>a .caret { border-top-color: #999999}
.navbar-inverse .navbar-nav>.dropdown>a:hover .caret { border-top-color: #FFFFFF}
.navbar-inverse .navbar-nav>.dropdown>a .caret { border-bottom-color: #999999}
.navbar-inverse .navbar-nav>.dropdown>a:hover .caret { border-bottom-color: #FFFFFF}

/*------ Lista index*/

a.list-group-item:hover {
    text-decoration: none;
    background-color: #D5D5D5;
}

.list-group-item {
    border-left: 2px;
    border-color: #A6CE39;
    border-bottom: 0;
    border-right: 0;
    border-top: 0;

}

.list-group-item:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.list-group-item:last-child {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.list-menu .list-group-item {
    margin-left: 3px;
    margin-right: 3px;
    background-color: #fafafa;
    font-size: 13px;
    padding-top: 7px;
    padding-bottom: 7px;
    border-color: #D3DBDB;
    /*border-style: none solid none solid ;*/
    border-width: 0px 1px 0px 1px ;
    box-shadow: 0px 2px 5px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0px 2px 5px rgba(0,0,0,0.3);

}
.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
    border-color: #98BF30 !important;
}
.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
    border-color: #98BF30 !important;
}
.list-menu .list-group-item.active{
    background-color: #98bf30   !important;
}
.list-menu .a.list-group-item:hover {
    color: #FFF;
    text-decoration: none;
    background-color: #A6CE39;
}

.list-separator, .list-separator:hover, .list-separator:active ,.list-group-item.active .list-separator{
    color: #626161 !important;
    text-decoration: none !important;
    background-color: #b0b0b0 !important;
    /*background-color: #7B7B7B !important;*/
    cursor: default !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
    font-size: 14px !important;


    border-color: #EAEAEA;
    border-style: solid solid none none !important;
    border-width: 4px 1px 0px 0px !important;
    font-weight: 600;
}
.list-separator-top {
    border-color: #EAEAEA;
    border-style: solid none none none !important;
    border-width: 1px 1px 0px 1px !important;
}

/*---------------*/

.btn-default{
    border-radius: 0 !important;
}
.btn-bred {
    background-color: #98bf30;
    border-color: #88ab2a;
    /*background-color: #A6CE39;*/
    /*border-color: #A6CE39;*/
    color:#FFFFFF;
    border-radius: 0;
}
.btn-bred:hover,
.btn-bred:focus,
.btn-bred:active,
.btn-bred.active {
    /*background-color: #A6CE39;*/
    /*border-color: #A6CE39;*/
    color:#FFFFFF;
    background-color: #88ab2a;
    border-color: #88ab2a;
}
.btn-bred.disabled:hover,
.btn-bred.disabled:focus,
.btn-bred.disabled:active,
.btn-bred.disabled.active,
.btn-bred[disabled]:hover,
.btn-bred[disabled]:focus,
.btn-bred[disabled]:active,
.btn-bred[disabled].active,
fieldset[disabled] .btn-bred:hover,
fieldset[disabled] .btn-bred:focus,
fieldset[disabled] .btn-bred:active,
fieldset[disabled] .btn-bred.active {
    background-color: #A6CE39;
    border-color: #A6CE39;
}

.btn-white {
    background-color: transparent;
    color: #88ab2a;
    border: 1px solid #88ab2a;
}
.btn-white:hover, .btn-white:focus, .btn-white:active, .btn-white.active {
    color: #fff;
    background-color: #88ab2a;
    border-color: #88ab2a;
}

/* Link Banred
-------------------------------------------------- */
.lnk-bred {
    color: #879B06 ;
    text-decoration: none;
}
.lnk-bred:focus, .lnk-bred:hover {
    color: #98bf30;
    text-decoration: underline;
}
/* Link Banred
-------------------------------------------------- */
.lnk-bred-login {
    color: #9ED800;
    text-decoration: none;
}
.lnk-bred-login:focus, .lnk-bred:hover {
    color: #97EC1B;
    text-decoration: underline;
}
/*--*/
.dropdown-menu-right{
    left:-78px;
}

.titulo{
    color: #000000;
    /*color: #879B06;*/

}
.tituloModal{
    color: #879B06;
    margin-bottom: 0px;
    margin-top: 0px;
}

.usuario{
    margin-bottom: 0px;
    color: rgb(74, 74, 74);
    background-color: #A6CE39 !important;
    font-size: 12px;
    padding-left: 10px!important;
    padding-right: 2px!important;
}
.usuario-sm{
    padding-left: 20px!important;
    width: 350px !important;
}

.usuario-sm-button {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

.navbar-inverse .usuario-sm-button:focus, .navbar-inverse .usuario-sm-button:hover {
    background-color: #333;
}
.navbar-inverse .usuario-sm-button:focus, .navbar-inverse .usuario-sm-button:hover {
    background-color: #333;
}
.navbar-inverse .usuario-sm-button {
    border-color: #333;
}
.usuario-sm-button:focus {
    outline: 0;
}


.sortIcon{
    font-size: 12;
}

.icon-arrow-up {
    background-image: url("../img/icon-arrow-down-b-16.png");
    background-position: center center;
    float: right;
    height: 16px;
    width: 16px;
}
.icon-arrow-down {
    background-image: url("../img/icon-arrow-up-b-16.png");
    background-position: center center;
    float: right;
    height: 16px;
    width: 16px;}

/* Sticky footer styles
-------------------------------------------------- */
html {
    position: relative;
    min-height: 100%;
}
body {
    /* Margin bottom by footer height */
    margin-bottom: 60px;
}
.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    border-top-style: solid;
    border-color: #A6CE39;
    border-top-width: thin;
    height: 60px;
    background-color: #f5f5f5;
}


.container .text-muted {
    margin: 20px 0;
}

.footer > .container {
    padding-right: 15px;
    padding-left: 15px;
}


/*
 * Off Canvas
 * --------------------------------------------------
 */

@media screen and (max-width: 767px) {
    .row-offcanvas {
        position: relative;
        -webkit-transition: all .25s ease-out;
        -o-transition: all .25s ease-out;
        transition: all .25s ease-out;
    }

    .row-offcanvas-right {
        right: 0;
    }

    .row-offcanvas-left {
        left: 0;
    }

    .row-offcanvas-right
    .sidebar-offcanvas {
        right: -50%; /* 6 columns */
    }

    .row-offcanvas-left
    .sidebar-offcanvas {
        left: -50%; /* 6 columns */
    }

    .row-offcanvas-right.active {
        right: 50%; /* 6 columns */
    }

    .row-offcanvas-left.active {
        left: 50%; /* 6 columns */
    }

    .sidebar-offcanvas {
        position: absolute;
        top: 0;
        width: 50%; /* 6 columns */
    }
}
.dialog-header-notify { background-color: #A6CE39; }
.dialog-header-confirm { background-color: #5A5A5A}

.dialog-header-confirm span, .dialog-header-confirm h4 { color: #ffffff; }
.dialog-header-notify span, .dialog-header-notify h4 { color: #005926; }

.modal.fade .modal-dialog, .modal.in .modal-dialog {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
}
/*---------------*/
.glyphicon-xs {
    font-size: 10px;
}
/*Tables Sizes*/
.table-font-sm tr td {font-size:13px;}
.table-font-xs tr td {font-size:12px;}
.table-font-xs th {font-size:12px;}
.table-font-xxs tr td {font-size:10px;}
.table-font-xxs th {font-size:10px;}

.table>tbody>tr>td {
    vertical-align: middle !important;
}



/*New Home*/
.navbar-links li a {
    line-height: 60px;
    display: block;
    color: rgb(255, 255, 255) !important;
    padding: 0px 20px;
    text-decoration: none;
    font-weight: normal;
    font-size: 16px !important;
}


#bred-menu.navbar-default .navbar-brand {
    color: rgba(119, 119, 119, 1);
}
#bred-menu.navbar-default {
    font-size: 16px;
    background-color: rgba(166, 206, 57, 1);
    border-bottom-width: 0px;
	z-index:9001;
}
#bred-menu.navbar-default .navbar-nav>li>a {
    color: rgba(255, 255, 255, 1);
    background-color: rgba(166, 206, 57, 1);
}
#bred-menu.navbar-default .navbar-nav>li>a:hover,
#bred-menu.navbar-default .navbar-nav>li>a:focus {
    color: rgba(255, 255, 255, 1);
    background-color: rgba(123, 166, 39, 1);
}
#bred-menu.navbar-default .navbar-nav>.active>a,
#bred-menu.navbar-default .navbar-nav>.active>a:hover,
#bred-menu.navbar-default .navbar-nav>.active>a:focus {
    color: rgba(255, 255, 255, 1);
    background-color: rgba(123, 166, 39, 1);
}
#bred-menu.navbar-default .navbar-toggle {
    border-color: #7ba627;
/*	position: absolute;
	float: none;
    right: 0;
    top: 5px;*/
	background:#A6CE39;
}
#bred-menu.navbar-default .navbar-toggle:hover,
#bred-menu.navbar-default .navbar-toggle:focus {
    background-color: #7ba627;
}
#bred-menu.navbar-default .navbar-toggle .icon-bar {
    background-color: #7ba627;
}
#bred-menu.navbar-default .navbar-toggle:hover .icon-bar,
#bred-menu.navbar-default .navbar-toggle:focus .icon-bar {
    background-color: #aecb06;
}

#bred-menu.navbar-default > a {
    line-height: 30px;
}

.poweredby
{
position:fixed;
bottom: 0px;
right:0px;
width:200px;
background:#fff;
height:44px;
background-repeat: no-repeat;
background-image:url('../img/poweredby.png');
background-size:200px 44px;
}


@media(max-width: 991px) 
{
.poweredby
{
width:100%;
background-position:center;
}
}


.pagoOk
{
color:#005926;
}

.giro-row
{
	cursor:pointer;
}