/*================================================================================
	Item Name: Stack - Responsive Admin Theme
	Author: PIXINVENT
	Author URL: http://www.themeforest.net/user/pixinvent
================================================================================

NOTE:
------
PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */
html body.bg-full-screen-image {
	background: none;
	background-size: auto;
}

html body.bg-full-screen-image.login-page {
    background: url(../../app-assets/tc_images/plane-1.jpg) no-repeat center center fixed;
    background-size: cover;
}
html body .content.app-content{
    overflow: hidden;
}
html body, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: "Open Sans";
}

/*GAMAS DE COLORES GENERALES -- SEGUN TRIPCARE O CLIENTE*/
a {
	color: #004169; /*COLOR TC*/
	text-decoration: none;
	background-color: transparent; }
a:hover {
	  color: #051641;
	  text-decoration: none; }


/**/


/*LOGIN STYLES*/
.login-page h6{
	margin : 10px 0 0 !important;
}
.login-page ul.lang-switcher{
	position: absolute;
    right: 0;
    padding-right: 20px;
}



/**********************/
/*GLOBAL STYLES PANEL*/

/*SIDEBAR STYLES*/
body.vertical-layout.vertical-menu-modern.menu-collapsed .navbar .navbar-brand {
    padding: 10px 0px 5px; }
.header-navbar .navbar-header .navbar-brand .brand-logo{
	/*width: 35px ;*/
    max-height: 35px;
	vertical-align: bottom;
}
.navbar-semi-dark .navbar-header {
    background: #ffffff;
}
.main-menu.menu-dark {
    color: #dcdcdc;
    background: #004169; /*COLOR TC*/
}
.main-menu.menu-dark .navigation {
    background: #004169; /*COLOR TC*/
}

.main-menu.menu-dark .navigation > li.hover > a, .main-menu.menu-dark .navigation > li:hover > a, .main-menu.menu-dark .navigation > li.active > a {
    color: #ffffff;
    background-color: #41a6d7; /*COLOR TC2*/
}
.main-menu.menu-dark .navigation > li.open > a {
    padding-left: 16px !important;
    color: #ffffff;
    background: #41a6d7; /*COLOR TC2*/
}

.main-menu.menu-dark .navigation > li > ul{
	background-color: #41a6d7; /*COLOR TC2*/
	color: #ffffff;
}

.main-menu.menu-dark .navigation > li.open .hover > a {
	background: #41a6d7; /*COLOR TC2*/
}

.main-menu.menu-dark .navigation > li.open {
	border-left: 4px solid #ebe8ea;
}

.client-logo{
	padding: 0.5rem 1rem 0 1rem;
    max-height: 50px;
    display: block;
}

.grouped-multiple-statistics-card .heading-text {
	font-size: 1.25rem;
    letter-spacing: 2px;
    line-height: 1.5rem;
}
.grouped-multiple-statistics-card .sub-heading {
    color: #fff;
    font-size: 1.15rem;
    font-weight: 100;
    margin: 0 0 0.5rem;
}

/*BOTON STYLES*/
.btn-colours {
    padding: 10px;
    color: #FFF;
    font-size: 1.2rem;
    font-weight: 700;
    display: block;
    border-radius: 5px;
}
.bg-colour1 {
    background: rgb(41,109,44);
    background: linear-gradient( 
		90deg
		 , rgb(36,123,79) 0%, rgb(30, 150, 112) 0%, rgb(7, 110, 69) 100%);
	color: #ffffff;
}
.btn-colours:hover.bg-colour1 {
    background: rgb(6, 90, 62) !important;
}

.bg-colour2 {
    background: rgb(158, 119, 34);
    background: linear-gradient( 
		90deg
		 , rgb(172, 128, 33) 0%, rgb(167, 120, 20) 0%, rgb(112, 79, 6) 100%);
	color: #ffffff;
}
.btn-colours:hover.bg-colour2 {
    background: rgb(112, 77, 0) !important;
}

.bg-colour3 {
    background: rgb(34, 63, 158);
    background: linear-gradient( 
		90deg
		 , rgb(20, 21, 117) 0%, rgb(42, 57, 192) 0%, rgb(15, 7, 121) 100%);
	color: #ffffff;
}
.btn-colours:hover.bg-colour3 {
    background: rgb(13, 6, 102) !important;
}

.bg-colour4 {
    background: rgb(177, 35, 35);
    background: linear-gradient( 
		90deg
		 , rgb(172, 17, 17) 0%, rgb(180, 43, 43) 0%, rgb(141, 3, 3) 100%);
	color: #ffffff;
}
.btn-colours:hover.bg-colour4 {
    background: rgb(116, 6, 6) !important;
}

/*COLOR TC*/
html body .pace .pace-progress{
    background: #004169; /*COLOR TC*/
}

/*COLOR TC*/
.avatar.avatar-online i{
    background-color: #004169; /*COLOR TC*/
}

.dropdown-item:hover, .dropdown-item:focus{
    color: #001a5a;
    background-color: #e0e9ff;
}


html body.page .content .content-wrapper{
    padding-top: 0;
}


html body.page  .content .content-wrapper .content-header{
    height: 190px;
    padding: 2rem 1rem;
    margin: 0;
}

/*html body.page-entidades .content .content-wrapper .content-header{*/
/*    background:  linear-gradient(to left, rgba(255,255,255,0), rgba(255,255,255,0.7)),  url(../../app-assets/tc_images/enterprise_2.jpg);*/
/*    margin: 0;*/
/*    height: 190px;*/
/*    background-position: 95% 35%;*/
/*    padding: 2rem 1rem;*/

/*}*/
html body.page-entidades .content .content-wrapper .content-header{
    background:  linear-gradient(to left, rgba(255,255,255,0), rgba(255,255,255,0.7)),  url(../../app-assets/tc_images/listado_informes.png);
    margin: 0;
    height: 190px;
    background-position: 95% 35%;
    padding: 2rem 1rem;

}

html body.page-usuarios .content .content-wrapper .content-header{
    background:  linear-gradient(to left, rgba(255,255,255,0), rgba(255,255,255,0.7)),  url(../../app-assets/tc_images/users-fondo.png);
    margin: 0;
    height: 190px;
    background-position: 100% 35%;
    padding: 2rem 1rem;

}

html body.page-configuracion .content .content-wrapper .content-header{
    background:  linear-gradient(to left, rgba(255,255,255,0), rgba(255,255,255,0.7)),  url(../../app-assets/tc_images/subscribe.jpg);
    background-position: 95% 39%;
}

html body.page-configuracion-oficinas .content .content-wrapper .content-header{
    background:  linear-gradient(to left, rgba(255,255,255,0), rgba(255,255,255,0.7)),  url(../../app-assets/tc_images/offices.png);
    background-position: center center;
}

html body.informes .content .content-wrapper .content-header{
    background:  linear-gradient(to left, rgba(255,255,255,0), rgba(255,255,255,0.7)),  url(../../app-assets/tc_images/offices.png);
    background-position: center center;
}

html body.page-informes .content .content-wrapper .content-header{
    background:  linear-gradient(to left, rgba(255,255,255,0), rgba(255,255,255,0.8)),  url(../../app-assets/tc_images/informes.png);
    background-position: 95% 39%;
}
html body.page-gestion .content .content-wrapper .content-header{
    background:  linear-gradient(to left, rgba(255,255,255,0), rgba(255,255,255,0.8)),  url(../../app-assets/tc_images/gestion.png);
    background-position: 95% 39%;
}

html body.page-informes-pnrdetalle .content .content-wrapper .content-header{
    background:  linear-gradient(to left, rgba(255,255,255,0), rgba(255,255,255,0.7)),  url(../../app-assets/tc_images/9.png);
    background-position: 50% 50%;
}

html body.page-informes.informe-worldmap .content .content-wrapper .content-header{
    background:  linear-gradient(to left, rgba(255,255,255,0), rgba(255,255,255,0.8)),  url(../../app-assets/tc_images/12.png);
    background-position: 95% 39%;
}

html body.page-alertas .content .content-wrapper .content-header{
    background:  linear-gradient(to left, rgba(255,255,255,0), rgba(255,255,255,0.8)),  url(../../app-assets/tc_images/travel-1.jpg);
    background-position: 95% 39%;
}

.form-control:focus{
    border-color: #001a5a;
}

.custom-file-input:focus ~ .custom-file-label{
    border-color: #001a5a;
    box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.2rem #001a5a;
}
.listado .btn-colours{
    min-height: 91px;
}
.bg-colourblue1 {
    background: rgb(41,109,44);
    background: linear-gradient( 
        90deg
         , rgb(26, 79, 224) 0%, rgb(15, 48, 131) 0%, rgb(88 136 197) 100%);
	color: #ffffff;
}
.bg-colourblue2 {
    background: rgb(41,109,44);
    background: linear-gradient( 
        90deg
        , rgb(57 96 167) 0%, rgb(88 136 196) 0%, rgb(19 107 134) 100%);
	color: #ffffff;
}
.bg-colourblue3 {
    background: rgb(41,109,44);
    background: linear-gradient( 
        90deg
        , rgb(146 188 202) 0%, rgb(31 111 141) 0%, rgb(88 136 195) 100%);
	color: #ffffff;
}
.bg-colourblue4 {
    background: rgb(41,109,44);
    background: linear-gradient( 
        90deg
        , rgb(57 96 167) 0%, rgb(88 136 195) 0%, rgb(22 55 136) 100%);
	color: #ffffff;
}
h3.content-header-title{
    font-size: 2.61rem;
}

.informe-checkboxes .form-group{
    margin-bottom: 0.1rem;
}

.informe-checkboxes{
    /*height: 180px;
    overflow: auto;*/
}

.informe-checkboxes .input-group-prepend{
    height: 28px;
}
.informe-checkboxes input{
    height: 28px;
    font-size: 0.9rem;
}

.informe-checkboxes.list-agencias, .informe-checkboxes.list-empresas{
    border-right: 1px solid #ddd;
}

/*COLOR TC*/
.custom-select:focus {
    border-color: #004169; /*COLOR TC*/
    outline: 0;
    box-shadow: inset 0 1px 2px rgb(0,0,0 / 8%), 0 0 5px rgb(57,252,255 / 50%);
}

/*COLOR TC*/
.page .card-header {
    padding: 0.9rem 1.5rem;
    margin-bottom: 0;
    background-color: #004169; /*COLOR TC*/
    position: relative;
    border-bottom: 1px solid rgba(4, 51, 139, 0.06);
    color: #FFF;
}

.page .card-header .heading-elements, .page .card-header .heading-elements-toggle {
    top: 25%;
}

.page .card-form h4{
    font-size: 1.1rem;
    font-family: "Open Sans";
}

.page .card-form .lead{
    font-size: 1.15rem;
}
.icons-informes{
    padding: 0.5rem 1rem;
}
.icons-informes .btn{
    padding: 0.5rem 0.75rem;
}
.icons-informes .fa{
    font-size: 1.3em;
}

/*DATATABLES*/
/*COLOR TC*/
.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #004169; /*COLOR TC*/
    border-color: #031949;
}


.dropdown-menu h5{
    text-align: center;
    font-size: 1rem;
    border-bottom: 1px solid #b9b9b9;
    padding-bottom: 5px;
    margin: 0px 5px 5px;
}

/*COLOR TC*/
.header-navbar .navbar-container ul.nav li a.dropdown-user-link .user-name{
    font-size: 1.15rem;
    color: #004169; /*COLOR TC*/
}

.breadcrumb-item.active {
    color: #004169;/*COLOR TC*/
    font-weight: bold;
}
.table-actions a{
    margin-left: 5px;
    display: inline-block;
    min-width: 18px;
}

.tooltip-inner {
    background-color: #021044;
}

/*COLOR TC*/
form .form-section h4 {
    color: #004169; /*COLOR TC*/
}

/*COLOR TC*/
form h4.form-section {
    color: #004169; /*COLOR TC*/
}

.checkAllWrapper label{
    font-size: 0.9rem;
}

.radio-group{
    padding-top: 5px;
}
.radio-group .iradio_flat-blue{
    margin-left: 15px !important;
}


/*media query mobilee*/
@media (max-width: 767.98px) {
    html body.page-manager .content .content-wrapper .content-header{
        height: 250px;
    }
}

.entidades-checkboxes .form-group label{
    margin-bottom: 0.2rem;
}

.d-none-light{
    display: none;
}

.informes-filtros-checkboxes{
    padding-top: 0.5rem;
}

/*COLOR TC*/
.informes-filtros .informes-filtros-titulos h4, .section-alertas.ficha #alertas-ficha-entidades h4{
    margin: 0;
    color: #004169; /*COLOR TC*/
    font-weight: bold;
    border-bottom: 1px solid #89a1dd;
    padding-bottom: 5px;
}

.section-alertas.ficha #alertas-ficha-entidades h4 {
    font-size: 1rem;
}

.informes-filtros .informes-filtros-titulos label{
    margin: 0;
}

.informes-resultados{

}

.mapa-mundo{
    width: 100%;
    height: 650px;
    margin-bottom: 20px;
    border: 1px solid #545454;
}

.mapa-mundo-marker{
    background: #ffffff;
}
.mapa-mundo-marker h3{
    font-size: 16px;
    text-align: center;
    border-bottom: 1px solid #8d8d8d;
    font-weight: bold;
}
.mapa-mundo-marker p{
    font-size: 13px;
}
.mapa-mundo-marker .marker-content{
    height:200px;
    overflow:auto;
    line-height:20px;
    width:500px;
}
.mapa-mundo-marker .marker-item{
    float: left;
    width: 49%;
    margin-right: 1%;
     padding: 6px 7px;
    margin-bottom: 3px;
    background: #e2effb;
    display: flex;
    align-items: center;
    font-size: 0.85rem;
}
.mapa-mundo-marker .marker-single{
    width: 100%;
    margin-right: 0;
}

/*.loader {
    color: #fff;
    font-size: 10px;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    position: relative;
    text-indent: -9999em;
    animation: mulShdSpin 1.3s infinite linear;
    transform: translateZ(0);
}

@keyframes mulShdSpin {
    0%,
    100% {
        box-shadow: 0 -3em 0 0.2em,
        2em -2em 0 0em, 3em 0 0 -1em,
        2em 2em 0 -1em, 0 3em 0 -1em,
        -2em 2em 0 -1em, -3em 0 0 -1em,
        -2em -2em 0 0;
    }
    12.5% {
        box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em,
        3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em,
        -2em 2em 0 -1em, -3em 0 0 -1em,
        -2em -2em 0 -1em;
    }
    25% {
        box-shadow: 0 -3em 0 -0.5em,
        2em -2em 0 0, 3em 0 0 0.2em,
        2em 2em 0 0, 0 3em 0 -1em,
        -2em 2em 0 -1em, -3em 0 0 -1em,
        -2em -2em 0 -1em;
    }
    37.5% {
        box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em,
        3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em,
        -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
    }
    50% {
        box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em,
        3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em,
        -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
    }
    62.5% {
        box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em,
        3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0,
        -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
    }
    75% {
        box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em,
        3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em,
        -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
    }
    87.5% {
        box-shadow: 0em -3em 0 0, 2em -2em 0 -1em,
        3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em,
        -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
    }
}
*/

.map-load, .spinner-poligono{
    display: block;
    position: absolute;
    left: 48%;
    top: 45%;
}

.map-load .loader, .spinner-poligono .loader {
    width: 55px;
    height: 55px;
    border-radius: 50%;
    display: inline-block;
    border-top: 4px solid #FFF;
    border-right: 4px solid transparent;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
}
.map-load .loader::after, .spinner-poligono .loader::after{
    content: '';
    box-sizing: border-box;
    position: absolute;
    left: 0;
    top: 0;
    width: 55px;
    height: 55px;
    border-radius: 50%;
    border-left: 4px solid #0038b0;
    border-bottom: 4px solid transparent;
    animation: rotation 0.5s linear infinite reverse;
}
@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
.marker-noticia-evento{
    color: #004169;
    font-size: 14px;
    background: #e5e5e5;
    padding: 5px;
    margin: 10px 0 0;
}


.map-description-icos{
    margin: 0 0 10px;background: #fff;padding: 10px;border: 1px solid #bbb;
}
.map-description-icos span{
    margin-right: 10px;
}

#poligono h4{
    font-weight: bold; margin-bottom: 15px; font-size: 14px;
}
#poligono .poligono-items{
    font-size: 13px;
    margin: 0;
    padding: 0;
}

#poligono .poligono-items li{
    padding: 4px 0 4px 10px;
    background: #eaf1f4;
    margin-bottom: 5px;
    font-size: 13px;
}
#poligono .poligono-items li input{
    margin-top: 3px; margin-right: 8px;
}
#poligono .poligono-list{
    max-height: 300px;
    overflow: auto;
    scroll-behavior: smooth;
}
#poligono .poligono-email, #poligono .poligono-telefono{
    font-size: 12px;
    color: #787878;
}
#poligono .poligono-passengers{

}
.main-menu.menu-dark .navigation li a {
    color: #FFF;
    font-weight: 400;
}
.main-menu.menu-dark .navigation > li ul li > a {
    padding: 8px 18px 4px 54px;
}

.last-news{

}
.last-news .lead{
    font-size: 1.0em;
    color: #847e8a;
    font-weight: 600;
}
#notification-resumen a:hover .media{
    background: #fdf7d9;
    font-weight: 500;
}

.header-navbar .navbar-container ul.nav li .media-list#notification-resumen{
    max-height: 36.6rem;
}
.onload-spinner{

}

/* The container */
.container-checkbox {
    position: relative;
    padding-left: 23px;
    margin-bottom: 5px;
    cursor: pointer;
    font-size: 1rem;
    line-height: 1.5rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

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

/* Create a custom checkbox */
.container-checkbox .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 18px;
    width: 18px;
    background-color: #eee;
}

/* On mouse-over, add a grey background color */
.container-checkbox:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container-checkbox input:checked ~ .checkmark {
    background-color: #0075ff;
}

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

/* Show the checkmark when checked */
.container-checkbox input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.container-checkbox .checkmark:after {
    left: 7px;
    top: 3px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}


/* The container */
.container-radio {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default radio button */
.container-radio input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom radio button */
.container-radio .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
    border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.container-radio:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.container-radio input:checked ~ .checkmark {
    background-color: #2196F3;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.container-radio .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.container-radio input:checked ~ .checkmark:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.container-radio .checkmark:after {
    top: 9px;
    left: 9px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: white;
}
.ps__rail-x,
.ps__rail-y {
    opacity: 0.6;
}

/*RECOMENDACIONES DE VIAJE*/
.form-recommendation .input-group-text {
    background-color: #0d235b;
    border: 1px solid #0d235b;
    color: #FFF;
    font-size: 16px;
}

.form-recommendation .select2-container--bootstrap-5 .select2-selection--single {
    padding: .375rem .75rem .375rem 2.25rem;
    background-repeat: no-repeat;
    background-position: right.75rem center;
    background-size: 16px 12px;
    border-top-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
}

.form-recommendation .form-check{
    font-size: 16px;
}

.form-recommendation .card-header{
    background-color: #0d235b;
    border: 1px solid #0d235b;
    color: #FFF;
    font-size: 16px;
}

.english-recommendations-seguridad, .english-recommendations-sanitaria, .english-recommendations-covid, .english-recommendations-visados{display: none;}

.form-recommendation .form-check-label{ font-size: 15px;}

.form-recommendation .card-text {font-size: 13px;}

.form-recommendation.form-email h3{font-size: 16px; color: #000;}
.form-recommendation.form-email h4{font-size: 16px;}
.form-recommendation.form-email h5{font-size: 15px;}
.form-recommendation .is-invalid .select2-selection--single, .form-recommendation .is-invalid .select2-selection--single .select2-selection__rendered {
    color:#dc3545 ;
    border-color: #dc3545;
}

select.form-control {
    -moz-appearance: auto;
    -webkit-appearance: auto;
}