/****** GENERAL *****/
p {
    margin-bottom: 0;
}

a:hover {
    text-decoration: none;
}

.center-div {
    margin: 0 auto;
    width: fit-content;
}

/***** FONT FAMILY *****/

* {
    font-family: 'Open Sans', sans-serif;
}

/***** TITELS SIZE*****/
h1 {
    font-size: 43px;
    font-weight: bold
}

h2 {
    font-size: 33px;
    font-weight: bold
}

h3 {
    font-size: 23px;
    font-weight: bold
}

h4 {
    font-size: 17px;
    font-weight: bold
}

h5 {
    font-size: 15px;
    font-weight: bold
}

.h1 {
    font-size: 43px
}

.h2 {
    font-size: 33px
}

.h3 {
    font-size: 23px
}

.h4 {
    font-size: 17px
}

.h5 {
    font-size: 15px
}

/***** FONTS SIZE *****/

p {
    font-size: 13px
}

/***** FONTS COLORS *****/
.text-primary {
    color: #2075bd !Important
}

.text-muted {
    color: #91929b;
!Important
}

/***** BACKGROUND COLORS *****/

.bg-primary {
    background-color: #2075bd !important;
}

.bg-secondary {
    background-color: #27d974 !important;
}

.bg-light {
    background-color: #fafbfc !important;
}

.bg-transparent {
    background-color: transparent !important;
}

/***** BUTTONS *****/

.btn-primary {
    color: #fff;
    background-color: #2075bd;
    border-color: #2075bd;
}

.btn {
    font-weight: 400
}

.btn-primary:hover {
    background-color: #007ecb;
    border-color: #007ecb;

}

.btn-secondary {
    color: #fff;
    background-color: #27d974;
    border-color: #27d974;
}

.btn-secondary:hover {
    background-color: #16b95c;
    border-color: #16b95c;
}

.btn-secondary.disabled, .btn-secondary:disabled {
    color: #fff;
    background-color: #27d974;
    border-color: #27d974;
}

.btn-light {
    color: #2075bd;
    background-color: #fff;
    border: 1px solid #c5d9e8;
}

.btn-light:hover {
    color: #2075bd;
    background: #fff;
    border-color: #2075bd !important;
}

.btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show > .btn-light.dropdown-toggle {
    color: #007ecb;
    background: #fff;
    border-color: #007ecb;
}

.btn-light.disabled, .btn-light:disabled {
    color: #bdbdbd;
    background-color: #eaeaea;
    border-color: #ccc;
}

.btn-danger {
    color: #fff;
    background: #ff586c;
    border-color: #ff586c;
}

.btn {
    padding: 5px .75rem;
    box-shadow: none !important;
    min-width: 128px;
    font-size: 13px;
    min-height: 36px;
}

.btn-sm {
    padding: 2px .5rem;
    min-width: 0px;
    min-height: 0px;
}

.btn-lg {
    padding: 7px 1rem;
}

/****** Alert *****/
.alert {
    display: flex;
    align-items: center;
}

.alert-warning {
    color: #373848;
    background-color: #FDECD6;
    border-color: #F5A213;
}

.alert-error {
    color: #373848;
    background-color: #fad8d8;
    border-color: #ff586c;
}

.alert-success {
    color: #373848;
    background-color: #aef1cb;
    border-color: #14b158;
}

.alert-info {
    color: #373848;
    background-color: #c8e6f4;
    border-color: #2075bd;

}

/***** PILL BADGES *****/
.badge {
    padding-left: 20px;
    padding-right: 20px;
    min-width: 100px
}

.badge-primary {
    color: #fff;
    background-color: #2075bd;
    border-color: #2075bd;
}

.badge-secondary {
    color: #fff;
    background-color: #27d974;
    border-color: #27d974;
}

.badge-danger-light {
    color: #ff586c;
    background-color: #fad8d8;
    border: 1px solid #ff586c
}

.badge-success-light {
    color: #27d974;
    background-color: #dbf9e8;
    border: 1px solid #35d778;
}

.badge-success {
    color: #fff;
    background-color: #27d974;
    border: 1px solid #27d974;
}

.badge-danger {
    color: #fff;
    background-color: #ff586c;
    border: 1px solid #ff586c;
}

.badge-warning {
    color: #fff;
    background-color: #f5a213;
    border: 1px solid #f5a213;
}

/***** BLOQUES *****/

.basic-block {
    color: #373848;
    /*overflow: hidden;*/
    margin-bottom: 15px;
    float: left;
    width: 100%;
    clear: both;

}

.header-block {
    padding: 8px 10px 4px;
    font-size: 15px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #373848;
    width: 100%;
    float: left;
    clear: both;
    margin-bottom: 16px;
}

.header-block input, .header-block select {
    height: 20px;
}

.header-block > h1, .header-block > h2, .header-block > h3, .header-block > h4, .header-block > h5 {
    font-size: 15px;
    font-weight: bold;
    color: #373848
}

.body-block {
    padding: 24px;
    clear: both;
    background-color: #ffffff;
    border-radius: 4px;
    box-shadow: rgba(48, 64, 80, 0.08) 0px 4px 8px 0px;
}

.header-block-home {
    margin-bottom: 0px;
    border-bottom: 0px;
}

.chevrom-blind-block {
    padding: 2px 12px 2px 3px;
}

.blind-block .header-block {
    cursor: pointer
}

.table-block {
    border: 0;
}

.table-block .body-block {
    padding: 0
}

.table-block .header-block {
    border-top: solid 1px #d8e5ef;
    border-left: solid 1px #d8e5ef;
    border-right: solid 1px #d8e5ef;
}


.blind-block .margin-header-chevron-right {
    margin-left: 4px;
    margin-right: 2px;
}

.blind-block .blindBlockBloqued {
    opacity: 0.6;
    cursor: initial;
}

.blindBlock-closed .header-block {
    border-bottom: 0
}

/***** PROCESS STEPS BAR *****/

.process-steps {
    width: 100%;
    padding: 20px;
    height: 65px;
}

.process-step {
    /*overflow: hidden;*/
    float: left;
    position: relative;
}

.process-step:last-child {

}

.steps-4 .process-step {
    width: 33.3%;
    height: 50px;
}

.steps-3 .process-step {
    width: 50%;
}

.process-step p {
    margin-top: 10px;
    margin-left: 5px;
    color: #91929b;
    font-weight: normal;

    left: -50%;
    text-align: center;
    width: 100%;
    position: absolute;
}

.last-step p {
    color: #91929b;
    font-weight: normal;
}

.process-step:first-child p, .process-step:last-child p {
    left: 0;
    text-align: left;
    width: auto;
    position: relative;
}

.full-step > .process-line, .line-full-animate {
    background: #2075bd;
}

.process-line {
    width: 100%;
    height: 4px;
    background: url("../../appimgnew/linea-discontinua.png");
    margin-top: 10px;
    margin-left: 22px;
}

.line-full-animate {
    width: 0;
    position: absolute;
    top: 0;
    background: #2075bd;
}

.process-point {
    width: 22px;
    height: 22px;
    border: 3px solid #d8e5ef;
    background: #fff;
    border-radius: 55%;
    position: absolute;
    left: 0px;
    text-align: center;
}

.actual-step .process-point {
    border: 3px solid #2075bd !important;
}

.actual-step p {
    color: #2075bd;
    font-weight: 600;
}

.full-step > .process-point {
    background: #2075bd;
    border-color: #2075bd;
}

.full-point {
    background: #2075bd !Important;
    border-color: #2075bd !Important;
}

.last-step {
    position: absolute;
    right: 2%
}

.last-step .process-point {
    position: relative;
    float: right;
}

.last-step p {
    margin-top: 22px;
    text-align: right;
}

.last-step .process-point {
    border-color: #d8e5ef;
}

/***** TABLES *****/
.table-basic {
    background: #fff;
    margin-bottom: 15px;
    font-size: 14px
}

.table-breakdown {
    margin-bottom: 0px;
}


.table-basic tfoot.border {
    border: 1px solid #d9e5ef;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

/*.table-basic tbody tr:first-child td{border-top:0}*/
.table-basic thead th {
    border-top: 0;
    /*border-right: 1px solid #d8e5ef;*/

    font-weight: 600 !important;
    text-align: left;
    vertical-align: middle;
    height: 45px;
    padding: 0 1em;
}

.table-basic tfoot td {
    text-align: center;
    padding-top: 22px !important;
}

.table-basic td {
    color: rgba(0, 0, 0, .65);
    text-align: left;
    vertical-align: middle;
    padding: 0 1em;
    height: 53px;
    position: relative;
}

div#tablausuarios .table-basic td {
    padding: 0px !important;
    padding-left: 5px !important;
}



.table-basic td span, .table-basic td i, .table-basic th span, .table-basic th i {
    text-align: center;
}


.table-basic input, .table-basic select {
    height: 30px;
}

.table-basic input, .table-basic select {
    width: 100%;
    border: 1px solid transparent !Important

}

.table-vertical th {
    padding: 0 14px !important;
    vertical-align: middle;
}

.table-vertical td {
    color: #91929b !important
}

.table-flights ul li input, .table-flights ul li select {
    width: 100%;
    border: 0px !Important
}

.table-basic .borderSelected td input, .table-basic .borderSelected td input {
    border: 1px solid #eaeaea !Important
}

.table-news {
    background-color: #f6f6f6;
    margin-bottom: 0px;
    color: #91929b;
    font-size: 13px;
}

.table-news td:first-child {
    background-color: #ffffff;
}

.table-news td {
    padding-right: 0px !important;
}

.table-news td img {
    width: 100px;
    height: 40px;
}

.table-news h3 {
    font-size: 15px;
    color: #373848;
}

.table-basic tr[data-son] td {
    border-top: 0;
    color: #91929b
}

.table-basic tr[data-main] td {
    cursor: pointer
}

.table-basic tr[data-main] td, .table-basic tr.subheader {
    border-bottom: 1px solid #d9e5ef;
}

.table-basic TR.subheader td {
    font-size: 12px;
    color: #8dabc4;
    vertical-align: bottom;
    padding-bottom: 8px !Important
}

.table-basic-brind-shadow {
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
}

.table-basic td input:focus, .table-basic td select:focus {
    border-color: #80bdff !important;
}

/***** CHECKBOX *****/
.custom-checkbox .custom-control-input ~ .custom-control-label::before {
    background-color: #ffffff;
    border: 1px solid #c5d9e8;
}

.custom-control-label {
    margin-bottom: 0;
    line-height: 24px;
}

/*Checbox old/*

/*.checkbox_group {*/
/*display: block;*/
/*position: relative;*/
/*margin-bottom: 0px;*/
/*cursor: pointer;*/
/*-webkit-user-select: none;*/
/*-moz-user-select: none;*/
/*-ms-user-select: none;*/
/*user-select: none;*/
/*line-height: 18px;*/

/*}*/

/*!* Hide the browser's default checkbox *!*/
/*.checkbox_group input {*/
/*position: absolute;*/
/*opacity: 0;*/
/*cursor: pointer;*/
/*}*/

/*!* Create a custom checkbox *!*/
/*.checkmark {*/
/*position: absolute;*/
/*!*top: 0;*!*/
/*!*left: 0;*!*/
/*height: 18px;*/
/*width: 18px;*/
/*border-radius: 4px;*/
/*background-color: #ffffff;*/
/*border: solid 1px #d8e5ee;*/
/*!*margin: 0 5px;*!*/

/*}*/
/*label.checkbox_group  p{*/
/*margin: 0 25px;*/
/*}*/

/*.checkbox-left {*/
/*!*padding: 0px 22px 0;*!*/
/*}*/
/*.checkbox-left .checkmark{*/
/*left:-7px;*/
/*}*/
/*!*.checkmark-right{*!*/
/*!*left:auto;*!*/
/*!*right:0;*!*/
/*!*}*!*/
/*.checkmark-left{*/
/*left:0;*/
/*right:auto;*/
/*}*/

/*!* On mouse-over, add a grey background color *!*/
/*.checkbox_group:hover input ~ .checkmark {*/
/*background-color: #f1f9fb;*/

/*}*/

/*!* When the checkbox is checked, add a blue background *!*/
/*.checkbox_group input:checked ~ .checkmark {*/
/*background-color: #fff;*/

/*}*/

/*!* Create the checkmark/indicator (hidden when not checked) *!*/
/*.checkmark:after {*/
/*content: "";*/
/*position: absolute;*/
/*display: none;*/

/*}*/

/*!* Show the checkmark when checked *!*/
/*.checkbox_group input:checked ~ .checkmark:after {*/
/*display: block;*/

/*}*/

/*!* Style the checkmark/indicator *!*/
/*.checkbox_group .checkmark:after {*/
/*left: 5px;*/
/*top: 2px;*/
/*width: 5px;*/
/*height: 8px;*/
/*border: solid #2075bd;*/
/*border-width: 0 3px 3px 0;*/
/*-webkit-transform: rotate(45deg);*/
/*-ms-transform: rotate(45deg);*/
/*transform: rotate(45deg);*/

/*}*/

/*!***** RADIO *****!*/

/*.regular-radio {*/
/*display: none;*/
/*}*/

/*.regular-radio + label {*/
/*-webkit-appearance: none;*/
/*background-color: #fafafa;*/
/*border: 1px solid #cacece;*/
/*box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);*/
/*padding: 9px;*/
/*border-radius: 50px;*/
/*display: inline-block;*/
/*position: relative;*/
/*}*/

/*.regular-radio:checked + label:after {*/
/*content: ' ';*/
/*width: 12px;*/
/*height: 12px;*/
/*border-radius: 50px;*/
/*position: absolute;*/
/*top: 3px;*/
/*background: #99a1a7;*/
/*box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3);*/
/*text-shadow: 0px;*/
/*left: 3px;*/
/*font-size: 32px;*/
/*}*/

/*.regular-radio:checked + label {*/
/*background-color: #e9ecee;*/
/*color: #99a1a7;*/
/*border: 1px solid #adb8c0;*/
/*box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1), inset 0px 0px 10px rgba(0,0,0,0.1);*/
/*}*/

/*.regular-radio + label:active, .regular-radio:checked + label:active {*/
/*box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);*/
/*}*/

/*.big-radio + label {*/
/*padding: 16px;*/
/*}*/

/*.big-radio:checked + label:after {*/
/*width: 24px;*/
/*height: 24px;*/
/*left: 4px;*/
/*top: 4px;*/
/*}*/

/***** LABEL *****/
.form-control label {
    font-size: 13px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.31;
    letter-spacing: normal;
    text-align: left;
    color: #373848;
}

.form-group label {
    font-weight: 600;
    color: #373848;
}

/***** INPUTS *****/
.form-control, .form-group input, .form-group select, .form-group textarea {
    box-sizing: border-box;
    margin: 0;
    font-variant: tabular-nums;
    list-style: none;
    font-feature-settings: "tnum", "tnum";
    position: relative;
    display: inline-block;
    width: 100%;
    height: 40px;
    padding: 6px 11px;
    color: rgba(0, 0, 0, .65);
    font-size: 14px;
    line-height: 1.5;
    background-color: #fff;
    background-image: none;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    transition: all .3s;
    touch-action: manipulation;
    text-overflow: ellipsis;
    overflow: visible;
    margin-top: 4px;
    text-align: left;
}

.form-control:focus, .form-group input:focus, .form-group select:focus, .form-group textarea:focus {
    outline: 0;
    box-shadow: 0 0 0 2px rgba(32, 117, 189, .2);
}

.input-group-text {
    padding: 3px .75rem;
    font-size: 13px;
    background: #f6f6f6;
    color: #758fa5 !important;
}

.input-group > .input-group-prepend > .input-group-text {
    color: #758fa5
}

/***** INPUTS READ ONLY AND DISABLED *****/
.form-control:disabled, .form-control[readonly] {
    background-color: #fbfbfb;
    opacity: 1;
    color: #758fa5;
    border-color: #d8e5ef;
}

/***** SELECT *****/
.form-group select, select.form-control {
    background: url("/appimgnew/shape.png") no-repeat 99% 50% #fff;
}

/****** ICONS *******/
/* Tamaños */
.icon-small {
    font-size: 18px !Important
}

.icon-middle {
    font-size: 24px !Important
}

.icon-big {
    font-size: 34px !Important
}

/*Colores*/
.icon-primary {
    color: #2075bd !important
}

.icon-black {
    color: #000 !important
}

.icon-dark {
    color: #3f536e !important
}

.icon-gray {
    color:#8A8D8F;
}

.icon-white {
    color: #fff !important
}

.icon-blue {
    color: #2075bd !important
}

.icon-orange {
    color: #ffc300 !important
}

.icon-green {
    color: #27d974 !important
}

.icon-darkgreen {
    color: #14b158 !important
}

.icon-red {
    color: #ff3e48 !important
}

.icon-yellow {
    color: #e38f00 !important
}

.fa-xl {
    font-size: 1.5em;
}

.fa-ellipsis-v {
    width: 20px;
}

/*------ MODALS ------*/
.modal-header, .modal-footer {
    border: 0
}

/*------ Badgets ------*/
.badge {
    font-weight: 400;
}

.tablesorter-pager span {
    padding: 2px .5rem;
    font-size: .875rem
}

/*------- POPOVER ------*/
.popover {
    border: 1px solid rgb(216, 229, 239);
    webkit-box-shadow: 2px 2px 5px -1px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 2px 2px 5px -1px rgba(0, 0, 0, 0.4);
    box-shadow: 2px 2px 5px -1px rgba(0, 0, 0, 0.4);
    max-width: 100% !important;
    z-index: 9999;
}

.popover-body {
    padding: 0;
}

.div-inner-popover {
    padding: 8px;
}

.lista-acciones li:hover {
    background: #FAFBFC;
    border-bottom: 1px solid #D8E5EE !important;
    border-top: 1px solid #D8E5EE !important;
}

.lista-acciones li {
    cursor: pointer;
    list-style: none;
    float: left;
    clear: both;
    padding: 3px 10px;
    width: 100%;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    margin: 0 !important;
    height: 27px;
}

select.form-control:not([size]):not([multiple]) {
    height: 40px;
}

.form-group {
    margin-bottom: 0px;
}

.close {
    position: absolute;
    top: 7px;
    right: 10px;
}

input:focus, select:focus {
    /*border: solid 1px #2075bd;*/
}

input:disabled {
    /*background-color: #f6f6f6*/
}

.table-basic thead th div, .table-basic thead th div label {
font-weight: 600 !important;
}

.iluminate-row-table-basic {
background-color: rgb(237, 248, 252);
}

.breadcrumb-item.active {
color: #1d96e0 !important;
cursor: pointer;
}

.breadcrumb-item + .breadcrumb-item::before {
color: #b3b3b3;
font-family: monospace;
font-size: 14px;
content: ">";
line-height: 10px;
}

.list-group-item:last-child {
margin-bottom: -1px;
}
div#top div.iconsbar,div#top span, ul#select2-pais_actual-results
{
    font-size:14px!important;
}
div#top div.iconsbar
{
    padding:0px!important;
    padding-top: 3px!important;
    padding-right: 5px!important;
}
div.iconsbar img
{
    margin-top: 3px !important;
}

.has-error label {
    color: #ff586c !important;
}

.has-error input {
    border-color: #ff586c !important;
}

/*******************************
* MODAL AS LEFT/RIGHT SIDEBAR
* Add "left" or "right" in modal parent div, after class="modal".
* Get free snippets on bootpen.com
*******************************/
.modal.left .modal-dialog,
.modal.right .modal-dialog {
    right: 0;
    position: fixed;
    margin: auto;
    min-width: 1000px;
    height: 100%;
    -webkit-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
}

.modal.left .modal-content,
.modal.right .modal-content {
    height: 100%;
    overflow-y: auto;
}

.modal.left .modal-body,
.modal.right .modal-body {
    padding: 15px 15px 80px;
}

/*Left*/
.modal.left.fade .modal-dialog {
    left: -320px;
    -webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, left 0.3s ease-out;
    -o-transition: opacity 0.3s linear, left 0.3s ease-out;
    transition: opacity 0.3s linear, left 0.3s ease-out;
}

.modal.left.fade.in .modal-dialog {
    left: 0;
}

/*Right*/
.modal.right.fade .modal-dialog {
    right: 0;
    -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
    -o-transition: opacity 0.3s linear, right 0.3s ease-out;
    transition: opacity 0.3s linear, right 0.3s ease-out;
}

.modal.right.fade.in .modal-dialog {
    right: 0;
}

/* ----- MODAL STYLE ----- */
.modal-content {
    border-radius: 0;
    border: none;
}

.modal-header {
    border-bottom-color: #EEEEEE;
    background-color: #FAFAFA;
}

.modal-header .close {
    padding: 1rem;
    margin-top: -8px;
    margin-right: 0px;
}

.close {
    float: right;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1;
    color: black;
    text-shadow: 0 1px 0 #fff;
    opacity: 1;
}