/* here you can put your own css to customize and override the theme */
/* Evitar la selección de texto de un <body> elemento en todos los principales navegadores */
body {
    -youbkit-touch-callout: none; /*iOS Safari*/
    -youbkit-user-select: none;   /* Chrome 6.0+, Safari 3.1+, Edge y Opera 15+ */
    -moz-user-select: none;    /*Firefox*/
    -ms-user-select: none;     /* IE 10+ y Edge */
    user-select: none;         /* Versión sin prefijo, actualmente compatible con Chrome y Opera */
}
/***** Header *****/
.header.navbar {
    min-height: 82px;
}
.header.navbar .navbar-nav {
    margin-right: 30px;
    margin-top: 23px;
}
.header.navbar .navbar-brand {
    background: #212121;
    display: table;
    width: auto !important;
    padding: 10px !important;
    height: auto !important;
}
.header.navbar .navbar-brand img {
    margin-left: 5px;
    height: 60px;
}
/***** SideBar *****/
.page-sidebar {
    margin-top: 30px;
    z-index: 1;
}
.page-sidebar .sidebar-toggler {
    margin-bottom: 5px;
}
.page-sidebar-menu > li > ul.sub-menu > li {
    margin-left: -14px;
}
ul.page-sidebar-menu > li.active > a {
    background: #000 none repeat scroll 0 0 !important;
}
/***** Datatables *****/
table.dataTable thead th {
    border-bottom: medium none !important;
    color: #555555;
    vertical-align: middle;
}
table.dataTable thead tr th.actions {
    text-align: center !important;
}
table.dataTable tr.odd td.sorting_1 {
    background-color: #f5f5f5 !important;
}
table.dataTable tr.even td.sorting_1 {
    background-color: #fff !important;
}
table.dataTable tfoot th {
    padding: 5px 10px;
}
table.dataTable th:last-child {
    vertical-align: middle;
}

.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
    border-top: 1px solid #000;
}

.table-bordered {
    border: none;
}
.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
    border: 1px solid #000;
}

.table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th {
    background-color: #f5f5f5 !important;
}
.table-toolbar {
    margin-right: 25px;
    margin-top: -45px;
    text-align: right;
}
.table-scrollable {
    border-top: 0;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    border-left: 1px solid #000;
    margin: 0 !important;
}
.table-paginacion {
    border: 1px solid #000;
    display: table;
    margin-top: 5px;
    padding: 5px 0;
    width: 100%;
}

.dataTables_filter label {
    line-height: 26px !important;
}
.dataTables_filter input {
    height: 30px;
}
.dataTables_filter input:hover {
    border: 1px solid #999999;
}
.dataTables_filter input:focus {
    border: 1px solid #E3A519;
}

.dataTables_paginate {
    position: relative;
    top: -4px !important;
}
.dataTables_paginate a {
    line-height: 2;
    width: 30px;
}
.dataTables_paginate span {
    background: none repeat scroll 0 0 #EEEEEE;
    display: inline-table;
    margin: 3px 0;
}
.dataTables_paginate .ui-button{
    margin-right: -0.1em !important;
}

.dataTables_info {
    position: relative;
    top: 4px !important;
}
.dataTables_length label {
    margin-top: 2px;
}

.groceryCrudTable .DataTables_sort_wrapper span {
    float: right;
    margin-top: 0px;
}
.groceryCrudTable tfoot tr th input[type="text"] {
    height: 25px;
    padding: 0 5px;
}
.dataTables_wrapper .ui-toolbar {
    margin-bottom: 5px;
    padding: 5px 5px 3px !important;
}

.dataTables_wrapper .table-filters {
    border-color: #000;
    border-style: solid;
    border-width: 1px;
    margin-bottom: 5px;
    margin-top: 8px;
    padding: 5px 0 2px;
    width: 100%;
    display: table;
}

.fg-toolbar.ui-toolbar.ui-widget-header.ui-corner-bl.ui-corner-br.ui-helper-clearfix {
    height: 43px;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background: none !important;
}

#upload_imagen {
    margin-top: -10px;
}
.acciones i {
    color: #000;
    cursor: pointer;
    padding-left: 15px;
    text-decoration: none;
}
.acciones i:hover, .acciones a:hover {
    color: #824400;
    text-decoration: none;
}
.acciones i:active, .acciones i:focus,
.acciones a:active,.acciones a:focus {
    text-decoration: none;
}
.delete_row {
    cursor: pointer;
    padding-left: 10px;
}
button.close {
    margin-top: 5px;
}
.fa-chevron-left::before {
    color: #fffaf3;
    cursor: pointer;
}
.form-control {
    padding: 6px 8px;
}
.form-control .select2-choice {
    padding: 0 0 0 8px;
}
.form-control-static {
    padding-top: 0;
}
.list-add {
    margin-top: -6px;
}

/*** Portlet ****/
.portlet > .portlet-title > .actions > .btn {
    font-size: 13px;
    margin-top: -5px;
}
.portlet > .portlet-title > .caption {
    font-size: 15px;
    margin-top: 3px;
}
.portlet > .portlet-title > .caption > i {
    clear: both;
    font-size: 14px;
    margin-right: 5px;
    margin-top: 3px;
}
.portlet > .portlet-title > .tools > a {
    display: inline-table;
}
.portlet > .portlet-title > .tools > a.collapse, .portlet > .portlet-title > .tools > a.expand {
    margin-right: 2px;
    margin-top: 4px;
}

.portlet.box > .portlet-title {
    padding: 10px 10px 5px 10px;
}
.portlet.box > .portlet-title > .tools {
    margin-top: -2px;
}
.portlet.box > .portlet-body {
    display: table;
    width: 100%;
    padding: 10px;
}
#nodeData .portlet > .portlet-title > .caption {
    margin-top: 4px;
}
#nodeData .portlet > .portlet-title > .caption > i {
    margin-top: 4px;
}
#nodeData #upload_button_img {
    max-width: 300px;
}

.select2-container .select2-choice {
    height: 30px;
}
.select2-container .select2-choice .select2-arrow {
    border-left: 1px solid #E5E5E5;
}

.control-label {
    margin-top: 0;
}
#upload_button_img {
    max-width: 456px;
}
.thumbnail {
    margin-bottom: 0;
}
.delete-icon {
    position: relative;
    right: -5px;
    top: -13px;
}
.width-fixed {
    max-width: 150px;
}
.form-body {
    min-height: 305px;
    padding: 10px 10px 0;
}
.groceryCrudAdd .form-body,
.groceryCrudEdit .form-body {
    min-height: 305px;
    padding: 25px 0 0;
}
.fa-chevron-left {
    margin-top: 6px;
}
.back-to-list,
.back-to-list-read {
    margin-right: 10px;
}
#fancybox-wrap {
    padding: 10px;
}
.filtro-icon {
    float: left;
    margin-left: -15px;
}
.form-section {
    margin: 20px 0 15px;
}
.pagination {
    margin: 5px 0;
}
.ui-widget-header {
    background: none repeat scroll 0 0 transparent !important;
    border-left: 1px solid #E3A519 !important;
    border-right: 1px solid #E3A519 !important;
    border-top: 1px solid #E3A519 !important;
    border-bottom: none !important;
}
.fg-toolbar {
    border: 1px solid #000 !important;
}
.btn.default {
    background-color: #fff;
}
.btn.default:hover, .btn.default:focus, .btn.default:active, .btn.default.active, .btn.default[disabled], .btn.default.disabled {
    color: #fff !important;
    background-color: #000 !important;
}
.radio + .radio, .checkbox + .checkbox {
    margin-top: 0;
}
.radio-list {
    margin-left: -5px !important;
}
.radio-inline, .checkbox-inline {
    padding-left: 0;
    cursor: pointer;
}
div.form-button-box {
    margin-top: 0 !important;
}
.no-margin-top {
    margin-top: 0 !important;
}
.groceryCrudView .form-bordered .control-label {
    padding-top: 10px;
}
.readonly_label {
    font-size: 14px;
    padding-top: 0 !important;
}
.odd {
    background: none repeat scroll 0 0 #F7F7F7;
}
.report-div {
    margin: 0 0 10px !important;
    padding: 0 10px !important;
}

.bootbox-body {
    margin-top: 20px;
}
.bootbox-close-button.close {
    margin-top: -5px !important;
}
.page-footer-fixed .footer {
    border-top: 5px solid #4f4f4f;
}

.form-actions {
    display: table;
    width: 100%;
    padding-right: 25px !important;
}
.filtro-icon-table {
    float: left;
    margin-top: 5px;
}
.filtro-value-table {
    margin-left: 20px;
}

.form-body .control-label {
    margin-bottom: 8px;
}

.checkbox-list > label.checkbox-inline:first-child {
    padding-top: 25px;
}

.form-body .form-control, .radio-list, .checkbox-list {
    margin-bottom: 20px !important;
}

.fa-chevron-left {
    margin-top: 10px;
    margin-left: 5px;
}

.margin-left-35 {
    margin-left: 35px;
}
.margin-left-23 {
    margin-left: 23px;
}

.margin-bottom--11 {
    margin-bottom: -11px;
}

.display-inline {
    display: inline-flex;
    width: 100%;
}

.full-width{
    width: 100%;
}

.input-group-addon, .input-group-btn {
    vertical-align: top;
}

.administration_link {
    float: right;
    margin: 30px 30px 0 0 !important;
    color: #ddd !important;
}

.administration_link a {
    text-transform: uppercase !important;
    color: #ddd !important;
    margin-left: 5px;
}

.align-right {
    text-align: right;
}
div.checker input:hover {
    cursor: pointer;
}
.select2-container .select2-choice > .select2-chosen {
    margin-right: 35px;
}
.col-md-3.clear {
    clear: left;
}
#customer_search .search-form-default {
    margin-bottom: 25px;
    background: #f0f6fa;
    padding: 12px 14px;
}
#customer_search .filtro-icon-table {
    float: left;
    margin-top: 0px;
    padding-right: 3px;
}
#table-notes.table.table-striped.table-hover.table-bordered tbody tr td{
    vertical-align: middle;
}
#table-notes.table.table-striped.table-hover.table-bordered tbody tr td.text-center.acciones i {
    padding-left: 0 !important;
    padding-right: 7px !important;
}