/*specific design*/
.content-wrapper.cart-fixed .cover-content.operations {
    padding-top: 0;
}

.operations .active_filters .active_filter {
    color: #333333;
    margin-bottom: 0;
}

.operations .panels_actions {
    margin-bottom: 0;
    min-height: 57px;
}

.label_select {
    position: absolute;
    z-index: 4;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin: 0;
    color: rgba(65, 64, 66, 0.5);
    font-size: 10px;
    left: 12px;
    top: 2px;
    font-weight: bold;
}

.select2-container .select2-selection--single {
    height: 40px;
    border-color: #ccc;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    padding-left: 11px;
    padding-top: 14px;
    padding-bottom: 6px;
    line-height: 1.43;
    font-size: 14px;
}

/*
    To fix center text in 'select2' dropDown with 'dropdownParent: $(#<Modal>)'
*/
.select2-results__options {
    text-align: left;
}

.document .related_documents .btn {
    margin-right: 0.5em;
}

.contenedor_factoring .factoring_list_item.factoringw4 {
    cursor: default;
}

.card-body .factoringw4 {
    border: none !important;
}

    .card-body .factoringw4.with-logo {
        background: none !important;
    }


/** BEGIN - DataTable */
.dataTables_wrapper {
    /*margin-bottom: 10px;*/
}

    .dataTables_wrapper .bottom {
        padding: 10px;
    }

.card-body .dataTables_wrapper.no-footer .bottom {
    padding: 10px 0px 0 0px;
}

.dataTables_filter.enabled > label {
    display: block;
}

.resume_cotizacion .documents {
    padding-bottom: 10px;
}

table th,
table td {
    white-space: initial;
}

.loading-table thead th {
    /* Theoretically for IE 8 & 9 (more valid) */
    /* ...but not required as filter works too */
    /* should come BEFORE filter */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    /* This works in IE 8 & 9 too */
    /* ... but also 5, 6, 7 */
    filter: alpha(opacity=0);
    /* Modern Browsers */
    opacity: 0;
}

table.dataTable.dtr-inline.collapsed tbody td:first-child:before,
table.dataTable.dtr-inline.collapsed tbody th:first-child:before {
    line-height: 15px;
}

table.dataTable.dtr-inline.collapsed tbody tr.parent td:first-child:before,
table.dataTable.dtr-inline.collapsed tbody tr.parent th:first-child:before {
    background-color: #ffd559;
}

.th-input-select-all {
    width: 25px !important;
    text-align: center;
}

.dataTable {
    border-bottom: 0 !important;
}

.dataTables_wrapper {
    margin-bottom: 0;
}

    .dataTables_wrapper .datatable_simple_nopaging + .bottom {
        border-bottom: 0;
    }

    .dataTables_wrapper .top {
        padding: 0;
        float: left;
        width: 100%;
    }

    .dataTables_wrapper .dataTables_info,
    .dataTables_wrapper .dataTables_paginate {
        padding: 0;
        margin: 0;
        font-size: .9em;
    }

.dynamic-paginate {
    float: right;
}

.dataTables_wrapper .dataTables_info {
    line-height: 30px;
    position: inherit;
    z-index: inherit;
}

.dynamic-paginate .dataTables_length {
    width: inherit;
    border-bottom: 0;
    float: left;
}

.dataTables_scrollBody table.dataTable thead th:before,
table.dataTable thead th:before {
    padding: 0;
    margin: 0;
    border: 0;
    height: 0;
}

.dataTables_scrollBody table {
    margin-top: -2px;
}

.dynamic-batch-actions {
    float: left;
}

    .dynamic-batch-actions .select2 {
        float: left;
        min-width: 120px;
        width: inherit !important;
    }

        .dynamic-batch-actions .select2 + select + .select2,
        .dynamic-batch-actions .select2 + .btn,
        .dynamic-batch-actions .select2 + select + .btn {
            margin-left: 10px;
        }

.dataTables_filter {
    border: 0;
    padding: 0;
    width: initial;
}

.dataTables_wrapper.no-footer .dataTables_scrollBody {
    border: 0;
}

table.dataTable thead > tr > th {
    position: relative;
}

table.dataTable.stripe tbody tr.odd.selected,
table.dataTable.display tbody tr.odd.selected {
    background-color: #D2DCE5;
}

table.dataTable tbody tr.selected {
    background-color: #C8D8E7;
}

table.dataTable.display tbody tr.even.selected > .sorting_1,
table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_1 {
    background-color: #BFD0DF;
}

table.dataTable.display tbody tr.odd.selected > .sorting_1,
table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_1 {
    background-color: #BFD0DF;
}

table.dataTable.hover tbody tr:hover.selected,
table.dataTable.display tbody tr:hover.selected {
    background-color: #a9b7d1;
}

table.dataTable tbody td.td-input-select-item {
    vertical-align: middle;
}

/**
 * hover de las acciones en los Index
 */
table td.item-title strong,
table .item-title {
    margin-bottom: .2em;
    font-size: 14px;
}

table a.item-title {
    font-weight: bold;
}

table td.item-title strong {
    display: block;
}

table.dataTable.dtr-inline.collapsed tbody td.td-input-select-item:first-child:before {
    top: 20px;
    left: 5px;
}

table .row-actions {
    color: #ddd;
    font-size: 15px;
}

    table .row-actions a {
        padding: 0 8px;
    }

    table .row-actions span + span:before {
        content: "|";
    }

table td {
    -moz-word-break: break-all !important;
    -o-word-break: break-all !important;
    word-break: break-all !important;
}

thead th.td-input-select-item,
tbody td.td-input-select-item,
thead th.td-number-item,
tbody td.td-number-item {
    width: 25px !important;
    text-align: center;
}

thead th.td-options-item,
tbody td.td-options-item {
    text-align: center;
    width: 100px !important;
}

    thead th.td-options-item.items-1,
    tbody td.td-options-item.items-1 {
        width: 40px !important;
    }

    thead th.td-options-item.items-2,
    tbody td.td-options-item.items-2 {
        width: 70px !important;
    }

    thead th.td-options-item.items-4,
    tbody td.td-options-item.items-4 {
        width: 130px !important;
    }

    thead th.td-options-item.items-9,
    tbody td.td-options-item.items-9 {
        width: 5px !important;
    }


.pagination li > a, .pagination li > span {
    padding: 4px 13px;
}

div.dataTables_length label {
    margin: 0;
}

div.dataTables_paginate ul.pagination {
    display: block;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    background-color: #00A5BB;
    border-color: #00A5BB;
}

.dataTables_wrapper .dataTables_paginate {
    padding: 0;
    margin: 0;
    font-size: .9em;
}
/** END - DataTable */

/*Avatar*/
.avatar {
    position: relative;
    display: inline-block;
    width: 40px;
    white-space: nowrap;
    vertical-align: bottom;
    border-radius: 1000px;
}

    .avatar i {
        position: absolute;
        right: 0;
        bottom: 0;
        width: 10px;
        height: 10px;
        border: 2px solid #fff;
        border-radius: 100%;
    }

    .avatar img {
        width: 100%;
        max-width: 100%;
        height: auto;
        border: 0 none;
        border-radius: 1000px;
    }

.avatar-online i {
    background-color: #46be8a;
}

.avatar-off i {
    background-color: #526069;
}

.avatar-busy i {
    background-color: #f2a654;
}

.avatar-away i {
    background-color: #f96868;
}

.avatar-100 {
    width: 100px;
}

    .avatar-100 i {
        width: 20px;
        height: 20px;
    }

.avatar-lg {
    width: 50px;
}

    .avatar-lg i {
        width: 12px;
        height: 12px;
    }

.avatar-sm {
    width: 30px;
}

    .avatar-sm i {
        width: 8px;
        height: 8px;
    }

.avatar-xs {
    width: 20px;
}

    .avatar-xs i {
        width: 7px;
        height: 7px;
    }

.navbar-nav > li > a.navbar-avatar,
.navbar-toolbar > li > a.navbar-avatar {
    padding-top: 5px;
    padding-bottom: 5px;
}

@media (max-width: 767px) {
    .navbar-nav > li > a.navbar-avatar {
        padding-top: 6px;
        padding-bottom: 6px;
    }
}

.navbar-avatar .avatar {
    width: 30px;
}

/* End Avatar*/

/** BEGIN - iCheck*/
.check {
    font-weight: 400;
    line-height: 20px;
    margin: 5px 0;
    cursor: pointer;
}

    .check .icheckbox_minimal-grey,
    .check .iradio_minimal-grey {
        margin-right: 5px;
        margin-top: -2px;
    }

    .check.disabled {
        color: #AAA;
    }

.icheckbox_minimal-grey,
.iradio_minimal-grey {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 18px;
    height: 18px;
    background: url("../../images/icheck/grey.png") no-repeat;
    border: none;
    cursor: pointer;
}

.icheckbox_minimal-grey {
    background-position: 0 0;
}

    .icheckbox_minimal-grey.hover {
        background-position: -20px 0;
    }

    .icheckbox_minimal-grey.checked {
        background-position: -40px 0;
    }

    .icheckbox_minimal-grey.disabled {
        background-position: -60px 0;
        cursor: default;
    }

    .icheckbox_minimal-grey.checked.disabled {
        background-position: -80px 0;
    }

.iradio_minimal-grey {
    background-position: -100px 0;
}

    .iradio_minimal-grey.hover {
        background-position: -120px 0;
    }

    .iradio_minimal-grey.checked {
        background-position: -140px 0;
    }

    .iradio_minimal-grey.disabled {
        background-position: -160px 0;
        cursor: default;
    }

    .iradio_minimal-grey.checked.disabled {
        background-position: -180px 0;
    }

.icheckbox_minimal-grey.indeterminate {
    background: url("../../images/icheck/grey-indetermine.png") no-repeat;
    background-position: -40px 0;
}

.icheckbox_square-green,
.iradio_square-green {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 22px;
    height: 22px;
    background: url("../../images/icheck/green.png") no-repeat;
    border: none;
    cursor: pointer;
}

.icheckbox_square-green {
    background-position: 0 0;
}

    .icheckbox_square-green.hover {
        background-position: -24px 0;
    }

    .icheckbox_square-green.checked {
        background-position: -48px 0;
    }

    .icheckbox_square-green.disabled {
        background-position: -72px 0;
        cursor: default;
    }

    .icheckbox_square-green.checked.disabled {
        background-position: -96px 0;
    }

.iradio_square-green {
    background-position: -120px 0;
}

    .iradio_square-green.hover {
        background-position: -144px 0;
    }

    .iradio_square-green.checked {
        background-position: -168px 0;
    }

    .iradio_square-green.disabled {
        background-position: -192px 0;
        cursor: default;
    }

    .iradio_square-green.checked.disabled {
        background-position: -216px 0;
    }

/* HiDPI support */
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi), (min-resolution: 1.25dppx) {
    .icheckbox_square-green,
    .iradio_square-green {
        background-image: url(green@2x.png);
        -webkit-background-size: 240px 24px;
        background-size: 240px 24px;
    }
}
/** END - iCheck*/

.modal-content .modal-icon {
    display: inline-block;
    width: 62px;
    float: left;
    font-size: 60px;
    text-align: center;
    margin: 6px 0;
    color: #d9534f;
}


/*=========* BEGIN - bootstrap3-dialog ================*/

/*.modal-content .modal-icon {
    display: inline-block;
    width: 62px;
    float: left;
    font-size: 60px;
    text-align: center;
    margin: 6px 0;
}

.modal-content .modal-icon + .ui-details {
    margin-left: 70px;
}

.modal-content .ui-details .modal-title {
    font-size: 16px;
    line-height: 25px;
    text-transform: uppercase;
}

.modal-content .ui-details p {
    font-size: 13px;
    line-height: 26px;
    color: #888;
}

.modal-content .ui-details .help-block {
    color: #bcc2c8;
}

.modal-header.bootstrap-dialog-draggable {
    cursor: pointer;
}

.bootstrap-dialog.type-info .modal-content .modal-icon {
    color: #5bc0de;
}

.bootstrap-dialog.type-primary .modal-content .modal-icon {
    color: #428bca;
}

.bootstrap-dialog.type-success .modal-content .modal-icon {
    color: #428bca;
}

.bootstrap-dialog.type-warning .modal-content .modal-icon {
    color: #f0ad4e;
}

.bootstrap-dialog.type-danger .modal-content .modal-icon {
    color: #d9534f;
}*/

.modal .modal-dialog .modal-content .modal-footer .bootstrap-dialog-footer .bootstrap-dialog-footer-buttons .btn-default {
    color: #414042;
    border: none;
}

    .modal .modal-dialog .modal-content .modal-footer .bootstrap-dialog-footer .bootstrap-dialog-footer-buttons .btn-default:hover {
        text-decoration: underline;
        background-color: white;
    }

/*=========* END - bootstrap3-dialog ================*/

/*=========* Clases para los text y fonts ================*/
.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: normal;
    /* for IE */
    white-space: nowrap;
}

.text-break {
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word;
    white-space: normal;
    -ms-hyphens: auto;
}

.text-nowrap {
    white-space: nowrap;
}

.text-top {
    vertical-align: top !important;
}

.text-middle {
    vertical-align: middle !important;
}

.text-bottom {
    vertical-align: bottom !important;
}

.text-left {
    text-align: left !important;
}

.text-right {
    text-align: right !important;
}

.text-center {
    text-align: center !important;
}

.text-justify {
    text-align: justify !important;
}

.text-lowercase {
    text-transform: lowercase !important;
}

.text-uppercase {
    text-transform: uppercase !important;
}

.text-capitalize {
    text-transform: capitalize !important;
}

.font-weight-unset {
    font-weight: unset !important;
}

.font-weight-100 {
    font-weight: 100 !important;
}

.font-weight-200 {
    font-weight: 200 !important;
}

.font-weight-300 {
    font-weight: 300 !important;
}

.font-weight-400 {
    font-weight: 400 !important;
}

.font-weight-500 {
    font-weight: 500 !important;
}

.font-weight-600 {
    font-weight: 600 !important;
}

.font-weight-700 {
    font-weight: 700 !important;
}

.font-weight-800 {
    font-weight: 800 !important;
}

.font-weight-900 {
    font-weight: 900 !important;
}

.font-weight-light {
    font-weight: 200 !important;
}

.font-weight-normal {
    font-weight: 300 !important;
}

.font-weight-medium {
    font-weight: 400 !important;
}

.font-weight-bold {
    font-weight: 500 !important;
}

.font-size-0 {
    font-size: 0 !important;
}

.font-size-10 {
    font-size: 10px !important;
}

.font-size-12 {
    font-size: 12px !important;
}

.font-size-14 {
    font-size: 14px !important;
}

.font-size-16 {
    font-size: 16px !important;
}

.font-size-18 {
    font-size: 18px !important;
}

.font-size-20 {
    font-size: 20px !important;
}

.font-size-24 {
    font-size: 24px !important;
}

.font-size-26 {
    font-size: 26px !important;
}

.font-size-30 {
    font-size: 30px !important;
}

.font-size-40 {
    font-size: 40px !important;
}

.font-size-50 {
    font-size: 50px !important;
}

.font-size-60 {
    font-size: 60px !important;
}

.font-size-70 {
    font-size: 70px !important;
}

.font-size-80 {
    font-size: 80px !important;
}
/*=========* End Clases para los text y fonts ================*/

.modal-body {
    overflow: hidden;
}

.label_fx input[type=text], .label_fx input[type=password], .label_fx input[type=email], .label_fx input[type=number], .label_fx .date input[type=text] {
    padding-top: 16px;
    height: 40px;
}

.label_fx textarea {
    padding-top: 16px;
}

.form_upload {
    margin: auto;
    margin-top: 20px;
}

.content-wrapper .content-header h1 small.status {
    position: relative;
    top: -2px;
    font-size: 14px;
    padding: 4px 12px;
    border-radius: 4px;
    font-weight: normal;
    color: #002e45;
    margin-left: 10px;
    border: 1px solid #002e45;
}

app.css:813 .content-wrapper .content-header h1 small {
    font-size: 15px;
    display: inline-block;
    padding-left: 4px;
    font-weight: 300;
}

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

#NewDocument {
    margin-bottom: 15px;
}

.emisor .info_document {
    border: 1px solid #002e45;
    padding: 1em;
    text-align: center;
    font-weight: bold;
}

.document .resume_total {
    border-top: 1px solid #eee;
    padding-top: 10px;
    margin-top: 5px;
    padding-right: 20px;
}

.panels_actions_inner .filter_content1 {
    display: none;
    position: absolute;
    top: 50px;
    right: 68px;
    background: #eee;
    z-index: 4;
    padding: 10px;
    border-radius: 2px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

    .panels_actions_inner .filter_content1.filter_content_two_columns {
        width: 530px;
    }

    .panels_actions_inner .filter_content1.open {
        display: block;
    }

    .panels_actions_inner .filter_content1 input {
        min-width: 200px;
    }

    .panels_actions_inner .filter_content1 select {
        min-width: 200px;
    }

    .panels_actions_inner .filter_content1 .filter_inner {
        position: relative;
    }

        .panels_actions_inner .filter_content1 .filter_inner:after {
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 0 10px 11px 10px;
            border-color: transparent transparent #eee transparent;
            content: "";
            top: -21px;
            right: 10px;
            position: absolute;
        }

        .panels_actions_inner .filter_content1 .filter_inner:before {
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 0 12px 12px 12px;
            border-color: transparent transparent #e2e2e2 transparent;
            content: "";
            top: -22px;
            right: 8px;
            position: absolute;
        }

        .panels_actions_inner .filter_content1 .filter_inner .cancel {
            font-size: 12px;
            color: #414042;
            margin-right: 5px;
        }

            .panels_actions_inner .filter_content1 .filter_inner .cancel:hover {
                text-decoration: underline;
            }

.disabledlink {
    pointer-events: none;
    cursor: default;
}

.no-padding {
    padding: 0 !important;
}

.avatar-profile img {
    max-width: 100%;
    width: 100%;
}

.avatar-profile {
    border: 8px solid #eeeeee !important;
    border-radius: 50% !important;
    max-width: 237px !important;
    overflow: hidden;
    width: 90%;
    margin: 0em auto;
}


.main-sidebar .sidebar .sidebar-menu > li.active > a {
    background: #eee;
    border-left-color: #002e45;
}

.highlightDropElement, .highlightDropElement td {
    background: rgb(228, 226, 145) !important;
}

.datepicker td, .datepicker th {
    width: 25px;
}

.datepicker {
    z-index: 1151 !important;
}


.select_factoring .contenedor_factoring .factoring_list li {
    width: 200px !important;
}

header .breadcrums {
    padding: 0 15px;
    background: rgba(255, 255, 255, 0.5);
    height: 37px;
    line-height: 37px;
    font-size: 12px;
    margin-top: 5px;
    float: left;
}

.resume_offer .panels_actions .panels_actions_inner {
    padding: 12px !important;
}

.kpi-card {
    padding-bottom: 60% !important;
}

span.fa-ban {
    color: #002e45 !important;
}

.dropzone .dz-preview .dz-details {
    padding-bottom: 1em;
}

.avatar-menu {
    margin-top: 8px !important;
    margin-right: 6px !important;
}

.fix-erp-padding {
    padding-right: 0px !important;
}

.file-caption-name {
    margin-top: 6px !important;
}

.file-input .fileinput-remove-button {
    width: auto;
}

.kv-fileinput-caption {
    height: 40px !important;
}

.btn-file {
    height: 40px !important;
    padding-top: 9px !important;
}

/*Este estilo aquí rompe con la mayoria de los filtros en los datatables. Personalizar para cada caso */
/*.panels_actions_inner .filter_content {
    right: 120px !important;
}*/

.dropdown-menu li a:not(.btn) .fa {
    width: 20px;
}

.dz-error-message {
    background: #000 !important;
}

.buttons-excel.buttons-html5 {
    display: none;
}

.buttons-pdf.buttons-html5 {
    display: none;
}

.provider-content .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding-top: 10px;
}

.link-discount-details {
    margin-top: 5px;
    color: #002e45;
}

    .link-discount-details:hover,
    .link-discount-details:focus {
        color: #002e45;
        text-decoration: underline;
        background-color: transparent;
    }

.popover-content li i.fa-check {
    color: #002e45;
}

/* Useful CSS classes to define margins and paddings */

.margin-0 {
    margin: 0 !important;
}

.margin-3 {
    margin: 3px !important;
}

.margin-5 {
    margin: 5px !important;
}

.margin-10 {
    margin: 10px !important;
}

.margin-15 {
    margin: 15px !important;
}

.margin-20 {
    margin: 20px !important;
}

.margin-25 {
    margin: 25px !important;
}

.margin-30 {
    margin: 30px !important;
}

.margin-35 {
    margin: 35px !important;
}

.margin-40 {
    margin: 40px !important;
}

.margin-45 {
    margin: 45px !important;
}

.margin-50 {
    margin: 50px !important;
}

.margin-vertical-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.margin-vertical-3 {
    margin-top: 3px !important;
    margin-bottom: 3px !important;
}

.margin-vertical-5 {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}

.margin-vertical-10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

.margin-vertical-15 {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
}

.margin-vertical-20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}

.margin-vertical-25 {
    margin-top: 25px !important;
    margin-bottom: 25px !important;
}

.margin-vertical-30 {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
}

.margin-vertical-35 {
    margin-top: 35px !important;
    margin-bottom: 35px !important;
}

.margin-vertical-40 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
}

.margin-vertical-45 {
    margin-top: 45px !important;
    margin-bottom: 45px !important;
}

.margin-vertical-50 {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
}

.margin-horizontal-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.margin-horizontal-3 {
    margin-right: 3px !important;
    margin-left: 3px !important;
}

.margin-horizontal-5 {
    margin-right: 5px !important;
    margin-left: 5px !important;
}

.margin-horizontal-10 {
    margin-right: 10px !important;
    margin-left: 10px !important;
}

.margin-horizontal-15 {
    margin-right: 15px !important;
    margin-left: 15px !important;
}

.margin-horizontal-20 {
    margin-right: 20px !important;
    margin-left: 20px !important;
}

.margin-horizontal-25 {
    margin-right: 25px !important;
    margin-left: 25px !important;
}

.margin-horizontal-30 {
    margin-right: 30px !important;
    margin-left: 30px !important;
}

.margin-horizontal-35 {
    margin-right: 35px !important;
    margin-left: 35px !important;
}

.margin-horizontal-40 {
    margin-right: 40px !important;
    margin-left: 40px !important;
}

.margin-horizontal-45 {
    margin-right: 45px !important;
    margin-left: 45px !important;
}

.margin-horizontal-50 {
    margin-right: 50px !important;
    margin-left: 50px !important;
}

.margin-top-0 {
    margin-top: 0 !important;
}

.margin-top-3 {
    margin-top: 3px !important;
}

.margin-top-5 {
    margin-top: 5px !important;
}

.margin-top-10 {
    margin-top: 10px !important;
}

.margin-top-15 {
    margin-top: 15px !important;
}

.margin-top-20 {
    margin-top: 20px !important;
}

.margin-top-25 {
    margin-top: 25px !important;
}

.margin-top-30 {
    margin-top: 30px !important;
}

.margin-top-35 {
    margin-top: 35px !important;
}

.margin-top-40 {
    margin-top: 40px !important;
}

.margin-top-45 {
    margin-top: 45px !important;
}

.margin-top-50 {
    margin-top: 50px !important;
}

.margin-bottom-0 {
    margin-bottom: 0 !important;
}

.margin-bottom-3 {
    margin-bottom: 3px !important;
}

.margin-bottom-5 {
    margin-bottom: 5px !important;
}

.margin-bottom-10 {
    margin-bottom: 10px !important;
}

.margin-bottom-15 {
    margin-bottom: 15px !important;
}

.margin-bottom-20 {
    margin-bottom: 20px !important;
}

.margin-bottom-25 {
    margin-bottom: 25px !important;
}

.margin-bottom-30 {
    margin-bottom: 30px !important;
}

.margin-bottom-35 {
    margin-bottom: 35px !important;
}

.margin-bottom-40 {
    margin-bottom: 40px !important;
}

.margin-bottom-45 {
    margin-bottom: 45px !important;
}

.margin-bottom-50 {
    margin-bottom: 50px !important;
}

.margin-left-0 {
    margin-left: 0 !important;
}

.margin-left-3 {
    margin-left: 3px !important;
}

.margin-left-5 {
    margin-left: 5px !important;
}

.margin-left-10 {
    margin-left: 10px !important;
}

.margin-left-15 {
    margin-left: 15px !important;
}

.margin-left-20 {
    margin-left: 20px !important;
}

.margin-left-25 {
    margin-left: 25px !important;
}

.margin-left-30 {
    margin-left: 30px !important;
}

.margin-left-35 {
    margin-left: 35px !important;
}

.margin-left-40 {
    margin-left: 40px !important;
}

.margin-left-45 {
    margin-left: 45px !important;
}

.margin-left-50 {
    margin-left: 50px !important;
}

.margin-right-0 {
    margin-right: 0 !important;
}

.margin-right-3 {
    margin-right: 3px !important;
}

.margin-right-5 {
    margin-right: 5px !important;
}

.margin-right-10 {
    margin-right: 10px !important;
}

.margin-right-15 {
    margin-right: 15px !important;
}

.margin-right-20 {
    margin-right: 20px !important;
}

.margin-right-25 {
    margin-right: 25px !important;
}

.margin-right-30 {
    margin-right: 30px !important;
}

.margin-right-35 {
    margin-right: 35px !important;
}

.margin-right-40 {
    margin-right: 40px !important;
}

.margin-right-45 {
    margin-right: 45px !important;
}

.margin-right-50 {
    margin-right: 50px !important;
}

@media (max-width: 767px) {
    .margin-xs-0 {
        margin: 0 !important;
    }
}

@media (min-width: 768px) {
    .margin-sm-0 {
        margin: 0 !important;
    }
}

@media (min-width: 992px) {
    .margin-md-0 {
        margin: 0 !important;
    }
}

@media (min-width: 1200px) {
    .margin-lg-0 {
        margin: 0 !important;
    }
}

.padding-0 {
    padding: 0 !important;
}

.padding-3 {
    padding: 3px !important;
}

.padding-5 {
    padding: 5px !important;
}

.padding-10 {
    padding: 10px !important;
}

.padding-15 {
    padding: 15px !important;
}

.padding-20 {
    padding: 20px !important;
}

.padding-25 {
    padding: 25px !important;
}

.padding-30 {
    padding: 30px !important;
}

.padding-35 {
    padding: 35px !important;
}

.padding-40 {
    padding: 40px !important;
}

.padding-45 {
    padding: 45px !important;
}

.padding-50 {
    padding: 50px !important;
}

.padding-vertical-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.padding-vertical-3 {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
}

.padding-vertical-5 {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.padding-vertical-10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.padding-vertical-15 {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}

.padding-vertical-20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

.padding-vertical-25 {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
}

.padding-vertical-30 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}

.padding-vertical-35 {
    padding-top: 35px !important;
    padding-bottom: 35px !important;
}

.padding-vertical-40 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
}

.padding-vertical-45 {
    padding-top: 45px !important;
    padding-bottom: 45px !important;
}

.padding-vertical-50 {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
}

.padding-horizontal-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.padding-horizontal-3 {
    padding-right: 3px !important;
    padding-left: 3px !important;
}

.padding-horizontal-5 {
    padding-right: 5px !important;
    padding-left: 5px !important;
}

.padding-horizontal-10 {
    padding-right: 10px !important;
    padding-left: 10px !important;
}

.padding-horizontal-15 {
    padding-right: 15px !important;
    padding-left: 15px !important;
}

.padding-horizontal-20 {
    padding-right: 20px !important;
    padding-left: 20px !important;
}

.padding-horizontal-25 {
    padding-right: 25px !important;
    padding-left: 25px !important;
}

.padding-horizontal-30 {
    padding-right: 30px !important;
    padding-left: 30px !important;
}

.padding-horizontal-35 {
    padding-right: 35px !important;
    padding-left: 35px !important;
}

.padding-horizontal-40 {
    padding-right: 40px !important;
    padding-left: 40px !important;
}

.padding-horizontal-45 {
    padding-right: 45px !important;
    padding-left: 45px !important;
}

.padding-horizontal-50 {
    padding-right: 50px !important;
    padding-left: 50px !important;
}

.padding-top-0 {
    padding-top: 0 !important;
}

.padding-top-3 {
    padding-top: 3px !important;
}

.padding-top-5 {
    padding-top: 5px !important;
}

.padding-top-10 {
    padding-top: 10px !important;
}

.padding-top-15 {
    padding-top: 15px !important;
}

.padding-top-20 {
    padding-top: 20px !important;
}

.padding-top-25 {
    padding-top: 25px !important;
}

.padding-top-30 {
    padding-top: 30px !important;
}

.padding-top-35 {
    padding-top: 35px !important;
}

.padding-top-40 {
    padding-top: 40px !important;
}

.padding-top-45 {
    padding-top: 45px !important;
}

.padding-top-50 {
    padding-top: 50px !important;
}

.padding-bottom-0 {
    padding-bottom: 0 !important;
}

.padding-bottom-3 {
    padding-bottom: 3px !important;
}

.padding-bottom-5 {
    padding-bottom: 5px !important;
}

.padding-bottom-10 {
    padding-bottom: 10px !important;
}

.padding-bottom-15 {
    padding-bottom: 15px !important;
}

.padding-bottom-20 {
    padding-bottom: 20px !important;
}

.padding-bottom-25 {
    padding-bottom: 25px !important;
}

.padding-bottom-30 {
    padding-bottom: 30px !important;
}

.padding-bottom-35 {
    padding-bottom: 35px !important;
}

.padding-bottom-40 {
    padding-bottom: 40px !important;
}

.padding-bottom-45 {
    padding-bottom: 45px !important;
}

.padding-bottom-50 {
    padding-bottom: 50px !important;
}

.padding-left-0 {
    padding-left: 0 !important;
}

.padding-left-3 {
    padding-left: 3px !important;
}

.padding-left-5 {
    padding-left: 5px !important;
}

.padding-left-10 {
    padding-left: 10px !important;
}

.padding-left-15 {
    padding-left: 15px !important;
}

.padding-left-20 {
    padding-left: 20px !important;
}

.padding-left-25 {
    padding-left: 25px !important;
}

.padding-left-30 {
    padding-left: 30px !important;
}

.padding-left-35 {
    padding-left: 35px !important;
}

.padding-left-40 {
    padding-left: 40px !important;
}

.padding-left-45 {
    padding-left: 45px !important;
}

.padding-left-50 {
    padding-left: 50px !important;
}

.padding-right-0 {
    padding-right: 0 !important;
}

.padding-right-3 {
    padding-right: 3px !important;
}

.padding-right-5 {
    padding-right: 5px !important;
}

.padding-right-10 {
    padding-right: 10px !important;
}

.padding-right-15 {
    padding-right: 15px !important;
}

.padding-right-20 {
    padding-right: 20px !important;
}

.padding-right-25 {
    padding-right: 25px !important;
}

.padding-right-30 {
    padding-right: 30px !important;
}

.padding-right-35 {
    padding-right: 35px !important;
}

.padding-right-40 {
    padding-right: 40px !important;
}

.padding-right-45 {
    padding-right: 45px !important;
}

.padding-right-50 {
    padding-right: 50px !important;
}

/* Style for the table to show child row in the datatable  */
.table-child-row {
    width: 100%;
    padding-left: 50px;
}

.table-child-row td.label-child-row {
    width: 143px;
    font-weight: bold;
}

.icon-details {
    cursor: pointer;
}

.border-top-dotted {
    border-top: dotted;
    border-top-width: 1px;
}

/* Begin: Width in Percent */
.witdh-5-pct {
    width: 5% !important;
}

.witdh-10-pct {
    width: 10% !important;
}

.witdh-15-pct {
    width: 15% !important;
}

.witdh-20-pct {
    width: 20% !important;
}
/* End: Width in Percent */

/* Begin: Custom styles for 'icheck' */
.icheckbox_minimal-grey {
    background-position: 0 0;
    background-color: white;
}
/* End: Custom styles for 'icheck' */

/* Begin: Dark version of the bootstrap `label-success` style */
.label-success-dark {
    background-color: #005900;
}
/* End: Dark version of the bootstrap `label-success` style */

/* Begin: Light version of the bootstrap `label-danger` style */
.label-danger-light {
    background-color: #ff847b;
}
/* End: Light version of the bootstrap `label-danger` style */

.subscribe_sii .subscribe_sii_inner form {
    max-width: 350px;
    text-align: left;
}

.subscribe_sii .subscribe_sii_inner .subtitle {
    max-width: 350px;
    text-align: left;
}

/* Begin: Custom style for the label of the phone field with the country code included  */
.label_fx .phone-country-code.filled label:not(.label_no_fx) {
    font-size: 10px;
    top: 2px;
    color: rgba(65, 64, 66, 0.5);
    margin-left: 64px;
}

.label_fx .phone-country-code label:not(.label_no_fx) {
    position: absolute;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    top: 10px;
    left: 12px;
    color: rgba(65, 64, 66, 0.8);
    transition: top .3s;
    z-index: 4;
    margin-left: 64px;
}
/* End: Custom style for the label of the phone field with the country code included */

.select-files-to-upload {
    margin: 5px;
    max-height: 400px;
    overflow: auto;
}

.alert-top-page {
    margin: 0px;
    margin-bottom: 9px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 0px;
    width: 100%;
}

.alert-top-page a.alert-link {
    text-decoration: underline;
}

/* Begin: Custom style for bootstrap-fileinput  */
.file-preview-thumbnails {
    margin-top: 5px;
}
/* End: Custom style for bootstrap-fileinput  */

.data-table-actions-container {
    display: flex;
    align-items: center;
}

.data-table-actions-item {
    flex: 1;
    margin-right: 2px;
}

.data-table-row-error td {
    background-color: #e9828c !important;
}

.popover.popover-400 {
    max-width: 400px;
    width: 400px;
}

.badge-success {
    background-color: #5cb85c;
}