body{
	font-family: 'Roboto', sans-serif;
}


.loading{
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(5, 16, 57, 0.68);
    z-index: 9999;
    justify-content: center;
    align-items: center;
    color: #fff;
    display: none;
}

.bg-white{
    background-color: #fff;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
	font-family: 'Roboto', sans-serif;
}

.content-header > .breadcrumb {
    text-transform: uppercase;
    font-weight: 700;
    font-family: 'Roboto', sans-serif;
}

.content-header > .breadcrumb > li > a {
    color: #051039;
}

.breadcrumb>.active {
    color: #d30316;
}

.content-header > h1 {
    color: #051039;
}

.content-header > .breadcrumb > li + li:before {
    content: "/\A0";
    color: #ccc;
}

.messages-container ul {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
}

.messages-container ul li {
    display: inline-block;
    width: 50%;
}


.action-bar {
    border-bottom: 1px solid #f5f5f5;
    margin-bottom: 5px;
    padding: 5px 10px;
    background-color: #029eb6;
    border-radius: 4px 4px 0 0;
    line-height: .9;
}
.action-bar .control-container {
    display: inline-block;
    width: 200px;
}

.box-footer {
    padding: 0px 10px;
    background-color: #029eb6;
}

.action-bar-footer {
    padding: 4px;
}

.btn-action-bar .btn, .action-bar .btn, .action-bar-footer .btn, .btn-main {
    background-color: #029eb6;
    color: #ffffff;
    border-radius: 3px;
    border-color: #15889a;
    display: inline-block;
    padding: 7px 15px;
    margin-left: 4px;
}

.btn-main:hover,
.btn-main:focus,
.btn-main:active {
    color: #fff;
}


.action-bar .btn:hover, 
.action-bar .btn:active:focus, 
.action-bar .btn:active.focus, 
.action-bar .btn.active:hover, 
.action-bar .btn.active:focus, 
.action-bar .btn.active.focus, 
.open > .action-bar .btn.dropdown-toggle:hover, 
.open > .action-bar .btn.dropdown-toggle:focus, 
.open > .action-bar .btn.dropdown-toggle.focus,
.action-bar-footer .btn:hover, 
.action-bar-footer .btn:active:focus, 
.action-bar-footer .btn:active.focus, 
.action-bar-footer .btn.active:hover, 
.action-bar-footer .btn.active:focus, 
.action-bar-footer .btn.active.focus, 
.open > .action-bar-footer .btn.dropdown-toggle:hover, 
.open > .action-bar-footer .btn.dropdown-toggle:focus, 
.open > .action-bar-footer .btn.dropdown-toggle.focus,
.btn-main:hover,
.btn-main:focus,
.btn-main:active {
    background-color: #0790a4;
    border-color: #0c7384;
}
.form-control {
    border: none;
    border-bottom: 1px solid #AAA;
    background-color: #f5f8f9;
}
.form-control:focus,
.form-control:active,
.form-control:hover {
    border: 0;
    background: #727b9d;
    color: #fff;
}

.form-control::-moz-placeholder {
  color: #727b9d;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #727b9d;
}
.form-control::-webkit-input-placeholder {
  color: #727b9d;
}

.form-control:hover::-moz-placeholder,
.form-control:active::-moz-placeholder,
.form-control:focus::-moz-placeholder {
  color: #fff;
  opacity: 1;
}
.form-control:hover:-ms-input-placeholder,
.form-control:focus:-ms-input-placeholder,
.form-control:active:-ms-input-placeholder {
  color: #fff;
}
.form-control:hover::-webkit-input-placeholder,
.form-control:focus::-webkit-input-placeholder,
.form-control:active::-webkit-input-placeholder {
  color: #fff;
}

tr .form-control{
    background-color: #fff;
}
a.list-group-item 
.list-group-item-heading, 
button.list-group-item 
registro.list-group-item-heading {
    color: #051039;
}

a.list-group-item, 
button.list-group-item {
    color: #434343;
    background-color: #fff;
    padding: 7px;
}
a.list-group-item:hover, 
a.list-group-item:focus, 
button.list-group-item:hover, 
button.list-group-item:focus {
    text-decoration: none;
    color: #051039;
    background-color: #9ac5cc;
}

.section-customer {
    background-color: #ecf0f5;
    padding: 15px;
}

.section-details dd{
    margin-bottom: 7px;
}

.label-enviada{
    background-color: #2688e9;
}
.label-borrador{
    background-color: #7a9bbc;
}
.label-parcialmente-pagada{
    background-color: #bacc51;
}
.label-pagada{
    background-color: #61b223;
}
.label-atrasada{
    background-color: #df5a0c;
}
.label-no-pagada{
    background-color: #df0c0c;
}
.label-cancelada{
    background-color:#df0c0c;
}


.ui-widget.ui-widget-content {
    border: 1px solid #d8dcdf;
}

body .ui-tooltip {
    border-width: 2px;
}

.ui-widget-shadow {
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0 5px;
    border-radius: 3px;
}

.new-customer .btn {
    margin-top: 10px;
    background-color: #029eb6;
    color: #fff
}

h3.title-table {
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 0;
    margin-top: 10px;
    padding: 10px 0 5px 0;
    font-size: 18px;
    background-color: #495273;
    color: #fff;
}
.table-style-1{
    border: none;
}
.table-style-1 thead {
    background-color: #757a8e;
    color: #f5f5f5;
    font-size: 12px;
    text-transform: uppercase;
}

.table-style-1 thead tr th,
.table-style-1 tbody tr td  {
    padding-top: 2.5px;
    padding-bottom: 2.5px;
}

.table-style-1 tbody{
    border-bottom: 1px solid #f5f5f5;
}

.table-style-1 tbody tr.total{
    background-color: #dfdfdf;
}

.table-main thead{
    background-color: #029eb6;
    color: #fff;
}

.pagination > li > a:hover, 
.pagination > li > a:focus, 
.pagination > li > span:hover, 
.pagination > li > span:focus {
    z-index: 2;
    color: #ffffff;
    background-color: #17707e;
    border-color: #17707e;
}

.pagination > li > a {
    background: #029eb6;
    color: #fff;
}

.pagination > li > a, .pagination > li > span {
    border: 1px solid #17707e;
}
.pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus, .pagination > .active > span, .pagination > .active > span:hover, .pagination > .active > span:focus {
    color: #fff;
    background-color: #da0c0c;
    border-color: #ca0000;
}
.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {
    color: #17707e;
    background-color: #ffffff;
    border-color: #17707e;
}

/**/
.title-table {
    text-align: center;
    text-transform: uppercase;
    font-size: 17px;
    margin-bottom: 0;
    padding: 7px;
    background-color: #263468;
    color: #fff;
    border-bottom: 1px solid #3f4c79;
}

.title-table2 {
    text-align: center;
    text-transform: uppercase;
    font-size: 17px;
    margin-bottom: 0;
    padding: 7px;
    background-color: #B40404;
    color: #fff;
    border-bottom: 1px solid #3f4c79;
}

.title-table3 {
    text-align: center;
    text-transform: uppercase;
    font-size: 17px;
    margin-bottom: 0;
    padding: 7px;
    background-color: #D1880A;
    color: #fff;
    border-bottom: 1px solid #3f4c79;
}


.table-general{
    border: none;
}
.table-general thead {
    background-color: #263468;
    color: #f5f5f5;
    font-size: 12px;
    text-transform: uppercase;
}

.table-general2 thead {
    background-color: #CD0505;
    color: #f5f5f5;
    font-size: 12px;
    text-transform: uppercase;
}

.table-general3 thead {
    background-color: #E0930B;
    color: #f5f5f5;
    font-size: 12px;
    text-transform: uppercase;
}

.table-general thead tr th{
    padding-top: 5px;
    padding-bottom: 5px;
}
.table-general tbody tr td  {
    padding-top: 2.5px;
    padding-bottom: 2.5px;
}

.table-general tbody{
    border-bottom: 1px solid #f5f5f5;
}

.table-general tbody tr.total{
    background-color: #dfdfdf;
}

.no-border td{
    border-top: none!important;
}

.form-search-bar{
    display: inline;
}
.form-search-bar .form-control {
    max-width: 150px;
}

.container-pdf{
    width: 100%;
}

.container-pdf embed{
    width: 100%;
}

.navbar-nav > .notifications-menu > .dropdown-menu{
    background-color: #c40b0b;
    border-color: #940707;
}
.navbar-nav > .notifications-menu > .dropdown-menu, .navbar-nav > .messages-menu > .dropdown-menu, 
.navbar-nav > .tasks-menu > .dropdown-menu {
    width: 200px;
}

.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a {
    padding: 5px 10px;
    color: #fff;
    border-bottom: 1px solid #940707;
}

.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a:hover, .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:hover, .navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a:hover {
    background: #da0c0c;

}

.table > thead > tr > th, .table > thead > tr > td, .table > tbody > tr > th, .table > tbody > tr > td, .table > tfoot > tr > th, .table > tfoot > tr > td {
    padding: 4px 8px;
}

.actions {
    visibility: hidden;
}
tr:hover td .actions{
    visibility: visible;
}

.grid-container {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.grid-container .item {
    width: 20%;
    background-color: #f5f5f5;
    margin: 5px;
    
    text-align: center;
}

.grid-container .item a{
    width: 100%;
    display: inline-block;
    height: 100%;
    padding: 15px;
}

.element {
    background-color: #ebeef9;
    float: left;
    margin-bottom: 10px;
    padding: 10px 0;
}

.row-information{
    border:1px solid #4b5784;
    margin-bottom: 30px;
}
.row-information.no-conciliado{
    border:1px solid #b14646;
}
.row-information .information {
    padding: 5px;
}

.row-information .header {
    background-color: #ecf0f5;
    text-align: center;
    text-transform: uppercase;
    color: #051039;
}

.row-information.no-conciliado.header-bg-red .header,
.row-information.no-conciliado .sub-header {
    background-color: #d30316;;
    color: #fff;
}

.row-information .header.text-right {
    text-align: right;
}

.row-information .col-xs-12, .row-information .col-sm-3, .row-information .col-md-2 {
    padding: 0;
}

.row-information .sub-header {
    background-color: #4b5784;
    color: #fff;
}

.row-information.header-bg-red .header {
    background-color: #051039;
    color: #fff;
}

.info-box-content a span{
    color:#fff;
}

tr.cancelado{
    color: red;
}